<!-- Freshket Sense v398: ETag 0ms + _skuSnap + MAX_SHOW 8s + handover IDB + value guard nrrPct key. Rollback: sense_v224.html -->
<!-- Freshket Sense v218 DATA GATE — Phase 4 architectural fix on v217 baseline.
     Goal: zero partial renders. refreshAll() fires ONCE per load cycle when ALL 6 FOREGROUND
           files are ready — not once per file callback. Eliminates 4-6 visible flashes on
           BOTH cold boot AND bfcache resume reload.
     Architecture change (data-gate pattern):
       allCriticalReady() = _cloudLoadedTabs has all 6 FOREGROUND files:
         portview, history, categories, sku_current, outlets, handover
       refreshAll() blocks (queues _pendingRefreshAll) until allCriticalReady() = true.
       _fetchCloudflareFile: when last FOREGROUND file arrives → signal _splashDataReady
         + flush _pendingRefreshAll. Single consolidated render at end of load cycle.
       _splashDataReady ownership moved from 3 file callbacks → _fetchCloudflareFile.
       v212a validateUnifiedFreshness: clears _cloudLoadedTabs before force-reload so
         data-gate also blocks refreshAll during bfcache resume reload.
     Other fixes:
       ciq_index localStorage: purge stale sample_ entries on init (fixes [ตัวอย่าง] in list).
       MAX_SHOW: cold 5000→8000ms, warm boot 500→3000ms (6 files need more headroom).
     PRESERVED: all of v215-v217 (auth/resume owner cleanup, trust pass, smooth resume),
                commission, NRR, role logic, data loader, Olive, all UI fixes.
     Rollback: revert to sense_v217_smooth_resume.html. -->
<!-- Freshket Sense v217 SMOOTH RESUME — Phase 3 surgical patch on v216 baseline.
     Goal: eliminate remaining flash-รัวๆ after splash + make iOS cold boot feel like resume.
     Edits (6 jobs):
       A. Init: clear stale sample_ ID from currentAccountId before loadFromStorage (was causing
          _getKamEmailForAccount: portviewBulkData not loaded yet for sample_741a4cb1abcd console noise).
       B. refreshAll() splash guard: set window._senseSplashActive=true at showSenseSplash start.
          All refreshAll() calls during R2 file loading are queued (no-op). doFade releases guard
          and fires one consolidated refreshAll after splash fully disappears → eliminates 4-flash
          pattern from categories/prices/sku_current/alternatives arriving sequentially after splash.
       C. Warm boot detection: _splashDataReady saves sense_last_critical_ready timestamp to localStorage.
          On next cold boot, if timestamp < 30min → MIN_SHOW=0ms, MAX_SHOW=500ms → IndexedDB loads
          critical data in ~200-300ms → splash appears for ~300ms total → feels like native resume
          not "forced full reload". Addresses iOS PWA kill-on-background-sleep behavior.
     PRESERVED: all of v216 + v215 (auth/resume owner cleanup), commission, NRR, role logic,
                data loader, Olive, all UI fixes (v213c-v213f), Supabase auth flow.
     Rollback: revert to sense_v216_trust_pass.html. -->
<!-- Freshket Sense v216 TRUST PASS — Phase 2 surgical patch on v215 baseline.
     Goal: complete-trust app feel. No phantom data, no multi-flash, no 1-frame login flash, no force-refresh mid-use.
     Edits (7 jobs, no new code paths — config + condition tightening only):
       1. v212a lastResumeAt initialized to Date.now() (was 0) — suppresses 5th flash at 5-10s from
          first cold-load validateUnifiedFreshness force-fetching CSV unnecessarily.
       2. useSampleData() skipped when Supabase auth token detected in localStorage — eliminates
          phantom "[ตัวอย่าง] บ.ลีฟ ทู อีท จำกัด" / sample_741a4cb1abcd flash on every cold boot.
       3-5. Splash _splashDataReady trigger now requires portview + history + handover all loaded
          (was: just portview + history). Splash holds until 3 critical Team View files all ready,
          so all sequential refreshAll() calls happen BEHIND the splash. Cold MAX_SHOW extended
          2000ms → 5000ms as safety net for slow R2.
       6. Splash MAX_SHOW cold extended 2000ms → 5000ms — fallback when one critical file is slow.
       7. Sync boot cover script injected after splash HTML — if Supabase session detected in
          localStorage synchronously (before main JS init), hides login overlay and shows splash early.
          Eliminates the 1-frame login flash on PWA reload that the user reported.
     PRESERVED: all of v215 (auth/resume owner cleanup), commission feature, NRR, KAM/TL/Admin role logic,
                data loader business logic, Olive, all UI fixes (v213c-v213f), Supabase auth flow.
     Rollback: revert to sense_v215_auth_owner_cleanup.html. -->
<!-- Freshket Sense v215 AUTH/RESUME OWNER CLEANUP — minimal surgical patch on v214f baseline.
     Goal: trustable app behavior at every micro-moment (cold open, login, resume, token refresh, daily refresh).
     Edits (3 jobs, ~3 `return;` neutralizations, no new code paths):
       1. v213b boot() neutralized (was line ~30010) — primary auth/resume villain.
          installResumeCorrection() fired on every visibilitychange/pageshow/focus without debounce,
          used 900ms grace (shorter than main app's 2500–3500ms), and called showLoginNow() →
          resetRuntimeSessionState() on transient null getSession() during iOS Supabase token refresh.
          Caused "logout เอง + flash login + auto-relogin + กระตุก" symptom across KAM/TL/Admin.
       2. v213a installPwaResumeLoginFlashGuard() neutralized (was line ~29841) — secondary culprit.
          hideLoginUi() force-closed splash element mid-animation on resume. Caused "ขึ้นจอที่ไม่ควรขึ้น".
          v213a guided UX work (SKU price default, restaurant glint, FAB cleanup, coach removal) PRESERVED.
       3. SW controllerchange duplicate handler neutralized (was line ~26570).
          Earlier handler at line ~5088 already reloads once. Single owner = safer.
     Main app's _pwaSilentSessionCheck (line ~7309) is now the SOLE owner of resume session validation.
     PRESERVED: commission feature, NRR, KAM/TL/Admin role logic, data loader, Olive, v212/v212a freshness,
                v206f data repair, v212c diagnostics (frozen), v213c–v213f UI fixes, splash animation.
     Rollback: revert 3 `return;` statements at the marked locations → identical to v214f. -->
<!-- Freshket Sense v214f EMERGENCY RESTORE: rollback to v213f teamview card rail balance after v214d/e auth owner cleanup blank-screen regression. No code logic changes from v213f baseline. Use to unbrick production while auth/loading refactor is redesigned offline. -->
<!DOCTYPE html>

<!-- Freshket Sense v213b: Auth-safe Guided UX cleanup — fixes v213a cold/no-session login overlay suppression; no data/NRR/commission formula changes -->
<!-- Freshket Sense v213a: Guided UX cleanup | v213: Guided Intelligence UX — SKU default to price trend, Restaurant drill-down CTA + coach mark, premium commission reward states, PWA entry viewport reset, Olive FAB safe-zone clamp/snap; no data/commission/NRR/owner/movement logic change -->
<!-- Freshket Sense v212c: Diagnostics + reliable foreground counter — exposes FreshketSenseDebug status/rows/network/version, readable build metadata, lexical/global data row detection, no extra reloads or business logic changes -->
<!-- Freshket Sense v212b: PWA data panel + target input + overflow badge cleanup — sync Cloudflare panel count from actual foreground data, comma-format target inputs, hide redundant run-rate overflow badge; preserves v212a freshness unification and no commission/owner/movement formula change -->
<!-- Freshket Sense v212a: PWA freshness unification — CSV + Supabase governance/commission refresh contract, PWA resume validation, Teamview mobile layout guard; no commission/owner/movement formula change -->
<!-- Freshket Sense v212: Data Freshness & Loader Correctness patch — critical network-first portview/history/handover, cache fallback, PWA resume freshness validation, build version alignment; preserves v211c movement correctness and commission logic -->
<!-- Freshket Sense v211c: Handover data refresh + movement classification/sheet UI fix — Q10_FIXED_PROD SQL, cache-busted portview_handover.csv, robust handover parsing, New/Transfer sheet columns, Transfer-out row cards; no commission/schema/role/PWA regression -->
<!-- Freshket Sense v211a: Commission QA cleanup — static+logic validation pass, snapshot row normalization, admin-write guards preserved, locked/live source-of-truth clarified, TOC/patch map updated; no schema change, no PWA/performance change -->
<!-- Freshket Sense v211c: Handover Q10 fixed + movement sheet UI cleanup | v211: Commission snapshot + permission hardening | v210l: Portfolio UX State Cleanup (compact Insight sheet + NRR explanation sheet + simplified target color) | v210k: KAM commission compact 2-line strip (Thai-first, multi-source ready, no logic/schema change) | v210d: Rule Library Cleanup + archive/inactive rules + usage count + preview rule name (surgical, no schema change) | v210c: rule reload fix | v207h: movement attribution hardening — dormant transfers in Q10, days_with_current_kam pending-transfer guard, NRR/CB/EX movement totals (SQL+runtime only; no PWA/perf/UI change) | v207d: performance/PWA/UI baseline preserved -->
<!--
╔══════════════════════════════════════════════════════════════════════════════╗
║ LATEST PATCH MAP — v224e (restructured)                                     ║
║                                                                              ║
║ Baseline: sense_v224e_3.html — 31,365 lines (pre-restructure)               ║
║                                                                              ║
║ Restructure (this file):                                                     ║
║  COMMISSION PATCHES inlined into <script id="target-module-js">             ║
║   · v210h (admin visibility) · v210i (role norm) · v210k (KAM strip)        ║
║   · v211 (snapshot hardening) — appended AFTER original functions           ║
║  DEAD PATCHES deleted from freshket-patches-consolidated:                   ║
║   · v213a (neutralized by v215) · v213b (neutralized by v215)               ║
║  DEAD FUNCTIONS marked [UNUSED]                                              ║
║  SECTION markers added throughout main script for AI grep navigation        ║
║                                                                              ║
║ Rollback: sense_v224e_3.html (original, pre-restructure)                    ║
║                                                                              ║
║ v211b QA notes:                                                              ║
║  - All inline scripts pass node --check.                                     ║
║  - v211 snapshot logic: admin/TL/KAM scoping, locked-over-live precedence,  ║
║    CSV source, admin write guard, lock payload normalization all verified.   ║
║  - v211b overrides _tgtShowCohortSheet at runtime (not rewrite).            ║
╚══════════════════════════════════════════════════════════════════════════════╝
-->
<!--
╔══════════════════════════════════════════════════════════════════════════════╗
║  TABLE OF CONTENTS — sense_v224e (restructured)                             ║
║                                                                              ║
║  AI INSTRUCTION: Read this block FIRST. grep SECTION: to navigate.          ║
║                                                                              ║
║  HOW TO NAVIGATE:                                                            ║
║   grep -n "SECTION:" file   -> all section anchors                          ║
║   grep -n "function NAME"   -> exact function (always grep, never guess)    ║
║   grep -n "PATCH:"          -> remaining patches in consolidated block      ║
║   grep -n "UNUSED"          -> dead functions                               ║
║   grep -n "COMMISSION"      -> all commission-related code                  ║
║                                                                              ║
╠══════════════════════════════════════════════════════════════════════════════╣
║                                                                              ║
║  SCRIPT BLOCKS (in file order)                                               ║
║                                                                              ║
║   <style>                      Main CSS                                     ║
║   freshket-sense-config        App config + constants                        ║
║   freshket-style-runtime       Dynamic style injection                       ║
║   freshket-view-registry       Screen/view registry                          ║
║   freshket-read-model          Data read model                               ║
║   freshket-navigation-runtime  Navigation logic                              ║
║   freshket-report-renderer     Report renderer                               ║
║   freshket-overview-renderer   Overview screen                               ║
║   freshket-portfolio-renderer  Portfolio screen                              ║
║   freshket-kam-team-renderer   KAM/Team View renderer adapter                ║
║   [inline]                     SW registration, manifest, boot cover         ║
║   MAIN SCRIPT (no id)          Core app — see SECTION: markers below        ║
║   target-module-js             Target + Commission + NRR                    ║
║                                v210h/v210i/v210k/v211 inlined here          ║
║   freshket-patches-consolidated Remaining non-commission patches             ║
║                                                                              ║
║  HTML SECTIONS                                                               ║
║   id="login-overlay"              Login form (z-index 9999)                 ║
║   id="sense-splash"               Splash (z-index 10000)                    ║
║   id="dp-bulk"                    Bulk data panel                            ║
║   id="scr-teamview"               Teamview (TL/Admin)                       ║
║   id="verifySheet"                SKU Verify sheet                           ║
║   id="sense-gate"                 Sense Gate overlay                         ║
║   id="commission-cockpit-overlay" Commission Cockpit sheet                   ║
║                                                                              ║
║  MAIN SCRIPT SECTIONS (grep "SECTION:" to jump)                              ║
║                                                                              ║
║   SECTION:AUTH                normalizeRole, doLogin, showSenseSplash,      ║
║                               hideLoginOverlay, loadUserProfile, checkSession║
║   SECTION:SAMPLE_DATA         SAMPLE object (restaurant demo data)           ║
║   SECTION:GLOBAL_DATA_VARS    portviewBulkData, bulkHistoryData, etc.        ║
║   SECTION:KAM_SIGNALS         computeKamSignals, renderKamSignalBar          ║
║   SECTION:UTILS               showToast, animN, getSenseScoreMetrics         ║
║   SECTION:STORAGE             saveToStorage, loadFromStorage, switchAccount  ║
║   SECTION:CSV_PARSERS         parseCSVRow, parsePortviewBulk, parseSkuCurrent║
║   SECTION:BULK_ALTERNATIVES   processBulkAlternatives, buildGroupsFromAlts   ║
║   SECTION:OPP_ENGINE          computeOPPS, handleFileUpload                  ║
║   SECTION:DATA_LOADER         ingestCSVText, _fetchCloudflareFile,           ║
║                               loadFromCloudflareR2, ensureSenseData          ║
║   SECTION:REFRESH_GATE        allCriticalReady, refreshAll, triggerRestAI    ║
║   SECTION:OVERVIEW            renderOverview, selectMonth, renderOverviewStats║
║   SECTION:PORTFOLIO           renderPortfolio, renderSKUList                 ║
║   SECTION:OPPORTUNITIES       renderOpps, renderPlanBuilder, renderReport     ║
║   SECTION:SQL_TEMPLATES       BULK_SQL: Q8E Q9B Q2B Q3B Q4B Q5B Q6B Q7B Q10║
║   SECTION:OUTLET_CARD         renderOutletCard, parseMatcherInput             ║
║   SECTION:AI_CLIENT           callAI, getAiProxyUrl, setAiProxyUrl           ║
║   SECTION:SKU_MATCHER         runMatcherInApp, processItem, showMatcherResults║
║   SECTION:SENSE_GATE          openSenseGate, sgOrbTap, sgCommit              ║
║   SECTION:SCREEN_NAV          showScreen, setMode, navPortHome               ║
║   SECTION:KAM_ACCOUNT         renderKamThisMonth, renderKamLastMonth,        ║
║                               generateKamBriefing, generateTalklines         ║
║   SECTION:AI_CHAT             toggleChat, sendChat, buildChatSuggestions      ║
║   SECTION:HERO_RENDERS        renderHeroKAM, renderHeroMoM, renderQuickWins  ║
║   SECTION:SKU_DETAIL          openSkuDetail, renderSkuDetailContent          ║
║   SECTION:KAM_SUBTABS         setKamSubtab, updateKamSubtabVisibility        ║
║   SECTION:PACE_CHURN          computePaceSignal, computeChurnSignals         ║
║   SECTION:RESTAURANT_SHEET    openRestaurantSheet, closeRestaurantSheet       ║
║   SECTION:PORTVIEW            getPortviewAccounts, renderPortviewList,        ║
║                               renderPortviewSummary, generatePortviewInsight  ║
║   SECTION:TEAMVIEW            _buildKamGroups, renderTeamview,               ║
║                               renderTeamviewKamList, generateTeamviewInsight  ║
║   SECTION:VISIT_TRACKING      trackVisit, getVisitMap, _syncVisitToSupabase  ║
║   SECTION:SWIPE_HELPERS       _setRestSwipeCue, _updateRestSwipe             ║
║                                                                              ║
║  TARGET MODULE SECTIONS (in target-module-js script block)                   ║
║                                                                              ║
║   SECTION:TARGET_HELPERS      _tgtCurrentQuarter, _tgtFmtM, _tgtGet         ║
║   SECTION:NRR_GOV_POLICY      _nrrGovKey, _nrrGovDefaultPolicy,             ║
║                               renderNrrPolicyTab, onNrrPolicyChange          ║
║   SECTION:COMMISSION_CORE     _commDefaultTiers, _commGetDraft,              ║
║                               _commRulesForRole, _commMatchTierByCode        ║
║   SECTION:COMMISSION_PREVIEW  _commBuildPreviewModel, _commBuildSnapshotRows ║
║   SECTION:NRR_EXCLUSIONS      _nrrGovernedPct, _nrrAccountWaivedForPeriod    ║
║   SECTION:COMMISSION_KAM_SELF _commBuildKamSelfState, _commRenderKamSelfStrip║
║   SECTION:SNAPSHOT_LOCK       lockCommissionSnapshot, exportCommissionSnapshotCsv║
║   SECTION:COMMISSION_COCKPIT  openCommissionCockpit, renderCommissionCockpit ║
║   SECTION:TARGETS             loadTargets, openTargetSetup, saveTargets      ║
║   SECTION:NRR_COMPUTE         _tgtComputeKamNRR, _tgtKamBaseline3mo         ║
║   SECTION:NRR_WIDGET          renderPortviewTargetBar, renderPortviewNRRBar  ║
║   [v210h inlined]  syncCommissionAdminVisibility (admin btn visibility)      ║
║   [v210i inlined]  normalizeProfileAndBody + role body-class sync            ║
║   [v210k inlined]  KAM commission compact strip (overrides _commRenderKamSelfStrip)║
║   [v211  inlined]  Snapshot hardening + admin guards (wraps _commBuildPayoutSummary,║
║                    _commSetAssignment, onNrrPolicyChange, renderCommLockStep, etc.) ║
║                                                                              ║
║  REMAINING PATCHES (in freshket-patches-consolidated)                        ║
║   Commission patches (v210h/i/k, v211) MOVED to target-module-js above      ║
║   v213a + v213b DELETED (neutralized by v215)                               ║
║   v206e  Bundle micro-state          DATA_LOADING                            ║
║   v206f  PWA resume + live update    PWA_LIFECYCLE                           ║
║   v207   SKU Verify robustness       SKU_MATCHER                             ║
║   v207a  Sense opportunity patch     SENSE_GATE                              ║
║   v207b  Sense flow stability        SENSE_GATE                              ║
║   v210l  Portfolio state cleanup     PORTVIEW                                ║
║   v211b  Portfolio movement sheet    PORTVIEW/NRR                            ║
║   v211c  Handover movement fix       DATA_LOADING                            ║
║   v212   Data freshness              DATA_LOADING                            ║
║   v212a  PWA freshness unification   PWA_LIFECYCLE                           ║
║   v212b  Panel target UI             TARGET_MODULE                           ║
║   v212c  Diagnostics (frozen)        DIAGNOSTICS                             ║
║   v213   Guided intelligence UX      UX_OVERLAY                              ║
║   v213c  PWA teamview repair         TEAMVIEW                                ║
║   v213d  Teamview rail cleanup       TEAMVIEW                                ║
║   v213e  Teamview full rail align    TEAMVIEW                                ║
║   v213f  Teamview card rail balance  TEAMVIEW                                ║
║                                                                              ║
║  SQL TEMPLATES (grep "SECTION:SQL_TEMPLATES")                                ║
║   Q8E  Portview Enriched — MAX(delivery_date) days_elapsed, no status filter║
║        gmv_ex_vat, account_type IN SA/MC/Chain, QUALIFY ROW_NUMBER()        ║
║   Q9B  Purchase History — 12mo per account                                  ║
║   Q7B  SKU Current Month                                                     ║
║   Q2B  Categories                                                            ║
║   Q3B  SKUs master                                                           ║
║   Q4B  Alternatives                                                          ║
║   Q5B  Outlets                                                               ║
║   Q6B  Price history                                                         ║
║   Q10  Handover — transfer tracking                                          ║
║                                                                              ║
║  NRR COHORT LOGIC                                                            ║
║   Core NRR     daysWithCurrentKam > daysElapsed                             ║
║   Transfer in  daysWithCurrentKam <= daysElapsed + in bulkHandoverData      ║
║   New (Sales)  daysWithCurrentKam <= daysElapsed + NOT in bulkHandoverData  ║
║   NRR formula  daily-rate normalized per cohort via _tgtComputeKamNRR()     ║
║                                                                              ║
║  AI PROMPT CALL SITES                                                        ║
║   generateKamBriefing()     SECTION:KAM_ACCOUNT                             ║
║   generatePortviewInsight() SECTION:PORTVIEW                                ║
║   generateTeamviewInsight() SECTION:TEAMVIEW                                ║
║   sendChat()                SECTION:AI_CHAT                                 ║
║   callAI()                  SECTION:AI_CLIENT                               ║
║                                                                              ║
║  COMMISSION FEATURE MAP (governance-grade — all in target-module-js)         ║
║   HTML:  id="commission-cockpit-overlay"                                    ║
║   CSS:   grep ".comm-\|.pv-comm" in <style> block                          ║
║   JS:    grep "SECTION:COMMISSION\|SECTION:NRR\|SECTION:SNAPSHOT"          ║
║   DB:    commission_rules, commission_assignments,                           ║
║          commission_snapshots, nrr_exclusions (request/approve UI: /nrr)     ║
║                                                                              ║
║  DEAD CODE                                                                   ║
║   grep "UNUSED" -> 7 functions (no callers): libDelClick, retryMatcherItem,  ║
║   updateGenProgress, togglePlanTray, reloadFolder,                           ║
║   cloneTlPlanForAssignment, cloneKamPlanForAssignment                        ║
║                                                                              ║
║  HEADLINE WIDGET OWNERSHIP (v302)                                            ║
║   #tgt-portview-bar   %NRR widget (renderPortviewTargetBar) — the ONLY one   ║
║   #portview-pace-bar  legacy shell, hidden permanently (no target fallback)  ║
║   Source: _nrrHeadlineFor (07b) — live | cached | none | stale_quarter       ║
╚══════════════════════════════════════════════════════════════════════════════╝
-->
<html lang="th">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0, viewport-fit=cover" name="viewport"/>
<title>Freshket Sense</title>
<script>
  // v95: apply the user's text-size choice on <html> before first paint, so
  // the token overrides in styles_tokens.css (html[data-text-scale=...]) are
  // active for the very first render — no flash of the default scale. Only
  // 'compact'/'large' set an attribute; 'standard' (default) leaves it off so
  // the :root Conservative scale applies. Kept tiny + inline + fail-safe.
  (function(){try{var s=localStorage.getItem('sense_text_scale');
    if(s==='compact'||s==='large')document.documentElement.setAttribute('data-text-scale',s);
  }catch(e){}})();
  // 25 ต.ค. 2569: สีพื้นหลังที่เลือกไว้ในเครื่องนี้ (06 setSenseBg) ตั้งก่อนวาดจอแรก — น้ำเงินดำเป็นค่าเริ่ม ไม่ต้องติดอะไร
  (function(){try{if(localStorage.getItem('sense_bg')==='navy')document.documentElement.setAttribute('data-bg','navy');}catch(e){}})();
</script>
<!-- Phase 2 safe modular baseline: security + extracted module references. Deployable output remains monolith-compatible. -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&amp;family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;display=swap" rel="stylesheet"/>
<style>
/* ============================================================
   FRESHKET SENSE — DESIGN TOKENS
   src/styles_tokens.css · v2.0

   Single source of truth for all design values.
   Migrate: hardcode → var(--token)  [visual unchanged]
   Retheme: change values here only  [all components update]

   v2.0 changes (Phase 0A):
   - --tk-font-body: IBM Plex Sans Thai → Noto Sans Thai
     KAM/AD locked explicitly in styles_main.css
   - Added --fk-* brand tokens (additive, no existing token touched)
   - Added --z-* z-index system (additive)
   - Added --canvas, --surface, --ink-* light-theme tokens (additive)
   - --tk-accent unchanged (KAM blue — 54 KAM components depend on it)
   ============================================================ */

:root {

  /* ── ความกว้างแอป (26 ต.ค. 2569 · Bucci: iPhone 18 Pro Max "ซ้าย ขวาไม่เต็มจอ") ──
     เดิมแอปตันไว้ 440 จุด (ตั้งแต่ยุค iPhone Pro Max 440) — มือถือจอกว้างกว่านั้นเลยมีขอบว่างสองข้าง
     ตอนนี้มือถือทุกขนาดเต็มจอ · แท็บเล็ต/คอม ยังเป็นคอลัมน์กลาง 600 (ยังไม่ได้ออกแบบหลายคอลัมน์ — design/RESPONSIVE.md) */
  --app-max:         600px;

  /* ── FRESHKET BRAND (additive — Phase 0A) ───────────────── */
  --fk-red:          #FF385C;              /* CI accent — all new features */
  --fk-red-dim:      rgba(255,56,92,.08);  /* tint bg */
  --fk-red-border:   rgba(255,56,92,.20);  /* border */
  --fk-red-strong:   rgba(255,56,92,.15);  /* pill/nav active */

  /* ── FRESHKET BRAND ORANGE (v_key self-review, 2026-08-16) ──
     #FF6600 is verified against the real live site (freshket.co brand
     extraction, freshket-insights/docs/design/BRAND.md) — unlike --fk-red
     above (an invented token, not derived from real Freshket brand), this
     is Freshket's actual brand orange. Used for Key SKU specifically so it
     doesn't collide with tier-grid green (ON TRACK) or red (AT RISK). */
  --fk-orange:        #FF6600;
  --fk-orange-dim:    rgba(255,102,0,.14);
  --fk-orange-border: rgba(255,150,60,.5);
  --fk-orange-text:   #ffb066;

  /* ── LIGHT THEME CANVAS (additive — Phase 0A) ───────────── */
  --canvas:          #FFFFFF;   /* page background */
  --surface:         #F7F7F7;   /* card / band */
  --ink-1:           #222222;   /* primary text */
  --ink-2:           #3F3F3F;   /* body text */
  --ink-3:           #6A6A6A;   /* muted / label */
  --hairline:        #EBEBEB;   /* divider */

  /* ── Z-INDEX SYSTEM (additive — Phase 0A) ───────────────── */
  --z-base:          1;
  --z-sticky:        100;   /* topbar, bnav */
  --z-dropdown:      200;   /* menus, tooltips */
  --z-sheet:         300;   /* bottom sheets */
  --z-overlay:       400;   /* dim backgrounds */
  --z-modal:         500;   /* full modals */
  --z-toast:         600;   /* notifications */
  --z-splash:        9999;  /* loading screen */

  /* ── BACKGROUND ─────────────────────────────────────────── */
  --tk-bg-base:         #0a1220;   /* KAM screen bg — น้ำเงินดำ (25 ต.ค. 2569 · กรมท่าเดิมอยู่ใน html[data-bg="navy"]) */
  --tk-bg-nav:          #101b2e;   /* KAM bottom nav bg */
  --tk-bg-topbar:       #006050;   /* KAM topbar bg */
  --tk-bg-topbar-2:     #0b1424;   /* KAM topbar gradient end */
  --tk-bg-surface:      rgba(255,255,255,.05); /* KAM card surface */
  --tk-bg-surface-2:    rgba(255,255,255,.07); /* KAM subtab bg */
  --tk-bg-panel:        #0a1220;   /* KAM data panel bg */
  /* หัวแผ่น Profile ร้าน (P4 · บอร์ด ProfileNew): พื้นเดียวกับแอป แทนเขียวทึบ · ตัวแผ่นยังขาว */
  --tk-sheet-head-top:  #15233b;
  --tk-sheet-head:      linear-gradient(180deg,#15233b,#0b1424);

  /* ── ACCENT (KAM blue — do not change, 54 KAM components) ─ */
  --tk-accent:          #2660c8;
  --tk-accent-dark:     #1a3a6b;
  --tk-accent-dim:      rgba(38,96,200,.15);
  --tk-accent-dim-2:    rgba(38,96,200,.22);
  --tk-accent-dim-3:    rgba(38,96,200,.35);
  --tk-accent-solid:    rgba(38,96,200,.60);

  /* ── OK / POSITIVE SIGNAL ────────────────────────────────── */
  --tk-ok:              #34C759;
  --tk-ok-bg:           #e8faf2;
  --tk-ok-text:         #008060;
  --tk-ok-bright:       #4ddc97;
  --tk-ok-500:          #00d070;
  --tk-ok-dim:          rgba(0,208,112,.10);
  --tk-ok-dim-2:        rgba(0,208,112,.18);
  --tk-ok-border:       rgba(0,208,112,.22);
  --tk-ok-glow:         rgba(77,220,151,.12);

  /* ── WARNING / AMBER ─────────────────────────────────────── */
  --tk-warn:            #FF9500;
  --tk-warn-dim:        rgba(240,165,0,.10);

  /* ── DANGER / RED ────────────────────────────────────────── */
  --tk-danger:          #e53e3e;
  --tk-danger-dim:      rgba(229,62,62,.10);
  --tk-danger-bright:   #ff8888;   /* ตัวเลข/ตัวอักษรสถานะอันตรายบนพื้นเข้ม (คู่กับ --tk-ok-bright) — จอทีมใช้สีเดียวนี้ทุกที่ */

  /* ── %NRR ตามเกณฑ์ค่าคอมฯ (24 ต.ค. 2569 · src/domain/nrr/bands.js · 05b nrrZoneCls) ──────────────
     แดงเข้ม = ได้ 0 · แดง = ได้ 50% · เหลือง = ยังไม่ถึงขั้นแรก · เขียว = ขั้น 1 / ได้เต็ม · ฟ้า = ขั้น 2 · ม่วง = ขั้น 3
     ไม่มีเกณฑ์ = ไม่ใส่ class ⇒ สีพื้นฐานของแต่ละจุด · ใช้กับตัวเลข เส้น จุด เท่านั้น ห้ามใช้เป็นพื้นทึบ */
  --zone-zero:          #ff4d4d;
  --zone-half:          var(--tk-danger-bright);
  --zone-below1:        #f0b000;
  --zone-t1:            var(--tk-ok-bright);
  --zone-t2:            #6cb6ff;
  --zone-t3:            #d8b4fe;

  /* ── สุขภาพร้าน (25 ต.ค. 2569 · src/domain/nrr/bands.js shopHealthAt · 05b nrrShopHealthCls) ──────────────
     สีร้านทุกจอ: ON TRACK เขียว · MONITOR เหลือง · AT RISK แดง · เขียวเรือง = ON TRACK ที่ถึงขั้น 2 ของเจ้าของร้าน
     (บอร์ด TierColor ข — Bucci เลือก: เขียวเดียวกันแต่สว่างกว่า มีแสง และแถบไล่สี — ต้องคงทั้งสองอย่างไว้แยกจากเขียวปกติ)
     พื้นเป็นแค่สีจาง ห้ามพื้นทึบ · %NRR ของคน (KAM/หัวหน้าทีม) ยังใช้ --zone-* ข้างบน */
  --hz-on:              var(--tk-ok-bright);
  --hz-monitor:         #f0b000;
  --hz-risk:            var(--tk-danger-bright);
  --hz-glow:            #7dffc9;
  --hz-glow-shadow:     rgba(46,255,170,.7);
  --hz-glow-edge:       rgba(46,229,154,.35);
  --hz-glow-tint:       rgba(46,229,154,.12);
  --hz-glow-bar-a:      #9dffd6;
  --hz-glow-bar-b:      #2ee59a;

  /* ── TEXT (KAM dark theme) ───────────────────────────────── */
  --tk-text-primary:    #FFFFFF;
  --tk-text-secondary:  rgba(255,255,255,.70);
  --tk-text-muted:      rgba(255,255,255,.50);  /* v94: was .45 — Conservative
                          ink raise; muted text is real content, not decoration */
  --tk-text-faint:      rgba(255,255,255,.25);

  /* ── INK BLUE (KAM blue-tinted text ramp) ────────────────── */
  /* v93: the commission/KAM screens use a blue-tinted white text ramp
     (rgba(188,215,255,α) and rgba(225,238,255,α)) in ~540 hardcoded
     places at dozens of ad-hoc alphas — it predates this token file and
     was never captured here. Channel-triplet tokens let the tokenization
     migration replace `rgba(188,215,255,` → `rgba(var(--ink-blue),`
     byte-exactly at ANY alpha, giving Phase 2 central control of the hue
     while preserving each call site's alpha in Phase 1. */
  --ink-blue:     188,215,255;
  --ink-blue-hi:  225,238,255;
  /* Semantic ramp (defined now, mass-applied in Phase 2c consolidation —
     do not bulk-migrate call sites onto these until then).
     v95 (Phase 2c ink floor): muted/faint were below the .45 floor applied
     to every real call site (tools/inkfloor_codemod.js) — raised to .52 so
     they don't embed a stale sub-floor value if ever adopted later. */
  --tk-blue-text-primary:   rgba(var(--ink-blue-hi),.88);
  --tk-blue-text-secondary: rgba(var(--ink-blue),.70);
  --tk-blue-text-tertiary:  rgba(var(--ink-blue),.55);
  --tk-blue-text-muted:     rgba(var(--ink-blue-hi),.52);
  --tk-blue-text-faint:     rgba(var(--ink-blue),.52);

  /* ── BORDER (KAM dark theme) ─────────────────────────────── */
  --tk-border:          rgba(255,255,255,.10);
  --tk-border-strong:   rgba(255,255,255,.18);
  --tk-hairline:        rgba(255,255,255,.06);

  /* ── TOPBAR GRADIENT (KAM) ───────────────────────────────── */
  --tk-topbar-gradient: linear-gradient(135deg, #101b2e, #0a1220);

  /* ── FONT ────────────────────────────────────────────────── */
  /* v2.0: body font changed to Noto Sans Thai (loaded in shell.html)     */
  /* KAM/AD locked to IBM Plex Sans Thai via body.kam-mode in main CSS    */
  --tk-font-body:       'Noto Sans Thai', sans-serif;
  --tk-font-mono:       'IBM Plex Mono', 'Noto Sans Thai', monospace;

  /* ── IQ BADGE ────────────────────────────────────────────── */
  --tk-iq-bg:           linear-gradient(135deg,rgba(0,208,112,.18),rgba(0,208,112,.08));
  --tk-iq-border:       rgba(0,208,112,.55);
  --tk-iq-color:        #4ddc97;
  --tk-iq-glow-lo:      rgba(0,208,112,.20);
  --tk-iq-glow-hi:      rgba(0,208,112,.40);

  /* ── NAV (KAM dark) ──────────────────────────────────────── */
  --tk-nav-bg:          #101b2e;
  --tk-nav-border:      rgba(255,255,255,.10);
  --tk-nav-icon:        rgba(255,255,255,.55);
  --tk-nav-active-icon: #FFFFFF;
  --tk-nav-active-pill: rgba(38,96,200,.35);

  /* ── SUBTAB (KAM dark) ───────────────────────────────────── */
  --tk-subtab-bg:       rgba(255,255,255,.07);
  --tk-subtab-active:   rgba(38,96,200,.50);
  --tk-subtab-text:     rgba(255,255,255,.45);
  --tk-subtab-active-text: #FFFFFF;

  /* ── PORTVIEW HEADER ─────────────────────────────────────── */
  --tk-pv-header-bg:    linear-gradient(180deg, #0d1729 0%, #0d1729 60%, transparent 100%);

  /* ── DATA PANEL ──────────────────────────────────────────── */
  --tk-dp-accent:       #2660c8;
  --tk-dp-accent-dim:   rgba(38,96,200,.12);
  --tk-dp-upload-border: rgba(0,208,112,.30);

  /* ── TEAMVIEW SCREEN ─────────────────────────────────────── */
  --tk-teamview-bg:     #0a1220;

  /* ── SPACING SCALE (4px base grid) ──────────────────────── */
  --sp-1:   4px;
  --sp-1h:  6px;
  --sp-2h:  10px;
  --sp-2:   8px;
  --sp-3:   12px;
  --sp-4:   16px;
  --sp-5:   20px;
  --sp-6:   24px;
  --sp-8:   32px;
  --sp-10:  40px;
  --sp-12:  48px;

  /* ── TYPOGRAPHY SCALE ────────────────────────────────────── */
  /* v94 "Conservative" retune (user-chosen from the interactive mockup,
     _mockup_typescale.html / Artifact e1118fd8): every step +1px, floor
     raised 8→9px, hero/kpi display sizes deliberately unchanged — the
     readability pain was small text, not heroes; keeping heroes fixed
     tightens hierarchy without growing the page. Pre-retune values in
     trailing comments — they are also the exact values the "กะทัดรัด"
     (compact) user setting restores (Phase 2b). */
  --text-3xs:   9px;   /* was 8px — micro badges, ON TRACK-style labels */
  --text-2xs:   10px;  /* was 9px */
  --text-xs:    11px;  /* was 10px */
  --text-sm:    12px;  /* was 11px */
  --text-md:    13px;  /* was 12px */
  --text-base:  14px;  /* was 13px */
  --text-lg:    15px;  /* was 14px */
  --text-lg2:   16px;  /* was 15px — body base rides this (styles_base.css) */
  --text-xl:    17px;  /* was 16px */
  --text-xl2:   18px;  /* was 17px */
  --text-xl3:   19px;  /* was 18px */
  --text-2xl:   21px;  /* was 20px */
  --text-3xl:   23px;  /* was 22px */
  --text-kpi:   28px;  /* unchanged by design */
  --text-hero:  48px;  /* unchanged by design */

  /* ── FONT WEIGHT ─────────────────────────────────────────── */
  --fw-normal:  400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  /* ── LINE HEIGHT ─────────────────────────────────────────── */
  --lh-tight:   1.2;
  --lh-normal:  1.5;
  --lh-loose:   1.6;
  --lh-body:    1.55;

  /* ── LETTER SPACING ──────────────────────────────────────── */
  --ls-eyebrow: .8px;
  --ls-mono:    -.02em;

  /* ── BORDER RADIUS ───────────────────────────────────────── */
  --r-xs:   4px;
  --r-xxs:  2px;
  --r-sm:   6px;
  --r-md:   12px;  /* v94: was 10px — softer mid-size controls (user liked the
                      rounder feel in the type-scale mockup) */
  --r-lg:   14px;
  --r-xl:   20px;
  --r-card: 14px;  /* v94: was 12px — cards now match --r-lg's rounding */
  --r-pill: 999px;
  /* v93 Tier B radius steps: added at current values for the tokenization
     migration (each ≥15 hardcoded uses). Values retune in Phase 2a. */
  --r-5:    5px;   /* 19 uses */
  --r-7:    7px;   /* 21 uses */
  --r-8:    8px;   /* 61 uses */
  --r-9:    9px;   /* 33 uses */

  /* ── BORDER WIDTH ────────────────────────────────────────── */
  --bw-thin:    1px;
  --bw-medium:  1.5px;

  /* ── SHADOW / ELEVATION ──────────────────────────────────── */
  --sh-sm:  0 1px 3px rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.04);
  --sh-md:  0 4px 20px rgba(0,0,0,.08);
  --sh-lg:  0 14px 28px rgba(0,0,0,.18);

  /* ── LAYOUT ──────────────────────────────────────────────── */
  --max-w:      440px;
  --nav-h:      56px;
  --topbar-h:   44px;

  /* ── CHROME ZONE (Phase 0D) ──────────────────────────────── */
  /* Single source of truth for top/bottom chrome heights.      */
  /* Use these tokens everywhere — never hardcode 104px again.  */
  --chrome-top:    var(--topbar-h);                                          /* 44px */
  --chrome-bottom: calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));    /* 56px + safe area */
  --content-h:     calc(100dvh - var(--chrome-top) - var(--chrome-bottom));  /* scrollable area */

}

/* ══ USER TEXT-SIZE SETTING (Phase 2b) ══════════════════════════════════════
   Three levels the user picks in Settings; persisted in localStorage
   (sense_text_scale) and applied as data-text-scale on <html> before first
   paint (boot snippet in shell.html). The default — no attribute — is the
   :root "Conservative" scale above ("มาตรฐาน"/standard). These two blocks
   only override the type scale + white-ink levels; they have higher
   specificity than :root (html[attr] = 0,1,1 vs :root = 0,1,0), so they win.
   Sizes are the dominant readability lever and the one fully driven by
   tokens post-migration; blue-ink alpha stays literal at call sites until
   the Phase 2c consolidation, so it isn't adjustable by this setting yet. */

/* กะทัดรัด (compact) — restores the exact pre-retune sizes (today's density). */
/* ── สีพื้นหลัง (Bucci 24–25 ต.ค. 2569 · บอร์ด BgSetting): น้ำเงินดำเป็นค่าเริ่ม (:root ข้างบน)
   "กรมท่า (สีเดิม)" ในแผงตั้งค่า = html[data-bg="navy"] คืนค่าเดิมทุกตัว · จำรายเครื่อง (sense_bg) ตั้งก่อนวาดจอแรกใน shell.html */
html[data-bg="navy"]{
  --tk-bg-base:         #0d1f3c;
  --tk-bg-nav:          #0d2550;
  --tk-bg-topbar-2:     #0a1e42;
  --tk-bg-panel:        #0d1f3c;
  --tk-sheet-head-top:  #16294f;
  --tk-sheet-head:      linear-gradient(180deg,#16294f,#0d1f3c);
  --tk-topbar-gradient: linear-gradient(135deg, #0d2550, #0a1e42);
  --tk-nav-bg:          #0d2550;
  --tk-pv-header-bg:    linear-gradient(180deg, #0d2550 0%, #0d2550 60%, transparent 100%);
  --tk-teamview-bg:     #0d1f3c;
}
html[data-text-scale="compact"]{
  --text-3xs:  8px;  --text-2xs:  9px;  --text-xs:   10px; --text-sm:   11px;
  --text-md:   12px; --text-base: 13px; --text-lg:   14px; --text-lg2:  15px;
  --text-xl:   16px; --text-xl2:  17px; --text-xl3:  18px; --text-2xl:  20px;
  --text-3xl:  22px;
  --tk-text-muted: rgba(255,255,255,.45);
}

/* ใหญ่ (large) — the mockup's "Bolder": +1px beyond standard, warmer inks. */
html[data-text-scale="large"]{
  --text-3xs:  10px; --text-2xs:  11px; --text-xs:   12px; --text-sm:   13px;
  --text-md:   14px; --text-base: 15px; --text-lg:   16px; --text-lg2:  17px;
  --text-xl:   18px; --text-xl2:  19px; --text-xl3:  20px; --text-2xl:  22px;
  --text-3xl:  24px; --text-kpi:  30px;
  --tk-text-secondary: rgba(255,255,255,.78);
  --tk-text-muted:     rgba(255,255,255,.55);
  --tk-text-faint:     rgba(255,255,255,.30);
}


/* ══════════════════════════════════════════════════════════════════════════════
   Echo design tokens — Bucci 25 ต.ค. 2569
   "ไม่เอาเป็น hard code แล้วนะ ขอเป็น design token สำหรับ echo"
   สีทุกจุดของ Echo (09_conv_intel.js · styles_echo.css) — จอสรุปเช้า/หน้าต่าง visit ไม่อยู่ในชุดนี้ (Bucci: คงของเดิม ห้ามแตะ)
   อ้างจากชุดนี้เท่านั้น — ห้ามเขียนสีตายตัวในไฟล์เหล่านั้น (ด่านตรวจ G9)
   ธีมขาว = ค่าเริ่ม (Sales) · ธีมเข้ม = <html data-ec-theme="dark"> (KAM · AD · PM · หัวหน้าทีม · แอดมิน)
   ตั้งธีมที่ ecThemeSync() ใน 09_conv_intel.js (ตามโหมด Sales ของ body)
   ค่าธีมขาวตรงกับสีเดิมทุกตัว ⇒ Sales เห็นเหมือนเดิม · *-rgb = เลข r,g,b ไว้ทำพื้นจาง: rgba(var(--ec-ac-rgb),.12)
   ══════════════════════════════════════════════════════════════════════════════ */
:root{
  --ec-bg:#ffffff;
  --ec-card:#ffffff;
  --ec-raised:#ffffff;
  --ec-sheet:#ffffff;
  --ec-orb:#ffffff;
  --ec-knob:#ffffff;
  --ec-on-ac:#ffffff;
  --ec-fill:#f7f7f8;
  --ec-fill-2:#f7f7f7;
  --ec-fill-3:#f2f2f7;
  --ec-line:#e5e5ea;
  --ec-line-2:#ececf0;
  --ec-ink:#1c1c1e;
  --ec-ink-2:#48484a;
  --ec-ink-2b:#555555;
  --ec-ink-3:#636366;
  --ec-ink-4:#6c6c70;
  --ec-ink-5:#8e8e93;
  --ec-ink-5b:#888888;
  --ec-ink-6:#aeaeb2;
  --ec-ink-6b:#aaaaaa;
  --ec-ink-7:#d1d1d6;
  --ec-ink-7b:#cccccc;
  --ec-ac:#ff385c;
  --ec-ac-press:#e02d50;
  --ec-ac-soft:#ffb3bf;
  --ec-ok:#34c759;
  --ec-ok-tx:#1f8a43;
  --ec-ok-tx-2:#1a7a3a;
  --ec-ok-tx-3:#1a7a38;
  --ec-ok-tx-4:#1a8a3a;
  --ec-warn:#ff9500;
  --ec-warn-tx:#b26a00;
  --ec-warn-tx-2:#a05800;
  --ec-warn-tx-3:#995500;
  --ec-gold:#ffb300;
  --ec-bad:#ff3b30;
  --ec-bad-tx:#c73e3e;
  --ec-bad-tx-2:#c0281c;
  --ec-bad-tx-3:#cc2200;
  --ec-bad-2:#ff6b60;
  --ec-info:#534ab7;
  --ec-info-tx:#3d3680;
  --ec-info-2:#7fb4ff;
  --ec-rec-bg:#111111;
  --ec-ink-rgb:0,0,0;
  --ec-shadow-rgb:0,0,0;
  --ec-paper-rgb:255,255,255;
  --ec-rec-ink-rgb:255,255,255;
  --ec-ac-rgb:255,56,92;
  --ec-ok-rgb:52,199,89;
  --ec-warn-rgb:255,149,0;
  --ec-bad-rgb:255,59,48;
  --ec-info-rgb:83,74,183;
  --ec-gold-rgb:255,179,0;
  --ec-pill-rgb:14,24,45;
  --ec-amber-rgb:255,159,10;
  --ec-amber-deep-rgb:120,72,10;
  --ec-amber-tx-rgb:255,214,150;
  /* ── ดีไซน์ใหม่ Echo (Bucci เคาะ 25 ต.ค. canvas EchoDesign3 + EchoResult) ── */
  --ec-hi-rgb:255,255,255;          /* ไฮไลต์ขอบบนของปุ่มสี */
  --ec-recpill-bg:#1c1c1e;          /* ปุ่มอัดเสียงแคปซูล (คนละรูปทรงกับปุ่มเช็คอิน) */
  --ec-recpill-ink:#ffffff;
  --ec-recpill-line:#1c1c1e;
  --ec-olive-1:#34c759;             /* วงหน้า Olive */
  --ec-olive-2:#1f8a43;
  --ec-go:#22c98a;                  /* ปุ่มจบตอนอัด — เขียวทั้งสองธีม (จออัดหรี่เหมือนกัน) */
  --ec-go-rgb:34,201,138;
  --ec-on-go:#04150d;
  --ec-confirm-bg:#1a2233;          /* แผ่นยืนยันทิ้งเสียงบนจออัด (จอหรี่ทั้งสองธีม) */
}
:root[data-ec-theme="dark"]{
  --ec-bg:var(--tk-bg-base);        /* D6: Echo ตามพื้นของแอป (น้ำเงินดำ / กรมท่า) */
  --ec-card:rgba(255,255,255,.05);
  --ec-raised:rgba(255,255,255,.13);
  --ec-sheet:#111b2c;
  --ec-orb:#16233a;
  --ec-knob:#ffffff;
  --ec-on-ac:#04150d;
  --ec-fill:rgba(255,255,255,.05);
  --ec-fill-2:rgba(255,255,255,.05);
  --ec-fill-3:rgba(255,255,255,.07);
  --ec-line:rgba(255,255,255,.12);
  --ec-line-2:rgba(255,255,255,.08);
  --ec-ink:#ffffff;
  --ec-ink-2:rgba(255,255,255,.86);
  --ec-ink-2b:rgba(255,255,255,.80);
  --ec-ink-3:rgba(255,255,255,.72);
  --ec-ink-4:rgba(255,255,255,.66);
  --ec-ink-5:rgba(255,255,255,.56);
  --ec-ink-5b:rgba(255,255,255,.56);
  --ec-ink-6:rgba(255,255,255,.46);
  --ec-ink-6b:rgba(255,255,255,.46);
  --ec-ink-7:rgba(255,255,255,.22);
  --ec-ink-7b:rgba(255,255,255,.30);
  --ec-ac:#4ddc97;
  --ec-ac-press:#22c98a;
  --ec-ac-soft:rgba(77,220,151,.40);
  --ec-ok:#4ddc97;
  --ec-ok-tx:#7dffc9;
  --ec-ok-tx-2:#7dffc9;
  --ec-ok-tx-3:#7dffc9;
  --ec-ok-tx-4:#7dffc9;
  --ec-warn:#f0b000;
  --ec-warn-tx:#ffcf5c;
  --ec-warn-tx-2:#ffcf5c;
  --ec-warn-tx-3:#ffcf5c;
  --ec-gold:#ffd166;
  --ec-bad:#ff6b6b;
  --ec-bad-tx:#ff8a8a;
  --ec-bad-tx-2:#ff8a8a;
  --ec-bad-tx-3:#ff8a8a;
  --ec-bad-2:#ff8a8a;
  --ec-info:#a99cff;
  --ec-info-tx:#c9c1ff;
  --ec-info-2:#8ab8ff;
  --ec-rec-bg:#111111;
  --ec-ink-rgb:255,255,255;
  --ec-shadow-rgb:0,0,0;
  --ec-paper-rgb:22,32,52;
  --ec-rec-ink-rgb:255,255,255;
  --ec-ac-rgb:77,220,151;
  --ec-ok-rgb:77,220,151;
  --ec-warn-rgb:240,176,0;
  --ec-bad-rgb:255,107,107;
  --ec-info-rgb:169,156,255;
  --ec-gold-rgb:255,209,102;
  --ec-pill-rgb:14,24,45;
  --ec-amber-rgb:255,159,10;
  --ec-amber-deep-rgb:120,72,10;
  --ec-amber-tx-rgb:255,214,150;
  /* ── ดีไซน์ใหม่ Echo ── */
  --ec-hi-rgb:255,255,255;
  --ec-recpill-bg:rgba(255,255,255,.10);
  --ec-recpill-ink:#ffffff;
  --ec-recpill-line:rgba(255,255,255,.22);
  --ec-olive-1:#4ddc97;
  --ec-olive-2:#1b8f62;
  --ec-go:#22c98a;
  --ec-go-rgb:34,201,138;
  --ec-on-go:#04150d;
  --ec-confirm-bg:#1a2233;
}
/* ชื่อเก่าของ Echo (เคยประกาศใน 09 ที่ :root) — Echo ไม่ใช้แล้ว แต่จอนอก Echo 3 จุดยังยืมใช้
   (styles_teamview .comm-formula-note --tx2 · shell.html หัว Skill Rubric --ac · 05 GP ติดลบ --danger) ⇒ เก็บค่าเดิมคงที่ ไม่ขึ้นกับธีม */
:root{
  --n-0:#FFFFFF;--n-50:#FFFFFF;--n-100:#E5E5EA;--n-200:#6C6C70;--n-400:#636366;--n-900:#1C1C1E;
  --echo-ac:#FF385C;--echo-ac-h:#e02d50;
  --echo-ac-5:rgba(255,56,92,.05);--echo-ac-8:rgba(255,56,92,.08);--echo-ac-12:rgba(255,56,92,.12);--echo-ac-20:rgba(255,56,92,.20);
  --danger:#FF3B30;--danger-bg:rgba(255,59,48,.08);
  --warning:#FF9500;--warning-bg:rgba(255,149,0,.08);
  --success:#34C759;
  --glass-0:rgba(255,255,255,.72);--glass-1:rgba(255,255,255,.88);
  --glass-border:rgba(255,255,255,.55);--glass-spec:rgba(255,255,255,.90);
  --bg:#FFFFFF;--tx:var(--n-900);--tx2:var(--n-400);--tx3:var(--n-200);
  --br:var(--n-100);--ac:var(--echo-ac);--ac-h:var(--echo-ac-h);
}
</style>
<style>
/* ============================================================
   FRESHKET SENSE — BASE STYLES  src/styles_base.css
   Contents: :root vars, CSS reset, body, keyframes.
   ============================================================ */

/* ============================================================
   FRESHKET SENSE — MAIN STYLES
   src/styles_main.css
   
   Extracted from shell.html by build refactor.
   Injected by build.py (CSS extract refactor).
   
   Sections:
     1. Main app CSS (Block 1, lines 282–4840 of shell.html)
     2. Login overlay CSS (Block 2, lines 6534–6642)
     3. Sense splash CSS (Block 3, lines 6736–6762)
   ============================================================ */

/* ── SECTION 1: Main app CSS ── */
:root {
  --g500:var(--tk-ok-500);--g50:#e8faf2;--g70:#d0f5e8;--g700:#008060;--g800:var(--tk-bg-topbar);--g900:var(--tk-bg-topbar);
  --amb:#f0b000;--amb50:#fff8e1;--org:#f05000;--red:#e53e3e;--red50:#fff5f5;
  --n0:#ffffff;--n50:#fafafa;--n100:#f0f0f0;--n200:#d0d0d0;--n300:#b0b0b0;
  --n400:#a0a0a0;--n600:#808080;--n700:#606060;--n900:#303030;
  --bd:#e8e8e8;--sh:0 1px 3px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);
  --shm:0 4px 20px rgba(0,0,0,.08);--r:14px;--rs:10px;
  --conf-hi:var(--g500);--conf-md:var(--amb);--conf-lo:#e53e3e;
  --kam:var(--tk-accent);--kam-dark:var(--tk-accent-dark);--kam-bg:var(--tk-bg-base);
}
*{box-sizing:border-box;margin:0;padding:0}
/* v92: overflow-anchor:none at the root scrolling box — belt-and-suspenders
   to the same rule on .portview-header/.pv-collapsible/.pv-compact-strip in
   styles_portview.css (see that file for the full root-cause writeup); this
   covers ambiguity in which box an engine treats as the anchoring-relevant
   scroller, since window/document (not any element) is the real scroll
   source everywhere in this app. */
html,body{height:100%;overflow-anchor:none}html{overflow-x:clip}
body{font-family:var(--tk-font-body);}
/* phase-0A: KAM/AD locked to IBM Plex Sans Thai */
body.kam-mode,body.kad-mode{font-family:'IBM Plex Sans Thai',sans-serif;}
body{background:var(--n0);color:var(--n900);font-size:var(--text-lg2);line-height:1.55;-webkit-font-smoothing:antialiased;max-width:var(--app-max,440px);margin:0 auto;position:relative;min-height:100vh;}
html{background:#e8e8e8}@media(min-width:441px){body{box-shadow:0 0 0 1px var(--n200),0 8px 40px rgba(0,0,0,.12)}}
.mono{font-family:'IBM Plex Mono','Noto Sans Thai',monospace}

/* ── MICRO-INTERACTION: Dot blink for loading states ── */
@keyframes _dotBlink{0%,100%{opacity:.2}50%{opacity:.9}}

/* ── MICRO-INTERACTION: NRR number reveal ── */
@keyframes _numReveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.tgt-num-reveal{animation:_numReveal .3s ease forwards}

/* ── MICRO-INTERACTION: Portview hero fade-in ── */
@keyframes _heroIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
#portview-pace-bar,#tgt-nrr-bar{animation:_heroIn .3s ease forwards}

/* ── MICRO-INTERACTION: Splash ticker transition ── */
#spl-ticker{transition:opacity .18s ease}


/* ── Global UX Polish — Phase 0E migration from styles_main.css ── */
/* ── UX POLISH: BUTTON PRESS FEEL ── */
button:active:not(:disabled){transform:scale(0.96) translateY(1px)!important;transition:transform .08s ease!important}
.dp-primary:active,.gen-btn:active,.pb-footer-cta:active,.sbtn:active,.pb-smart-btn:active,.scta:active{transform:scale(0.97) translateY(1px)!important;filter:brightness(.92)!important}
.ni:active{transform:scale(0.88)!important}
.ms-opt:active,.pill:active,.chip:active{transform:scale(0.94)!important}

/* ── UX POLISH: CARD HOVER LIFT ── */
.card{transition:box-shadow .2s ease,transform .2s ease}
.card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)!important;transform:translateY(-1px)}
.ocard{transition:border-color .2s,box-shadow .2s,transform .2s}
.ocard:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.1)!important}
.pb-cat-group{transition:box-shadow .2s,transform .2s}
.pb-cat-group:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.08)!important}

/* ── ACCOUNT LIBRARY ── */
.dp-lib-label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.dp-lib-count{font-weight:var(--fw-normal);color:var(--n300)}
.dp-lib-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.dp-lib-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--n50);border:1px solid var(--n100);border-radius:var(--r-md);cursor:pointer;transition:all .15s;position:relative}
.dp-lib-row:hover{border-color:var(--g500);background:var(--g50)}
.dp-lib-row.active-acct{border-color:var(--g500);background:var(--g50);cursor:default}
.dp-lib-dot{width:7px;height:7px;border-radius:50%;background:var(--n200);flex-shrink:0;margin-top:1px}
.dp-lib-row.active-acct .dp-lib-dot{background:var(--g500)}
.dp-lib-info{flex:1;min-width:0}
.dp-lib-name{font-size:var(--text-md);font-weight:var(--fw-semi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--n900)}
.dp-lib-meta{font-size:var(--text-xs);color:var(--n400);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;margin-top:1px}
.dp-lib-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.dp-lib-switch{font-size:var(--text-sm);color:var(--g700);font-weight:var(--fw-bold);padding:3px 8px;border-radius:var(--r-sm);background:var(--g50);border:1px solid var(--tk-ok-dim-2)}
.dp-lib-current{font-size:var(--text-xs);color:var(--g700);font-weight:var(--fw-semi);padding:3px 8px;border-radius:var(--r-sm);background:var(--g50)}
.dp-lib-del{width:20px;height:20px;border-radius:var(--r-5);background:transparent;border:none;cursor:pointer;color:var(--n300);font-size:var(--text-md);display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
.dp-lib-del:hover{background:var(--n100);color:var(--n600)}
.dp-lib-empty{text-align:center;padding:16px 12px;font-size:var(--text-md);color:var(--n400);background:var(--n50);border-radius:var(--r-md);border:1px dashed var(--n200)}

.dp-recent-row{transition:all .15s}
.dp-recent-row:hover{transform:translateY(-1px)}
.acct-result-row{transition:background .12s,transform .12s}
.acct-result-row:hover{transform:translateX(2px)}

/* ── UX POLISH: CHECKBOX SPRING ── */
@keyframes ck-spring{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(0.88)}80%{transform:scale(1.08)}100%{transform:scale(1)}}
.pb-ck.sel{animation:ck-spring .35s cubic-bezier(.34,1.56,.64,1)}
.ocheck{transition:all .2s cubic-bezier(.34,1.56,.64,1)}
.ocard.sel .ocheck{animation:ck-spring .35s cubic-bezier(.34,1.56,.64,1)}

/* ── UX POLISH: SKELETON SHIMMER ── */
@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}
.skel{background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 75%);background-size:400px 100%;animation:shimmer 1.4s ease infinite}
.skel-light{background:linear-gradient(90deg,var(--n100) 25%,var(--n200) 50%,var(--n100) 75%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-sm)}

/* ── UX POLISH: TOAST ── */
/* v260: z-index 500→10500 — toast ต้องลอยเหนือ Echo sheet (#ci-fullsheet z:9999)
   และ session detail (z:10001) ไม่งั้น error เช็คอิน/บันทึกถูกบังสนิท = "กดแล้วเงียบ" */
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--n900);color:var(--tk-text-primary);font-size:var(--text-md);font-weight:var(--fw-semi);padding:9px 16px;border-radius:var(--r-xl);z-index:10500;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s cubic-bezier(.34,1.4,.64,1);white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── UX POLISH: NAV ACTIVE DOT ── */
.ni{position:relative}


/* ── UX POLISH: INPUT FOCUS ── */
input:focus,textarea:focus{box-shadow:0 0 0 3px var(--tk-ok-dim)!important;transition:box-shadow .2s,border-color .2s!important}

/* ── UX POLISH: LINK HOVER ── */
.link{transition:opacity .15s,color .15s}
.link:hover{opacity:.7}

/* ── Phase 0G: SENSE-SHIMMER (updateDOM skeleton utility) ── */
/* Used by window.shimmer() and window.shimmerHTML() in 03_rendering.js */
.sense-shimmer{background:rgba(255,255,255,.06);border-radius:var(--r-xs);position:relative;overflow:hidden}
.sense-shimmer-inner{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}

/* ── %NRR ตามเกณฑ์ค่าคอมฯ (24 ต.ค. 2569) — 05b nrrZoneCls คืน "zc z-<ช่วง>" · แต่ละจุดเลือกเองว่าจะใช้ --zc กับสีอะไร ── */
.z-zero{--zc:var(--zone-zero)}
.z-half{--zc:var(--zone-half)}
.z-below1{--zc:var(--zone-below1)}
.z-gate_ok,.z-t1{--zc:var(--zone-t1)}
.z-t2{--zc:var(--zone-t2)}
.z-t3{--zc:var(--zone-t3)}
</style>
<style>
/* ============================================================
   FRESHKET SENSE — LAYOUT STYLES  src/styles_layout.css
   Contents: topbar, bnav, screens, data-panel, KAM components.

   ⚠️  SCOPING RULE (Phase 0E — enforce from here on)
   ─────────────────────────────────────────────────────────
   NEW rules ต้องมี scope prefix เสมอ (ดู Screen ID Catalog
   ใน styles_main.css) ห้ามเพิ่ม flat selector ใหม่
   ห้ามใช้ !important ใน rule ใหม่
   ============================================================ */

/* ── TOPBAR ── */
/* v667: --topbar-h = single source of truth for topbar height.
   .main padding-top + portview-header top + kav-z1 top all reference this.
   Prevents portview-header (sticky top:0) competing with .topbar → topbar pushed off screen. */
:root{--topbar-h:calc(54px + env(safe-area-inset-top, 0px));}
.topbar{background:var(--g900);padding:11px 16px;padding-top:calc(11px + constant(safe-area-inset-top));padding-top:calc(11px + env(safe-area-inset-top, 0px));display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;margin:0 auto;max-width:var(--app-max,440px);z-index:200;}
/* v573: PWA standalone — iOS โหมด standalone ต้อง pad status bar เสมอ
   display-mode media query จับเฉพาะตอนเปิดจาก Home Screen · 47px = status bar ต่ำสุดบน notch iPhone */
@media all and (display-mode: standalone) {
  .topbar{padding-top:max(calc(11px + env(safe-area-inset-top, 0px)), 47px);}
}
.logo{color:var(--tk-text-primary);font-weight:var(--fw-bold);font-size:var(--text-xl2);letter-spacing:-.3px;display:flex;align-items:center;gap:8px}
.logo-box{width:28px;height:28px;border-radius:var(--r-7);overflow:hidden;background:transparent}
.logo-box img{width:28px;height:28px;object-fit:cover;display:block;border-radius:var(--r-7)}
.logo em{color:var(--amb);font-style:normal}

/* ── IQ BADGE (E-style with custom AI icon) ── */
.iq-badge{
  display:inline-flex;align-items:center;gap:4px;
  background:linear-gradient(135deg,var(--tk-ok-dim-2),var(--tk-ok-dim));
  border:1px solid var(--tk-ok-border);
  border-radius:var(--r-sm);
  padding:2px 7px 2px 6px;
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;
  font-size:var(--text-sm);font-weight:var(--fw-bold);
  color:var(--tk-ok-bright);
  letter-spacing:.6px;
  vertical-align:2px;
  margin-left:2px;
  animation:iq-pulse 3.5s ease-in-out infinite;
  position:relative;
}
.iq-badge .iq-icon{
  width:8px;height:8px;flex-shrink:0;
  animation:iq-spin 8s linear infinite;
  transform-origin:center;
}
@keyframes iq-pulse{
  0%,100%{box-shadow:0 0 6px var(--tk-ok-dim-2),inset 0 0 4px var(--tk-ok-dim)}
  50%{box-shadow:0 0 14px var(--tk-ok-border),inset 0 0 8px var(--tk-ok-dim)}
}
@keyframes iq-spin{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
.topbar-right{display:flex;align-items:center;gap:8px}
.mode-toggle{display:flex;background:rgba(255,255,255,.12);border-radius:var(--r-xl);padding:3px;gap:2px}
.mbtn{padding:4px 10px;border-radius:16px;font-size:var(--text-sm);font-family:var(--tk-font-body);font-weight:var(--fw-semi);border:none;cursor:pointer;color:rgba(255,255,255,.5);background:transparent;transition:all .2s}
.mbtn.on{background:var(--amb);color:var(--g900)}
.data-btn{width:32px;height:32px;border-radius:var(--r-8);border:none;background:rgba(255,255,255,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0;}
.data-btn:hover{background:rgba(255,255,255,.2)}
.data-btn svg{color:var(--tk-text-primary);width:16px;height:16px}
.data-btn.loaded{background:var(--tk-ok-border)}

/* ── DATA LOAD PILL ── */
/* v260: bottom ต้องบวก safe-area — ตัวนี้เป็น pill ลอยตัวเดียวในแอปที่ไม่เผื่อ
   env(safe-area-inset-bottom) ทำให้บน iPhone มี notch (.bnav สูง ~104px) มันทับ
   แถบเมนู ~24px ตรงกลางซึ่งคือปุ่ม Echo พอดี ทุกครั้งที่เปิดแอป */
#data-load-pill{
  position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 96px - var(--float-drop,0px));left:50%;transform:translateX(-50%);   /* --float-drop: ลงตามแถบเมนู (styles_portview v376+) */
  display:flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;
  background:rgba(10,25,52,.9);border:1px solid var(--tk-ok-border);border-radius:24px;
  font-size:var(--text-md);font-weight:var(--fw-semi);font-family:var(--tk-font-body);
  color:rgba(255,255,255,.9);z-index:9999;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 4px 24px rgba(0,0,0,.28);
  opacity:0;pointer-events:none;
  transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.4,.64,1),bottom .28s cubic-bezier(.2,.8,.2,1);
}
#data-load-pill.visible{opacity:1;}
#data-load-pill.ready{
  border-color:var(--tk-ok-bright);
  box-shadow:0 4px 24px rgba(0,0,0,.28),0 0 18px var(--tk-ok-border);
  animation:dlp-pop .5s cubic-bezier(.34,1.56,.64,1) forwards;
}
#data-load-pill.out{opacity:0;transform:translateX(-50%) translateY(-10px);}
.dlp-dots{display:flex;gap:5px;align-items:center;}
.dlp-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18);
  transition:background .25s ease,transform .25s ease;}
.dlp-dot.done{background:var(--g500);transform:scale(1.15);}
#dlp-ready-icon{display:none;width:14px;height:14px;flex-shrink:0;}
@keyframes dlp-pop{
  0%{transform:translateX(-50%) scale(1);}
  45%{transform:translateX(-50%) scale(1.07);}
  100%{transform:translateX(-50%) scale(1);}
}
@keyframes dlp-dot-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}100%{transform:scale(1.15);opacity:1}}
.data-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:220;opacity:0;pointer-events:none;transition:opacity .3s}
.data-overlay.on{opacity:1;pointer-events:all}
.data-panel{position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:var(--app-max,440px);background:var(--n0);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.16);z-index:221;transform:translateY(102%);transition:transform .35s cubic-bezier(.34,1.4,.64,1);max-height:calc(100dvh - 52px);overflow-y:auto;}
/* v804: translateY only (no X) — left/right+margin handles centering without stacking context */
.data-panel.open{transform:translateY(0)}
.dp-handle{width:36px;height:4px;background:var(--n200);border-radius:var(--r-xxs);margin:12px auto 0}
.dp-head{padding:16px 20px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--n100)}
.dp-title{font-size:var(--text-xl);font-weight:var(--fw-bold)}
.dp-close{border:none;background:transparent;font-size:var(--text-2xl);cursor:pointer;color:var(--n400);line-height:1}
.dp-body{padding:16px 20px 32px}

/* Account section */
.dp-acct-card{background:var(--g900);border-radius:var(--r-card);padding:14px;margin-bottom:16px;position:relative;overflow:hidden}
.dp-acct-card::after{content:'';position:absolute;right:-20px;top:-20px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.05);pointer-events:none}
.dp-acct-label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--tk-text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}
.dp-acct-name{font-size:var(--text-lg2);font-weight:var(--fw-bold);color:var(--tk-text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-acct-meta{font-size:var(--text-sm);color:rgba(255,255,255,.5);margin-bottom:10px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.dp-acct-stats{display:flex;gap:12px}
.dp-acct-stat{text-align:left}
.dp-acct-stat-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--tk-text-primary)}
.dp-acct-stat-lbl{font-size:var(--text-xs);color:rgba(255,255,255,.5);margin-top:1px}
.dp-acct-savings{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--amb)}

/* Recent accounts */
.dp-recent-label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}
.dp-recent-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.dp-recent-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--n50);border:1px solid var(--n100);border-radius:var(--r-md);cursor:pointer;transition:all .15s}
.dp-recent-row:hover{border-color:var(--g500);background:var(--g50)}
.dp-recent-name{flex:1;font-size:var(--text-md);font-weight:var(--fw-semi);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-recent-meta{font-size:var(--text-xs);color:var(--n400);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;flex-shrink:0}
.dp-recent-switch{font-size:var(--text-sm);color:var(--g700);font-weight:var(--fw-bold);flex-shrink:0}

.dp-status{background:var(--n50);border:1px solid var(--n100);border-radius:var(--r-md);padding:12px 14px;margin-bottom:16px}
.dp-status-title{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.dp-file-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:var(--text-md)}
.dp-file-name{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;color:var(--n700)}
.dp-file-status{font-size:var(--text-sm);font-weight:var(--fw-semi);padding:2px 8px;border-radius:var(--r-md)}
.dp-file-status.ok{background:var(--g50);color:var(--g700)}
.dp-file-status.missing{background:var(--n100);color:var(--n400)}
.dp-file-status.cached{background:#fff8e1;color:#b8860b}
.dp-slot-badge.cached{background:#fff8e1;color:#b8860b}
.dp-updated{font-size:var(--text-xs);color:var(--n400);margin-top:6px}
.dp-primary{background:var(--g900);color:var(--tk-text-primary);border:none;border-radius:var(--r-card);width:100%;padding:16px;cursor:pointer;font-family:var(--tk-font-body);font-size:var(--text-lg);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s;margin-bottom:10px;}
.dp-primary:hover{opacity:.88}
.dp-primary-note{font-size:var(--text-sm);color:var(--n600);text-align:center;margin-bottom:16px;line-height:1.6}
.dp-divider{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:var(--text-sm);color:var(--n400)}
.dp-divider::before,.dp-divider::after{content:'';flex:1;height:1px;background:var(--n100)}
/* ── DATA PANEL MODES ── */
.dp-mode-tabs{display:flex;gap:4px;background:var(--n100);border-radius:var(--r-8);padding:3px;margin-bottom:14px}
.dp-mode-tab{flex:1;padding:6px 0;border-radius:var(--r-sm);border:none;background:transparent;font-family:var(--tk-font-body);font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n400);cursor:pointer;transition:all .15s}
.dp-mode-tab.on{background:var(--n0);color:var(--g700);box-shadow:0 1px 3px rgba(0,0,0,.08)}
/* Step indicator */
.dp-steps{display:flex;align-items:center;gap:0;margin-bottom:16px}
.dp-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}
.dp-step-num{width:24px;height:24px;border-radius:50%;background:var(--n200);color:var(--n600);font-size:var(--text-sm);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:all .2s}
.dp-step.done .dp-step-num{background:var(--g500);color:var(--tk-text-primary)}
.dp-step.active .dp-step-num{background:var(--g900);color:var(--tk-text-primary)}
.dp-step-label{font-size:var(--text-2xs);font-weight:var(--fw-semi);color:var(--n400);text-align:center;letter-spacing:.3px}
.dp-step.done .dp-step-label{color:var(--g700)}
.dp-step.active .dp-step-label{color:var(--n900);font-weight:var(--fw-bold)}
.dp-step-line{position:absolute;top:12px;left:50%;right:-50%;height:1px;background:var(--n200);z-index:0}
.dp-step.done .dp-step-line{background:var(--g500)}
.dp-step:last-child .dp-step-line{display:none}
/* SQL flow hint */
.sql-flow-hint{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--n50);border-radius:var(--r-8);margin-bottom:8px;font-size:var(--text-sm);color:var(--n600)}
.sql-flow-arrow{color:var(--n300);font-size:var(--text-xs);flex-shrink:0}
/* Cross-month warning */
.xmonth-warn{display:inline-flex;align-items:center;gap:5px;background:rgba(240,176,0,.12);border:1px solid rgba(240,176,0,.3);border-radius:var(--r-sm);padding:4px 10px;font-size:var(--text-xs);font-weight:var(--fw-semi);color:#9a6500;margin-bottom:10px}
/* Quick switch matcher section */
.dp-matcher-section{border:1.5px solid rgba(240,176,0,.3);border-radius:var(--r-card);padding:12px 14px;background:rgba(240,176,0,.02)}
.dp-matcher-title{font-size:var(--text-xs);font-weight:var(--fw-bold);color:#9a6500;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
/* Add new account button in quick switch */
.dp-add-new-btn{width:100%;padding:10px;border-radius:var(--r-md);border:1.5px dashed var(--n200);background:transparent;font-family:var(--tk-font-body);font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n600);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;margin-top:12px}
.dp-add-new-btn:hover{border-color:var(--g500);color:var(--g700);background:var(--g50)}

/* ════ SCENARIO PLANNER ════ */
/* Slider */
/* Projection bars */
/* Inaction card */
/* Exec scenario info row */

/* ════ ONBOARDING OVERLAY ════ */
.onboard-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:600;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.onboard-card{background:#fff;border-radius:24px 24px 0 0;padding:28px 22px 36px;max-width:var(--app-max,440px);width:100%;max-height:90vh;overflow-y:auto;animation:slide-up .35s cubic-bezier(.34,1.4,.64,1)}
@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.onboard-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.onboard-logo-box{width:36px;height:36px;background:var(--g900);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;overflow:hidden}
.onboard-logo-box img{width:36px;height:36px;object-fit:cover;display:block}
.onboard-logo-name{font-size:var(--text-xl3);font-weight:var(--fw-bold);letter-spacing:-.3px}
.onboard-logo-name em{color:var(--amb);font-style:normal}
.onboard-tagline{font-size:var(--text-lg2);font-weight:var(--fw-bold);color:var(--n900);line-height:1.5;margin-bottom:18px}
.onboard-feats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.onboard-feat{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--n50);border-radius:var(--r-md)}
.onboard-feat-icon{font-size:var(--text-xl2);flex-shrink:0;margin-top:1px}
.onboard-feat-body strong{display:block;font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--n900);margin-bottom:1px}
.onboard-feat-body span{font-size:var(--text-sm);color:var(--n600);line-height:1.4}
.onboard-ctas{display:flex;flex-direction:column;gap:8px}
.onboard-cta-p{width:100%;padding:14px;background:var(--g900);color:var(--tk-text-primary);border:none;border-radius:var(--r-card);font-size:var(--text-lg);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s}
.onboard-cta-p:hover{opacity:.88}
.onboard-cta-s{width:100%;padding:12px;background:transparent;color:var(--g700);border:1.5px solid var(--g500);border-radius:var(--r-card);font-size:var(--text-base);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;transition:all .15s}
.onboard-cta-s:hover{background:var(--g50)}
.onboard-skip{text-align:center;margin-top:10px;font-size:var(--text-sm);color:var(--n400);cursor:pointer;padding:4px}
.dp-uploads{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.dp-upload-slot{border:1.5px dashed var(--n200);border-radius:var(--r-md);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s}
.dp-upload-slot:hover{border-color:var(--g500);background:var(--g50)}
.dp-upload-slot.loaded{border-color:var(--g500);border-style:solid;background:var(--g50)}
.dp-slot-info .dp-slot-label{font-size:var(--text-base);font-weight:var(--fw-semi)}
.dp-slot-info .dp-slot-desc{font-size:var(--text-sm);color:var(--n400);margin-top:1px}
.dp-slot-badge{font-size:var(--text-sm);font-weight:var(--fw-semi);padding:3px 9px;border-radius:var(--r-md);flex-shrink:0}
.dp-slot-badge.ok{background:var(--g50);color:var(--g700)}
.dp-slot-badge.na{background:var(--n100);color:var(--n400)}
.dp-sample-btn{width:100%;padding:11px;border-radius:var(--r-md);border:1.5px solid var(--n200);background:var(--n0);font-family:var(--tk-font-body);font-size:var(--text-base);font-weight:var(--fw-semi);color:var(--n700);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px;transition:all .2s}
.dp-sample-btn:hover{border-color:var(--n400)}
.dp-note{font-size:var(--text-sm);color:var(--n600);background:var(--n50);border-radius:var(--r-8);padding:10px 12px;line-height:1.65}

/* ── KAMBAR ── */

/* #kam-acct-sticky removed in v184 — replaced by #kav-z1 */

/* ══ KAM ACCOUNT VIEW — 3-ZONE LAYOUT (v185) ══ */

/* Zone 1: sticky dark header */
#kav-z1{
  /* 25 ต.ค. 2569: ไม่ค้างบนจอแล้ว (เดิม sticky กินจอ ~40%) — พ้นจอแล้ว #kav-mini ขึ้นแทน */
  position:relative;z-index:98;
  background:linear-gradient(180deg,#0c1a36 0%,#091526 68%,rgba(9,21,38,0) 100%);
  padding:10px 16px 20px;
}
/* หัวร้านแบบบาง — ไม่กินที่ในหน้า (margin ติดลบเท่าความสูง) · ขึ้นเมื่อหัวเต็มพ้นจอ (05 _kavMiniCheck) */
#kav-mini{position:sticky;top:var(--topbar-h);z-index:99;height:44px;margin-bottom:-44px;display:flex;align-items:center;gap:8px;padding:0 16px;
  background:var(--tk-bg-base,#0a1220);border-bottom:1px solid rgba(var(--ink-blue-hi),.12);box-shadow:0 6px 16px rgba(0,0,0,.35);cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}
#kav-mini.on{opacity:1;visibility:visible;transform:none;transition:opacity .15s ease,transform .15s ease}
.kav-mini-back{background:none;border:none;color:rgba(140,180,255,.8);font-size:22px;line-height:1;padding:0 4px 2px 0;cursor:pointer;flex-shrink:0}
.kav-mini-name{flex:1;min-width:0;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kav-mini-pct{font-family:"IBM Plex Mono",monospace;font-size:var(--text-md);font-weight:var(--fw-bold);flex-shrink:0}
.kav-mini-rr{font-family:"IBM Plex Mono",monospace;font-size:var(--text-xs);color:rgba(255,255,255,.6);white-space:nowrap;flex-shrink:0}
@media (prefers-reduced-motion:reduce){#kav-mini,#kav-mini.on{transition:none}}
/* top row: back | dept·KAM chip | spacer | micro-toggle */
.kav-z1-toprow{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.kav-dept-kam{font-size:var(--text-xs);font-weight:var(--fw-semi);color:rgba(140,180,255,.65);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
/* micro-toggle */
.kav-micro-toggle{display:flex;background:rgba(255,255,255,.07);border-radius:var(--r-7);padding:2px;gap:1px;flex-shrink:0}
.kav-mt-btn{padding:4px 11px;border-radius:var(--r-5);border:none;background:transparent;font-family:var(--tk-font-body);font-size:var(--text-sm);font-weight:var(--fw-semi);color:rgba(255,255,255,.52);cursor:pointer;transition:all .18s;white-space:nowrap}
.kav-mt-btn.on{background:var(--tk-accent-solid);color:var(--tk-text-primary);box-shadow:0 1px 4px rgba(0,0,0,.35)}
/* account name — hero */
.kav-acct-name{font-size:var(--text-xl2);font-weight:var(--fw-bold);color:var(--tk-text-primary);line-height:1.25;margin-bottom:10px;letter-spacing:-.2px}
.kav-acct-meta{display:none}/* absorbed into toprow */

/* status strip */
#kav-status-strip{margin-bottom:10px}
/* top row: % + days only */
.kav-ss-top{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.kav-pace-num{font-family:"IBM Plex Mono",monospace;font-size:32px;font-weight:var(--fw-bold);line-height:1;letter-spacing:-1px;flex-shrink:0;color:var(--tk-blue-text-primary)}
.kav-pace-num.great{color:var(--tk-ok-bright)}
.kav-pace-num.safe{color:var(--tk-ok-bright);opacity:.85}
.kav-pace-num.warn{color:#f0b000}
.kav-pace-num.danger{color:#ff5050}
.kav-pace-num.zc{color:var(--zc)}   /* %NRR หน้าแรก — สีตามช่วงเกณฑ์ค่าคอมฯ (24 ต.ค. 2569) */
.kav-pace-num.hz-glow{color:var(--hz-glow);opacity:1;text-shadow:0 0 12px var(--hz-glow-shadow)}   /* หน้าร้าน: เขียวเรือง (25 ต.ค. 2569) */
/* v302: วงแหวนหน้าแรกรอ %NRR (ยังไม่มีทั้ง live/cached) — โครงกระพริบขนาดคงที่ ไม่ใช่เลข 0 */
.kav-pace-num.shimmer{color:transparent;background:rgba(255,255,255,.08);border-radius:6px;min-width:64px;min-height:.9em;animation:_dotBlink 1.2s ease-in-out infinite}
.kav-status-label.warn{color:#f0b000}
.kav-days-lbl{font-size:var(--text-xs);color:rgba(255,255,255,.5);font-family:"IBM Plex Mono",monospace}
/* bar row: bar fills, status label at right end */
.kav-ss-bar-row{display:flex;align-items:center;gap:9px}
.kav-ss-bar-wrap{flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:var(--r-xxs);overflow:hidden}
.kav-ss-bar-fill{height:100%;border-radius:var(--r-xxs);transition:width 1s cubic-bezier(.25,.8,.25,1)}
.kav-ss-bar-fill.great{background:linear-gradient(90deg,var(--tk-ok-500),var(--tk-ok-bright))}
.kav-ss-bar-fill.safe{background:linear-gradient(90deg,var(--tk-ok-500),var(--tk-ok-bright));opacity:.78}
.kav-ss-bar-fill.warn{background:linear-gradient(90deg,#d49600,#f0b000)}
.kav-ss-bar-fill.danger{background:linear-gradient(90deg,#c82020,#ff5050)}
/* ── KAM Zone 1: Pace Ring (v191) ── */
.kav-ring-zone{display:flex;align-items:center;gap:14px;padding:4px 0 2px}
.kav-ring-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
.kav-ring-days-below{text-align:center}
.kav-ring-days-below .kav-days-lbl{font-size:var(--text-xs);color:rgba(255,255,255,.52);font-family:"IBM Plex Mono",monospace}
.kav-rr-hero{font-family:"IBM Plex Mono",monospace;font-size:var(--text-lg2)!important;font-weight:var(--fw-bold)}
.kav-ring-wrap{position:relative;width:92px;height:92px;flex-shrink:0}
.kav-ring-svg{display:block;overflow:visible}
.kav-ring-track{fill:none;stroke:rgba(255,255,255,.14);stroke-width:9}
.kav-ring-fill{fill:none;stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1);stroke:rgba(var(--ink-blue-hi),.55)}
.kav-ring-fill.great,.kav-ring-fill.safe{stroke:var(--tk-ok-bright);filter:drop-shadow(0 0 6px var(--tk-ok-border))}
.kav-ring-fill.warn{stroke:#f0b000;filter:drop-shadow(0 0 6px rgba(240,176,0,.65))}
.kav-ring-fill.danger{stroke:#ff5050;filter:drop-shadow(0 0 6px rgba(255,80,80,.65))}
.kav-ring-fill.zc{stroke:var(--zc)}
.kav-ring-fill.hz-glow{stroke:var(--hz-glow);filter:drop-shadow(0 0 8px var(--hz-glow-shadow))}
.kav-days-track{fill:none;stroke:rgba(255,255,255,.08);stroke-width:3}
.kav-days-fill{fill:none;stroke:rgba(255,255,255,.28);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}
.kav-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.kav-ring-center .kav-pace-num{font-size:var(--text-3xl);letter-spacing:-.5px}
/* หน้าร้าน (25 ต.ค. 2569): %NRR ทศนิยม 1 ตำแหน่ง ("112.6%" · "150%+") กว้างกว่าเลข pace เดิม ⇒ เล็กลงให้อยู่ในวง 92px */
.kav-ring-center .kav-pace-num.shop{font-size:var(--text-xl);letter-spacing:-.6px}
.kav-ring-center .kav-status-label{font-size:var(--text-3xs);letter-spacing:.6px}
.kav-ring-stats{flex:1;display:flex;flex-direction:column;min-width:0}
.kav-ring-stat-row{display:flex;align-items:baseline;justify-content:space-between;padding:5px 0}
.kav-ring-stat-row+.kav-ring-stat-row{border-top:1px solid rgba(255,255,255,.06)}
.kav-ring-stat-val-sm{font-family:"IBM Plex Mono",monospace;font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(255,255,255,.65)}
.kav-ring-rr-pair{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap;justify-content:flex-end}
.kav-ring-days-row{text-align:right;padding-top:3px}
/* status label — plain text right of bar */
.kav-status-label{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;flex-shrink:0}
.kav-status-label.great,.kav-status-label.safe{color:var(--tk-ok-bright)}
.kav-status-label.warn{color:#f0b000}
.kav-status-label.danger{color:#ff5050}
.kav-status-label.zc{color:var(--zc);text-transform:none;letter-spacing:.2px}
.kav-status-label.hz-glow{color:var(--hz-glow)}
.kav-status-label.early{color:rgba(140,180,255,.85);letter-spacing:.4px}

/* stat row: 3 cells — MTD | ควรได้ | RUN RATE/BASELINE */
.kav-stat-row{display:flex;border-top:1px solid rgba(255,255,255,.06);padding:10px 0 12px;gap:0}
.kav-stat-cell{display:flex;flex-direction:column;gap:3px;flex:1;padding-right:10px}
.kav-stat-cell+.kav-stat-cell{padding-left:10px;padding-right:10px;border-left:1px solid rgba(255,255,255,.07)}
.kav-stat-cell:last-child{padding-right:0;flex:1.4}
.kav-stat-label{font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--tk-text-muted);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}
.kav-stat-val{font-family:"IBM Plex Mono",monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:rgba(255,255,255,.88)}
.kav-stat-fcst-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.kav-stat-sep{font-size:var(--text-sm);color:rgba(255,255,255,.52);font-family:"IBM Plex Mono",monospace}
.kav-base-dim{color:rgba(255,255,255,.52)!important;font-size:var(--text-md)!important}
.kav-i-btn{width:15px;height:15px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.52);font-size:var(--text-2xs);font-style:italic;font-family:Georgia,serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:2px;transition:all .15s;font-weight:var(--fw-bold);padding:0;line-height:1}
.kav-i-btn:hover{border-color:rgba(255,255,255,.5);color:var(--tk-text-secondary)}

/* Formula expand panel */
.kav-formula-wrap{padding:8px 0 10px;border-top:1px solid rgba(255,255,255,.05);font-size:var(--text-xs);color:rgba(220,235,255,.55);line-height:1.7}
.kav-formula-wrap strong{color:rgba(220,235,255,.8)}

/* ── Brief button — glowing outline, Zone 2 first card ──────────── */
/* kav-brief-btn: layout only — visual handled by .kam-insight-btn below */
.kav-brief-btn{width:100%;margin-bottom:14px}
.kav-brief-btn.done{border-color:rgba(0,200,112,.55)!important;}


/* Zone 2: scrollable body */
#kav-z2{padding-bottom:20px} /* v199b: was 72px for kav-z3 sticky btn, now hidden */

/* Zone 3: minimal sticky context strip */
#kav-z3{
  position:sticky;bottom:0;z-index:97;
  padding:10px 16px 16px;
  display:none;
  background:linear-gradient(180deg,rgba(6,12,24,0) 0%,rgba(6,12,24,.96) 14px,rgba(6,12,24,.97) 100%);
}
.kav-z3-ctx{
  width:100%;padding:10px 16px;border-radius:var(--r-md);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.6);font-family:var(--tk-font-body);font-size:var(--text-md);font-weight:var(--fw-semi);
  cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px;
}
.kav-z3-ctx.danger-ctx{background:rgba(229,62,62,.08);border-color:rgba(229,62,62,.25);color:rgba(255,150,150,.9)}
.kav-z3-ctx:active{opacity:.8}

/* ── KAM BRIEFING ── */
.kam-brief-card{background:linear-gradient(135deg,var(--tk-bg-base),var(--tk-accent-dark));border-radius:var(--r);border:1px solid var(--tk-accent-dim-3);overflow:hidden;box-shadow:0 4px 24px rgba(26,58,107,.25)}
.kam-brief-head{padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}
.kam-brief-head-title{font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(255,255,255,.9);display:flex;align-items:center;gap:8px}
.kam-brief-head-badge{font-size:var(--text-2xs);font-weight:var(--fw-bold);background:var(--tk-accent-dim-3);color:rgba(180,200,255,.9);border-radius:var(--r-xl);padding:2px 8px;letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--tk-subtab-active)}
.kam-insight-btn{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(220,240,255,.95);background:linear-gradient(135deg,var(--tk-accent-dim-3),rgba(60,130,240,.25));border:1px solid rgba(100,170,255,.5);border-radius:22px;padding:7px 18px;cursor:pointer;font-family:var(--tk-font-body);transition:background .2s,border-color .2s,color .2s,filter .2s;letter-spacing:.2px;box-shadow:0 0 0 0 rgba(80,150,255,.0),0 2px 8px var(--tk-accent-dim-2)}
.kam-insight-btn:not(.loading){animation:insight-idle-glow 3s ease-in-out infinite}
/* Done state: green tint — signals completed, no need to re-run */
.kam-insight-btn.done{
  background:linear-gradient(135deg,var(--tk-subtab-active),rgba(80,140,255,.3));
  border-color:rgba(160,210,255,.7);
  color:var(--tk-text-primary);
  animation:insight-done-glow 4s ease-in-out infinite;
}
.kam-insight-btn.done:hover{
  background:linear-gradient(135deg,var(--tk-accent-solid),rgba(80,140,255,.45));
  border-color:rgba(200,230,255,.9);
  box-shadow:0 0 18px 3px rgba(80,150,255,.4),0 2px 10px var(--tk-accent-dim-3);
}
@keyframes insight-done-glow{
  0%,100%{box-shadow:0 0 6px rgba(80,150,255,.25),0 2px 8px var(--tk-accent-dim-2)}
  50%{box-shadow:0 0 16px rgba(80,150,255,.55),0 2px 12px var(--tk-accent-dim-3)}}
  50%{box-shadow:0 0 14px var(--tk-ok-border),0 2px 10px rgba(0,80,50,.2)}
}
@keyframes insight-idle-glow{0%,100%{box-shadow:0 0 8px 1px rgba(80,150,255,.4),0 2px 10px var(--tk-accent-dim-2)}50%{box-shadow:0 0 20px 4px rgba(80,150,255,.7),0 2px 16px var(--tk-accent-dim-3)}}
.kam-insight-btn:hover{background:linear-gradient(135deg,var(--tk-accent-solid),rgba(60,130,240,.45));border-color:rgba(140,200,255,.8);color:var(--tk-text-primary);box-shadow:0 0 20px 4px rgba(80,150,255,.5),0 2px 12px var(--tk-accent-dim-3)}
.kam-insight-btn.loading{animation:insight-btn-pulse 1.5s ease-in-out infinite}
/* 25 ต.ค. 2569: ระหว่างวิเคราะห์แตะซ้ำไม่ได้ — เดิมแตะสองทีส่งให้ AI สองรอบพร้อมกัน */
.kam-insight-btn.loading,#tv-ai-btn.loading,.tv-ai-btn.loading{pointer-events:none}
@keyframes insight-btn-pulse{0%,100%{box-shadow:0 0 6px 1px rgba(80,150,255,.35),0 2px 10px var(--tk-accent-dim-2)}50%{box-shadow:0 0 18px 4px rgba(80,150,255,.65),0 2px 20px var(--tk-accent-dim-3)}}
.kam-insight-star{width:10px;height:10px;flex-shrink:0}
.kam-insight-btn.loading .kam-insight-star{animation:iq-spin 1s linear infinite}
/* ── kav-brief-btn: layout overrides — placed AFTER .kam-insight-btn to win by cascade ── */
.kav-brief-btn{padding:12px 16px!important;border-radius:var(--r-card)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.kav-brief-btn .kam-insight-star{width:14px!important;height:14px!important;animation:iq-pulse 2s ease-in-out infinite}
/* Talkline section */
.kam-talkline-btn{display:flex;align-items:center;gap:7px;font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(180,210,255,.8);background:var(--tk-accent-dim);border:1px dashed var(--tk-accent-dim-3);border-radius:var(--r-md);padding:10px 16px;cursor:pointer;font-family:var(--tk-font-body);transition:all .2s;width:100%;justify-content:center;margin-bottom:10px}
/* ── SKU Verify button — secondary insight action in เดือนนี้ tab ── */
.sku-verify-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--r-xl);font-size:var(--text-sm);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;border:1px solid var(--tk-accent-dim-3);background:var(--tk-accent-dim);color:rgba(140,180,255,.9);transition:all .2s;animation:insight-idle-glow 3.5s ease-in-out infinite;white-space:nowrap}
.sku-verify-btn.loading{animation:insight-btn-pulse 1.2s ease-in-out infinite;opacity:.85}
.sku-verify-btn.loading .svb-icon{animation:iq-spin 1s linear infinite}
.sku-verify-btn.done{background:var(--tk-accent-dim-3);border-color:rgba(140,200,255,.65);color:rgba(200,230,255,.95);animation:insight-done-glow 4s ease-in-out infinite}
.svb-icon{width:9px;height:9px;flex-shrink:0;fill:currentColor}
.kam-talkline-btn:hover{background:var(--tk-accent-dim-2);border-color:var(--tk-accent-solid);color:var(--tk-text-primary)}
.kam-talkline-btn.loading{animation:insight-btn-pulse 1.5s ease-in-out infinite}
.kam-talkline-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.kam-talkline-item:last-child{border-bottom:none}
.kam-talkline-num{width:20px;height:20px;border-radius:50%;background:var(--tk-accent-dim-3);color:rgba(180,210,255,.9);font-size:var(--text-xs);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.kam-talkline-text{font-size:var(--text-md);color:rgba(220,235,255,.85);line-height:1.6}
/* Loading */
.kam-loading{padding:32px 16px;text-align:center}
.kam-loading-star-wrap{width:56px;height:56px;margin:0 auto 14px;position:relative;display:flex;align-items:center;justify-content:center}
.kam-loading-star-ring{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--tk-accent-solid);border-right-color:var(--tk-accent-dim-3);animation:kam-ring-spin 1.2s linear infinite}
.kam-loading-star-ring2{position:absolute;inset:-16px;border-radius:50%;border:1px solid transparent;border-bottom-color:var(--tk-accent-dim-2);animation:kam-ring-spin 2s linear infinite reverse}
@keyframes kam-ring-spin{to{transform:rotate(360deg)}}
/* v_pwacrash (2026-08-20): บุชรายงาน PWA เด้งออกปิดตัวทันทีหลังกดปุ่ม AI summary
   (มีมาตั้งแต่ก่อนแก้ JSON truncation — คนละบั๊กกัน) เจอจาก animation นี้: เดิม
   ซ้อน drop-shadow 3 ชั้น (16/32/48px) พร้อม scale+rotate วนทุก 2 วิ "ไม่มีที่สิ้นสุด"
   ตลอดเวลาที่รอ AI ตอบ — animate filter พร้อม transform บังคับให้ WebKit re-raster
   ทุกเฟรม (cache bitmap เดิมไว้ไม่ได้เพราะ transform เปลี่ยนตลอด) เป็นสาเหตุ
   ที่รู้จักกันดีว่าทำให้ WKWebView โดน iOS ฆ่าทิ้งเมื่อภาระ GPU สูงต่อเนื่องนานๆ
   (ก่อนแก้ truncation รอบก่อน AI อาจค้าง/retry นาน 10-20+ วิ = animation
   นี้วิ่งยาวนานกว่าที่ควร) ลดเหลือ drop-shadow ชั้นเดียว บลอร์เล็กลงมาก —
   ยังเห็นเอฟเฟกต์ breathing แต่ภาระ compositor ลดลงมาก */
.kam-loading-star{animation:kam-star-breathe 2s ease-in-out infinite}
@keyframes kam-star-breathe{
  0%,100%{transform:scale(1) rotate(0deg);filter:drop-shadow(0 0 5px var(--tk-accent-solid))}
  50%{transform:scale(1.15) rotate(45deg);filter:drop-shadow(0 0 10px var(--tk-accent))}
}
.kam-loading-step{font-size:var(--text-md);color:rgba(180,200,255,.85);font-weight:var(--fw-medium);margin-bottom:4px;min-height:18px;transition:opacity .3s}
.kam-loading-sub{font-size:var(--text-xs);color:rgba(180,200,255,.6)}
/* Sections */
.kam-section{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.kam-section:last-child{border-bottom:none}
.kam-section-label{font-size:var(--text-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.7px;color:rgba(180,200,255,.88);margin-bottom:6px;display:flex;align-items:center;gap:5px}
.kam-section-label-dot{width:5px;height:5px;border-radius:50%;background:var(--tk-accent-solid);flex-shrink:0}
.kam-section-body{font-size:var(--text-base);color:rgba(255,255,255,.85);line-height:1.6}
.kam-section-body.opener{font-size:var(--text-lg);font-weight:var(--fw-semi);color:var(--tk-text-primary);line-height:1.5}
.kam-tag{display:inline-block;font-size:var(--text-xs);font-weight:var(--fw-bold);padding:2px 8px;border-radius:var(--r-xl);margin:3px 3px 0 0}
.kam-tag.new{background:var(--tk-ok-dim-2);color:var(--tk-ok-bright);border:1px solid var(--tk-ok-border)}
.kam-tag.dropped{background:rgba(229,62,62,.15);color:rgba(255,130,130,.9);border:1px solid rgba(229,62,62,.25)}
.kam-tag.up{background:var(--tk-ok-dim);color:var(--tk-ok-bright)}
.kam-tag.down{background:rgba(240,176,0,.15);color:rgba(240,176,0,.9)}
.kam-objection-q{font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(180,200,255,.7);margin-bottom:4px}

/* ── KAM DATA CARDS ── */
.kam-dc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-card);margin-bottom:10px;overflow:hidden}   /* 25 ต.ค. 2569 (perf): เอา blur ออก — การ์ดทุกใบในหน้าร้านเบลอพื้นหลังเรียบ ๆ ที่มองไม่ออก แต่ iPhone ต้องวาดใหม่ทุกเฟรมที่เลื่อน */
/* Overrides for section inside dark KAM bg */
#kam-overview .sec{padding-left:16px;padding-right:16px}
#kav-z2{padding-left:16px;padding-right:16px;padding-bottom:20px}
/* KAM header text explicitly white */
#kam-acct-name2,#kam-acct-meta2,#kam-acct-dept{color:rgba(255,255,255,.9) !important}
.kam-dc-head{padding:10px 14px 8px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:6px}
.kam-dc-head-label{font-size:var(--text-md);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.6px;color:rgba(220,235,255,.95)}
.kam-dc-body{padding:12px 14px}
.kam-dc-insight{padding:8px 14px 12px;font-size:var(--text-md);color:rgba(220,235,255,.92);line-height:1.65;border-top:1px solid rgba(255,255,255,.08);font-style:italic}
/* GMV card specifics */
.kam-gmv-main{font-family:"IBM Plex Mono",monospace;font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--tk-text-primary);margin-bottom:3px}
.kam-gmv-sub{font-size:var(--text-sm);color:rgba(220,235,255,.9)}
.kam-trend-chip{display:inline-block;font-size:var(--text-sm);font-weight:var(--fw-bold);padding:2px 8px;border-radius:var(--r-xl);margin-left:8px;font-family:"IBM Plex Mono",monospace}
.kam-trend-chip.up{background:var(--tk-ok-dim);color:var(--tk-ok-bright)}
.kam-trend-chip.dn{background:rgba(229,62,62,.12);color:rgba(255,120,120,.9)}
/* v_gp: GP บรรทัดที่สองในการ์ด "ยอดซื้อ" — เลนส์คนละชนิดกับ GMV จึงคั่นด้วยเส้น
   ไม่ใช่วางต่อกันเหมือนตัวเลขชุดเดียวกัน · เจตนาให้เล็กกว่า .kam-gmv-main
   เพราะ GP ยังไม่ใช่ตัวชี้วัดที่ทีมถูกวัด (Jan 2027) — พอเริ่มวัดค่อยเลื่อนขึ้น
   ห้ามใส่สี ok/amb/danger: สีชุดนั้นในแอปนี้แปลว่า "ผ่าน/ไม่ผ่านเกณฑ์" */
.kam-gp-row{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.kam-gp-label{font-size:var(--text-sm);color:rgba(220,235,255,.62);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--fw-semi)}
.kam-gp-val{font-family:"IBM Plex Mono",monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:rgba(220,235,255,.95)}
.kam-gp-pct{font-family:"IBM Plex Mono",monospace;font-size:var(--text-sm);color:rgba(220,235,255,.72)}
/* GP ติดลบ = สินค้าล่อลูกค้า เป็นข้อเท็จจริงที่ต้องอ่านออก ไม่ใช่สถานะ "แดง/ไม่ผ่าน" */
.kam-gp-val.neg{color:rgba(255,150,150,.92)}
.kam-gp-note{flex-basis:100%;font-size:var(--text-xs);color:rgba(220,235,255,.5);font-style:italic}
/* v_gp: "กำไรมาจากไหน" — GP ต่อหมวดสินค้า กางออกจากบรรทัด GP รวม (บุช รอบ 2)
   แถบใช้สีเขียวของ Sense (--tk-ok-*) เป็นสีของ "กำไร" ไม่ใช่สีของ "ผ่านเกณฑ์"
   จึงไม่ชนความหมายกับ ramp สถานะ เพราะที่นี่ไม่มีเกณฑ์ให้ผ่านอยู่แล้ว */
.kam-gp-block{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.09)}
/* .kam-gp-row เดิมมี margin/border-top ของตัวเอง — ในโหมดกางได้ ให้ .kam-gp-block
   เป็นเจ้าของเส้นคั่นแทน ไม่งั้นจะได้เส้นซ้อนสองเส้น */
.kam-gp-block .kam-gp-row{margin-top:0;padding-top:0;border-top:none}
.kam-gp-row-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:var(--r-sm);
  margin:-4px -6px;padding:4px 6px;transition:background 140ms ease}
.kam-gp-row-btn:hover,.kam-gp-row-btn:focus-visible{background:rgba(255,255,255,.05)}
.kam-gp-row-btn:focus-visible{outline:1px solid var(--tk-ok-bright);outline-offset:1px}
/* ลูกศรหมุนลงเมื่อกาง — ตัว › เดียวกับที่แอปใช้ที่อื่น (kna-recent-card) */
.kam-gp-chev{margin-left:auto;flex-shrink:0;font-size:var(--text-lg);line-height:1;
  color:rgba(220,235,255,.5);transition:transform 160ms cubic-bezier(.16,1,.3,1)}
.kam-gp-row-btn.open .kam-gp-chev{transform:rotate(90deg)}
.kam-gp-cat-body{margin-top:10px;animation:kamGpCatIn 180ms cubic-bezier(.16,1,.3,1) both}
@keyframes kamGpCatIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .kam-gp-cat-body{animation:none}
  .kam-gp-chev{transition:none}
}
.kam-gpcat-title{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;
  letter-spacing:.6px;color:rgba(220,235,255,.6);margin-bottom:6px}
.kam-gpcat-hint{font-size:var(--text-xs);color:rgba(220,235,255,.55);line-height:1.5;margin-bottom:10px}
.kam-gpcat-row{margin-bottom:9px}
.kam-gpcat-row:last-of-type{margin-bottom:2px}
.kam-gpcat-top{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.kam-gpcat-name{flex:1;min-width:0;font-size:var(--text-sm);font-weight:var(--fw-semi);color:rgba(255,255,255,.82);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kam-gpcat-amt{font-family:"IBM Plex Mono",monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(220,235,255,.95);flex-shrink:0}
.kam-gpcat-amt.neg{color:rgba(255,150,150,.92)}
.kam-gpcat-pct{font-family:"IBM Plex Mono",monospace;font-size:var(--text-xs);color:rgba(220,235,255,.6);flex-shrink:0;min-width:44px;text-align:right}
.kam-gpcat-bar{height:5px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.kam-gpcat-fill{display:block;height:100%;border-radius:3px;background:var(--tk-ok-bright)}
.kam-gpcat-fill.neg{background:rgba(255,120,120,.75)}
.kam-gpcat-foot{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:var(--text-xs);color:rgba(220,235,255,.5)}
/* Outlet rows */
.kam-outlet-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:var(--text-md)}
.kam-outlet-ind{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-bold);flex-shrink:0}
.kam-outlet-ind.pos{background:var(--tk-ok-dim-2);color:var(--tk-ok-bright)}
.kam-outlet-ind.neg{background:rgba(229,62,62,.15);color:rgba(255,120,120,.9)}
.kam-outlet-name{flex:1;color:rgba(255,255,255,.8);font-weight:var(--fw-semi);font-size:var(--text-sm)}
.kam-outlet-gmv{font-family:"IBM Plex Mono",monospace;font-size:var(--text-sm);color:rgba(220,235,255,.9)}
/* SKU movement */
.kam-sku-group{margin-bottom:10px}
.kam-sku-group:last-child{margin-bottom:0}
.kam-sku-group-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;color:rgba(180,200,255,.9);margin-bottom:5px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
.kam-sku-row{display:grid;grid-template-columns:18px 1fr auto;gap:6px;align-items:baseline;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.kam-sku-row:last-child{border-bottom:none}
.kam-sku-ind{font-size:var(--text-sm);font-weight:var(--fw-bold);text-align:center;line-height:1.6}
.kam-sku-ind.pos{color:var(--tk-ok-bright)}
.kam-sku-ind.neg{color:rgba(255,120,120,.9)}
.kam-sku-ind.warn{color:rgba(240,176,0,.9)}
.kam-sku-ind.slow{color:rgba(255,140,40,.9)}
.kam-sku-name{font-size:var(--text-sm);color:rgba(255,255,255,.95);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kam-sku-num{font-family:"IBM Plex Mono",monospace;font-size:var(--text-xs);color:rgba(220,235,255,.95);white-space:nowrap;text-align:right}
.kam-sku-row:last-child{border-bottom:none}
/* Cost opportunity list */
.kam-opp-row{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.kam-opp-row:last-child{border-bottom:none}
.kam-opp-name{flex:1;font-size:var(--text-sm);color:var(--tk-text-primary);font-weight:var(--fw-medium);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kam-opp-save{font-family:"IBM Plex Mono",monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(240,176,0,.9);white-space:nowrap}
.kam-opp-conf{font-size:var(--text-2xs);padding:1px 6px;border-radius:var(--r-md);white-space:nowrap;flex-shrink:0}
.kam-opp-conf.hi{background:var(--tk-ok-dim);color:var(--tk-ok-bright)}
.kam-opp-conf.md{background:rgba(240,176,0,.12);color:rgba(240,176,0,.8)}
.kam-opp-conf.unv{background:rgba(160,160,160,.15);color:var(--n600)}

/* ── BOTTOM NAV ── */
.bnav{position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:var(--app-max,440px);background:var(--n0);border-top:1px solid var(--n100);display:grid;grid-template-columns:repeat(var(--tab-count,5),1fr);z-index:170;padding:8px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom));}
/* restaurant sheet (z-index:163→210) must sit above bnav when open */
body.restaurant-sheet .bnav{z-index:150;}
/* bnav uses display:flex with .ni{flex:1} for equal-width tabs
   grid-template-columns has no effect on flex containers — omitted */
body.kam-mode .bnav .lb{font-size:var(--text-md);font-weight:var(--fw-bold);letter-spacing:.1px}
.ni{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 0;cursor:pointer;border:none;background:transparent;font-family:var(--tk-font-body);transition:all .2s;min-width:0;overflow:hidden}
.ni svg{width:22px;height:22px;color:var(--n400);transition:color .2s}
.ni .lb{font-size:var(--text-xs);color:var(--n400);font-weight:var(--fw-medium);transition:color .2s;white-space:nowrap}
.ni.on svg,.ni.on .lb{color:var(--g700)}
.ni.on .lb{font-weight:var(--fw-bold)}
.nwrap{position:relative}
.nbadge{position:absolute;top:-4px;right:-6px;background:var(--org);color:var(--tk-text-primary);font-size:var(--text-2xs);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);z-index:10}

/* ── Home button — "พอร์ต" feels like home in both modes ── */
.ni.nav-home .nwrap{padding:5px 9px;border-radius:11px;transition:background .2s,box-shadow .25s}
/* Restaurant mode — green tint */
body:not(.kam-mode) .ni.nav-home:not(.on) .nwrap{background:var(--tk-ok-dim);box-shadow:0 0 0 1px var(--tk-ok-dim-2) inset}
body:not(.kam-mode) .ni.nav-home:not(.on) svg{color:var(--g700)}
body:not(.kam-mode) .ni.nav-home.on .nwrap{background:var(--tk-ok-dim-2);box-shadow:0 0 0 1px var(--tk-ok-border) inset}
body:not(.kam-mode) .ni.nav-home.on svg{color:var(--g500)}
body:not(.kam-mode) .ni.nav-home.on .lb{color:var(--g700)}
/* KAM mode — blue tint (matches kambar gradient) */
body.kam-mode .ni.nav-home:not(.on) .nwrap{background:var(--tk-accent-dim);box-shadow:0 0 0 1px rgba(100,160,255,.22) inset}
body.kam-mode .ni.nav-home:not(.on) svg{color:rgba(180,210,255,.7)}
body.kam-mode .ni.nav-home:not(.on) .lb{color:rgba(180,210,255,.65)}
body.kam-mode .ni.nav-home.on .nwrap{background:var(--tk-accent-dim-3);box-shadow:0 0 0 1px rgba(140,180,255,.5) inset}
/* Active press feedback */
.ni.nav-home:active .nwrap{transform:scale(.94);transition-duration:80ms}

/* No-account empty state — sparkle float */
@keyframes kna-sparkle-float{0%,100%{transform:translateY(0) rotate(0deg);opacity:.55}50%{transform:translateY(-4px) rotate(8deg);opacity:.85}}
.kna-sparkle{animation:kna-sparkle-float 3.2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(140,180,255,.35))}
.kna-recent-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:10px 14px;cursor:pointer;font-family:var(--tk-font-body);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .15s}
.kna-recent-card:hover{background:var(--tk-accent-dim);border-color:rgba(100,160,255,.35)}
.kna-recent-card:active{transform:scale(.98)}

/* ── SCREENS ── */
.main{padding-top:var(--topbar-h);padding-bottom:148px;min-height:calc(100vh - 48px)}

/* ══ PHASE 0C: DATA-THEME — BNAV ONLY ════════════════════════
   data-theme is set on <html> at login by 01_core.js.
   Rules here: bnav background + nav icon colors only.
   TOPBAR IS NOT HERE — body.kam-mode / body.sales-mode in
   styles_main.css handle topbar. Do not add topbar rules here.
   ════════════════════════════════════════════════════════════ */

/* ── Bottom nav: theme-aware ── */
[data-theme="dark"]  .bnav { background: var(--tk-nav-bg); border-top: 1px solid rgba(255,255,255,.10); }
[data-theme="light"] .bnav { background: #FFFFFF; border-top: 1px solid var(--hairline); }

/* Nav icon idle */
[data-theme="dark"]  .bnav .ni .lb,
[data-theme="dark"]  .bnav .ni svg { color: rgba(255,255,255,.55); }
[data-theme="light"] .bnav .ni .lb,
[data-theme="light"] .bnav .ni svg { color: var(--ink-3); }

/* Nav icon active */
[data-theme="dark"]  .bnav .ni.on .lb,
[data-theme="dark"]  .bnav .ni.on svg { color: var(--tk-text-primary); }
[data-theme="light"] .bnav .ni.on .lb,
[data-theme="light"] .bnav .ni.on svg { color: var(--fk-red); }

/* Active pill */
[data-theme="dark"]  .bnav .ni.on .nwrap { background: var(--tk-accent-dim-3); }
[data-theme="light"] .bnav .ni.on .nwrap { background: var(--fk-red-dim); }

/* แตะแถบหัวร้านแบบบาง = กลับขึ้นบนสุด ไม่ให้หัวเต็มไปอยู่ใต้แถบบนของแอป (05 _kavMiniTop) */
#kam-overview{scroll-margin-top:var(--topbar-h)}

/* ── สินค้าที่ต้องดู: แท่งยอด 3 เดือน + หัวกลุ่มมียอดรวม (Bucci 25 ต.ค. 2569 · 05 renderKamThisMonth) ── */
.kam-sku-row.sku2{grid-template-columns:30px 1fr auto;column-gap:10px;align-items:center;padding:7px 0}
.sku-story{font-size:var(--text-xs);color:rgba(255,255,255,.55);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sku-amt{font-family:"IBM Plex Mono","Noto Sans Thai",monospace;font-size:var(--text-md);font-weight:var(--fw-bold);white-space:nowrap;text-align:right}
.sku-spark{display:flex;align-items:flex-end;gap:2px;height:22px;color:rgba(255,255,255,.4)}
.sku-spark i{display:block;width:7px;border-radius:2px 2px 0 0;background:rgba(188,215,255,.28)}
.sku-spark i.z{height:2px;border-radius:1px;background:rgba(188,215,255,.18)}
.sku-spark .stk{display:flex;flex-direction:column-reverse;width:7px}
.sku-spark .stk i{border-radius:0}
.sku-spark .stk i:last-child{border-radius:2px 2px 0 0}
.sku-spark i.now{background:currentColor}
.sku-spark i.now.z{background:currentColor;opacity:.9}
.sku-spark i.proj{background:transparent;border:1.5px dashed currentColor;border-bottom:none;box-sizing:border-box}
.sku-spark.neg{color:rgba(255,130,130,.95)}
.sku-spark.slow{color:rgba(255,140,40,.95)}
.sku-spark.warn{color:rgba(240,176,0,.9)}
.sku-spark.appr{color:rgba(100,180,255,.9)}
.sku-legend{display:flex;align-items:center;gap:6px;font-size:var(--text-2xs);color:rgba(255,255,255,.42);margin:0 0 4px}
.sku-legend .sku-spark{height:10px;gap:2px;color:rgba(255,140,40,.95)}
.sku-legend .sku-spark i,.sku-legend .sku-spark .stk{width:4px}
.sku-grp{display:flex;align-items:baseline;gap:6px;padding:9px 0 3px;border-top:1px solid rgba(255,255,255,.06);margin-top:2px}
.sku-grp b{font-size:var(--text-sm);font-weight:var(--fw-bold)}
.sku-grp span{font-size:var(--text-xs);color:rgba(255,255,255,.45)}
.sku-grp em{margin-left:auto;font-style:normal;font-family:"IBM Plex Mono","Noto Sans Thai",monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);white-space:nowrap}
.sku-grp em small{font-family:var(--tk-font-body);font-size:var(--text-2xs);font-weight:var(--fw-semi);opacity:.7}
.sku-grp.neg b,.sku-grp.neg em{color:rgba(255,130,130,.95)}
.sku-grp.slow b,.sku-grp.slow em{color:rgba(255,140,40,.95)}
.sku-grp.warn b,.sku-grp.warn em{color:rgba(240,176,0,.9)}
.sku-grp.appr b{color:rgba(100,180,255,.9)}
.sku-grp.dim b{color:rgba(255,255,255,.5)}
.sku-grp.pos b,.sku-grp.pos em{color:rgba(80,220,160,.92)}
.kam-dc-body > .sku-grp:first-child,.kam-dc-body > .sku-legend + .sku-grp{border-top:none}
.sku-pos-tog{font-size:var(--text-xs);color:rgba(80,220,160,.7);font-weight:var(--fw-semi)}
.sku-more{width:100%;margin-top:6px;padding:7px;border-radius:var(--r-8);border:1px solid rgba(255,255,255,.08);background:transparent;color:rgba(255,255,255,.55);font-size:var(--text-sm);font-weight:var(--fw-semi);font-family:var(--tk-font-body);cursor:pointer;text-align:center}
.sku-head{flex-wrap:wrap;row-gap:6px}
.sku-head .kam-dc-head-label{white-space:nowrap}

/* ── 25 ต.ค. 2569 (Bucci): หน้าร้าน ── */
/* วงแหวนร้านที่ไม่มี % (จาก Sales / Handover …) — คำตัวหนังสือขนาดพอดีวง ไม่ใช่เลข mono ใหญ่ */
.kav-ring-center .kav-pace-num.shop.kind{font-family:var(--tk-font-body);font-size:var(--text-md);letter-spacing:0;white-space:nowrap;color:rgba(140,180,255,.95)}
/* ซื้อเพิ่มเดือนนี้: แถวกลุ่มดูออกว่ากดได้ — ลูกศร › + ชื่อ 2 ตัวแรก */
.sku-grp.tap{cursor:pointer}
.sku-grp-arr{font-style:normal;font-size:18px;line-height:1;color:rgba(80,220,160,.75);margin-left:6px;transition:transform .2s ease;display:inline-block}
.sku-grp.tap.open .sku-grp-arr{transform:rotate(90deg)}
.sku-grp-peek{font-size:var(--text-xs);color:rgba(225,238,255,.55);margin:-1px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.sku-grp-peek b{color:rgba(80,220,160,.85);font-weight:var(--fw-semi)}

/* ── ซื้อเพิ่มเดือนนี้: ปุ่มชัด + กางลื่น (Bucci 25 ต.ค. 2569 · 05 _skuPosToggle) ── */
.pos-all{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;border-radius:99px;border:1px solid rgba(80,220,160,.35);background:rgba(80,220,160,.1);color:rgba(120,235,180,.95);font-family:var(--tk-font-body);font-size:var(--text-xs);font-weight:var(--fw-bold);cursor:pointer;transition:transform .12s ease,background .2s ease}
.pos-all i{font-style:normal;font-size:15px;line-height:1;display:inline-block;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.pos-card.open .pos-all i{transform:rotate(90deg)}
.pos-card:not(.open) .pos-all i{animation:pos-nudge 1.6s ease-in-out .6s 2}
@keyframes pos-nudge{0%,60%,100%{transform:translateX(0)}30%{transform:translateX(3px)}}
.pos-card .kam-dc-head:active .pos-all{transform:scale(.95);background:rgba(80,220,160,.18)}
/* แถวกลุ่ม = ปุ่ม: พื้นอ่อน มุมมน กดแล้วยุบตัวเล็กน้อย ลูกศรอยู่ในวง */
.pos-grp{margin:6px 0 2px;padding:2px 10px 8px;border-radius:12px;background:rgba(80,220,160,.05);border:1px solid rgba(80,220,160,.12);cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}
.pos-grp:active{transform:scale(.985);background:rgba(80,220,160,.11)}
.pos-grp .sku-grp{border-top:none;padding-top:8px;margin-top:0}
.pos-grp .sku-grp-arr{width:22px;height:22px;border-radius:50%;background:rgba(80,220,160,.14);display:inline-flex;align-items:center;justify-content:center;font-size:15px;margin-left:8px;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.pos-card.open .pos-grp .sku-grp-arr{transform:rotate(90deg)}
.sku-grp-peek{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;overflow:hidden;margin:0;max-height:26px;transition:max-height .25s ease,opacity .2s ease,margin .25s ease}
.sku-grp-peek span{font-size:var(--text-2xs);color:rgba(225,238,255,.7);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:99px;padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.sku-grp-peek b{font-size:var(--text-2xs);color:rgba(80,220,160,.9);font-weight:var(--fw-bold);flex-shrink:0}
.pos-card.open .sku-grp-peek{max-height:0;opacity:0}
/* กล่องรายการ: ความสูงไหลจาก 0 (grid 0fr→1fr) · แถวเลื่อนขึ้น+จางเข้าทีละแถว */
.pos-rows{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.2,.8,.2,1)}
.pos-card.open .pos-rows{grid-template-rows:1fr}
.pos-rows-in{overflow:hidden;min-height:0}
.pos-rows .kam-sku-row{opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}
.pos-card.open .pos-rows .kam-sku-row{opacity:1;transform:none;transition:opacity .28s ease calc(60ms + var(--i,0)*40ms),transform .28s cubic-bezier(.2,.8,.2,1) calc(60ms + var(--i,0)*40ms)}
@media (prefers-reduced-motion:reduce){.pos-rows,.pos-rows .kam-sku-row,.pos-card.open .pos-rows .kam-sku-row,.pos-all i,.pos-grp,.sku-grp-peek{transition:none!important;animation:none!important}}
</style>
<style>
/* ============================================================
   FRESHKET SENSE — MAIN STYLES (Phase 0B trimmed)
   src/styles_main.css
   ============================================================ */

/* → KAM Overview dark screen moved to styles_overview.css (Phase 0E) */
/* → UX Polish moved to styles_base.css (Phase 0E) */

/* → Hero+Cards+Chart+SKU+Portfolio moved to styles_overview.css (Phase 0E) */
/* → Save/Opp core (Gate+PlanBuilder+OppCards) moved to styles_save.css (Phase 0E) */
/* → Report v1 moved to styles_report.css (Phase 0E) */
/* → AI Chat + FAB moved to styles_aichat.css (Phase 0E) */
/* → NRR Movement rows + Detail sheet + Empty state moved to styles_portview.css (Phase 0E) */
/* → Report v2 + Group A + SKU detail + Account search moved to styles_report.css (Phase 0E) */
/* → KAM MODE dark theme header moved to styles_portview.css (Phase 0E) */
/* → KAM Sense Mode + Sense dark theme tokens + v207a moved to styles_save.css (Phase 0E) */
/* → v207b-v207d sense/nav patches moved to styles_save.css (Phase 0E) */
/* → v210g-v211c commission patches moved to styles_commission.css (Phase 0E) */
/* → v212a-v213 portview/nav patches moved to styles_portview.css (Phase 0E) */
/* → CDS moved to styles_commission.css (Phase 0E) */
/* → v213a-f teamview patches moved to styles_teamview.css (Phase 0E) */
/* → Login moved to styles_auth.css (Phase 0E) */

/* → Splash moved to styles_auth.css (Phase 0E) */
/* → Nav gating moved to styles_nav.css (Phase 0E) */
</style>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="mobile-web-app-capable"/>
<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"/>
<meta content="Freshket Sense" name="apple-mobile-web-app-title"/>
<meta content="#0a1220" name="theme-color"/>
<link href="manifest.json" rel="manifest"/>
<link href="/assets/sense-icon.png" rel="apple-touch-icon"/>
<link href="/assets/sense-icon.png" rel="icon" type="image/png"/>
<script id="freshket-sense-config">
// Freshket Sense app config boundary — Phase 14.
// Classic-script compatible on purpose: this file is inlined into index.html by scripts/build.js.
// Public values only. Do not place Claude/Gemini secrets here.
(function(global){
  'use strict';

  // v_egress (2026-08-14): ย้ายรูปมาไว้กับตัวแอปบน Cloudflare Pages
  //
  // ทำไม: Supabase public storage ส่ง `cache-control: no-cache` มาให้เสมอ =
  // สั่งเบราว์เซอร์ว่า "ห้ามเก็บ ถามใหม่ทุกครั้ง" · ไอคอนเดิม 911KB + avatar
  // 2.2MB ถูกโหลดซ้ำ ~226 ครั้ง/วัน = 288MB/วัน = 8.6GB/เดือน ซึ่งเกินโควตา
  // Cached Egress ของ Supabase (5GB) ด้วยตัวมันเอง — วัดจาก log จริง 14 ส.ค.
  // Cloudflare Pages ตั้ง cache ยาวให้เอง + ไม่นับเข้าโควตา Supabase เลย
  const ICON_URL = '/assets/sense-icon.png';
  const ICON_URL_512 = '/assets/sense-icon-512.png';
  const OLIVE_AVATAR_URL = '/assets/olive-avatar.png';
  // ?localdata=1 — dev-only override so a freshly-downloaded BigQuery CSV can be
  // tested by dropping it next to this file (in a `localtest/` folder) instead of
  // round-tripping through the real R2 bucket. Never affects production (flag must
  // be explicitly present in the URL).
  const R2_BASE = (typeof location !== 'undefined' && location.search.includes('localdata=1'))
    ? (location.origin + location.pathname.replace(/[^/]*$/, '') + 'localtest')
    : (location.origin + '/data');   // v_gate 5 ต.ค. 2026: ประตูไฟล์ข้อมูล (ลิงก์ r2.dev สาธารณะปิดแล้ว)

  const config = Object.freeze({
    app: Object.freeze({
      name: 'Freshket Sense',
      shortName: 'Freshket',
      version: 'v398',
      workingBaseline: 'v155-phase6.2-chat-grounding',
      themeColor: '#0a1220' /* 25 ต.ค. 2569: น้ำเงินดำ = พื้นแอป (ไม่แวบเขียวตอนเปิด) */,
      backgroundColor: '#0a1220',
      serviceWorkerUrl: '/sw.js',
      manifestStartUrl: '/',
      manifestDisplay: 'standalone'
    }),
    assets: Object.freeze({
      iconUrl: ICON_URL,
      iconUrl512: ICON_URL_512,
      oliveAvatarUrl: OLIVE_AVATAR_URL
    }),
    supabase: Object.freeze({
      url: 'https://menslbnyyvpxiyvjywcm.supabase.co',
      publishableKey: 'sb_publishable_DRCzHd782Gry8Edu4ZIiHA_KuOgBIIG'
    }),
    ai: Object.freeze({
      proxyStorageKey: 'freshket_ai_proxy_url',
      defaultProxyUrl: 'https://freshket-sense-ai-proxy.boonwirat-t.workers.dev',
      providerStorageKey: 'ai_provider',
      proxyOnlyProduction: true,
      defaultProvider: 'gemini'   // 25 ต.ค. 2569: Gemini = API บริษัท (worker บังคับ Gemini อยู่แล้ว)
    }),
    storage: Object.freeze({
      chatFabPositionKey: 'fs_aifab_pos_v1',
      loaderRuntimeDisabledKey: 'freshket_loader_runtime_disabled',
      authRuntimeDisabledKey: 'freshket_auth_runtime_disabled',
      stateRuntimeDisabledKey: 'freshket_state_runtime_disabled',
      viewRuntimeDisabledKey: 'freshket_view_runtime_disabled',
      accountIndexKey: 'ciq_index',
      localAccountPrefix: 'ciq_acct_',
      visitedKey: 'ciq_visited',
      restaurantSwipeLearnedKey: 'ciq_rest_swipe_learned',
      csvDbName: 'ciq-csv-v1',
      csvCacheTtlMs: 6 * 60 * 60 * 1000
    }),
    data: Object.freeze({
      r2Base: R2_BASE,
      foregroundKeys: Object.freeze(['portview','history','categories','sku_current','outlets','handover','upsell_team','upsell_team_groups','current_movements']),  // v261: add current_movements; v_oneflash2c: add upsell_team_groups (was missing → R2_SPECS['upsell_team_groups'] undefined, file could never load — same bug class as v230's upsell_team)
      // v212: critical correctness waits for portview + history + handover so movement/NRR cohorts never render with stale split data.
      criticalKeys: Object.freeze(['portview','history','handover']),
      enhancementKeys: Object.freeze(['categories','sku_current','outlets','upsell_team','upsell_team_groups','current_movements']),  // v264: add upsell_team+current_movements; v_oneflash2c: add upsell_team_groups
      backgroundKeys: Object.freeze([]),  // v207b: no global bulk SKU auto-load; Sense uses per-KAM bundle on demand
      r2Files: Object.freeze({
        portview: 'portview.csv',
        history: 'bulk_history.csv',
        categories: 'bulk_categories.csv',
        sku_current: 'bulk_sku_current.csv',
        outlets: 'bulk_outlets.csv',
        skus: 'bulk_skus.csv',
        alternatives: 'bulk_alternatives.csv',
        price: 'bulk_price.csv',
        handover: 'portview_handover.csv',
        upsell_team: 'sense_upsell_team.csv',
        upsell_team_groups: 'sense_upsell_team_groups.csv',  // v_oneflash2c: was missing → _getR2File fell back to the wrong bare 'upsell_team_groups.csv' filename, which 404'd regardless of the real file's presence on R2
        current_movements: 'portview_current_movements.csv'  // v260: movement classification
      }),
      r2Specs: Object.freeze({
        portview: Object.freeze({type:'portview-bulk',tab:'portview',cache:false,freshness:'network-first'}),
        history: Object.freeze({type:'bulk-data',tab:'history',cache:true}),
        categories: Object.freeze({type:'bulk-categories',tab:'categories',cache:true}),
        sku_current: Object.freeze({type:'bulk-sku-current',tab:'sku_current',cache:true}),
        outlets: Object.freeze({type:'bulk-outlets',tab:'outlets',cache:true}),
        skus: Object.freeze({type:'bulk-skus',tab:'skus',cache:false,heavy:true}),
        alternatives: Object.freeze({type:'bulk-alternatives',tab:'alternatives',cache:false,heavy:true}),
        price: Object.freeze({type:'bulk-price',tab:'price',cache:false,heavy:false}),
        handover: Object.freeze({type:'bulk-handover',tab:'handover',cache:true}), // v224d: cache:true so IDB fast path works
        upsell_team: Object.freeze({type:'bulk-upsell-team',tab:'upsell_team',cache:true}), // v230: was missing from config → R2_SPECS['upsell_team'] was undefined
        upsell_team_groups: Object.freeze({type:'bulk-upsell-team-groups',tab:'upsell_team_groups',cache:true}), // v_oneflash2c: same bug as v230 above — was missing from config → R2_SPECS['upsell_team_groups'] undefined → _fetchCloudflareFile no-op'd instantly, so the file could never load no matter how long the commission strip waited
        current_movements: Object.freeze({type:'bulk-current-movements',tab:'current_movements',cache:true}) // v260: transfer_in classification
      })
    }),
    legacySheets: Object.freeze({
      accountWorkbookId: '2PACX-1vRQyqbsY1hB0iTpoeqReg3079_HpQLO59T4zF0d1OZR2Tb4KQVIb7wbkbiSyQld_3EAcEmXOcD4HLEQ',
      skuWorkbookId: '2PACX-1vTnQjbsX-Ff-bv2lCdqY8r6oFbTjBlwV3GPd9QJ9ngqWvi77RW8GUtUTzrmRiF87LhL3zFLPtgd4-ZV'
    })
  });

  global.FreshketSenseConfig = config;
})(window);
</script>
<script id="freshket-style-runtime">
// Freshket Sense Phase 20 — CSS/UI Token Registry + Style Diagnostics
// Purpose: expose read-only style metadata for future CSS cleanup without changing runtime CSS behavior.
// This file must not mutate DOM styles, class names, layout, tokens, or CSS rules.
(function(global) {
  'use strict';

  const VERSION = 'v155-phase21-final-audit-regression';
  const BEHAVIOR_CHANGED = false;

  const TOKEN_NAMES = [
  "--g500",
  "--g50",
  "--g70",
  "--g700",
  "--g800",
  "--g900",
  "--amb",
  "--amb50",
  "--org",
  "--red",
  "--red50",
  "--n0",
  "--n50",
  "--n100",
  "--n200",
  "--n300",
  "--n400",
  "--n600",
  "--n700",
  "--n900",
  "--bd",
  "--sh",
  "--shm",
  "--r",
  "--rs",
  "--conf-hi",
  "--conf-md",
  "--conf-lo",
  "--kam",
  "--kam-dark",
  "--kam-bg"
];

  const STYLE_AREAS = Object.freeze([
    { key: 'base', label: 'Base / typography / root tokens', risk: 'low' },
    { key: 'topbar-data-panel', label: 'Topbar / data panel / data pill', risk: 'medium' },
    { key: 'restaurant-overview', label: 'Restaurant overview / hero / cards', risk: 'medium' },
    { key: 'opportunities-sense', label: 'Opportunities / Sense gate / plan builder', risk: 'high' },
    { key: 'portfolio-sku', label: 'Portfolio / SKU list / SKU detail', risk: 'high' },
    { key: 'kam-mode', label: 'KAM account / portfolio / team views', risk: 'high' },
    { key: 'navigation', label: 'Bottom nav / swipe / mode toggle', risk: 'high' },
    { key: 'olive-chat', label: 'Olive FAB / chat panel', risk: 'medium' },
    { key: 'print-report', label: 'Report / print CSS', risk: 'medium' }
  ]);

  const CRITICAL_SELECTORS = Object.freeze([
    'body', '.topbar', '.bnav', '#swipe-pill', '#data-load-pill', '#dataPanel',
    '#scr-overview', '#scr-portfolio', '#scr-opportunities', '#scr-report',
    '#kam-overview', '#scr-portview', '#scr-teamview', '.aifab', '.aipanel', '#sense-gate'
  ]);

  function safeDocument(){ return global.document || null; }

  function tokenSnapshot() {
    const doc = safeDocument();
    const out = {};
    if (!doc || !global.getComputedStyle) {
      TOKEN_NAMES.forEach(function(name){ out[name] = null; });
      return out;
    }
    const styles = global.getComputedStyle(doc.documentElement);
    TOKEN_NAMES.forEach(function(name) { out[name] = (styles.getPropertyValue(name) || '').trim(); });
    return out;
  }

  function selectorInventory() {
    const doc = safeDocument();
    return CRITICAL_SELECTORS.map(function(selector) {
      let count = 0;
      try { count = doc ? doc.querySelectorAll(selector).length : 0; } catch (err) { count = -1; }
      return { selector: selector, count: count, exists: count > 0 };
    });
  }

  function stylesheetInventory() {
    const doc = safeDocument();
    if (!doc) return { styleTagCount: 0, linkedStylesheetCount: 0, inlineStyleBytesEstimate: 0 };
    const styleTags = Array.prototype.slice.call(doc.querySelectorAll('style'));
    const links = Array.prototype.slice.call(doc.querySelectorAll('link[rel="stylesheet"]'));
    return {
      styleTagCount: styleTags.length,
      linkedStylesheetCount: links.length,
      inlineStyleBytesEstimate: styleTags.reduce(function(sum, tag) { return sum + ((tag.textContent || '').length); }, 0),
      linkedStylesheets: links.map(function(link) { return link.getAttribute('href') || ''; })
    };
  }

  function validate() {
    const tokens = tokenSnapshot();
    const missingTokens = TOKEN_NAMES.filter(function(name) { return !tokens[name]; });
    return {
      ok: missingTokens.length === 0,
      behaviorChanged: BEHAVIOR_CHANGED,
      tokenCount: TOKEN_NAMES.length,
      missingTokens: missingTokens,
      criticalSelectors: selectorInventory(),
      styleAreas: STYLE_AREAS,
      ts: new Date().toISOString()
    };
  }

  function diagnostics() {
    const validation = validate();
    return {
      version: VERSION,
      behaviorChanged: BEHAVIOR_CHANGED,
      tokenNames: TOKEN_NAMES.slice(),
      tokens: tokenSnapshot(),
      styleAreas: STYLE_AREAS,
      stylesheets: stylesheetInventory(),
      validation: validation,
      extractionPolicy: 'No external CSS extraction in Phase 20. Runtime CSS remains inline to preserve mobile/PWA behavior.',
      nextSafeStep: 'Extract CSS by area only after renderer/navigation phases are stable and browser-tested.',
      ts: new Date().toISOString()
    };
  }

  const api = Object.freeze({
    version: VERSION,
    behaviorChanged: BEHAVIOR_CHANGED,
    tokenNames: function() { return TOKEN_NAMES.slice(); },
    styleAreas: function() { return STYLE_AREAS.slice(); },
    criticalSelectors: function() { return CRITICAL_SELECTORS.slice(); },
    tokenSnapshot: tokenSnapshot,
    selectorInventory: selectorInventory,
    stylesheetInventory: stylesheetInventory,
    validate: validate,
    diagnostics: diagnostics
  });

  global.FreshketSenseStyleRuntime = api;
  global.getFreshketStyleRuntimeSnapshot = diagnostics;
  if (!global.FreshketSenseRuntime) global.FreshketSenseRuntime = {};
  global.FreshketSenseRuntime.style = api;
})(window);
</script>
<script id="freshket-view-registry">
// Freshket Sense view registry — Phase 13.
// Source-of-truth registry for screens, DOM anchors, renderer inventory, and extraction notes.
// Diagnostic only: this file must not mutate app state or override render functions.
(function(global){
  'use strict';

  const VERSION = 'phase13-view-registry-inventory';

  function freezeDeep(value){
    if(!value || typeof value !== 'object') return value;
    Object.keys(value).forEach(function(key){ freezeDeep(value[key]); });
    try{ return Object.freeze(value); }catch(e){ return value; }
  }

  const screens = {
    overview: {
      id: 'scr-overview',
      navId: 'nav-overview',
      group: 'restaurantA',
      mode: 'restaurant',
      label: 'Restaurant Overview',
      primaryRenderers: ['renderOverview','renderHeroKAM','renderHeroMoM','renderOverviewStats','renderCatBars','renderOutletCard','renderQuickWins','renderOverviewPaceAndStrip','renderInterpretation'],
      domAnchors: ['h-acct-name','hero-spend','cat-bars','outlet-card','overview-stats'],
      stateReads: ['D.history','D.current_month','D.categories','D.outlets','OPPS','selectedOpps'],
      extractionRisk: 'medium',
      notes: 'Restaurant landing screen. Must preserve swipe behavior and fixed bottom nav spacing.'
    },
    portfolio: {
      id: 'scr-portfolio',
      navId: 'nav-portfolio',
      group: 'restaurantA',
      mode: 'restaurant',
      label: 'Portfolio / SKU',
      primaryRenderers: ['renderPortfolio','renderSKUList','filterSKUs','renderPortMoMInsight','setPortfolioMonth','setSkuFilter','setSkuView'],
      domAnchors: ['sku-list','sku-panel','portfolio-sticky-wrap','port-top'],
      stateReads: ['D.skus','D.history','D.current_month','skuFilter','skuView'],
      extractionRisk: 'medium-high',
      notes: 'SKU screen has inner scroll and filtering. Do not extract before state boundary is stable.'
    },
    opportunities: {
      id: 'scr-opportunities',
      navId: 'nav-opportunities',
      group: 'restaurantB',
      mode: 'restaurant',
      label: 'Sense / Opportunities',
      primaryRenderers: ['computeOPPS','renderOpps','renderOppCards','renderOppTable','renderPlanBuilder','getFilteredOpps','toggleOpp','setOppFilter','scheduleOppReveal'],
      domAnchors: ['opplist','pb-groups','pb-footer','sense-gate'],
      stateReads: ['OPPS','selectedOpps','D.alts','D.skus','D.current_month','senseScore'],
      extractionRisk: 'high',
      notes: 'Most coupled restaurant screen: Sense gate, plan builder, alternatives, selection state.'
    },
    report: {
      id: 'scr-report',
      navId: 'nav-report',
      group: 'restaurantB',
      mode: 'restaurant',
      label: 'Report',
      primaryRenderers: ['renderReport'],
      domAnchors: ['rpt','report-wrap','scr-report'],
      stateReads: ['D','OPPS','selectedOpps'],
      extractionRisk: 'medium',
      notes: 'Report is mostly generated output; likely safer to extract before opportunity planner internals.'
    },
    kamOverview: {
      id: 'kam-overview',
      navId: 'nav-kam-overview',
      group: 'kam',
      mode: 'kam',
      label: 'KAM Account Overview',
      primaryRenderers: ['renderKamOverview','renderKamThisMonth','renderKamLastMonth','renderKamSignalBar','renderSkuMovementHtml','renderHeroKAM','generateKamBriefing'],
      domAnchors: ['kam-overview','kam-acct-name2','kam-this-month','kam-last-month'],
      stateReads: ['currentUserProfile','D.history','D.skus','D.current_month','bulkHistoryData','bulkSkusData'],
      extractionRisk: 'high',
      notes: 'Dark KAM screen with account context and AI insight entry points. Keep after lighter renderer extraction.'
    },
    portview: {
      id: 'scr-portview',
      navId: 'nav-portview',
      group: 'kam',
      mode: 'kam',
      label: 'Portfolio View',
      primaryRenderers: ['renderPortview','renderPortviewSummary','renderPortviewList','getPortviewAccounts','setPortviewFilter','generatePortviewInsight'],
      domAnchors: ['scr-portview','portview-list','portview-summary','pv-sort-row'],
      stateReads: ['bulkHistoryData','currentUserProfile','portviewFilter','portviewSort','isTeamLead'],
      extractionRisk: 'high',
      notes: 'Portfolio-level KAM/TL intelligence. Cross-account state; extract after registry and state selectors exist.'
    },
    teamview: {
      id: 'scr-teamview',
      navId: 'nav-teamview',
      group: 'kam',
      mode: 'kam',
      label: 'Team View',
      primaryRenderers: ['renderTeamview','renderTeamviewSummary','renderTeamviewKamList','teamviewDrillKam','teamviewGoBack','generateTeamviewInsight'],
      domAnchors: ['scr-teamview','teamview-list','teamview-summary'],
      stateReads: ['bulkHistoryData','currentUserProfile','teamviewScope','teamviewSelectedKam'],
      extractionRisk: 'high',
      notes: 'Team lead screen. Do not conflate with portfolio collapse behavior.'
    }
  };

  const groups = {
    restaurantA: { id:'swipe-grp-a', mode:'restaurant', screens:['overview','portfolio'], behavior:'horizontal-swipe' },
    restaurantB: { id:'swipe-grp-b', mode:'restaurant', screens:['opportunities','report'], behavior:'horizontal-swipe' },
    kam: { id:'kam-main', mode:'kam', screens:['kamOverview','portview','teamview'], behavior:'bottom-nav' }
  };

  const extractionOrder = [
    { phase:'view-registry', status:'done-in-phase13', screens:['all'], note:'Inventory only, no renderer rewiring.' },
    { phase:'low-risk-renderer-extract', status:'future', screens:['report'], note:'Candidate first extraction because it is generated output with fewer user interactions.' },
    { phase:'restaurant-overview-extract', status:'future', screens:['overview'], note:'Only after hero/category/outlet DOM anchors are protected.' },
    { phase:'portfolio-sku-extract', status:'future', screens:['portfolio'], note:'Requires stable SKU filter/state selectors.' },
    { phase:'opportunity-planner-extract', status:'future', screens:['opportunities'], note:'High risk due to Sense gate + selectedOpps + alternatives.' },
    { phase:'kam-views-extract', status:'future', screens:['kamOverview','portview','teamview'], note:'High risk; wait until shared account/portfolio selectors exist.' }
  ];

  function unique(arr){ const out=[]; (arr||[]).forEach(function(v){ if(v && out.indexOf(v)<0) out.push(v); }); return out; }
  const rendererNames = unique(Object.keys(screens).reduce(function(acc,key){ return acc.concat(screens[key].primaryRenderers || []); }, [])).sort();
  const domAnchors = unique(Object.keys(screens).reduce(function(acc,key){ return acc.concat(screens[key].domAnchors || []); }, [])).sort();
  const stateReads = unique(Object.keys(screens).reduce(function(acc,key){ return acc.concat(screens[key].stateReads || []); }, [])).sort();

  const registry = freezeDeep({
    version: VERSION,
    generatedAt: 'build-time',
    behaviorChanged: false,
    screens: screens,
    groups: groups,
    rendererNames: rendererNames,
    domAnchors: domAnchors,
    stateReads: stateReads,
    extractionOrder: extractionOrder
  });

  global.FreshketSenseViewRegistry = registry;
})(window);
</script>
<script id="freshket-read-model">
// Freshket Sense read model boundary — Phase 14.
// Purpose: provide read-only selectors for future renderer extraction.
// This file must not mutate DOM, app state, localStorage, IndexedDB, or network state.
(function(global){
  'use strict';

  const VERSION = 'phase14-read-model-boundary';
  const BEHAVIOR_CHANGED = false;

  function now(){ return new Date().toISOString(); }
  function safe(fn, fallback){ try{ return fn(); }catch(e){ return fallback; } }
  function isObj(v){ return !!v && typeof v === 'object' && !Array.isArray(v); }
  function arr(v){ return Array.isArray(v) ? v : []; }
  function num(v){ const n = Number(v); return Number.isFinite(n) ? n : 0; }
  function text(v){ return v == null ? '' : String(v); }
  function cloneShallowArray(list, limit){ return arr(list).slice(0, limit || list.length).map(function(x){ return isObj(x) ? Object.assign({}, x) : x; }); }
  function keys(v){ return isObj(v) ? Object.keys(v) : []; }
  function compactObject(obj){
    const out = {};
    Object.keys(obj || {}).forEach(function(k){ if(obj[k] !== undefined) out[k] = obj[k]; });
    return out;
  }

  function baseState(){
    const D = global.D || {};
    return {
      D: D,
      OPPS: arr(global.OPPS),
      selectedOpps: global.selectedOpps || global.sel || null,
      currentAccountId: global.currentAccountId || (D.meta && D.meta.accountId) || null,
      currentUser: global.currentUser || null,
      currentUserProfile: global.currentUserProfile || null,
      mode: global.mode || (global.isKAM ? 'kam' : 'restaurant'),
      isKAM: !!global.isKAM
    };
  }

  function dataAvailability(){
    const s = baseState();
    const D = s.D || {};
    return {
      accountLoaded: !!(s.currentAccountId || (D.meta && D.meta.accountName)),
      historyRows: arr(D.history).length,
      categoryRows: arr(D.cats).length,
      categoryMonthlyKeys: keys(D.cats_monthly).length,
      skuRows: arr(D.skus).length,
      skuCurrentRows: arr(D.sku_current).length,
      skuMonthlyKeys: keys(D.skus_monthly).length,
      alternativeRows: arr(D.alts).length,
      opportunityRows: arr(s.OPPS).length,
      outletMonthlyKeys: keys(D.outlets_monthly).length,
      currentMonthLoaded: !!D.current_month,
      bulkHistoryAccounts: keys(global.bulkHistoryData).length,
      bulkSkuAccounts: keys(global.bulkSkusData).length,
      bulkPortviewRows: arr(global.bulkPortviewData).length,
      weeklyDataAvailable: false,
      supplierDataAvailable: false,
      menuDataAvailable: false,
      customerCallNotesAvailable: false
    };
  }

  function accountIdentity(){
    const s = baseState();
    const D = s.D || {};
    const meta = D.meta || {};
    return compactObject({
      accountId: s.currentAccountId || meta.accountId || null,
      accountName: meta.accountName || global.bulkAccountNames && global.bulkAccountNames[s.currentAccountId] || '',
      kamName: meta.kamName || '',
      currentMonth: D.current_month && (D.current_month.m || D.current_month.month) || D.current_month || null,
      mode: s.mode,
      isKAM: s.isKAM,
      userEmail: s.currentUser && s.currentUser.email || null,
      userRole: s.currentUserProfile && (s.currentUserProfile.role || s.currentUserProfile.user_role) || null
    });
  }

  function historySummary(){
    const h = arr(baseState().D.history);
    const first = h[0] || null;
    const last = h[h.length - 1] || null;
    const total = h.reduce(function(sum,r){ return sum + num(r.gmv || r.gmv_ex_vat || r.sales || r.amount); }, 0);
    return {
      rows: h.length,
      firstMonth: first && (first.m || first.month) || null,
      lastMonth: last && (last.m || last.month) || null,
      first: first ? Object.assign({}, first) : null,
      last: last ? Object.assign({}, last) : null,
      totalKnownGmv: total,
      sample: cloneShallowArray(h, 6)
    };
  }

  function categorySummary(limit){
    const D = baseState().D || {};
    const cats = arr(D.cats);
    const rows = cats.length ? cats : Object.keys(D.cats_monthly || {}).reduce(function(acc,m){ return acc.concat(arr((D.cats_monthly || {})[m])); }, []);
    return {
      rows: rows.length,
      top: cloneShallowArray(rows, limit || 8),
      monthlyKeys: keys(D.cats_monthly)
    };
  }

  function skuSummary(limit){
    const D = baseState().D || {};
    const skus = arr(D.skus);
    return {
      rows: skus.length,
      currentRows: arr(D.sku_current).length,
      monthlyKeys: keys(D.skus_monthly),
      top: cloneShallowArray(skus, limit || 12),
      currentTop: cloneShallowArray(D.sku_current, limit || 12)
    };
  }

  function opportunitySummary(limit){
    const opps = arr(baseState().OPPS);
    const selected = baseState().selectedOpps;
    let selectedCount = 0;
    if(selected && typeof selected.size === 'number') selectedCount = selected.size;
    else if(Array.isArray(selected)) selectedCount = selected.length;
    return {
      rows: opps.length,
      selectedCount: selectedCount,
      top: cloneShallowArray(opps, limit || 10)
    };
  }

  function outletSummary(limit){
    const D = baseState().D || {};
    const monthKeys = keys(D.outlets_monthly);
    const latestKey = monthKeys[monthKeys.length - 1] || null;
    const rows = latestKey ? arr(D.outlets_monthly[latestKey]) : [];
    return {
      monthlyKeys: monthKeys,
      latestMonth: latestKey,
      rows: rows.length,
      top: cloneShallowArray(rows, limit || 8)
    };
  }

  function portfolioSummary(limit){
    const rows = arr(global.bulkPortviewData);
    return {
      rows: rows.length,
      filteredRows: arr(global.portviewAccounts || global.filteredPortviewAccounts).length || null,
      filter: global.portviewFilter || null,
      sort: global.portviewSort || null,
      top: cloneShallowArray(rows, limit || 12),
      bulkHistoryAccounts: keys(global.bulkHistoryData).length,
      bulkCurrentMonthAccounts: keys(global.bulkCurrentMonthData).length
    };
  }

  function teamSummary(limit){
    return {
      scope: global.teamviewScope || null,
      selectedKam: global.teamviewSelectedKam || null,
      rows: arr(global.teamviewRows || global.teamviewKamRows).length,
      top: cloneShallowArray(global.teamviewRows || global.teamviewKamRows, limit || 12),
      bulkHistoryAccounts: keys(global.bulkHistoryData).length,
      currentUserProfile: isObj(global.currentUserProfile) ? Object.assign({}, global.currentUserProfile) : null
    };
  }

  function reportModel(){
    return {
      screen: 'report',
      account: accountIdentity(),
      availability: dataAvailability(),
      history: historySummary(),
      categories: categorySummary(8),
      skus: skuSummary(12),
      opportunities: opportunitySummary(12),
      behaviorChanged: BEHAVIOR_CHANGED,
      ts: now()
    };
  }

  function restaurantOverviewModel(){
    return {
      screen: 'overview',
      account: accountIdentity(),
      availability: dataAvailability(),
      history: historySummary(),
      categories: categorySummary(8),
      outlets: outletSummary(8),
      opportunities: opportunitySummary(5),
      behaviorChanged: BEHAVIOR_CHANGED,
      ts: now()
    };
  }

  function portfolioModel(){
    return {
      screen: 'portfolio',
      account: accountIdentity(),
      availability: dataAvailability(),
      history: historySummary(),
      skus: skuSummary(20),
      behaviorChanged: BEHAVIOR_CHANGED,
      ts: now()
    };
  }

  function opportunitiesModel(){
    return {
      screen: 'opportunities',
      account: accountIdentity(),
      availability: dataAvailability(),
      skus: skuSummary(12),
      opportunities: opportunitySummary(20),
      behaviorChanged: BEHAVIOR_CHANGED,
      ts: now()
    };
  }

  function kamAccountModel(){
    return {
      screen: 'kamOverview',
      account: accountIdentity(),
      availability: dataAvailability(),
      history: historySummary(),
      skus: skuSummary(15),
      opportunities: opportunitySummary(10),
      behaviorChanged: BEHAVIOR_CHANGED,
      ts: now()
    };
  }

  function portviewModel(){
    return {
      screen: 'portview',
      account: accountIdentity(),
      availability: dataAvailability(),
      portfolio: portfolioSummary(20),
      behaviorChanged: BEHAVIOR_CHANGED,
      ts: now()
    };
  }

  function teamviewModel(){
    return {
      screen: 'teamview',
      account: accountIdentity(),
      availability: dataAvailability(),
      team: teamSummary(20),
      behaviorChanged: BEHAVIOR_CHANGED,
      ts: now()
    };
  }

  function getViewModel(key){
    const map = {
      overview: restaurantOverviewModel,
      portfolio: portfolioModel,
      opportunities: opportunitiesModel,
      report: reportModel,
      kamOverview: kamAccountModel,
      portview: portviewModel,
      teamview: teamviewModel
    };
    const fn = map[key] || map.report;
    return fn();
  }

  function diagnostics(){
    const registry = global.FreshketSenseViewRegistry || null;
    const availability = dataAvailability();
    return {
      version: VERSION,
      behaviorChanged: BEHAVIOR_CHANGED,
      registryLoaded: !!registry,
      registryVersion: registry && registry.version || null,
      selectors: ['accountIdentity','dataAvailability','historySummary','categorySummary','skuSummary','opportunitySummary','outletSummary','portfolioSummary','teamSummary','getViewModel'],
      availability: availability,
      account: accountIdentity(),
      validation: validate(),
      ts: now()
    };
  }

  function validate(){
    const required = ['overview','portfolio','opportunities','report','kamOverview','portview','teamview'];
    const models = required.map(function(key){
      return safe(function(){
        const model = getViewModel(key);
        return { key:key, ok:!!model && model.screen === key && model.behaviorChanged === false, screen:model && model.screen || null };
      }, { key:key, ok:false, screen:null });
    });
    return {
      ok: models.every(function(m){ return m.ok; }),
      behaviorChanged: BEHAVIOR_CHANGED,
      models: models
    };
  }

  function printDiagnostics(){
    const diag = diagnostics();
    try{
      console.log('Freshket read model diagnostics:', diag);
      console.table(diag.validation.models.map(function(m){ return { key:m.key, ok:m.ok, screen:m.screen }; }));
    }catch(e){}
    return diag;
  }

  const api = Object.freeze({
    version: VERSION,
    behaviorChanged: BEHAVIOR_CHANGED,
    accountIdentity: accountIdentity,
    dataAvailability: dataAvailability,
    historySummary: historySummary,
    categorySummary: categorySummary,
    skuSummary: skuSummary,
    opportunitySummary: opportunitySummary,
    outletSummary: outletSummary,
    portfolioSummary: portfolioSummary,
    teamSummary: teamSummary,
    getViewModel: getViewModel,
    reportModel: reportModel,
    restaurantOverviewModel: restaurantOverviewModel,
    portfolioModel: portfolioModel,
    opportunitiesModel: opportunitiesModel,
    kamAccountModel: kamAccountModel,
    portviewModel: portviewModel,
    teamviewModel: teamviewModel,
    diagnostics: diagnostics,
    validate: validate,
    printDiagnostics: printDiagnostics
  });

  const previousRuntime = global.FreshketSenseRuntime || {};
  global.FreshketSenseRuntime = Object.assign({}, previousRuntime, { readModel: api });
  global.FreshketSenseReadModelRuntime = api;
  global.getFreshketReadModelSnapshot = diagnostics;
  global.printFreshketReadModelDiagnostics = printDiagnostics;
})(window);
</script>
<script id="freshket-navigation-runtime">
// Freshket Sense Navigation / Screen Controller Boundary — Phase 19.
// Purpose: route navigation entry points through a single controller seam while preserving legacy fallback.
// Scope: showScreen, setMode, navPortHome. No nav/swipe/mode behavior changes intended.
(function(global){
  'use strict';

  const VERSION = 'phase19-1-navigation-regression-test';
  const BEHAVIOR_CHANGED = false;
  const ENTRY_POINTS = ['showScreen', 'setMode', 'navPortHome'];
  const calls = [];
  const MAX_CALLS = 100;

  function now(){ return new Date().toISOString(); }
  function pushCall(name, args, ok, detail){
    calls.push({ name, args: Array.prototype.slice.call(args || []), ok: !!ok, detail: detail || '', ts: now() });
    if(calls.length > MAX_CALLS) calls.shift();
  }
  function hasFn(fn){ return typeof fn === 'function'; }
  function el(id){ return global.document && document.getElementById(id); }
  function getActiveScreen(){
    const active = global.document && document.querySelector('.scr.on');
    return active && active.id ? active.id.replace(/^scr-/, '') : null;
  }
  function getActiveNav(){
    const active = global.document && document.querySelector('.ni.on');
    return active && active.id ? active.id.replace(/^nav-/, '') : null;
  }
  function getSwipeGroups(){
    return ['swipe-grp-a','swipe-grp-b'].map(function(id){
      const node = el(id);
      return { id, exists: !!node, active: !!(node && node.classList.contains('on')), scrollLeft: node ? node.scrollLeft : null };
    });
  }
  function normalizeContext(ctx){
    ctx = ctx || {};
    return {
      legacy: ctx.legacy || {},
      isKAM: typeof ctx.isKAM === 'boolean' ? ctx.isKAM : !!global.isKAM,
      currentAccountId: ctx.currentAccountId || global.currentAccountId || null,
      currentUserProfile: ctx.currentUserProfile || global.currentUserProfile || null,
      senseActivated: typeof ctx.senseActivated === 'boolean' ? ctx.senseActivated : !!global.senseActivated,
      activeScreen: getActiveScreen(),
      activeNav: getActiveNav(),
      bodyKamMode: !!(global.document && document.body && document.body.classList.contains('kam-mode')),
      swipeGroups: getSwipeGroups()
    };
  }
  function safeLegacy(name, fn, args){
    if(!hasFn(fn)){
      pushCall(name, args, false, 'missing legacy fallback');
      return { ok:false, controller:VERSION, method:name, reason:'missing legacy fallback', behaviorChanged:BEHAVIOR_CHANGED, ts:now() };
    }
    try{
      const value = fn.apply(global, args || []);
      pushCall(name, args, true, 'legacy-navigation-through-controller');
      return value;
    }catch(error){
      pushCall(name, args, false, error && error.message || String(error));
      throw error;
    }
  }

  function showScreenFromLegacy(ctx, name){
    ctx = normalizeContext(ctx);
    return safeLegacy('showScreen', ctx.legacy && ctx.legacy.showScreen, [name]);
  }
  function setModeFromLegacy(ctx, mode){
    ctx = normalizeContext(ctx);
    return safeLegacy('setMode', ctx.legacy && ctx.legacy.setMode, [mode]);
  }
  function navPortHomeFromLegacy(ctx){
    ctx = normalizeContext(ctx);
    return safeLegacy('navPortHome', ctx.legacy && ctx.legacy.navPortHome, []);
  }

  function validate(){
    const ids = [
      ['nav-overview', !!el('nav-overview')],
      ['nav-portfolio', !!el('nav-portfolio')],
      ['nav-opportunities', !!el('nav-opportunities')],
      ['nav-portview', !!el('nav-portview')],
      ['nav-teamview', !!el('nav-teamview')],
      ['swipe-grp-a', !!el('swipe-grp-a')],
      ['swipe-grp-b', !!el('swipe-grp-b')],
      ['mode-toggle-wrap', !!el('mode-toggle-wrap')],
      ['kambar', !!el('kambar')]
    ].map(function(row){ return { id:row[0], ok:!!row[1] }; });
    return {
      ok: !!global.document ? ids.filter(function(x){ return x.ok; }).length >= 4 : true,
      ids,
      note: 'Navigation anchors are soft-validated because role/mode-specific elements may be hidden or absent in some sessions.',
      behaviorChanged: BEHAVIOR_CHANGED,
      ts: now()
    };
  }

  function diagnostics(){
    const ctx = normalizeContext({});
    return {
      version: VERSION,
      behaviorChanged: BEHAVIOR_CHANGED,
      entryPoints: ENTRY_POINTS.slice(),
      validation: validate(),
      context: ctx,
      recentCalls: calls.slice(-30),
      ts: now()
    };
  }

  const api = Object.freeze({
    version: VERSION,
    behaviorChanged: BEHAVIOR_CHANGED,
    entryPoints: ENTRY_POINTS.slice(),
    showScreenFromLegacy,
    setModeFromLegacy,
    navPortHomeFromLegacy,
    validate,
    diagnostics
  });

  global.FreshketSenseNavigationRuntime = api;
  global.FreshketSenseRuntime = global.FreshketSenseRuntime || {};
  global.FreshketSenseRuntime.navigation = api;
  global.getFreshketNavigationRuntimeSnapshot = diagnostics;
})(window);
</script>
<script id="freshket-report-renderer">
// Freshket Sense Report Renderer — Phase 15.
// Purpose: extract the first actual renderer path behind a legacy-safe adapter.
// Scope: Report screen only. Must not touch navigation, loader, auth, chat, or other renderers.
(function(global){
  'use strict';

  const VERSION = 'phase15-report-renderer';
  const BEHAVIOR_CHANGED = false;

  function now(){ return new Date().toISOString(); }
  function safe(fn, fallback){ try{ return fn(); }catch(e){ return fallback; } }
  function arr(v){ return Array.isArray(v) ? v : []; }
  function isSet(v){ return !!v && typeof v.has === 'function' && typeof v.size === 'number'; }
  function text(v){ return v == null ? '' : String(v); }
  function el(id){ return global.document && document.getElementById(id); }
  function setText(id, value){ const node = el(id); if(node) node.textContent = text(value); return !!node; }
  function setHTML(id, value){ const node = el(id); if(node) node.innerHTML = text(value); return !!node; }
  function call(fn, fallback){ return typeof fn === 'function' ? safe(fn, fallback) : fallback; }

  function contextFromLegacy(ctx){
    ctx = ctx || {};
    return {
      D: ctx.D || global.D || { meta:{}, history:[] },
      SAMPLE: ctx.SAMPLE || global.SAMPLE || { history:[] },
      OPPS: arr(ctx.OPPS || global.OPPS),
      sel: ctx.sel || global.sel || new Set(),
      getAlt: ctx.getAlt || global.getAlt,
      totalSel: ctx.totalSel || global.totalSel,
      curSpend: ctx.curSpend || global.curSpend || function(){ return 0; },
      fmt: ctx.fmt || global.fmt || function(v){ return String(v == null ? '' : v); }
    };
  }

  function selectedItems(c){
    const selected = c.sel;
    return arr(c.OPPS).filter(function(o){ return isSet(selected) ? selected.has(o.id) : false; })
      .sort(function(a,b){
        const aa = call(function(){ return c.getAlt(a); }, {});
        const bb = call(function(){ return c.getAlt(b); }, {});
        return Number(bb.save || 0) - Number(aa.save || 0);
      });
  }

  function viewModel(ctx){
    const c = contextFromLegacy(ctx);
    const D = c.D || {};
    const meta = D.meta || {};
    const hist = arr(D.history).length ? arr(D.history) : arr(c.SAMPLE.history);
    const last = hist[hist.length - 1] || { s:0, m:'' };
    const items = selectedItems(c);
    const save = call(function(){ return c.totalSel(); }, 0);
    var spend = call(function(){ return c.curSpend(); }, 0);
    var savPct = spend > 0 ? (save / spend * 100).toFixed(1) : '—';
    var highCount = items.filter(function(o){ return call(function(){ return c.getAlt(o).conf === 'high'; }, false); }).length;
    var medCount = items.length - highCount;
    // Group by category (o.cat) preserving save-desc order within each group
    var catMap = {};
    var catOrder = [];
    items.forEach(function(o){
      var cat = o.cat || 'อื่นๆ';
      if(!catMap[cat]){ catMap[cat] = []; catOrder.push(cat); }
      catMap[cat].push(o);
    });
    var groups = catOrder.map(function(cat){
      var gItems = catMap[cat];
      var gSave = gItems.reduce(function(s,o){ return s + call(function(){ return c.getAlt(o).save; }, 0); }, 0);
      return { cat: cat, items: gItems, save: gSave };
    });
    return {
      accountName: meta.accountName || 'ร้านอาหาร',
      kamName: meta.kamName || '—',
      lastMonth: last.m || '—',
      dateStr: new Date().toLocaleDateString('th-TH', { year:'numeric', month:'long', day:'numeric' }),
      selectedItems: items,
      selectedSave: save,
      spend: spend,
      savPct: savPct,
      highCount: highCount,
      medCount: medCount,
      groups: groups,
      context: c,
      ts: now()
    };
  }

  function renderRows(model){
    var c = model.context;
    if(!model.selectedItems.length){
      var oppsLen = arr(model.context.OPPS).length;
      var selSize = (model.context.sel && typeof model.context.sel.size === 'number') ? model.context.sel.size : 0;
      var msg = oppsLen === 0
        ? 'กำลังสแกนราคาวัตถุดิบ — กลับมาอีกครั้งหลังสแกนเสร็จ'
        : selSize === 0
          ? 'ยังไม่ได้เลือกรายการ — กลับไปหน้า Sense เพื่อเลือก'
          : 'ไม่พบรายการที่เลือก — ลองกดรีเฟรช';
      return '<tr><td colspan="7" style="text-align:center;padding:24px;color:rgba(160,255,200,.55);font-size:12px">'+msg+'</td></tr>';
    }
    var rowNum = 0;
    return model.groups.map(function(g){
      var catSave = call(function(){ return c.fmt(g.save); }, '—');
      var catRow = '<tr class="rpt2-cat-row"><td colspan="7">'+
        '<span class="rpt2-cat-name">'+text(g.cat)+'</span>'+
        '<span class="rpt2-cat-meta">'+g.items.length+' รายการ</span>'+
        /* rpt2-cat-save removed */
      '</td></tr>';
      var itemRows = g.items.map(function(o){
        rowNum++;
        var a = call(function(){ return c.getAlt(o); }, {});
        var confHigh = a.conf === 'high';
        var curMeta = '#'+text(o.curId)+(o.curSpec?' · '+text(o.curSpec):'')+(o.curP>0?' · ฿'+o.curP+'/'+text(o.curU):'');
        var altMeta = '#'+text(a.altId)+(a.altSpec?' · '+text(a.altSpec):'')+(a.altP>0?' · ฿'+a.altP+'/'+text(a.altU):'');
        return '<tr>'+
          '<td class="rpt2-num">'+rowNum+'</td>'+
          '<td><div class="rpt2-sku-name">'+text(o.curName)+'</div><div class="rpt2-sku-meta">'+curMeta+'</div></td>'+
          '<td class="rpt2-arr">→</td>'+
          '<td><div class="rpt2-sku-name">'+text(a.altName)+'</div><div class="rpt2-sku-meta">'+altMeta+'</div></td>'+
          '<td class="rpt2-gmv"><div class="rpt2-gmv-val">'+c.fmt(o.monthlyGmv||0)+'</div><div class="rpt2-gmv-qty">'+(o.monthlyQty>0?(+o.monthlyQty.toFixed(1))+' '+(typeof deriveQtyUnit==='function'?deriveQtyUnit(o.curSpec,o.priceBasis):(o.qu||'')):'')+'</div></td>'+
          '<td class="rpt2-save"><div class="rpt2-save-amt">'+c.fmt(a.save)+'</div><div><span class="rpt2-save-pct'+(confHigh?' high':'')+'">−'+text(a.pct)+'%</span></div></td>'+
          /* rpt2-conf td removed */
        '</tr>';
      }).join('');
      return catRow + itemRows;
    }).join('');
  }

  function renderTotal(model){
    var c = model.context;
    if(!model.selectedItems.length) return '';
    return '<tr class="rpt2-total-row">'+
      '<td colspan="5"><span class="rpt2-total-label">รวม '+model.selectedItems.length+' รายการที่เลือกในแผน</span></td>'+
      '<td class="rpt2-save"><div class="rpt2-total-amt">'+c.fmt(model.selectedSave)+' / เดือน</div><div class="rpt2-total-yr">'+c.fmt(model.selectedSave*12)+' / ปี</div></td>'+
      '<td></td>'+
    '</tr>';
  }

  function renderFromLegacy(ctx){
    const model = viewModel(ctx);
    const c = model.context;

    setText('rpt2-acct', model.accountName);
    setText('rpt2-date', model.dateStr);
    setText('rpt2-kam', 'KAM: ' + model.kamName);
    setText('rpt2-kpi-spend', c.fmt(model.spend));
    setText('rpt2-kpi-save-mo', c.fmt(model.selectedSave));
    setText('rpt2-kpi-save-count', model.selectedItems.length + ' รายการที่เลือก');
    setText('rpt2-kpi-save-yr', c.fmt(model.selectedSave * 12));
    setText('rpt2-kpi-pct', (model.savPct !== '—' ? model.savPct + '%' : '—') + ' ของยอดซื้อ');
    setText('rpt2-kpi-high', model.highCount + ' รายการ — ใช้แทนได้เลย');
    setText('rpt2-kpi-med', model.medCount + ' รายการ — แนะนำทดสอบก่อน');
    setHTML('rpt2-tbody', renderRows(model));
    setHTML('rpt2-tfoot', renderTotal(model));
    setText('rpt2-note', '* ประมาณการจากยอดซื้อและราคาสินค้า ' + model.lastMonth + ' — ตัวเลขจริงอาจต่างกันตามปริมาณและราคาที่เปลี่ยนแปลง');

    return { ok:true, renderer:VERSION, selectedCount:model.selectedItems.length, selectedSave:model.selectedSave, behaviorChanged:BEHAVIOR_CHANGED, ts:now() };
  }

  function validate(){
    const requiredIds = ['rpt2-acct','rpt2-date','rpt2-kam','rpt2-kpi-spend','rpt2-kpi-save-mo','rpt2-tbody','rpt2-tfoot','rpt2-note'];
    const ids = requiredIds.map(function(id){ return { id:id, exists:!!el(id) }; });
    return { ok: ids.every(function(x){ return x.exists; }), ids: ids, behaviorChanged: BEHAVIOR_CHANGED };
  }

  function diagnostics(){
    const rm = global.FreshketSenseReadModelRuntime || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.readModel) || null;
    return {
      version: VERSION,
      behaviorChanged: BEHAVIOR_CHANGED,
      screen: 'report',
      readModelLoaded: !!rm,
      readModelReportAvailable: !!(rm && typeof rm.getViewModel === 'function'),
      validation: validate(),
      ts: now()
    };
  }

  function printDiagnostics(){
    const diag = diagnostics();
    try{
      console.log('Freshket report renderer diagnostics:', diag);
      if(diag.validation && diag.validation.ids) console.table(diag.validation.ids);
    }catch(e){}
    return diag;
  }

  const api = Object.freeze({
    version: VERSION,
    behaviorChanged: BEHAVIOR_CHANGED,
    viewModel: viewModel,
    renderFromLegacy: renderFromLegacy,
    validate: validate,
    diagnostics: diagnostics,
    printDiagnostics: printDiagnostics
  });

  const previousRuntime = global.FreshketSenseRuntime || {};
  const previousViews = previousRuntime.views || {};
  global.FreshketSenseRuntime = Object.assign({}, previousRuntime, { views: Object.assign({}, previousViews, { reportRenderer: api }) });
  global.FreshketSenseReportRenderer = api;
  global.getFreshketReportRendererSnapshot = diagnostics;
  global.printFreshketReportRendererDiagnostics = printDiagnostics;
})(window);
</script>
<script id="freshket-overview-renderer">
// Freshket Sense Restaurant Overview Renderer — Phase 16.
// Purpose: extract the Restaurant Overview renderer behind a legacy-safe adapter.
// Scope: Restaurant Overview screen only. Must not touch navigation, loader, auth, chat, KAM, Portfolio, or Team renderers.
(function(global){
  'use strict';

  const VERSION = 'phase16-overview-renderer';
  const BEHAVIOR_CHANGED = false;

  function now(){ return new Date().toISOString(); }
  function safe(fn, fallback){ try{ return fn(); }catch(e){ return fallback; } }
  function arr(v){ return Array.isArray(v) ? v : []; }
  function el(id){ return global.document && document.getElementById(id); }
  function setDisplay(id, value){ const node=el(id); if(node) node.style.display=value; return !!node; }
  function call(fn, fallback){ return typeof fn === 'function' ? safe(fn, fallback) : fallback; }
  function setFlag(ctx, name, value){ if(ctx && typeof ctx.setFlag === 'function') return ctx.setFlag(name, value); return false; }
  function getFlag(ctx, name, fallback){ if(ctx && typeof ctx.getFlag === 'function') return ctx.getFlag(name); return fallback; }
  function fmtK(v){
    v = Number(v || 0);
    return v >= 1000000 ? (v/1000000).toFixed(1)+'M' : v >= 1000 ? Math.round(v/1000)+'k' : String(Math.round(v));
  }

  function normalizeContext(ctx){
    ctx = ctx || {};
    return {
      D: ctx.D || global.D || { meta:{}, history:[], cats:[] },
      SAMPLE: ctx.SAMPLE || global.SAMPLE || { history:[], cats:[] },
      activeMonth: Number.isFinite(Number(ctx.activeMonth)) ? Number(ctx.activeMonth) : 0,
      helpers: {
        animN: ctx.animN,
        renderCatBars: ctx.renderCatBars,
        renderOverviewStats: ctx.renderOverviewStats,
        renderInterpretation: ctx.renderInterpretation,
        renderPaceAndStrip: ctx.renderPaceAndStrip,
        setSenseGateState: ctx.setSenseGateState
      },
      getFlag: ctx.getFlag,
      setFlag: ctx.setFlag
    };
  }

  function resetSenseUi(ctx){
    // v201: guard — don't reset if Sense Gate is mid lazy-load
    if(getFlag(ctx, 'sgRunning', false)){
      if(localStorage.getItem('senseDebug')==='1') console.log('[SenseGate debug] resetSenseUi: skipped — _sgRunning=true (gate lazy-loading)');
      return;
    }
    if(localStorage.getItem('senseDebug')==='1') console.warn('[SenseGate debug] resetSenseUi: RUNNING (_sgRunning=false) — gate+senseActivated will be reset');
    const raBtn = el('rest-ai-btn');
    const raLoad = el('rest-ai-load');
    const raPreview = el('rest-ai-preview');
    if(raBtn){ raBtn.classList.remove('loading','done'); raBtn.style.opacity=''; }
    if(raLoad){
      raLoad.style.display='none';
      ['ras-1','ras-2','ras-3','ras-4'].forEach(function(id){ const s=el(id); if(s) s.classList.remove('vis'); });
    }
    if(raPreview) raPreview.style.display='none';

    setFlag(ctx, 'aiCameFromPreview', false);
    setFlag(ctx, 'senseActivated', false);
    setFlag(ctx, 'footerUnlocked', false);
    setFlag(ctx, 'sgRunning', false);

    setDisplay('srh-bridge', 'none');
    setDisplay('sense-gate', 'none');
    call(ctx.helpers.setSenseGateState, null) && ctx.helpers.setSenseGateState('standby');

    const oppHdr = el('opphdr'); if(oppHdr) oppHdr.classList.remove('ai-active');
    const dsvg = el('dial-svg'); if(dsvg) dsvg.classList.remove('sense-loading');
    setDisplay('dial-standby-overlay', 'flex');
    setDisplay('sense-done-wrap', 'none');
    const dWrap = el('dial-clickwrap');
    if(dWrap){ dWrap.classList.remove('sense-done'); dWrap.style.pointerEvents=''; }
  }

  function renderTrendBars(ctx, hist, currentMonth){
    const tbars = el('tbars');
    if(!tbars) return false;
    var _rr = currentMonth ? Number(currentMonth.runrate_gmv || 0) : 0;
    const maxValue = Math.max.apply(Math, hist.map(function(h){ return Number(h.s || 0); }).concat([
      currentMonth ? Number(currentMonth.gmv_to_date || 0) : 0, _rr, 1
    ]));
    var currentBar = '';
    if (currentMonth && currentMonth.gmv_to_date > 0) {
      var _actH = Math.round((currentMonth.gmv_to_date / maxValue) * 50);
      var _showGhost = _rr > currentMonth.gmv_to_date * 1.05 && _actH > 0;
      var _rrH = _showGhost ? Math.min(Math.round((_rr / maxValue) * 50), 52) : _actH;
      var _rrGap = _rrH - _actH;
      var _lbl = String(currentMonth.month_label || '').split(' ')[0];
      if (_showGhost) {
        // v205c: run rate ON TOP outside (.tba), actual value INSIDE solid bar
        var _actInner = _actH >= 16 ? '<span style="position:absolute;top:3px;left:0;right:0;text-align:center;font-size:8px;font-family:monospace;color:rgba(0,0,0,.7);line-height:1;font-weight:700">'+fmtK(currentMonth.gmv_to_date)+'</span>' : '';
        currentBar = '<div class="tbw" id="bar-cm" style="cursor:pointer" onclick="selectCurrentMonth()">'
          + '<span class="tba" style="color:var(--tk-ok-bright);font-size:10px;font-weight:700;font-family:monospace">'+fmtK(_rr)+'</span>'
          + '<div style="position:relative;height:'+_rrH+'px;width:100%;flex-shrink:0">'
          + '<div style="position:absolute;inset:0;background:var(--tk-ok-dim);border:1.5px dashed var(--tk-ok-border);border-radius:4px 4px 0 0;box-sizing:border-box"></div>'
          + '<div style="position:absolute;bottom:0;left:0;right:0;height:'+_actH+'px;background:var(--g500);opacity:.65;border-radius:4px 4px 0 0;overflow:hidden">'+_actInner+'</div>'
          + '</div>'
          + '<span class="tbl" style="color:var(--tk-ok-text);font-weight:700">'+_lbl+'</span></div>';
      } else {
        currentBar = '<div class="tbw" id="bar-cm" style="cursor:pointer" onclick="selectCurrentMonth()"><span class="tba" style="color:var(--tk-ok-text)">'+fmtK(currentMonth.gmv_to_date)+'</span><div class="tb" style="--bh:'+_actH+'px;--bar-i:'+hist.length+';height:'+_actH+'px;background:var(--g500);opacity:.5;border:1.5px dashed var(--tk-ok-text);box-sizing:border-box"></div><span class="tbl" style="color:var(--tk-ok-text);font-weight:700">'+_lbl+'</span></div>';
      }
    }
    tbars.innerHTML = hist.map(function(h,i){
      return '<div class="tbw" id="bar-'+i+'" onclick="selectMonth('+i+')"><span class="tba" id="tba-'+i+'">'+fmtK(h.s)+'</span><div class="tb" id="tb-'+i+'" style="--bh:'+Math.round((h.s/maxValue)*50)+'px;--bar-i:'+i+';height:'+Math.round((h.s/maxValue)*50)+'px;background:var(--n200)"></div><span class="tbl">'+String(h.m||'').split(' ')[0]+'</span></div>';
    }).join('') + currentBar;
    return true;
  }

  function renderHeroCurrentMonth(ctx, currentMonth){
    if(currentMonth && currentMonth.gmv_to_date > 0){
      setFlag(ctx, 'heroLockedToCurrent', true);
      const hSpend = el('hspend');
      const hMLbl = el('hMonthLabel');
      const hOrd = el('hOrders');
      const momEl = el('hero-mom');
      if(hSpend){ if(typeof ctx.helpers.animN==='function') ctx.helpers.animN(hSpend,currentMonth.gmv_to_date,1200); else hSpend.textContent=String(Math.round(currentMonth.gmv_to_date||0)); }
      if(hMLbl) hMLbl.textContent = currentMonth.month_label || '';
      if(hOrd){ hOrd.textContent=''; hOrd.style.display='none'; }
      if(momEl) momEl.style.display='none';
    } else {
      setFlag(ctx, 'heroLockedToCurrent', false);
    }
  }

  function renderCategories(ctx, cats){
    const cb = el('catbars');
    if(cb){
      if(typeof ctx.helpers.renderCatBars === 'function') cb.innerHTML = ctx.helpers.renderCatBars(cats, 3);
      else cb.innerHTML = '';
    }
    const catSec = el('overview-cats-sec');
    if(catSec) catSec.style.display = (cats && cats.length) ? '' : 'none';
  }

  function renderFromLegacy(input){
    const ctx = normalizeContext(input);
    const D = ctx.D || {};
    const SAMPLE = ctx.SAMPLE || {};
    resetSenseUi(ctx);

    const hist = arr(D.history).length ? arr(D.history) : arr(SAMPLE.history);
    const currentMonth = D.current_month || null;
    renderTrendBars(ctx, hist, currentMonth);
    renderHeroCurrentMonth(ctx, currentMonth);

    const cats = arr(D.cats).length ? arr(D.cats) : arr(SAMPLE.cats);
    renderCategories(ctx, cats);

    if(typeof ctx.helpers.renderOverviewStats === 'function') ctx.helpers.renderOverviewStats(ctx.activeMonth);
    if(typeof ctx.helpers.renderInterpretation === 'function') ctx.helpers.renderInterpretation(ctx.activeMonth);
    if(typeof ctx.helpers.renderPaceAndStrip === 'function') ctx.helpers.renderPaceAndStrip();

    return {
      ok: true,
      renderer: VERSION,
      screen: 'overview',
      historyCount: hist.length,
      categoryCount: cats.length,
      currentMonth: !!(currentMonth && currentMonth.gmv_to_date > 0),
      behaviorChanged: BEHAVIOR_CHANGED,
      ts: now()
    };
  }

  function validate(){
    const requiredIds = ['scr-overview','tbars','hspend','hMonthLabel','hOrders','catbars','overview-cats-sec','overview-stats','interp-strip-wrap','hero-pace-wrap','ov-price-strip-wrap'];
    const ids = requiredIds.map(function(id){ return { id:id, exists:!!el(id) }; });
    return { ok: ids.every(function(x){ return x.exists; }), ids: ids, behaviorChanged: BEHAVIOR_CHANGED };
  }

  function diagnostics(){
    const rm = global.FreshketSenseReadModelRuntime || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.readModel) || null;
    return {
      version: VERSION,
      behaviorChanged: BEHAVIOR_CHANGED,
      screen: 'overview',
      readModelLoaded: !!rm,
      readModelOverviewAvailable: !!(rm && typeof rm.getViewModel === 'function'),
      validation: validate(),
      ts: now()
    };
  }

  function printDiagnostics(){
    const diag = diagnostics();
    try{
      console.log('Freshket overview renderer diagnostics:', diag);
      if(diag.validation && diag.validation.ids) console.table(diag.validation.ids);
    }catch(e){}
    return diag;
  }

  const api = Object.freeze({
    version: VERSION,
    behaviorChanged: BEHAVIOR_CHANGED,
    renderFromLegacy: renderFromLegacy,
    validate: validate,
    diagnostics: diagnostics,
    printDiagnostics: printDiagnostics
  });

  const previousRuntime = global.FreshketSenseRuntime || {};
  const previousViews = previousRuntime.views || {};
  global.FreshketSenseRuntime = Object.assign({}, previousRuntime, { views: Object.assign({}, previousViews, { overviewRenderer: api }) });
  global.FreshketSenseOverviewRenderer = api;
  global.getFreshketOverviewRendererSnapshot = diagnostics;
  global.printFreshketOverviewRendererDiagnostics = printDiagnostics;
})(window);
</script>
<script id="freshket-portfolio-renderer">
// Freshket Sense Portfolio / SKU Renderer — Phase 17.
// Purpose: extract the Restaurant Portfolio/SKU renderer behind a legacy-safe adapter.
// Scope: Restaurant Portfolio screen + SKU list only. Must not touch navigation, loader, auth, chat, KAM, or Team renderers.
(function(global){
  'use strict';

  const VERSION = 'phase17-portfolio-sku-renderer';
  const BEHAVIOR_CHANGED = false;

  function now(){ return new Date().toISOString(); }
  function safe(fn, fallback){ try{ return fn(); }catch(e){ return fallback; } }
  function arr(v){ return Array.isArray(v) ? v : []; }
  function el(id){ return global.document && document.getElementById(id); }
  function call(fn, fallback){ return typeof fn === 'function' ? safe(fn, fallback) : fallback; }
  function text(v){ return v == null ? '' : String(v); }

  function monthSort(m){
    const p=text(m).split(' ');
    const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
    return (parseInt(p[1]||0)*12)+mo.indexOf(p[0]);
  }

  function normalizeContext(ctx){
    ctx = ctx || {};
    return {
      D: ctx.D || global.D || { history:[], cats:[], skus:[], skus_monthly:{}, cats_monthly:{} },
      SAMPLE: ctx.SAMPLE || global.SAMPLE || { history:[], cats:[], skus:[] },
      OPPS: arr(ctx.OPPS || global.OPPS),
      portfolioMonth: ctx.portfolioMonth || '',
      skuFilter: ctx.skuFilter || 'ทั้งหมด',
      priceMovFilter: ctx.priceMovFilter || null,
      skuView: ctx.skuView || 'gmv',
      setState: ctx.setState,
      helpers: {
        fmt: ctx.fmt || global.fmt || function(v){ return String(v == null ? '' : v); },
        computePriceChanges: ctx.computePriceChanges || global.computePriceChanges,
        computeSkuMovement: ctx.computeSkuMovement || global.computeSkuMovement,
        renderSparkline: ctx.renderSparkline || global.renderSparkline,
        renderPortMoMInsight: ctx.renderPortMoMInsight || global.renderPortMoMInsight,
        expandPortTop: ctx.expandPortTop || global._expandPortTop
      }
    };
  }

  function setLegacyState(ctx, name, value){
    if(ctx && typeof ctx.setState === 'function') return ctx.setState(name, value);
    return false;
  }

  function resolvePortfolioMonth(ctx, moKeys){
    let m = ctx.portfolioMonth;
    if(!m || moKeys.indexOf(m) < 0){
      m = moKeys[0] || '';
      setLegacyState(ctx, 'portfolioMonth', m);
    }
    return m;
  }

  function renderSKUListFromLegacy(input, passedSkus){
    const ctx = normalizeContext(input);
    const D = ctx.D || {};
    const SAMPLE = ctx.SAMPLE || {};
    const h = ctx.helpers;
    const rawSkus = passedSkus || (ctx.portfolioMonth && D.skus_monthly && D.skus_monthly[ctx.portfolioMonth]
      ? D.skus_monthly[ctx.portfolioMonth]
      : (arr(D.skus).length ? D.skus : arr(SAMPLE.skus)));
    const skus = arr(rawSkus).slice().sort(function(a,b){ return (Number(b.gmv||b.s||0)) - (Number(a.gmv||a.s||0)); });
    const search = (el('skuSearch') && el('skuSearch').value || '').toLowerCase();
    let filtered = skus;
    if(ctx.skuFilter !== 'ทั้งหมด') filtered = filtered.filter(function(s){ return s.d === ctx.skuFilter; });
    if(search) filtered = filtered.filter(function(s){ return text(s.n).toLowerCase().indexOf(search) >= 0; });
    if(ctx.priceMovFilter){
      const pcMap2 = {};
      arr(call(h.computePriceChanges, [])).forEach(function(p){ pcMap2[String(p.id)] = p; });
      filtered = filtered.filter(function(s){
        const pc = pcMap2[String(s.id)];
        const pct = pc ? pc.pct : 0;
        if(ctx.priceMovFilter === 'up') return pc && pct >= 1;
        if(ctx.priceMovFilter === 'down') return pc && pct <= -1;
        if(ctx.priceMovFilter === 'stable') return !pc || (pct > -1 && pct < 1);
        return true;
      });
    }
    const totalCount = el('sku-total-count');
    const showingCount = el('sku-showing-count');
    if(totalCount) totalCount.textContent = skus.length + ' รายการ';
    if(showingCount) showingCount.textContent = 'แสดง ' + filtered.length + ' รายการ' + (search || ctx.skuFilter !== 'ทั้งหมด' || ctx.priceMovFilter ? ' (filtered)' : '');

    const priceChanges = arr(call(h.computePriceChanges, []));
    const pcMap = {}; priceChanges.forEach(function(p){ pcMap[String(p.id)] = p; });
    const oppIds = new Set(ctx.OPPS.map(function(o){ return String(o.curId); }));
    const skuMov = call(h.computeSkuMovement, { newSkus:[], declining:[] }) || { newSkus:[], declining:[] };
    const newIds = new Set(arr(skuMov.newSkus).map(function(s){
      const found = arr(rawSkus).find(function(r){ return r.n === s.name; });
      return found ? String(found.id) : '';
    }).filter(Boolean));
    const declIds = new Set(arr(skuMov.declining).map(function(s){
      const found = arr(rawSkus).find(function(r){ return r.n === s.name; });
      return found ? String(found.id) : '';
    }).filter(Boolean));
    const sortedMoKeys = Object.keys(D.skus_monthly || {}).sort(function(a,b){ return monthSort(a)-monthSort(b); });
    const list = el('skulist');
    if(!list) return { ok:false, reason:'missing #skulist', renderer:VERSION, behaviorChanged:BEHAVIOR_CHANGED, ts:now() };

    // 25 ต.ค. 2569: วาดทีละหน้า (80 แถวแรก + เติมเมื่อเลื่อนถึงท้าย) — ตัวช่วยอยู่ใน 03_rendering (_skuListLimit)
    const rankOf = new Map(skus.map(function(x, i){ return [x.id, i + 1]; }));
    const lim = (typeof window._skuListLimit === 'function' && typeof window._skuListKey === 'function')
      ? window._skuListLimit(window._skuListKey([ctx.skuFilter, ctx.priceMovFilter, search, ctx.skuView].join('~'))) : filtered.length;
    const shown = filtered.slice(0, lim);
    const moreHtml = (typeof window._skuMoreHtml === 'function') ? window._skuMoreHtml(filtered.length - shown.length) : '';
    list.innerHTML = (shown.map(function(s){
      const origRank = rankOf.get(s.id) || 0;
      const rankClass = origRank === 1 ? 'top1' : origRank === 2 ? 'top2' : origRank === 3 ? 'top3' : origRank <= 5 ? 'top5' : '';
      const sid = String(s.id);
      let badges = '';
      const pc = pcMap[sid];
      if(newIds.has(sid)){
        badges += '<span class="skbadge skbadge-new">เพิ่งเริ่มสั่ง</span>';
      } else if(pc){
        // 25 ต.ค. 2569: บาทต่อหน่วยเดียวกับราคาที่แสดง (คู่กับ 03_rendering renderSKUList — แก้ที่เดียวไม่ได้ ต้องสองที่)
        const _base = s.u || s.unit_price || 0, _disp = s.display_price || _base;
        const _dd = (pc.curPrice - pc.prevPrice) * (_base > 0 ? _disp / _base : 1), _ad = Math.abs(_dd);
        const _dTxt = '฿' + (_ad >= 100 ? _ad.toFixed(0) : _ad >= 10 ? _ad.toFixed(1) : _ad.toFixed(2)) + '/' + (s.display_unit || 'กก.');
        if(pc.pct > 0) badges += '<span class="skbadge skbadge-price-up" title="' + Math.abs(pc.pct).toFixed(1) + '%">▲ ' + _dTxt + ' จากเดือนก่อน</span>';
        else badges += '<span class="skbadge skbadge-price-dn" title="' + Math.abs(pc.pct).toFixed(1) + '%">▼ ' + _dTxt + ' จากเดือนก่อน</span>';
      } else if(declIds.has(sid)){
        badges += '<span class="skbadge skbadge-anomaly">สั่งลดลง</span>';
      }
      if(oppIds.has(sid)) badges += '<span class="skbadge skbadge-opp">มีตัวเลือก</span>';
      const badgeRow = badges ? '<div class="sku-badge-row">' + badges + '</div>' : '';
      const price = (s.display_price || s.u || 0);
      const priceText = '฿' + Number(price).toFixed(s.display_price >= 100 ? 0 : 2) + '/' + (s.display_unit || 'กก.');
      if(ctx.skuView === 'price'){
        const spark = typeof h.renderSparkline === 'function' ? h.renderSparkline(sid, sortedMoKeys, 64, 22) : '<span style="font-size:9px;color:var(--n300)">—</span>';
        return '<div class="skrow" style="cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.04)" onclick="openSkuDetail(\'' + sid + '\')">' +
          '<div class="skrk ' + rankClass + '">' + origRank + '</div>' +
          '<div style="flex:1;min-width:0"><div class="skn">' + text(s.n) + '</div><div class="skc">' + text(s.d) + (s.pack_size ? ' · ' + text(s.pack_size) : '') + ' · ' + priceText + '</div>' + badgeRow + '</div>' +
          '<div style="flex-shrink:0;display:flex;align-items:center;padding-left:8px">' + spark + '</div>' +
        '</div>';
      }
      return '<div class="skrow"><div class="skrk ' + rankClass + '">' + origRank + '</div><div style="flex:1;min-width:0"><div class="skn">' + text(s.n) + '</div><div class="skc">' + text(s.d) + (s.pack_size ? ' · ' + text(s.pack_size) : '') + ' · ' + priceText + '</div>' + badgeRow + '</div><div style="flex-shrink:0"><div class="sksp">' + h.fmt(s.s) + '</div><div class="skpc">' + text(s.p) + '%</div></div></div>';
    }).join('') + moreHtml) || '<div style="padding:20px;text-align:center;color:var(--n400);font-size:13px">ไม่พบสินค้า</div>';
    if(typeof window._skuWatchMore === 'function') window._skuWatchMore();

    return { ok:true, renderer:VERSION, screen:'portfolio-sku-list', rawCount:skus.length, filteredCount:filtered.length, behaviorChanged:BEHAVIOR_CHANGED, ts:now() };
  }

  function renderPortfolioFromLegacy(input){
    const ctx = normalizeContext(input);
    const D = ctx.D || {};
    const SAMPLE = ctx.SAMPLE || {};
    const h = ctx.helpers;
    const hist = arr(D.history).length ? arr(D.history) : arr(SAMPLE.history);
    const moKeys = D.skus_monthly && Object.keys(D.skus_monthly).length ? Object.keys(D.skus_monthly).sort(function(a,b){ return monthSort(b)-monthSort(a); }) : [];
    const portfolioMonth = resolvePortfolioMonth(ctx, moKeys);
    ctx.portfolioMonth = portfolioMonth;

    const barEl = el('port-month-bar');
    if(barEl){
      if(moKeys.length > 1){
        barEl.innerHTML = moKeys.map(function(m){ return '<button class="mopill ' + (m === portfolioMonth ? 'on' : '') + '" onclick="setPortfolioMonth(\'' + m + '\',this)">' + m + '</button>'; }).join('');
        barEl.style.display = 'flex';
      } else {
        barEl.style.display = 'none';
      }
    }
    const labelEl = el('port-month-label');
    if(labelEl) labelEl.textContent = portfolioMonth || '';

    const skus = (portfolioMonth && D.skus_monthly && D.skus_monthly[portfolioMonth])
      ? arr(D.skus_monthly[portfolioMonth]).slice().sort(function(a,b){ return (Number(b.gmv||0))-(Number(a.gmv||0)); })
      : (arr(D.skus).length ? D.skus : arr(SAMPLE.skus));
    const cats = (portfolioMonth && D.cats_monthly && D.cats_monthly[portfolioMonth])
      ? D.cats_monthly[portfolioMonth]
      : portfolioMonth && D.skus_monthly && D.skus_monthly[portfolioMonth]
        ? _catsFromSkus(D.skus_monthly[portfolioMonth])
        : (arr(D.cats).length ? D.cats : arr(SAMPLE.cats));

    // v156: if current month selected, use gmv_to_date as denominator for top5pct
    const _isCurPortMoL = D.current_month && portfolioMonth === D.current_month.month_label;
    const histRow = _isCurPortMoL
      ? {s:D.current_month.gmv_to_date||0, orders:D.current_month.orders_to_date||0, m:portfolioMonth}
      : hist.find(function(hh){ return hh.m === portfolioMonth; }) || hist[hist.length-1] || { s:0, orders:0 };
    const last = histRow;
    const top5 = arr(skus).slice(0,5);
    const top5gmv = top5.reduce(function(s,x){ return s + Number(x.gmv || x.s || 0); }, 0);
    const top5pct = last.s > 0 ? (top5gmv / last.s * 100).toFixed(1) : '0';

    const topPctNum = parseFloat(top5pct) || 0;
    const conInterp = topPctNum > 70 ? 'พึ่งพาสินค้าหลักสูง — ถ้า SKU เหล่านี้ขาดหรือราคาขึ้น กระทบยอดทันที' : topPctNum >= 50 ? 'พอร์ตกระจายพอสมควร — ยังมี SKU อื่นรองรับหากสินค้าหลักขาด' : 'พอร์ตกระจายดี — ไม่พึ่งพาสินค้าใดสินค้าหนึ่งมากเกินไป';
    const topSkuEl = el('top-sku-card');
    if(topSkuEl){
      const conBg = topPctNum > 70 ? 'var(--amb50)' : topPctNum < 50 ? 'var(--tk-ok-bg)' : 'var(--n50)';
      const conBorder = topPctNum > 70 ? 'var(--amb)' : topPctNum < 50 ? 'var(--g500)' : 'var(--n200)';
      const conTextColor = topPctNum > 70 ? '#9a6500' : topPctNum < 50 ? 'var(--tk-ok-text)' : 'var(--n600)';
      const conNumColor = topPctNum > 70 ? 'var(--amb)' : topPctNum < 50 ? 'var(--g500)' : 'var(--n400)';
      topSkuEl.style.cssText = 'background:' + conBg + ';border-left:3px solid ' + conBorder + ';border-radius:0 var(--rs) var(--rs) 0;padding:10px 12px;margin-bottom:12px;display:block;box-shadow:none';
      topSkuEl.innerHTML = '<div style="display:flex;align-items:center;gap:5px;margin-bottom:3px"><span style="font-size:11px;font-weight:700;color:' + conTextColor + '">สินค้า 5 อันดับแรก = </span><span style="font-family:\'IBM Plex Mono\',monospace;font-size:12px;font-weight:700;color:' + conNumColor + '">' + top5pct + '%</span><span style="font-size:11px;font-weight:700;color:' + conTextColor + '">ของยอดเดือนนี้</span></div><div style="font-size:12px;color:' + conTextColor + ';line-height:1.5;font-weight:500">' + conInterp + '</div>';
    }

    const depts = ['ทั้งหมด'].concat(Array.from(new Set(arr(skus).map(function(s){ return s.d; }))));
    const catFilter = el('skuCatFilter');
    if(catFilter) catFilter.innerHTML = depts.map(function(d){ return '<button class="fpill ' + (d === 'ทั้งหมด' && !ctx.priceMovFilter ? 'on' : '') + '" onclick="setSkuFilter(\'' + text(d).replace(/'/g,"\\'") + '\',this)">' + text(d) + '</button>'; }).join('');

    const priceRow = el('sku-price-filter-row');
    let priceUp=0, priceDn=0, priceStable=0, netPriceImpact=0;
    const moKeysSortedD = Object.keys(D.skus_monthly || {}).sort(function(a,b){ return monthSort(b)-monthSort(a); });
    const portMoIdx = moKeysSortedD.indexOf(portfolioMonth);
    const prevPortMo = portMoIdx >= 0 && portMoIdx < moKeysSortedD.length-1 ? moKeysSortedD[portMoIdx+1] : null;
    if(portfolioMonth && prevPortMo && D.skus_monthly && D.skus_monthly[portfolioMonth] && D.skus_monthly[prevPortMo]){
      const curPM = {}; arr(D.skus_monthly[portfolioMonth]).forEach(function(s){ curPM[String(s.id)] = { p:s.unit_price||s.u||0, q:s.qty_kg||0 }; });
      const prevPM = {}; arr(D.skus_monthly[prevPortMo]).forEach(function(s){ prevPM[String(s.id)] = { p:s.unit_price||s.u||0, q:s.qty_kg||0 }; });
      Object.keys(curPM).forEach(function(id){
        const c=curPM[id], pv=prevPM[id];
        if(!c.p || !pv || !pv.p) return;
        const pct=(c.p-pv.p)/pv.p*100;
        if(pct>=1) priceUp++; else if(pct<=-1) priceDn++; else priceStable++;
        netPriceImpact += (pv.q || c.q) * (c.p - pv.p);
      });
    }
    const priceTotal = priceUp + priceDn;
    if(priceRow){
      priceRow.innerHTML = priceTotal > 0
        ? (priceUp > 0 ? '<button class="fpill fpill-pu ' + (ctx.priceMovFilter === 'up' ? 'on' : '') + '" id="pf-pill-up" onclick="setPriceFilter(\'up\')">▲ ' + priceUp + ' ราคาขึ้น</button>' : '') +
          (priceDn > 0 ? '<button class="fpill fpill-pd ' + (ctx.priceMovFilter === 'down' ? 'on' : '') + '" id="pf-pill-dn" onclick="setPriceFilter(\'down\')">▼ ' + priceDn + ' ราคาลง</button>' : '')
        : '';
      priceRow.style.display = priceTotal > 0 ? 'flex' : 'none';
    }

    const skuResult = renderSKUListFromLegacy(ctx, skus);
    if(typeof h.renderPortMoMInsight === 'function') h.renderPortMoMInsight();
    if(typeof h.expandPortTop === 'function') h.expandPortTop();

    return {
      ok:true,
      renderer:VERSION,
      screen:'portfolio',
      portfolioMonth:portfolioMonth,
      skuCount:arr(skus).length,
      categoryCount:arr(cats).length,
      top5pct:top5pct,
      skuList:skuResult,
      behaviorChanged:BEHAVIOR_CHANGED,
      ts:now()
    };
  }

  function validate(){
    const requiredIds = ['scr-portfolio','port-month-bar','port-month-label','top-sku-card','skuCatFilter','sku-price-filter-row','sku-total-count','sku-showing-count','skulist','skuSearch'];
    const ids = requiredIds.map(function(id){ return { id:id, exists:!!el(id) }; });
    return { ok: ids.every(function(x){ return x.exists; }), ids: ids, behaviorChanged: BEHAVIOR_CHANGED };
  }

  function diagnostics(){
    const rm = global.FreshketSenseReadModelRuntime || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.readModel) || null;
    return {
      version: VERSION,
      behaviorChanged: BEHAVIOR_CHANGED,
      screen: 'portfolio',
      readModelLoaded: !!rm,
      readModelPortfolioAvailable: !!(rm && typeof rm.getViewModel === 'function'),
      validation: validate(),
      ts: now()
    };
  }

  function printDiagnostics(){
    const diag = diagnostics();
    try{
      console.log('Freshket portfolio/SKU renderer diagnostics:', diag);
      if(diag.validation && diag.validation.ids) console.table(diag.validation.ids);
    }catch(e){}
    return diag;
  }

  const api = Object.freeze({
    version: VERSION,
    behaviorChanged: BEHAVIOR_CHANGED,
    renderPortfolioFromLegacy: renderPortfolioFromLegacy,
    renderSKUListFromLegacy: renderSKUListFromLegacy,
    validate: validate,
    diagnostics: diagnostics,
    printDiagnostics: printDiagnostics
  });

  const previousRuntime = global.FreshketSenseRuntime || {};
  const previousViews = previousRuntime.views || {};
  global.FreshketSenseRuntime = Object.assign({}, previousRuntime, { views: Object.assign({}, previousViews, { portfolioRenderer: api }) });
  global.FreshketSensePortfolioRenderer = api;
  global.getFreshketPortfolioRendererSnapshot = diagnostics;
  global.printFreshketPortfolioRendererDiagnostics = printDiagnostics;
})(window);
</script>
<script id="freshket-kam-team-renderer">
// Freshket Sense KAM / Portfolio View / Team View Renderer Adapter — Phase 18.
// Purpose: route high-risk KAM renderers through a single renderer boundary while preserving legacy fallback.
// Scope: KAM account tabs, Portfolio View, Team View. No navigation, loader, auth, chat, or CSS/layout changes.
(function(global){
  'use strict';

  const VERSION = 'phase18-kam-team-renderer';
  const BEHAVIOR_CHANGED = false;
  const METHODS = [
    'renderKamThisMonth',
    'renderKamLastMonth',
    'renderKamOverview',
    'renderPortview',
    'renderPortviewSummary',
    'renderPortviewList',
    'renderTeamview',
    'renderTeamviewSummary',
    'renderTeamviewKamList'
  ];

  const calls = [];
  const MAX_CALLS = 80;

  function now(){ return new Date().toISOString(); }
  function pushCall(name, ok, detail){
    calls.push({ name, ok: !!ok, detail: detail || '', ts: now() });
    if(calls.length > MAX_CALLS) calls.shift();
  }
  function arr(v){ return Array.isArray(v) ? v : []; }
  function el(id){ return global.document && document.getElementById(id); }
  function hasFn(fn){ return typeof fn === 'function'; }
  function safeCall(name, fn){
    if(!hasFn(fn)){
      pushCall(name, false, 'missing legacy fallback');
      return { ok:false, renderer:VERSION, method:name, reason:'missing legacy fallback', behaviorChanged:BEHAVIOR_CHANGED, ts:now() };
    }
    try{
      const value = fn();
      pushCall(name, true, 'legacy-rendered-through-adapter');
      return { ok:true, renderer:VERSION, method:name, value, behaviorChanged:BEHAVIOR_CHANGED, ts:now() };
    }catch(error){
      pushCall(name, false, error && error.message || String(error));
      throw error;
    }
  }
  function normalizeContext(ctx){
    ctx = ctx || {};
    return {
      legacy: ctx.legacy || {},
      mode: ctx.mode || global.mode || null,
      currentAccountId: ctx.currentAccountId || global.currentAccountId || null,
      currentKamSubtab: ctx.currentKamSubtab || global.currentKamSubtab || null,
      portviewLevel: ctx.portviewLevel || global.portviewLevel || null,
      portviewFilter: ctx.portviewFilter || global.portviewFilter || null,
      teamviewLevel: ctx.teamviewLevel || global.teamviewLevel || null,
      D: ctx.D || global.D || null,
      OPPS: ctx.OPPS || global.OPPS || [],
      portviewBulkData: ctx.portviewBulkData || global.portviewBulkData || [],
      currentUserProfile: ctx.currentUserProfile || global.currentUserProfile || null
    };
  }
  function renderViaLegacy(methodName, ctx){
    ctx = normalizeContext(ctx);
    return safeCall(methodName, ctx.legacy && ctx.legacy[methodName]);
  }

  function renderKamThisMonthFromLegacy(ctx){ return renderViaLegacy('renderKamThisMonth', ctx); }
  function renderKamLastMonthFromLegacy(ctx){ return renderViaLegacy('renderKamLastMonth', ctx); }
  function renderKamOverviewFromLegacy(ctx){ return renderViaLegacy('renderKamOverview', ctx); }
  function renderPortviewFromLegacy(ctx){ return renderViaLegacy('renderPortview', ctx); }
  function renderPortviewSummaryFromLegacy(ctx){ return renderViaLegacy('renderPortviewSummary', ctx); }
  function renderPortviewListFromLegacy(ctx){ return renderViaLegacy('renderPortviewList', ctx); }
  function renderTeamviewFromLegacy(ctx){ return renderViaLegacy('renderTeamview', ctx); }
  function renderTeamviewSummaryFromLegacy(ctx){ return renderViaLegacy('renderTeamviewSummary', ctx); }
  function renderTeamviewKamListFromLegacy(ctx){ return renderViaLegacy('renderTeamviewKamList', ctx); }

  function validate(){
    const ids = [
      ['kam-cards', !!el('kam-cards')],
      ['kam-overview', !!el('kam-overview')],
      ['portview-list', !!el('portview-list')],
      ['teamview-list', !!el('teamview-list')],
      ['teamview-summary', !!el('teamview-summary')],
      ['portview-summary-row', !!el('portview-summary-row')]
    ].map(function(row){ return { id:row[0], ok:!!row[1] }; });
    const softOk = ids.some(function(x){ return x.ok; });
    return { ok: softOk || !global.document, ids, note:'DOM anchors are soft-validated because mode-specific screens may not all be mounted/visible.', behaviorChanged:BEHAVIOR_CHANGED, ts:now() };
  }

  function diagnostics(){
    const ctx = normalizeContext({});
    return {
      version: VERSION,
      behaviorChanged: BEHAVIOR_CHANGED,
      methods: METHODS.slice(),
      validation: validate(),
      context: {
        mode: ctx.mode,
        currentAccountId: ctx.currentAccountId,
        currentKamSubtab: ctx.currentKamSubtab,
        portviewLevel: ctx.portviewLevel,
        portviewFilter: ctx.portviewFilter,
        teamviewLevel: ctx.teamviewLevel,
        hasD: !!ctx.D,
        historyCount: ctx.D && arr(ctx.D.history).length || 0,
        oppCount: arr(ctx.OPPS).length,
        bulkAccountCount: arr(ctx.portviewBulkData).length,
        userRole: ctx.currentUserProfile && ctx.currentUserProfile.role || null
      },
      recentCalls: calls.slice(-20),
      ts: now()
    };
  }

  const api = Object.freeze({
    version: VERSION,
    behaviorChanged: BEHAVIOR_CHANGED,
    methods: METHODS.slice(),
    renderKamThisMonthFromLegacy,
    renderKamLastMonthFromLegacy,
    renderKamOverviewFromLegacy,
    renderPortviewFromLegacy,
    renderPortviewSummaryFromLegacy,
    renderPortviewListFromLegacy,
    renderTeamviewFromLegacy,
    renderTeamviewSummaryFromLegacy,
    renderTeamviewKamListFromLegacy,
    validate,
    diagnostics
  });

  global.FreshketSenseKamTeamRenderer = api;
  global.FreshketSenseRuntime = global.FreshketSenseRuntime || {};
  global.FreshketSenseRuntime.views = global.FreshketSenseRuntime.views || {};
  global.FreshketSenseRuntime.views.kamTeamRenderer = api;
  global.getFreshketKamTeamRendererSnapshot = diagnostics;
})(window);
</script>
<script>
  // ── v556 SENSE SENTINEL — global error trap + telemetry + recovery (Phase 0) ──
  // Catches window errors + unhandled rejections from all app modules.
  // Queue → localStorage → flush to Supabase app_errors when session exists.
  // Storm detector + boot watchdog → non-blocking recovery banner (no silent hang).
  // Debug overlay: localStorage senseDebug=1 → ERR badge bottom-left.
  (function(){
    'use strict';
    var Q_KEY='sense_err_queue_v1';
    var MAX_Q=30, MAX_SESSION=40, DEDUP_MS=30000;
    var _session=[]; var _count=0; var _stamps=[];
    var _bannerShown=false; var _flushTimer=null;

    function _ver(){ try{return (window.FreshketSenseConfig&&window.FreshketSenseConfig.app&&window.FreshketSenseConfig.app.version)||'';}catch(e){return '';} }
    function _screen(){ try{var s=document.querySelector('.scr.on');return s?s.id:'';}catch(e){return '';} }
    function _role(){ try{return typeof getCurrentRole==='function'?(getCurrentRole()||''):'';}catch(e){return '';} }
    function _email(){ try{return (typeof currentUserProfile!=='undefined'&&currentUserProfile&&currentUserProfile.email)||(typeof currentUser!=='undefined'&&currentUser&&currentUser.email)||'';}catch(e){return '';} }
    function _loadQ(){ try{return JSON.parse(localStorage.getItem(Q_KEY)||'[]');}catch(e){return [];} }
    function _saveQ(q){ try{localStorage.setItem(Q_KEY,JSON.stringify(q.slice(-MAX_Q)));}catch(e){} }

    function _record(kind,msg,srcFile,line,col,stack){
      try{
        if(_count>=MAX_SESSION)return;
        msg=String(msg||'').slice(0,500);
        var now=Date.now();
        var last=_session[_session.length-1];
        if(last&&last.message===msg&&last.lineno===(line||0)&&(now-last._ts)<DEDUP_MS){
          last.count=(last.count||1)+1; last._ts=now;
          var qm=_loadQ(); if(qm.length){var c={};for(var k in last){if(k!=='_ts')c[k]=last[k];}qm[qm.length-1]=c;_saveQ(qm);}
          return;
        }
        _count++;
        var row={kind:kind,message:msg,source:String(srcFile||'').slice(0,200),lineno:line||0,colno:col||0,
          stack:String(stack||'').slice(0,1200),version:_ver(),screen:_screen(),role:_role(),
          user_email:_email(),ua:navigator.userAgent.slice(0,180),count:1,client_ts:new Date(now).toISOString()};
        _session.push(Object.assign({_ts:now},row)); if(_session.length>MAX_Q)_session.shift();
        var q=_loadQ(); q.push(row); _saveQ(q);
        _stamps.push(now); while(_stamps.length&&now-_stamps[0]>10000)_stamps.shift();
        if(_stamps.length>=8)_showBanner('แอพทำงานผิดปกติ');
        _scheduleFlush(4000);
        _updateBadge();
      }catch(e){}
    }

    // boot watchdog: 20 วิหลัง load — ยังติดจอ loading อยู่ไหม
    //
    // v_bootnet (2026-08-11): ของเดิมเงื่อนไขคือ `_count>0 && currentUser &&
    // !allCriticalReady()` ซึ่ง **ไม่มีวันเป็นจริงในเคสที่ต้องการมันที่สุด** —
    // promise ที่ค้างไม่โยน error (_count คงเป็น 0) และ boot ที่ค้างก่อน auth
    // ก็ไม่เคยตั้ง currentUser · ตอนนี้ดูจากสิ่งที่ผู้ใช้เห็นจริงแทน: splash
    // หรือ lgi-checking ยังคาจออยู่ = ค้าง ไม่ว่าจะด้วยสาเหตุอะไร
    window.addEventListener('load',function(){
      setTimeout(function(){
        try{
          var sp=document.getElementById('sense-splash');
          var ov=document.getElementById('login-overlay');
          var splashUp = !!(sp && getComputedStyle(sp).display!=='none');
          var checkingUp = !!(ov && ov.classList.contains('lgi-checking') &&
                              getComputedStyle(ov).display!=='none');
          if(splashUp || checkingUp){ _showBanner('เปิดแอพไม่สำเร็จ'); return; }
          if(typeof currentUser!=='undefined' && currentUser &&
             typeof allCriticalReady==='function' && !allCriticalReady()){
            _showBanner('โหลดข้อมูลไม่สำเร็จ');
          }
        }catch(e){}
      },20000);
    });

    function _showBanner(reason){
      if(_bannerShown)return; _bannerShown=true;
      try{
        var b=document.createElement('div');
        b.id='sense-recovery-banner';
        b.style.cssText='position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translateX(-50%);z-index:99990;background:var(--tk-bg-base,#0a1220);border:1px solid rgba(188,215,255,.25);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 24px rgba(0,0,0,.45);max-width:92vw;cursor:pointer';
        b.innerHTML='<div style="font-family:\'Noto Sans Thai\',sans-serif;font-size:12px;color:rgba(225,238,255,.92);line-height:1.4;white-space:nowrap">'+reason+' · แตะเพื่อโหลดใหม่</div>'
          +'<button id="sense-recovery-x" style="width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.08);border:none;color:rgba(225,238,255,.55);font-size:11px;cursor:pointer;flex-shrink:0;line-height:1">✕</button>';
        b.addEventListener('click',function(ev){
          if(ev.target&&ev.target.id==='sense-recovery-x'){ev.stopPropagation();b.remove();return;}
          try{location.reload();}catch(e){}
        });
        (document.body||document.documentElement).appendChild(b);
      }catch(e){}
    }

    function _scheduleFlush(ms){ if(_flushTimer)return; _flushTimer=setTimeout(function(){_flushTimer=null;_flush();},ms||4000); }
    function _flush(){
      try{
        if(typeof supa==='undefined'||!supa){_retryLater();return;}
        if(typeof currentUser==='undefined'||!currentUser){_retryLater();return;}
        var q=_loadQ(); if(!q.length)return;
        var rows=q.slice(0,MAX_Q);
        _saveQ([]);
        supa.from('app_errors').insert(rows).then(function(res){
          if(res&&res.error){var back=_loadQ();_saveQ(rows.concat(back));}
        },function(){var back=_loadQ();_saveQ(rows.concat(back));});
      }catch(e){}
    }
    function _retryLater(){ _scheduleFlush(20000); }
    document.addEventListener('visibilitychange',function(){ if(document.visibilityState==='hidden')_flush(); });
    window.addEventListener('load',function(){ setTimeout(_flush,8000); });

    // 25 ต.ค. 2569 (Bucci): ใครใช้เวอร์ชันไหนอยู่ — จดวันละครั้งต่อคนต่อเวอร์ชัน (docs/supabase-migration-version-seen-2026-10-25.sql)
    // จำในเครื่องว่าวันนี้จดเวอร์ชันนี้แล้ว ⇒ ไม่ยิงซ้ำ · ล้ม (เช่น Supabase ระงับ) ⇒ เว้น 1 ชม. ก่อนลองใหม่ ไม่ยิงรัว
    var VER_KEY='sense_ver_ping_v1', _verTryAt=0;
    function _thaiDay(){ try{return new Date().toLocaleDateString('en-CA',{timeZone:'Asia/Bangkok'});}catch(e){return new Date().toISOString().slice(0,10);} }
    function _versionPing(){
      try{
        if(typeof supa==='undefined'||!supa||typeof currentUser==='undefined'||!currentUser||!currentUser.id)return;
        var v=_ver(); if(!/^v[0-9]{1,5}$/.test(v))return;
        var stamp=currentUser.id+'|'+_thaiDay()+'|'+v;
        if(localStorage.getItem(VER_KEY)===stamp)return;
        if(Date.now()-_verTryAt<60*60*1000)return;
        _verTryAt=Date.now();
        supa.rpc('app_version_ping',{p_version:v}).then(function(res){
          if(res&&!res.error){ try{localStorage.setItem(VER_KEY,stamp);}catch(e){} }
        },function(){});
      }catch(e){}
    }
    window.addEventListener('load',function(){ setTimeout(_versionPing,12000); setTimeout(_versionPing,90000); });
    document.addEventListener('visibilitychange',function(){ if(document.visibilityState==='visible')setTimeout(_versionPing,3000); });

    window.addEventListener('error',function(ev){
      try{
        var t=ev&&ev.target;
        if(t&&t!==window&&t.tagName){
          // resource load error — record only SCRIPT/LINK (critical); IMG fallbacks are expected noise
          if(t.tagName==='SCRIPT'||t.tagName==='LINK'){
            _record('resource','load failed: '+(t.src||t.href||''),'',0,0,'');
          }
          return;
        }
        var er=ev&&ev.error;
        _record('error',ev&&ev.message,ev&&ev.filename,ev&&ev.lineno,ev&&ev.colno,er&&er.stack);
      }catch(e){}
    },true);
    window.addEventListener('unhandledrejection',function(ev){
      try{
        var r=ev&&ev.reason;
        _record('rejection',(r&&(r.message||String(r)))||'unhandled rejection','',0,0,r&&r.stack);
      }catch(e){}
    });

    function _updateBadge(){
      try{
        if(localStorage.getItem('senseDebug')!=='1')return;
        var b=document.getElementById('sense-err-badge');
        if(!b){
          b=document.createElement('div'); b.id='sense-err-badge';
          b.style.cssText='position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);left:10px;z-index:99989;background:var(--tk-bg-base,#0a1220);border:1px solid rgba(255,107,61,.5);color:#ff6b3d;border-radius:10px;padding:4px 9px;font-family:\'IBM Plex Mono\',monospace;font-size:11px;cursor:pointer';
          b.addEventListener('click',_toggleLog);
          (document.body||document.documentElement).appendChild(b);
        }
        b.textContent='ERR '+_count;
      }catch(e){}
    }
    function _toggleLog(){
      try{
        var ex=document.getElementById('sense-err-log'); if(ex){ex.remove();return;}
        var d=document.createElement('div'); d.id='sense-err-log';
        d.style.cssText='position:fixed;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 116px);max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:99989;background:var(--tk-bg-base,#0a1220);border:1px solid rgba(188,215,255,.2);border-radius:12px;padding:10px;font-family:\'IBM Plex Mono\',monospace;font-size:10px;color:rgba(225,238,255,.85)';
        d.innerHTML=_session.map(function(r){
          return '<div style="padding:6px 0;border-bottom:1px solid rgba(188,215,255,.08)">'
            +'<div style="color:#ff6b3d">'+r.kind+(r.count>1?' ×'+r.count:'')+' · '+(r.screen||'-')+'</div>'
            +'<div style="word-break:break-all">'+String(r.message).replace(/</g,'&lt;')+'</div>'
            +'<div style="color:rgba(188,215,255,.4)">'+(r.source?r.source+':'+r.lineno:'')+'</div></div>';
        }).join('')||'<div>no errors</div>';
        (document.body||document.documentElement).appendChild(d);
      }catch(e){}
    }
    window.SenseSentinel={count:function(){return _count;},list:function(){return _session.slice();},flush:_flush,versionPing:_versionPing,report:function(kind,msg){_record(String(kind||'report'),msg,'',0,0,'');}};
  })();
</script>
<script>
  // v206a: PWA lifecycle diagnostics. Keep registration non-blocking, but never fail silently.
  (function(){
    if(!('serviceWorker' in navigator))return;
    window.addEventListener('load',()=>{
      const cfg=window.FreshketSenseConfig||{};
      const swUrl=(cfg.app&&cfg.app.serviceWorkerUrl)||'/sw.js';
      navigator.serviceWorker.register(swUrl,{updateViaCache:'none'})
        .then(reg=>{
          window._freshketSwRegistration=reg;
          try{var _u=reg.update&&reg.update(); if(_u&&_u.catch)_u.catch(function(){});}catch(e){}   /* 25 ต.ค. 2569: ไม่มีเน็ตแล้วเช็คอัปเดตล้ม = ปกติ ไม่ต้องเป็นข้อผิดพลาดค้าง */
          console.info('[pwa:v206a] service worker registered',swUrl);
          // v556 POLITE UPDATE: sw.js no longer calls skipWaiting() on install.
          // New SW waits → pill invites user to update → tap → SKIP_WAITING message
          // → controllerchange handler below reloads ONCE. No more mid-use force reload.
          // v_updatepill (2026-08-25): ออกแบบใหม่ให้ "กล้ากด"
          //
          // ของเดิมเป็นแถบเล็กๆ เขียนว่า "เวอร์ชันใหม่พร้อมใช้ · แตะเพื่ออัปเดต"
          // รอบ 2026-08-25 ทำเป็นการ์ดที่ตอบข้อลังเล 3 ข้อ (เร็วไหม · หลุดล็อกอินไหม ·
          // ข้อมูลหายไหม) เป็นชิป 3 อัน + ปุ่ม "ไว้ทีหลัง" · บุชดูของจริงแล้วบอกว่า
          // "ยุ่งยากเกินไป" — ชิปกับปุ่มปฏิเสธไปแย่งความสำคัญกับปุ่มหลัก
          // แล้วคนก็เลือกทางที่ง่ายที่สุดคือไม่กด
          //
          // รอบนี้ (2026-08-28) เหลือ **แถบเดียว ปุ่มเดียว ไม่มีทางเลือกอื่น**
          // ทั้งแถบคือปุ่ม · เหลือประโยคเดียวคือข้อที่คนกลัวที่สุด "ใช้เวลาแค่ 1-2 วินาที"
          // · ไม่มีปุ่มปิด แถบจึงอยู่จนกว่าจะกด และมีประกายวิ่งเพื่อชวนกดเรื่อยๆ
          //
          // ที่ตัดคำสัญญาออกได้เพราะพฤติกรรมยังเหมือนเดิมทุกอย่าง: กดแล้วแค่
          // postMessage('SKIP_WAITING') → SW ตัวใหม่ทำงาน → controllerchange →
          // reload หนึ่งครั้ง · ไม่แตะ session ไม่แตะ localStorage
          // ⇒ ไม่หลุดล็อกอิน ไม่มีข้อมูลหาย (harness ยังล็อกข้อนี้ไว้)
          function _showUpdatePill(){
            try{
              if(document.getElementById('sense-update-pill'))return;

              if(!document.getElementById('sense-update-pill-css')){
                var st=document.createElement('style');
                st.id='sense-update-pill-css';
                st.textContent=
                  // แถวเดียว: ไอคอน + ข้อความบรรทัดเดียว + ปุ่ม
                  // พื้นเป็นสีเข้มนิ่งๆ เพื่อให้ปุ่มเขียวเป็นของสว่างชิ้นเดียวบนแถบ
                  // (รอบก่อนทาเขียวทั้งแถบ ปุ่มเลยจมหายไปกับพื้น)
                  '#sense-update-pill{position:fixed;z-index:99988;left:50%;'
                 +'bottom:calc(env(safe-area-inset-bottom,0px) + 74px - var(--float-drop,0px));transition:bottom .28s cubic-bezier(.2,.8,.2,1);'
                 +'transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);'
                 +'display:flex;align-items:center;gap:10px;cursor:pointer;'
                 +'font-family:\'Noto Sans Thai\',-apple-system,sans-serif;'
                 +'background:#132A20;border:1px solid rgba(120,200,160,.22);'
                 +'border-radius:999px;padding:6px 6px 6px 12px;'
                 +'box-shadow:0 12px 32px rgba(0,0,0,.44),0 2px 8px rgba(0,0,0,.26);'
                 +'-webkit-tap-highlight-color:transparent;'
                 +'animation:_supIn .42s cubic-bezier(.22,1.2,.36,1) both}'
                 +'@keyframes _supIn{from{opacity:0;transform:translateX(-50%) translateY(22px) scale(.94)}'
                 +'to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}'
                 +'.sup-spark{width:22px;height:22px;border-radius:50%;flex:0 0 auto;display:flex;'
                 +'align-items:center;justify-content:center;font-size:12px;'
                 +'background:rgba(52,199,89,.18)}'
                 // บรรทัดเดียว ห้ามตัดคำ — ยาวเกินให้ตัดท้ายด้วยจุดไข่ปลา ไม่ใช่ขึ้นบรรทัดใหม่
                 +'.sup-txt{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;'
                 +'text-overflow:ellipsis;font-size:13px;font-weight:700;color:#EAF6F0;letter-spacing:-.01em}'
                 +'.sup-txt em{font-style:normal;font-weight:500;color:rgba(190,222,206,.66)}'
                 +'#sense-update-go{flex:0 0 auto;border:none;border-radius:999px;'
                 +'padding:9px 16px;font-family:inherit;font-size:13px;font-weight:800;'
                 +'color:#fff;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;'
                 +'background:linear-gradient(140deg,#34C759,#00A651);'
                 +'box-shadow:0 4px 14px rgba(0,166,81,.42);'
                 +'-webkit-tap-highlight-color:transparent;transition:transform .12s ease}'
                 +'#sense-update-go:active{transform:scale(.95)}'
                 +'#sense-update-go[disabled]{cursor:default;filter:saturate(.7) brightness(.95)}'
                 // ประกายวิ่งซ้ำที่ปุ่ม — แถบนี้ไม่มีปุ่มปิด หน้าที่มันคือชวนให้กดตลอด
                 +'#sense-update-go::after{content:"";position:absolute;inset:0;pointer-events:none;'
                 +'background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);'
                 +'transform:translateX(-130%);animation:_supShine 3.2s ease-in-out 1s infinite}'
                 +'@keyframes _supShine{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}'
                 +'.sup-spin{display:inline-block;width:12px;height:12px;vertical-align:-1px;'
                 +'border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;'
                 +'animation:_supSpin .7s linear infinite}'
                 +'@keyframes _supSpin{to{transform:rotate(360deg)}}'
                 +'@media (prefers-reduced-motion:reduce){'
                 +'#sense-update-pill{animation:none}'
                 +'#sense-update-go::after{animation:none;display:none}'
                 +'.sup-spin{animation-duration:1.6s}}';
                document.head.appendChild(st);
              }

              // ปุ่มจริงหนึ่งปุ่ม ไม่มีปุ่มปฏิเสธ ไม่มีกากบาท — บุชสั่งไว้ (2026-08-28)
              // ว่าอย่ามีทางเลือกอื่นมาแย่งความสำคัญ · ตัวแถบกดได้ด้วยเพื่อไม่ให้กดพลาด
              // แต่สิ่งที่ตาเห็นว่า "กดตรงนี้" คือปุ่มเขียวปุ่มเดียว
              // (อย่าเขียนคำที่ harness ห้ามไว้ลงในคอมเมนต์ — มันจะไปทำให้ตัวเองตก)
              var p=document.createElement('div');
              p.id='sense-update-pill';
              p.setAttribute('role','group');
              p.setAttribute('aria-label','มีเวอร์ชันใหม่');
              p.innerHTML=
                '<span class="sup-spark">✨</span>'
               +'<span class="sup-txt" id="sense-update-txt">มีเวอร์ชันใหม่ <em>· 1-2 วินาที</em></span>'
               +'<button id="sense-update-go" type="button">อัปเดตเลย</button>';

              function _supRun(ev){
                if(ev)ev.stopPropagation();
                var go=document.getElementById('sense-update-go');
                var txt=document.getElementById('sense-update-txt');
                if(!go||go.disabled)return;
                go.disabled=true;
                go.innerHTML='<span class="sup-spin"></span>';
                if(txt)txt.textContent='กำลังอัปเดต...';
                try{
                  if(reg.waiting){
                    // v605: flag user-initiated update — controllerchange only reloads when this is set
                    window._senseUserRequestedUpdate = true;
                    reg.waiting.postMessage('SKIP_WAITING');
                  }else{
                    // ไม่มีตัวรออยู่แล้ว (เช่นถูก activate ไปเงียบๆ ก่อนหน้า) — โหลดใหม่ตรงๆ ก็จบ
                    location.reload();return;
                  }
                }catch(e){}
                // ตาข่าย: ถ้า 6 วิแล้วยังไม่ reload ให้ทางออกที่กดเองได้ ไม่ปล่อยค้าง
                // เป็นวงกลมหมุนตลอดกาล ซึ่งจะทำลายความเชื่อใจที่แถบนี้เพิ่งสร้าง
                setTimeout(function(){
                  if(!document.getElementById('sense-update-pill'))return;
                  go.disabled=false;
                  go.textContent='โหลดใหม่';
                  if(txt)txt.textContent='แตะอีกครั้ง';
                  go.onclick=function(){location.reload();};
                  p.onclick=function(){location.reload();};
                },6000);
              }
              p.querySelector('#sense-update-go').addEventListener('click',_supRun);
              p.addEventListener('click',_supRun);

              (document.body||document.documentElement).appendChild(p);
            }catch(e){}
          }
          if(reg.waiting&&navigator.serviceWorker.controller)_showUpdatePill();
          reg.addEventListener('updatefound',function(){
            var nw=reg.installing; if(!nw)return;
            nw.addEventListener('statechange',function(){
              if(nw.state==='installed'&&navigator.serviceWorker.controller)_showUpdatePill();
            });
          });
          // v93: periodic re-check. Without this, reg.update() only ever ran
          // once at page load (line above) — a tab left open across a deploy
          // had zero way to notice a new version short of the user manually
          // reloading, since nothing re-invoked reg.update() afterward. Two
          // triggers, both just call reg.update() (the actual browser-level
          // "refetch sw.js, byte-compare, updatefound if different" check;
          // _showUpdatePill firing is still fully gated on that comparison
          // finding a real diff, same as the load-time check above):
          //   1. every 20 min while the tab stays open
          //   2. when the tab regains focus/visibility, if ≥2 min since the
          //      last check — mirrors this codebase's existing dedup-gate
          //      pattern (FreshketSenseResumeCoordinator's 60s gate).
          var _lastSwCheckTs=Date.now();
          function _maybeCheckForUpdate(minGapMs){
            var now=Date.now();
            if(now-_lastSwCheckTs<(minGapMs||0))return;
            _lastSwCheckTs=now;
            try{var _u=reg.update&&reg.update(); if(_u&&_u.catch)_u.catch(function(){});}catch(e){}   /* 25 ต.ค. 2569: ไม่มีเน็ตแล้วเช็คอัปเดตล้ม = ปกติ ไม่ต้องเป็นข้อผิดพลาดค้าง */
          }
          setInterval(function(){_maybeCheckForUpdate(0);},20*60*1000);
          document.addEventListener('visibilitychange',function(){
            if(document.visibilityState==='visible')_maybeCheckForUpdate(2*60*1000);
          });

          // ── v365 อัปเดตเอง (Bucci 25 ต.ค. 2569: คนไม่กล้ากดแถบ อยากได้ 100%) ─────────────────────────────
          // วัดจริง: app_errors 30 วัน ตัวโหลดใหม่เมื่อเจอเวอร์ชันใหม่ (02 checkRemoteBuild · เฉพาะแอปที่ติดตั้ง) ทำงานแค่ 3 คน 15 ครั้ง
          // ขณะที่ 24–25 ต.ค. ยังมีคนใช้ v336–v355 ⇒ ส่วนใหญ่ค้างเพราะต้องกดแถบเอง
          // ทางใหม่: เวอร์ชันใหม่โหลดเสร็จรออยู่ (reg.waiting) ⇒ สลับให้เองในจังหวะที่คนไม่ได้ใช้จอ — ทางเดียวกับการกดแถบ
          //   (ปักธง _senseUserRequestedUpdate → SKIP_WAITING → controllerchange → reload ครั้งเดียว · ตัวกันวน 60 วิเดิม)
          //   จังหวะ: ① เปิดแอปมาแล้วมีตัวใหม่รออยู่ (ระหว่างจอโหลด) ② สลับไปแอปอื่น (หน้าจอถูกซ่อน)
          //           ③ กลับเข้าแอปหลังหายไปเกิน 30 วิ · ระหว่างใช้งานอยู่ ไม่สลับ — แถบเดิมยังขึ้นให้กดเองได้
          //   ห้ามสลับเมื่อ: กำลังอัด/อัปโหลดเสียง Echo · โหมด SAVE · หน้าคิดเงิน (Cockpit) เปิดอยู่ · หน้าตั้งรหัสผ่าน ·
          //           กำลังพิมพ์ช่องใดก็ตาม หรือมีข้อความพิมพ์ค้างในช่องที่เห็นอยู่ · ออฟไลน์ ⇒ รอจังหวะถัดไป
          function _senseUpdateBlocker(){
            try{
              if(navigator.onLine===false) return 'offline';
              try{ if(typeof CI!=='undefined'&&CI&&typeof CI._phase==='function'){ var ph=CI._phase(); if(ph==='recording'||ph==='processing') return 'echo-'+ph; } }catch(e){}
              var b=document.body;
              if(b&&(b.classList.contains('kam-sense-active')||window._senseFlowHeavyActive===true)) return 'save-flow';
              var co=document.getElementById('commission-cockpit-overlay');
              if(co&&co.classList.contains('open')) return 'cockpit';
              if(document.getElementById('fkt-pw-form')) return 'password-gate';
              var ae=document.activeElement;
              if(ae&&(ae.tagName==='INPUT'||ae.tagName==='TEXTAREA'||ae.isContentEditable)) return 'typing';
              var tf=document.querySelectorAll('textarea, input[type=text], input[type=search], input:not([type])');
              for(var i=0;i<tf.length;i++){
                var el=tf[i];
                if(el.value&&el.offsetParent!==null&&!/search|portview-search|pv-search|tv-search/i.test(el.id||'')) return 'unsaved-text';
              }
              return '';
            }catch(e){ return 'error'; }
          }
          var _autoUpdTried=false, _hiddenAt=0;
          function _senseAutoApplyUpdate(reason){
            try{
              if(_autoUpdTried||!reg.waiting||!navigator.serviceWorker.controller) return false;
              var why=_senseUpdateBlocker();
              if(why){ console.info('[pwa:v365] auto-update deferred',reason,why); return false; }
              _autoUpdTried=true;
              console.info('[pwa:v365] auto-update',reason);
              try{ if(window.SenseSentinel) window.SenseSentinel.report('auto_update','reason='+reason); }catch(e){}
              window._senseUserRequestedUpdate=true;
              reg.waiting.postMessage('SKIP_WAITING');
              // สลับไม่สำเร็จใน 8 วิ (SW ค้าง) ⇒ ปล่อยให้แถบเดิมทำงาน ไม่ลองซ้ำในหน้านี้ (ไม่รีโหลดวน)
              setTimeout(function(){ window._senseUserRequestedUpdate=false; },8000);
              return true;
            }catch(e){ return false; }
          }
          window._senseAutoApplyUpdate=_senseAutoApplyUpdate;
          window._senseUpdateBlocker=_senseUpdateBlocker;
          // ① เปิดแอปมาแล้วมีตัวใหม่รออยู่แล้ว
          if(reg.waiting&&navigator.serviceWorker.controller) _senseAutoApplyUpdate('boot');
          // ①b ตัวใหม่โหลดเสร็จระหว่างจอยังไม่ได้ใช้ (หน้าถูกซ่อนอยู่)
          reg.addEventListener('updatefound',function(){
            var nw=reg.installing; if(!nw)return;
            nw.addEventListener('statechange',function(){
              if(nw.state==='installed'&&document.visibilityState==='hidden') _senseAutoApplyUpdate('installed-hidden');
            });
          });
          document.addEventListener('visibilitychange',function(){
            if(document.visibilityState==='hidden'){
              _hiddenAt=Date.now();
              _senseAutoApplyUpdate('hidden');          // ② สลับไปแอปอื่น
            }else if(_hiddenAt&&Date.now()-_hiddenAt>30000){
              _senseAutoApplyUpdate('resume');          // ③ กลับมาหลังหายไปนาน
            }
          });
        })
        .catch(err=>{
          window._freshketSwError={url:swUrl,message:err&&err.message||String(err),ts:Date.now()};
          console.warn('[pwa:v206a] service worker registration failed',swUrl,err);
        });
      navigator.serviceWorker.addEventListener('controllerchange',()=>{
        console.info('[pwa:v605] service worker controller changed');
        // v605: only reload if user explicitly tapped update pill (SKIP_WAITING)
        // — prevents double splash when SW activates naturally (tab reopen, clients.claim)
        if(!window._senseUserRequestedUpdate){
          console.info('[pwa:v605] SW claimed silently — no reload (not user-initiated)');
          return;
        }
        window._senseUserRequestedUpdate = false;
        console.info('[pwa:v605] user-initiated update — reloading once');
        // v480-A1A3: use localStorage + 60s TTL to prevent reload loop
        try{
          var _LS_KEY='freshket_sw_ctrl_reloaded';
          var _prev=localStorage.getItem(_LS_KEY);
          var _now=Date.now();
          var _tooSoon=_prev&&(_now-Number(_prev))<60000;
          if(!_tooSoon){
            localStorage.setItem(_LS_KEY,String(_now));
            setTimeout(()=>location.reload(), 120);
          }
        }catch(e){ setTimeout(()=>location.reload(), 120); }
      });
    });
  })();
</script>
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/dist/umd/supabase.js"></script>
<script>
(function(){
  var cfg=window.FreshketSenseConfig||{};
  var app=cfg.app||{};
  var assets=cfg.assets||{};
  var ic=assets.iconUrl||'/assets/sense-icon.png';
  var m={name:app.name||"Freshket Sense",short_name:app.shortName||"Freshket",start_url:(location.origin + (app.manifestStartUrl||"/")),display:app.manifestDisplay||"standalone",background_color:app.backgroundColor||"#006050",theme_color:app.themeColor||"#006050",icons:[{src:ic,sizes:"192x192",type:"image/png"},{src:(assets.iconUrl512||"/assets/sense-icon-512.png"),sizes:"512x512",type:"image/png"}]};
  try{var blob=new Blob([JSON.stringify(m)],{type:"application/manifest+json"});
  var url=URL.createObjectURL(blob);
  var el=document.querySelector("link[rel=manifest]");if(el)el.href=url;}catch(e){}
})();
</script>
<style id="sales-module-css">
/* ══════════════════════════════════════════════════════
   SALES MODULE STYLES — styles_sales.css  v6
   Design: Airbnb DLS × Revolut list pattern
   Font:   Noto Sans Thai (loaded in shell.html)
   Accent: Rausch #FF385C — no green
   ══════════════════════════════════════════════════════ */

/* ── Token system ── */
/* --canvas   #FFFFFF   pure white bg         */
/* --surface  #F7F7F7   band / subtle bg      */
/* --ink      #222222   primary text          */
/* --body     #3F3F3F   secondary text        */
/* --muted    #6A6A6A   tertiary / labels     */
/* --hairline #EBEBEB   dividers              */
/* --ac       #FF385C   rausch accent         */
/* --ac-dim   rgba(255,56,92,.08)             */
/* --ok       #34C759   positive only         */
/* --warn     #FF9500   caution               */

/* ── Global font: Noto Sans Thai for Sales UI containers ── */
body.sales-mode #scr-sales-portview,
body.sales-mode #scr-sales-pipeline,
body.sales-mode #scr-sales-commission,
body.sales-mode #scr-sales-teamview,
body.sales-mode #scr-skills,
body.sales-mode .sv-sheet,
body.sales-mode .sv-sheet-overlay,
body.sales-mode [class*="sv-"] {
  font-family: 'Noto Sans Thai', sans-serif;
}

/* ── v673: Sales screens are in swipe-grp-b (outside .main), so they don't inherit
   .main{padding-top:var(--topbar-h)}. Without this, content renders under the fixed topbar. ── */
body.sales-mode #scr-sales-portview,
body.sales-mode #scr-sales-pipeline,
body.sales-mode #scr-sales-commission,
body.sales-mode #scr-sales-teamview,
body.sales-mode #scr-skills {
  padding-top: var(--topbar-h);
  padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px));
  min-height: 100dvh;
  background: #FFFFFF;
}


/* ── Page header ── */
.sv-page-hd { padding: 22px 20px 6px; }
.sv-page-eye {
  font-size: var(--text-xs);
  font-weight: var(--fw-semi);
  letter-spacing: .20em;
  text-transform: uppercase;
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
  margin-bottom: 4px;
}
.sv-page-title {
  font-size: var(--text-kpi);
  font-weight: var(--fw-bold);
  color: #222222;
  letter-spacing: -.02em;
  line-height: 1.15;
}

/* ── Hero card — the single box on portview ── */
.sv-hero {
  margin: 16px 20px 0;
  background: #F7F7F7;
  border-radius: 16px;
  padding: 20px 20px 18px;
  position: relative;
  overflow: hidden;
}
.sv-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #FF385C;
  border-radius: 16px 16px 0 0;
}
.sv-hero-eye {
  font-size: var(--text-xs);
  font-weight: var(--fw-semi);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #FF385C;
  font-family: 'IBM Plex Mono', monospace;
  margin-bottom: 6px;
}
.sv-hero-num {
  font-size: var(--text-hero);
  font-weight: var(--fw-bold);
  color: #222222;
  letter-spacing: -.03em;
  line-height: 1;
}
.sv-hero-unit {
  font-size: var(--text-3xl);
  font-weight: var(--fw-semi);
  color: #3F3F3F;
}
.sv-hero-sub {
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--text-lg);
  color: #6A6A6A;
}
.sv-gap-badge {
  font-size: var(--text-md);
  font-weight: var(--fw-bold);
  color: #FF385C;
  background: rgba(255,56,92,.08);
  border-radius: var(--r-pill);
  padding: 2px 10px;
}
.sv-gap-badge.ok {
  color: #34C759;
  background: rgba(52,199,89,.09);
}

/* Target bar */
.sv-tbar { margin-top: 14px; }
.sv-tbar-track {
  height: 4px;
  background: #EBEBEB;
  border-radius: var(--r-xxs);
  overflow: hidden;
}
.sv-tbar-fill {
  height: 100%;
  border-radius: var(--r-xxs);
  transition: width .9s cubic-bezier(.16,1,.3,1);
}
.sv-tbar-fill.ac   { background: #FF385C; }
.sv-tbar-fill.ok   { background: #34C759; }
.sv-tbar-fill.warn { background: #FF9500; }
.sv-tbar-meta {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  font-size: var(--text-sm);
  font-weight: var(--fw-semi);
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
}

/* ── 3-month projection strip — inline columns, no boxes ── */
.sv-proj-row {
  display: flex;
  margin: 14px 20px 0;
  background: #F7F7F7;
  border-radius: var(--r-card);
  overflow: hidden;
}
.sv-proj-cell {
  flex: 1;
  padding: 12px 10px 12px 14px;
  position: relative;
  min-width: 0;
}
.sv-proj-cell + .sv-proj-cell::before {
  content: '';
  position: absolute;
  left: 0; top: 10px; bottom: 10px;
  width: 1px;
  background: #EBEBEB;
}
.sv-proj-cell.now { background: rgba(255,56,92,.04); }
.sv-proj-mon {
  font-size: var(--text-2xs);
  font-weight: var(--fw-semi);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
  margin-bottom: 5px;
}
.sv-proj-cell.now .sv-proj-mon { color: #FF385C; }
.sv-proj-amt {
  font-size: var(--text-xl2);
  font-weight: var(--fw-bold);
  color: #222222;
  letter-spacing: -.02em;
  line-height: 1.1;
}
.sv-proj-gap {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  margin-top: 3px;
  font-family: 'IBM Plex Mono', monospace;
}
.sv-proj-gap.ok   { color: #34C759; }
.sv-proj-gap.warn { color: #FF9500; }
.sv-proj-gap.bad  { color: #FF385C; }

/* ── Section label ── */
.sv-sec {
  padding: 20px 20px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sv-sec-t {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
  display: flex;
  align-items: center;
  gap: 6px;
}
.sv-sec-t.ac { color: #FF385C; }
.sv-sec-c {
  font-size: var(--text-sm);
  font-weight: var(--fw-semi);
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
}

/* ── Handover rows — dot + name + days, no card ── */
.sv-hov-section { padding: 0 20px; }
.sv-hov-row {
  display: flex;
  align-items: center;
  padding: 11px 0;
  border-top: 1px solid #EBEBEB;
}
.sv-hov-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #FF385C;
  flex-shrink: 0;
  margin-right: 10px;
}
.sv-hov-name {
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  color: #222222;
  flex: 1;
}
.sv-hov-days {
  font-size: var(--text-md);
  font-weight: var(--fw-bold);
  color: #FF385C;
  font-family: 'IBM Plex Mono', monospace;
}

/* ── Outlet list — Revolut transaction row style ── */
.sv-outlet-list { padding: 0 20px; }

.sv-ol-row {
  padding: 13px 0;
  border-top: 1px solid #EBEBEB;
  cursor: pointer;
  transition: opacity .12s;
}
.sv-ol-row:active { opacity: .7; }

.sv-ol-top {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.sv-ol-ind {
  width: 3px; height: 32px;
  border-radius: var(--r-xxs);
  background: #EBEBEB;
  flex-shrink: 0;
  margin-right: 10px;
  align-self: center;
}
.sv-ol-ind.ok   { background: #34C759; }
.sv-ol-ind.mid  { background: #FF9500; }
.sv-ol-ind.late { background: #FF385C; }

.sv-ol-info { flex: 1; min-width: 0; }
.sv-ol-name {
  font-size: var(--text-lg2);
  font-weight: var(--fw-semi);
  color: #222222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.sv-ol-meta {
  font-size: var(--text-md);
  font-weight: var(--fw-normal);
  color: #6A6A6A;
  margin-top: 1px;
}
.sv-ol-right {
  text-align: right;
  flex-shrink: 0;
  margin-left: 10px;
}
.sv-ol-gmv {
  font-size: var(--text-lg2);
  font-weight: var(--fw-bold);
  color: #222222;
  letter-spacing: -.01em;
}
.sv-ol-type {
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #FF385C;
  font-family: 'IBM Plex Mono', monospace;
  margin-top: 2px;
}
.sv-ol-type.ok  { color: #34C759; }
.sv-ol-type.mid { color: #FF9500; }

/* Days bar under each outlet row */
.sv-ol-bar-wrap { padding-left: 13px; }
.sv-days-track {
  height: 3px;
  background: #EBEBEB;
  border-radius: var(--r-xxs);
  overflow: hidden;
  margin-bottom: 4px;
}
.sv-days-fill {
  height: 100%;
  border-radius: var(--r-xxs);
  transition: width .5s cubic-bezier(.16,1,.3,1);
}
.sv-days-fill.ok   { background: #34C759; }
.sv-days-fill.mid  { background: #FF9500; }
.sv-days-fill.late { background: #FF385C; }
.sv-days-meta {
  display: flex;
  justify-content: space-between;
  font-size: var(--text-xs);
  font-weight: var(--fw-semi);
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
}
.sv-days-exp { color: #3F3F3F; }

/* ── Pipeline screen ── */

/* KPI inline — no boxes */
.sv-kpi-inline {
  display: flex;
  gap: 0;
  padding: 0 20px;
}
.sv-ki {
  flex: 1;
  padding: 16px 0 12px;
  position: relative;
}
.sv-ki + .sv-ki { padding-left: 20px; }
.sv-ki + .sv-ki::before {
  content: '';
  position: absolute;
  left: 0; top: 14px; bottom: 10px;
  width: 1px;
  background: #EBEBEB;
}
.sv-ki-l {
  font-size: var(--text-xs);
  font-weight: var(--fw-semi);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
  margin-bottom: 4px;
}
.sv-ki-v {
  font-size: var(--text-3xl);
  font-weight: var(--fw-bold);
  color: #222222;
  letter-spacing: -.02em;
  line-height: 1;
}
.sv-ki-v.bad { color: #FF385C; }

/* Gap chart — no card */
.sv-gap-section { padding: 4px 20px 0; }
.sv-gap-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.sv-gap-row:last-child { margin-bottom: 0; }
.sv-gap-mon {
  font-size: var(--text-sm);
  font-weight: var(--fw-semi);
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
  width: 32px;
  flex-shrink: 0;
}
.sv-gap-track {
  flex: 1;
  height: 4px;
  background: #EBEBEB;
  border-radius: var(--r-xxs);
  overflow: hidden;
}
.sv-gap-fill {
  height: 100%;
  border-radius: var(--r-xxs);
  transition: width .7s cubic-bezier(.16,1,.3,1);
}
.sv-gap-fill.ok   { background: #34C759; }
.sv-gap-fill.warn { background: #FF9500; }
.sv-gap-fill.bad  { background: #FF385C; }
.sv-gap-val {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  font-family: 'IBM Plex Mono', monospace;
  width: 44px;
  text-align: right;
  flex-shrink: 0;
}

/* Lead list */
.sv-lead-list { padding: 0 20px; }
.sv-lead-month-hd {
  padding: 16px 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-top: 1px solid #EBEBEB;
}
.sv-lead-month-name {
  font-size: var(--text-lg2);
  font-weight: var(--fw-bold);
  color: #222222;
}
.sv-lead-month-total {
  font-size: var(--text-md);
  font-weight: var(--fw-semi);
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
}
.sv-lead-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  border-top: 1px solid #EBEBEB;
  cursor: pointer;
}
.sv-lead-info { flex: 1; min-width: 0; }
.sv-lead-name {
  font-size: var(--text-lg);
  font-weight: var(--fw-semi);
  color: #222222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sv-lead-date {
  font-size: var(--text-md);
  font-weight: var(--fw-normal);
  color: #6A6A6A;
  margin-top: 1px;
  font-family: 'IBM Plex Mono', monospace;
}
.sv-lead-gmv {
  font-size: var(--text-lg2);
  font-weight: var(--fw-bold);
  color: #222222;
  white-space: nowrap;
  flex-shrink: 0;
}
.sv-lead-actions { display: flex; gap: 5px; flex-shrink: 0; }
.sv-lead-btn {
  width: 28px; height: 28px;
  border-radius: var(--r-pill);
  background: #F7F7F7;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #6A6A6A;
  transition: background .12s;
}
.sv-lead-btn:active { background: #EBEBEB; }
.sv-lead-btn svg { width: 13px; height: 13px; }

/* FAB */
.sv-fab {
  position: fixed;
  bottom: calc(90px + env(safe-area-inset-bottom, 0px) - var(--float-drop,0px));
  right: 20px;
  height: 44px;
  padding: 0 20px;
  background: #FF385C;
  color: var(--tk-text-primary);
  border: none;
  border-radius: var(--r-pill);
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  display: flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 4px 16px rgba(255,56,92,.32);
  z-index: 50;
  cursor: pointer;
  transition: transform .2s cubic-bezier(.16,1,.3,1);
}
.sv-fab:active { transform: scale(.95); }

/* ── Account view patches ── */
.sv-back-row {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 14px 20px 8px;
  cursor: pointer;
}
.sv-back-row svg { color: #FF385C; }
.sv-back-label { font-size: var(--text-lg); font-weight: var(--fw-semi); color: #FF385C; }

.sv-acct-hd { padding: 4px 20px 16px; }
.sv-acct-name {
  font-size: 26px;
  font-weight: var(--fw-bold);
  color: #222222;
  letter-spacing: -.025em;
  line-height: 1.15;
  margin-bottom: 6px;
}
.sv-acct-row { display: flex; align-items: center; gap: 8px; }
.sv-acct-pill {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #FF385C;
  background: rgba(255,56,92,.08);
  border-radius: var(--r-pill);
  padding: 3px 10px;
}
.sv-acct-gmv { font-size: var(--text-lg); font-weight: var(--fw-normal); color: #6A6A6A; }

/* Full-bleed band separator */
.sv-band { height: 8px; background: #F7F7F7; }

/* Tenure section — no card */
.sv-tenure-section { padding: 16px 20px; }
.sv-tenure-eye {
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
  margin-bottom: 12px;
}
.sv-tenure-bar-row { display: flex; align-items: center; gap: 12px; margin-bottom: 7px; }
.sv-tenure-track {
  flex: 1;
  height: 6px;
  background: #EBEBEB;
  border-radius: 3px;
  overflow: hidden;
}
.sv-tenure-fill {
  height: 100%;
  border-radius: 3px;
  background: #FF9500;
  transition: width .6s cubic-bezier(.16,1,.3,1);
}
.sv-tenure-fill.late { background: #FF385C; }
.sv-tenure-pct {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  color: #FF9500;
  font-family: 'IBM Plex Mono', monospace;
  width: 36px;
  text-align: right;
}
.sv-tenure-pct.late { color: #FF385C; }
.sv-tenure-dl { display: flex; justify-content: space-between; font-size: var(--text-md); font-weight: var(--fw-medium); }
.sv-tenure-held { color: #6A6A6A; }
.sv-tenure-exp { font-weight: var(--fw-bold); color: #FF385C; }

/* Stat list rows */
.sv-stat-list { padding: 0 20px; }
.sv-stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #EBEBEB;
}
.sv-stat-row:last-child { border-bottom: 1px solid #EBEBEB; }
.sv-stat-key { font-size: var(--text-lg); font-weight: var(--fw-normal); color: #6A6A6A; }
.sv-stat-val { font-size: var(--text-lg); font-weight: var(--fw-bold); color: #222222; }

/* ── Empty state ── */
.sv-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 32px;
  text-align: center;
}
.sv-empty-title {
  font-size: var(--text-lg2);
  font-weight: var(--fw-semi);
  color: #6A6A6A;
  margin-bottom: 6px;
}
.sv-empty-sub { font-size: var(--text-base); font-weight: var(--fw-normal); color: #AEAEB2; }

/* ── Add/Edit lead sheet ── */
.sv-sheet-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.4);
  z-index: 200;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.sv-sheet {
  background: #FFFFFF;
  border-radius: 24px 24px 0 0;
  padding: 24px 24px 32px;
  width: 100%;
  max-width: var(--app-max,440px);
  transform: translateY(100%);
  transition: transform .32s cubic-bezier(.16,1,.3,1);
}
.sv-sheet.open { transform: translateY(0); }
.sv-sheet-title {
  font-size: var(--text-xl2);
  font-weight: var(--fw-bold);
  color: #222222;
  margin-bottom: 20px;
}
.sv-field-label {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
  margin-bottom: 6px;
}
.sv-field-input {
  width: 100%;
  background: #F7F7F7;
  border: 1px solid #EBEBEB;
  border-radius: var(--r-md);
  padding: 12px 14px;
  font-size: var(--text-lg2);
  font-weight: var(--fw-medium);
  color: #222222;
  font-family: 'Noto Sans Thai', sans-serif;
  margin-bottom: 14px;
  box-sizing: border-box;
}
.sv-field-input:focus {
  outline: none;
  border-color: #FF385C;
  background: rgba(255,56,92,.03);
}
.sv-sheet-actions { display: flex; gap: 10px; margin-top: 8px; }
.sv-btn-save {
  flex: 1;
  padding: 14px;
  background: #FF385C;
  color: var(--tk-text-primary);
  border: none;
  border-radius: var(--r-md);
  font-size: var(--text-lg2);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  cursor: pointer;
}
.sv-btn-cancel {
  padding: 14px 20px;
  background: #F7F7F7;
  color: #6A6A6A;
  border: none;
  border-radius: var(--r-md);
  font-size: var(--text-lg2);
  font-weight: var(--fw-semi);
  font-family: 'Noto Sans Thai', sans-serif;
  cursor: pointer;
}

/* ── Coming soon (commission) ── */
.sv-coming-soon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 40px 32px;
  text-align: center;
}
.sv-coming-soon-title {
  font-size: var(--text-3xl);
  font-weight: var(--fw-bold);
  color: #222222;
  letter-spacing: -.02em;
  margin-bottom: 8px;
}
.sv-coming-soon-sub {
  font-size: var(--text-lg);
  font-weight: var(--fw-normal);
  color: #6A6A6A;
  line-height: 1.6;
}
.sv-coming-badge {
  margin-top: 16px;
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #FF385C;
  background: rgba(255,56,92,.08);
  border-radius: var(--r-pill);
  padding: 4px 14px;
  font-family: 'IBM Plex Mono', monospace;
}

/* ── W1: Lead type selector (SA / MC / Chain) ── */
.sv-type-row {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}
.sv-type-btn {
  flex: 1;
  padding: 10px 0;
  background: #F7F7F7;
  border: 1.5px solid #EBEBEB;
  border-radius: var(--r-md);
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
  cursor: pointer;
  transition: border-color .15s, color .15s, background .15s;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.sv-type-btn.on {
  border-color: #FF385C;
  color: #FF385C;
  background: rgba(255,56,92,.05);
}
.sv-type-btn:active { opacity: .7; }
.sv-type-tenure {
  font-size: var(--text-xs);
  font-weight: var(--fw-semi);
  letter-spacing: .06em;
  color: inherit;
  opacity: .7;
}

/* ── W1: Lead row type pill ── */
.sv-lead-type-pill {
  display: inline-block;
  font-size: var(--text-2xs);
  font-weight: var(--fw-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #FF385C;
  background: rgba(255,56,92,.08);
  border-radius: var(--r-pill);
  padding: 1px 7px;
  margin-left: 6px;
  font-family: 'IBM Plex Mono', monospace;
  vertical-align: middle;
}

/* ── W4: TL view target button ── */
.sv-tl-target-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 14px;
  background: rgba(255,56,92,.08);
  color: #FF385C;
  border: none;
  border-radius: var(--r-pill);
  font-size: var(--text-md);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 4px;
  transition: background .12s;
}
.sv-tl-target-btn:active { background: rgba(255,56,92,.15); }
.sv-tl-target-btn svg { width: 13px; height: 13px; }

/* ── Input: remove browser :invalid red border ── */
.sv-field-input:invalid,
.sv-field-input[type="text"]:placeholder-shown { box-shadow: none; }
input[type="text"].sv-field-input { -webkit-appearance: none; appearance: none; }

/* ── Nav: show sales-any-btn (ทักษะ) for all Sales roles ── */
body.sales-mode .sales-any-btn { display: flex !important; }

/* ── Nav: 4-column grid for Sales rep (พอร์ต/Pipeline/ทักษะ/Commission) ── */
/* → grid-template-columns removed — NavConfig.render() sets inline gridTemplateColumns */

/* ── Login transition: white bg from start, no flash ── */
body.sales-mode { background: #FFFFFF !important; }
body.sales-mode .scr:not(#ci-fullsheet *) { background: #FFFFFF !important; }
/* v552 CSS Contract (docs/echo-state-spec.md): ห้าม override #ci-fullsheet ด้วย !important
   Echo จัดการ dark/light เองผ่าน inline style + transition — sales-mode แค่อย่าแตะ (:not guard ด้านบน) */


/* ══════════════════════════════════════════
   Outlet list — action bar
══════════════════════════════════════════ */
.sv-action-bar {
  padding: 5px 16px 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.sv-filter-pills {
  display: flex;
  gap: 5px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.sv-filter-pills::-webkit-scrollbar { display: none; }

.sv-fpill {
  font-size: var(--text-sm);
  font-weight: var(--fw-semi);
  color: #6A6A6A;
  background: #F7F7F7;
  border: 1px solid #EBEBEB;
  border-radius: var(--r-pill);
  padding: 4px 11px;
  cursor: pointer;
  font-family: 'IBM Plex Mono', monospace;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all .15s;
}
.sv-fpill.on {
  color: #34C759;
  background: rgba(52,199,89,.08);
  border-color: rgba(52,199,89,.25);
}

.sv-icon-bar {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
  flex-shrink: 0;
}
.sv-sort-btn {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 0 7px;
  height: 22px;
  border-radius: var(--r-5);
  border: 1px solid #EBEBEB;
  background: #F7F7F7;
  cursor: pointer;
}
.sv-sort-btn svg { color: #6A6A6A; }
.sv-sort-btn span {
  font-size: 8.5px;
  font-weight: var(--fw-semi);
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
}
.sv-vt-btn {
  width: 22px;
  height: 22px;
  border-radius: var(--r-5);
  border: 1px solid #EBEBEB;
  background: #F7F7F7;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sv-vt-btn svg { color: #6A6A6A; }
.sv-vt-btn.on {
  border-color: rgba(255,56,92,.3);
  background: rgba(255,56,92,.07);
}
.sv-vt-btn.on svg { color: #FF385C; }

/* ══════════════════════════════════════════
   Outlet row — new card format
══════════════════════════════════════════ */
.sv-ol-branch {
  padding: 8px 0 8px 10px;
  border-top: 1px solid #EBEBEB;
  cursor: pointer;
}
.sv-ol-mtd {
  font-size: 9.5px;
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
}
.sv-tenure-held-sm {
  font-size: var(--text-2xs);
  color: #6A6A6A;
}
/* Override: "หมด" → "handover" in days-exp */
.sv-days-exp {
  font-size: 9.5px;
  color: #6A6A6A;
  font-weight: var(--fw-semi);
}
.sv-days-fill.late ~ .sv-days-meta .sv-days-exp { color: #FF385C; }

/* Account group header */
/* Account group header — prominent, clearly a parent */
/* 8px surface band — visual break before/after group (Airbnb pattern) */
.sv-ol-band {
  height: 8px;
  background: #F7F7F7;
}
/* Group header — typography hierarchy, no card/border */
.sv-ol-grp-hd {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 20px 4px;
  cursor: pointer;
}
.sv-ol-grp-name {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #3F3F3F;
  font-family: 'IBM Plex Mono', monospace;
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.sv-ol-grp-arrow {
  font-size: var(--text-xs);
  color: #B0B0B0;
  font-weight: var(--fw-normal);
}
.sv-ol-grp-meta {
  font-size: var(--text-xs);
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
}
/* Branch rows — indented under group header */
.sv-ol-branch {
  padding: 8px 0 8px 12px;
  border-top: 1px solid #EBEBEB;
}

/* Compact grid */
.sv-ol-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding: 0 16px 16px;
}
.sv-ol-card {
  background: #F7F7F7;
  border-radius: var(--r-9);
  padding: 9px 11px;
  cursor: pointer;
  border-left: 2.5px solid transparent;
  position: relative;
}
.sv-ol-card.ok  { border-left-color: #34C759; }
.sv-ol-card.mid { border-left-color: #FF9500; }
.sv-ol-card.late{ border-left-color: #FF385C; }
.sv-oc-badge {
  position: absolute;
  top: 7px;
  right: 8px;
  font-size: 7.5px;
  font-weight: var(--fw-bold);
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
}
.sv-oc-name {
  font-size: 11.5px;
  font-weight: var(--fw-semi);
  color: #222222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  padding-right: 20px;
}
.sv-oc-gmv {
  font-size: var(--text-md);
  font-weight: var(--fw-bold);
  color: #222222;
}
.sv-oc-sub {
  font-size: 8.5px;
  color: #6A6A6A;
  font-family: 'IBM Plex Mono', monospace;
  margin-top: 1px;
}

/* ══════════════════════════════════════════
   Handover summary row
══════════════════════════════════════════ */
.sv-hov-summary {
  margin: 0 16px;
  background: rgba(255,56,92,.04);
  border: 1px solid rgba(255,56,92,.14);
  border-radius: var(--r-md);
  padding: 11px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sv-hov-sum-l { display: flex; align-items: center; }
.sv-hov-sum-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FF385C;
  margin-right: 8px;
  flex-shrink: 0;
}
.sv-hov-sum-label { font-size: var(--text-xl); font-weight: var(--fw-bold); color: #FF385C; font-family: 'Noto Sans Thai', sans-serif; }
.sv-hov-sum-meta { font-size: 9.5px; color: rgba(255,56,92,.55); font-family: 'IBM Plex Mono', monospace; margin-top: 1px; }
.sv-hov-sum-r { text-align: right; }
.sv-hov-sum-gmv { font-size: var(--text-lg2); font-weight: var(--fw-bold); color: #FF385C; }
.sv-hov-sum-arrow { font-size: var(--text-base); color: rgba(255,56,92,.6); margin-top: 2px; font-family: 'Noto Sans Thai', sans-serif; }

/* ══════════════════════════════════════════
   Handover bottom sheet
══════════════════════════════════════════ */
.sv-sheet-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.32);
  z-index: 500;
  display: flex;
  align-items: flex-end;
}
.sv-sheet {
  background: #fff;
  border-radius: 18px 18px 0 0;
  padding: 14px 16px 32px;
  width: 100%;
  max-height: 72vh;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform .3s cubic-bezier(.16,1,.3,1);
}
.sv-sheet.open { transform: translateY(0); }
.sv-sheet-handle {
  width: 36px; height: 3px;
  background: #EBEBEB;
  border-radius: var(--r-xxs);
  margin: 0 auto 12px;
}
.sv-sheet-title { font-size: var(--text-lg); font-weight: var(--fw-bold); color: #222222; margin-bottom: 2px; }
.sv-sheet-sub { font-size: var(--text-sm); color: #6A6A6A; font-family: 'IBM Plex Mono', monospace; margin-bottom: 12px; }
.sv-sheet-scroll { overflow-y: auto; flex: 1; }
.sv-sheet-col-hd {
  display: flex;
  align-items: center;
  padding: 4px 0 6px;
  border-bottom: 0.5px solid #EBEBEB;
}
.sv-sheet-col-name { flex: 1; }
.sv-sheet-col-days { width: 30px; flex-shrink: 0; }
.sv-sheet-col-lbl  { font-size: var(--text-2xs); font-weight: var(--fw-bold); letter-spacing: .08em; text-transform: uppercase; color: #AEAEB2; width: 52px; text-align: right; flex-shrink: 0; }
.sv-sheet-row {
  display: flex;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid #EBEBEB;
}
.sv-sheet-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: #FF385C;
  margin-right: 8px;
  flex-shrink: 0;
}
.sv-sheet-name { flex: 1; font-size: 12.5px; font-weight: var(--fw-medium); color: #222222; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv-sheet-days { font-size: var(--text-sm); font-weight: var(--fw-bold); color: #FF385C; font-family: 'IBM Plex Mono', monospace; width: 30px; text-align: right; flex-shrink: 0; }
.sv-sheet-gmv  { font-size: var(--text-sm); font-weight: var(--fw-bold); color: #222222; width: 52px; text-align: right; flex-shrink: 0; }
.sv-sheet-mtd  { font-size: var(--text-sm); font-weight: var(--fw-medium); color: #6A6A6A; width: 52px; text-align: right; flex-shrink: 0; }

/* ══════════════════════════════════════════
   Account view — GMV chart
══════════════════════════════════════════ */
.sv-chart-sec { padding: 11px 16px 8px; }
.sv-c-eye {
  font-size: var(--text-xs); font-weight: var(--fw-semi);
  letter-spacing: .18em; text-transform: uppercase;
  color: #6A6A6A; font-family: 'IBM Plex Mono', monospace;
  margin-bottom: 10px;
}
.sv-bars {
  display: flex;
  align-items: flex-end;
  gap: 7px;
  height: 64px;
  margin-bottom: 8px;
}
.sv-bw { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.sv-bv { font-size: var(--text-sm); font-weight: var(--fw-bold); font-family: 'IBM Plex Mono', monospace; color: #222222; }
.sv-b { width: 100%; border-radius: 2.5px 2.5px 0 0; }
.sv-b.solid { background: #FF385C; opacity: .65; }
.sv-b-ghost-wrap { width: 100%; position: relative; border: 1.5px dashed rgba(255,56,92,.4); border-radius: 2.5px; background: rgba(255,56,92,.04); }
.sv-b-mtd-fill { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(255,56,92,.5); border-radius: 0 0 1.5px 1.5px; }
.sv-bl { font-size: var(--text-xs); font-family: 'IBM Plex Mono', monospace; color: #6A6A6A; text-align: center; }
.sv-bw.now .sv-bl { color: #FF385C; }
.sv-chart-note { font-size: var(--text-xs); color: #6A6A6A; font-family: 'IBM Plex Mono', monospace; }

/* ── SKU section ── */
.sv-sku-sec { }
.sv-sku-list { padding: 0 16px; }
.sv-sku-row {
  display: flex;
  align-items: center;
  padding: 7px 0;
  border-top: 1px solid #EBEBEB;
}
.sv-sku-name { flex: 1; font-size: var(--text-lg); font-weight: var(--fw-medium); color: #222222; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv-sku-gmv { font-size: var(--text-lg); font-weight: var(--fw-bold); color: #222222; margin-left: 7px; }
.sv-sku-badge-new {
  font-size: var(--text-3xs); font-weight: var(--fw-bold);
  color: #34C759;
  background: rgba(52,199,89,.1);
  border-radius: var(--r-pill);
  padding: 1px 5px;
  margin-left: 5px;
  font-family: 'IBM Plex Mono', monospace;
}

/* ── Category breakdown ── */
.sv-cat-sec { }
.sv-cat-list { padding: 0 16px; }
.sv-cat-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  border-top: 1px solid #EBEBEB;
}
.sv-cat-name { flex: 1; font-size: var(--text-base); font-weight: var(--fw-medium); color: #222222; min-width: 0; }
.sv-cat-bar-wrap { width: 56px; flex-shrink: 0; height: 3px; background: #EBEBEB; border-radius: 1.5px; overflow: hidden; }
.sv-cat-fill { height: 100%; border-radius: 1.5px; opacity: .65; }
.sv-cat-pct { font-size: var(--text-lg); font-weight: var(--fw-bold); color: #222222; font-family: 'IBM Plex Mono', monospace; width: 52px; text-align: right; flex-shrink: 0; }

.sv-ol-row { cursor: pointer; }

/* Proj note label */
.sv-proj-note { display: none; } /* removed per UX feedback */
.sv-proj-cell.now .sv-proj-note { display: none; }

/* Projection breakdown line */
.sv-proj-breakdown {
  margin-top: 6px;
  border-top: 1px solid rgba(0,0,0,.06);
  padding-top: 5px;
}
.sv-pb-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5px 0;
  border-top: 1px solid #F4F4F4;
  gap: 4px;
}
.sv-pb-row:first-child { border-top: none; }
.sv-pb-lbl {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--text-2xs);
  color: #6A6A6A;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sv-pb-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}
.sv-pb-dot.run  { background: #AEAEB2; }
.sv-pb-dot.pipe { background: #34C759; }
.sv-pb-dot.hov  { background: #FF385C; }
.sv-pb-val {
  font-size: var(--text-2xs);
  font-weight: var(--fw-bold);
  color: #3F3F3F;
  font-family: 'IBM Plex Mono', monospace;
}
.sv-pb-val.pipe { color: #34C759; }
.sv-pb-val.hov  { color: #FF385C; }

/* Category — empty/not-purchased */
.sv-cat-empty {
  color: #C0C0C0 !important;
  font-style: italic;
}
</style>
<style id="key-module-css">
/* ══════════════════════════════════════════════════════════════════════
   KEY SKU — src/styles_key.css (v_key, 2026-08-16, pivoted after self-review)
   Dark KAM/Portview theme (--tk-*) + --fk-orange family (#FF6600, real
   Freshket brand orange, verified against freshket.co — the old rose/red
   token from round 1 is fully retired here). Badges reuse
   .skbadge/.sku-badge-row verbatim — only new modifier classes (color) here.

   Entry points are now: (1) the Products nav popover (below) and (2) a
   split button beside "Account Insight" on the account screen — no card is
   wedged into portview/teamview anymore.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Products nav popover ── */
.products-popover{position:fixed;width:208px;transform:translateX(-50%);background:var(--tk-bg-topbar-2,#0a1e42);border:1px solid var(--tk-border);border-radius:var(--r-lg);padding:6px;box-shadow:var(--sh-lg);z-index:300}
.products-popover:after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:inherit;border-right:1px solid var(--tk-border);border-bottom:1px solid var(--tk-border)}
.pv-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);color:var(--tk-text-primary);font-size:var(--text-base);font-weight:var(--fw-semi);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.04)}
.pv-row:active{background:var(--tk-bg-surface)}
.pv-row svg{width:16px;height:16px;flex-shrink:0;color:var(--tk-text-secondary)}
.pv-row.key svg{color:var(--fk-orange-text)}
.pv-sub{font-size:var(--text-xs);color:var(--tk-text-muted);font-weight:var(--fw-normal);margin-top:1px}

/* ── kam-overview split row (Account Insight | Key SKU) ── */
.kav-brief-row{display:flex;gap:8px;margin-bottom:14px}
.kav-brief-row .kav-brief-btn{width:auto;flex:1;min-width:0;margin-bottom:0}
/* H11 (25 ต.ค. 2569): KAM ไม่มีปุ่ม Key SKU หน้าร้าน ⇒ Brief เต็มแถว (13_key_sku ติด .key-off เฉพาะ rep) */
.kav-brief-row .kav-brief-btn.key-sku-btn.key-off{display:none!important}
.kav-brief-row .kav-brief-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.key-sku-btn{color:#ffe4c2!important;background:linear-gradient(135deg,rgba(255,102,0,.32),rgba(255,150,60,.22))!important;border-color:var(--fk-orange-border)!important;box-shadow:0 0 10px 2px rgba(255,120,0,.35),0 2px 8px rgba(255,102,0,.2)!important}
.key-sku-btn:hover{background:linear-gradient(135deg,rgba(255,102,0,.45),rgba(255,150,60,.32))!important;border-color:rgba(255,180,110,.8)!important}
.key-sku-btn.loading,.key-sku-btn:not(.loading){animation:none!important}

/* ── Screen chrome (queue + detail share the same header/footer shape) ── */
.key-screen-pad{padding:16px;padding-top:calc(var(--topbar-h) + 10px);padding-bottom:100px;max-width:var(--max-w);margin:0 auto;box-sizing:border-box}
.key-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.key-back-btn{width:32px;height:32px;border-radius:50%;background:var(--tk-bg-surface);border:none;display:flex;align-items:center;justify-content:center;color:var(--tk-text-primary);cursor:pointer;flex-shrink:0}
.key-header-title{font-size:var(--text-xl2);font-weight:var(--fw-semi);color:var(--tk-text-primary)}
.key-header-sub{font-size:var(--text-sm);color:var(--tk-text-secondary);margin-top:1px}

/* ── Key SKU Home (scr-key-queue) — flat, cross-portfolio SKU feed ──
   v_key round3: replaces the old per-account queue list after Bush rejected
   it for showing only store names/counts, never which SKUs were actually
   marked Key. Reframed account-centric → SKU-item-centric per his own
   design note ("แสดงเป็น SKU ข้ามร้านไปเลย ติดป้ายว่าจากร้านไหน"). */
.key-hero{background:linear-gradient(135deg,var(--tk-ok-dim-2,rgba(0,208,112,.16)),var(--tk-ok-dim,rgba(0,208,112,.05)));
  border:1px solid var(--tk-ok-border,rgba(0,208,112,.22));border-radius:var(--r-lg);padding:14px 16px;margin-bottom:14px;
  display:flex;align-items:center;gap:12px}
.key-hero-ico{width:36px;height:36px;border-radius:10px;background:var(--tk-ok-dim-2,rgba(0,208,112,.18));flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:var(--tk-ok-bright,#4ddc97)}
.key-hero-n{font-family:var(--tk-font-mono);font-size:var(--text-xl3);font-weight:var(--fw-bold);color:var(--tk-ok-bright,#4ddc97);line-height:1}
.key-hero-lbl{font-size:var(--text-sm);color:var(--tk-text-secondary);margin-top:2px}

.key-home-search{position:relative;margin-bottom:16px}
.key-home-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--tk-text-muted);pointer-events:none}
.key-home-search input{width:100%;background:var(--tk-bg-surface);border:1px solid var(--tk-border);border-radius:var(--r-sm);
  color:var(--tk-text-primary);padding:10px 12px 10px 34px;font-size:var(--text-base);font-family:var(--tk-font-body);box-sizing:border-box}
.key-home-search input::placeholder{color:var(--tk-text-muted)}
.key-home-search input:focus{outline:none;border-color:var(--fk-orange-border)}

.key-sec-count{font-size:var(--text-xs);color:var(--tk-text-muted);font-weight:var(--fw-normal)}

/* protected (ปกป้องแล้ว) rows */
.prow{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--tk-hairline)}
.prow:last-child{border-bottom:none}
.pcheck{width:19px;height:19px;border-radius:6px;background:var(--tk-ok-bright,#4ddc97);flex-shrink:0;margin-top:1px;
  display:flex;align-items:center;justify-content:center;color:#04140f}
.pname{font-size:var(--text-base);font-weight:var(--fw-semi);color:var(--tk-text-primary);line-height:1.35}
.ptag-row{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:nowrap;min-width:0}
.ptag{font-size:var(--text-xs);color:var(--tk-text-secondary);background:var(--tk-bg-surface);padding:1px 7px;border-radius:6px;
  min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pwhen{font-size:10px;color:var(--tk-text-muted);flex-shrink:0;white-space:nowrap}

/* recommended (แนะนำเพิ่ม) rows — flat across portfolio, 1-tap confirm */
.rrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--tk-hairline)}
.rrow:last-child{border-bottom:none}
.rname{font-size:var(--text-base);font-weight:var(--fw-semi);color:var(--tk-text-primary);line-height:1.35}
.rtag-row{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:nowrap;min-width:0}
.rtag{font-size:var(--text-xs);color:var(--tk-text-secondary);min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.addbtn{width:28px;height:28px;border-radius:50%;background:var(--fk-orange);border:none;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2e1500;transition:transform .12s}
.addbtn:active{transform:scale(.88)}
.addbtn:disabled{opacity:.5;cursor:default}

.key-queue-empty{text-align:center;padding:40px 20px;color:var(--tk-text-secondary);font-size:var(--text-base)}

/* ── Account detail screen ── */
.key-summary-bar{display:flex;gap:8px;margin-bottom:18px}
.key-summary-cell{flex:1;background:var(--tk-bg-surface);border-radius:var(--r-md);padding:10px 12px}
.key-summary-cell.reco{background:var(--fk-orange-dim)}
.key-summary-label{font-size:var(--text-sm);color:var(--tk-text-secondary)}
.key-summary-cell.reco .key-summary-label{color:var(--fk-orange-text)}
.key-summary-val{font-size:var(--text-xl3);font-weight:var(--fw-semi);color:var(--tk-text-primary);margin-top:2px}
.key-summary-cell.reco .key-summary-val{color:var(--fk-orange-text)}

.key-sec-label{font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--tk-text-secondary);margin:18px 0 8px}
.key-sec-label:first-child{margin-top:0}

.key-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--tk-hairline);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.04)}
.key-check{width:20px;height:20px;border-radius:6px;background:var(--fk-orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#2e1500}
.key-check.off{background:transparent;border:1.5px solid var(--tk-border-strong)}
.key-check.off svg{display:none}
.key-sku-name{font-size:var(--text-base);color:var(--tk-text-primary)}

.key-existing-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--tk-hairline)}
.key-existing-meta{font-size:var(--text-xs);color:var(--tk-text-secondary);margin-top:2px}
.key-existing-meta.stale{color:var(--tk-warn)}
.key-remove-btn{font-size:var(--text-sm);padding:5px 12px;height:auto;background:transparent;border:1px solid var(--tk-border-strong);border-radius:var(--r-sm);color:var(--tk-text-secondary);cursor:pointer;flex-shrink:0}
.key-more-hint{font-size:var(--text-sm);color:var(--tk-text-muted);margin-top:6px}

.key-add-search{width:100%;background:var(--tk-bg-surface);border:1px solid var(--tk-border);border-radius:var(--r-sm);color:var(--tk-text-primary);padding:9px 12px;font-size:var(--text-base);font-family:var(--tk-font-body)}
.key-add-search::placeholder{color:var(--tk-text-muted)}
.key-add-results{margin-top:6px}
.key-add-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--tk-hairline)}
.key-add-btn{font-size:var(--text-sm);padding:5px 12px;background:var(--fk-orange-dim);border:none;border-radius:var(--r-sm);color:var(--fk-orange-text);cursor:pointer;flex-shrink:0}

.key-empty-state{text-align:center;padding:32px 16px;color:var(--tk-text-secondary);font-size:var(--text-base);line-height:1.6}

/* ── Sticky confirm footer ── */
.key-footer{position:sticky;bottom:0;left:0;right:0;background:var(--tk-bg-base);border-top:1px solid var(--tk-hairline);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--max-w);margin:0 auto}
.key-footer-count{font-size:var(--text-sm);color:var(--tk-text-secondary)}
.key-footer-count b{color:var(--tk-text-primary);font-weight:var(--fw-semi)}
.key-confirm-btn{background:var(--fk-orange);color:#2e1500;border:none;padding:11px 22px;border-radius:var(--r-md);font-size:var(--text-base);font-weight:var(--fw-semi);cursor:pointer;font-family:var(--tk-font-body)}
.key-confirm-btn:disabled{opacity:.4;cursor:not-allowed}

/* ── Badge color modifiers (base .skbadge/.sku-badge-row shape reused as-is) ── */
.skbadge-sole-source,.skbadge-newness-key,.skbadge-concentration-key{background:var(--fk-orange-dim);color:var(--fk-orange-text)}
</style>
<style id="skills-module-css">
/* ══════════════════════════════════════════════════════
   styles_skills.css — Skills Feature
   Design tokens: Airbnb DLS × Revolut
   Font: Noto Sans Thai only
   Accent: #FF385C (ac) only — NO green in Sales theme
   ══════════════════════════════════════════════════════ */

/* ── CSS custom properties (skills namespace) ── */
:root {
  --sk-canvas:  #FFF;
  --sk-surface: #F7F7F7;
  --sk-ink:     #222;
  --sk-body:    #3F3F3F;
  --sk-muted:   #6A6A6A;
  --sk-hairline:#EBEBEB;
  --sk-ac:      #FF385C;
  --sk-ac-dim:  rgba(255,56,92,.08);
  --sk-ok:      #34C759;
  --sk-warn:    #FF9500;
  --sk-info:    #2196F3;
  --sk-locked:  #BDBDBD;

  /* state colors as vars for JS dynamic use */
  --sk-state-locked:   #BDBDBD;
  --sk-state-training: #2196F3;
  --sk-state-unlocked: #34C759;
  --sk-state-mastered: #FF9500;
}

/* ── Screen container ── */
#scr-skills {
  display: none;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-top: var(--topbar-h);
  padding-bottom: 84px;
}
#scr-skills.on { display: flex !important; flex-direction: column !important; }
/* S3 detail mode: lock scroll only — JS sets explicit height on s3-detail */
#scr-skills.sk-detail-mode {
  overflow: hidden !important;
  padding-bottom: 0 !important;
}
#scr-skills::-webkit-scrollbar { display: none; }

/* ── Eyebrow label (Noto Sans Thai) ── */
.sk-eyebrow {
  font-size: 8.5px;
  font-weight: var(--fw-semi);
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-eyebrow-ac { color: var(--sk-ac); }

/* ══ HERO (Rep) ══════════════════════════════════════════ */
.sk-hero {
  margin: 0;
  padding: 20px 14px 12px;
  text-align: center;
}
.sk-hero::before { display: none; }
.sk-hero-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 12px;
}
.sk-big {
  font-size: 40px;
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  letter-spacing: -.04em;
  line-height: 1;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-denom {
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  color: var(--sk-muted);
  margin-bottom: 5px;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-label {
  font-size: var(--text-xs);
  color: var(--sk-muted);
  margin-top: 3px;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-next-block { text-align: right; }
.sk-next-eye {
  font-size: 7.5px;
  font-weight: var(--fw-semi);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-bottom: 2px;
}
.sk-next-name {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-next-state {
  font-size: var(--text-2xs);
  font-weight: var(--fw-semi);
  color: var(--sk-info);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-top: 1px;
}
.sk-track {
  height: 3px;
  background: var(--sk-hairline);
  border-radius: var(--r-xxs);
  overflow: hidden;
}
.sk-fill {
  height: 100%;
  border-radius: var(--r-xxs);
  background: var(--sk-ac);
  transition: width .4s ease;
}
.sk-meta {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  font-size: 8.5px;
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 0 2px;
}

/* ══ MODULE LIST ════════════════════════════════════════ */
.sk-sec {
  padding: 16px 14px 8px;
  text-align: center;
}
.sk-mod-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0 14px;
  border-radius: var(--r-lg);
  overflow: hidden;
  border: 1px solid var(--sk-hairline);
}
.sk-mod-row {
  display: flex;
  align-items: stretch;
  gap: 0;
  height: 120px;
  border-top: 0.5px solid var(--sk-hairline);
  cursor: pointer;
  overflow: hidden;
}
/* .sk-mod-row:last-child border removed */
.sk-mod-row:active { background: var(--sk-surface); }
.sk-mod-dim { opacity: .5; }
.sk-mod-thumb {
  width: 64px;
  height: 64px;
  border-radius: var(--r-lg);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 5px;
}
.sk-mod-sil {
  font-size: var(--text-sm);
  font-weight: var(--fw-semi);
  font-family: 'Noto Sans Thai', sans-serif;
  opacity: .3;
}
.sk-mod-info { flex: 1; min-width: 0; }
.sk-mod-name {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-mod-sub {
  font-size: var(--text-xs);
  color: var(--sk-muted);
  margin-top: 1px;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-mod-right {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.sk-ring {
  position: relative;
  width: 36px;
  height: 36px;
}
.sk-ring svg { width: 36px; height: 36px; transform: rotate(-90deg); }
.sk-ring-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-2xs);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-chev {
  width: 14px;
  height: 14px;
  color: var(--sk-muted);
  opacity: .5;
}

/* ══ CARD GRID ════════════════════════════════════════ */

.sk-back-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.sk-back-btn svg {
  width: 16px;
  height: 16px;
  color: var(--sk-ac);
  stroke-width: 2.2;
}
.sk-back-btn span {
  font-size: var(--text-md);
  font-weight: var(--fw-semi);
  color: var(--sk-ac);
  font-family: 'Noto Sans Thai', sans-serif;
}

.sk-char-banner {
  margin: 10px 14px 12px;
  background: var(--sk-surface);
  border-radius: var(--r-lg);
  display: flex;
  align-items: stretch;
  overflow: hidden;
  height: 116px;
}
.sk-char-content {
  flex: 1;
  padding: 13px 13px 13px 11px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sk-char-name {
  font-size: var(--text-lg2);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  padding: 0 14px 16px;
}
.sk-card {
  border-radius: var(--r-card);
  overflow: hidden;
  cursor: pointer;
  background: var(--sk-surface);
  position: relative;
  border-bottom: 2.5px solid transparent;
}
.sk-card:active { opacity: .85; }
.sk-card-img {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
/* inner img/div when wrapped by mastered spark container */
.sk-card-img-inner {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sk-card-sil {
  font-size: var(--text-sm);
  font-weight: var(--fw-semi);
  font-family: 'Noto Sans Thai', sans-serif;
  opacity: .3;
}

/* state filters */
.state-locked   .sk-card-img { filter: grayscale(1); opacity: .38; }
.state-training .sk-card-img { filter: saturate(.35) brightness(.95); }
.state-unlocked .sk-card-img { filter: none; }
.state-mastered .sk-card-img { filter: saturate(1.1) brightness(1.04); }

/* state border */
.state-training { border-bottom-color: var(--sk-info); }
.state-unlocked { border-bottom-color: var(--sk-ok); }

/* ── MASTERED — Ragnarok glow ── */
/* ── MASTERED — Foil sheen + lens gleam ── */

/* 1. Foil: rainbow gradient sweeps across the image continuously */
@keyframes sk-foil-sweep {
  0%   { background-position: 200% center; }
  100% { background-position: -200% center; }
}
/* 2. Gleam: a thin white light streak crosses the card diagonally */
@keyframes sk-gleam-cross {
  0%          { transform: translateX(-180%) skewX(-18deg); opacity: 0; }
  10%         { opacity: .7; }
  40%,100%    { transform: translateX(260%) skewX(-18deg); opacity: 0; }
}

.state-mastered {
  border-bottom: 2.5px solid #FFD700;
  background: var(--sk-surface);
}
/* v570: the old `animation:none !important` here killed the sk-card-in entry
   fade for mastered cards — the user-reported missing micro-interaction. It was
   added out of caution, but the foil/gleam animations run on ::before/::after of
   .sk-card-img (a different element), so they never conflicted with the card's
   entry animation. Mastered cards now fade in like every other state. */

/* Foil layer — sits on top of image, blends via overlay */
.state-mastered .sk-card-img::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  border-radius: 0;
  background: linear-gradient(
    120deg,
    transparent        20%,
    rgba(255,220,80,.13) 30%,
    rgba(255,180,30,.18) 36%,
    rgba(200,255,120,.12) 42%,
    rgba(80,200,255,.10) 48%,
    rgba(180,100,255,.10) 54%,
    rgba(255,100,180,.12) 60%,
    rgba(255,200,60,.14) 66%,
    transparent        76%
  );
  background-size: 400% 100%;
  animation: sk-foil-sweep 3.6s linear infinite;
  mix-blend-mode: overlay;
}

/* Gleam layer — diagonal white streak, fires every ~4s */
.state-mastered .sk-card-img::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  overflow: hidden;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(255,255,255,.55) 50%,
    rgba(255,255,255,.18) 54%,
    transparent 64%
  );
  background-size: 200% 100%;
  animation: sk-gleam-cross 4.2s ease-in-out infinite;
}

.state-mastered .sk-card-body { background: var(--sk-surface); }
.state-mastered .sk-card-name { color: #C07800; }
.state-mastered .sk-card-code { display: none; }

.sk-card-body { padding: 7px 10px 8px; }
.sk-state-row {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 4px;
}
.sk-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}
.state-locked   .sk-dot { background: var(--sk-locked); }
.state-training .sk-dot { background: var(--sk-info); }
.state-unlocked .sk-dot { background: var(--sk-ok); }
.state-mastered .sk-dot { background: var(--sk-warn); box-shadow: 0 0 5px rgba(255,149,0,.9), 0 0 10px rgba(255,149,0,.5); }

.sk-state-label {
  font-size: var(--text-3xs);
  font-weight: var(--fw-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: 'Noto Sans Thai', sans-serif;
}
.state-locked   .sk-state-label { color: var(--sk-locked); }
.state-training .sk-state-label { color: var(--sk-info); }
.state-unlocked .sk-state-label { color: var(--sk-ok); }
.state-mastered .sk-state-label { color: var(--sk-warn); }

.sk-card-name {
  font-size: var(--text-md);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  line-height: 1.25;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-card-code {
  display: none;
}
.sk-lock-ico {
  position: absolute;
  top: 8px; right: 8px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: rgba(0,0,0,.38);
  display: flex;
  align-items: center;
  justify-content: center;
}
.sk-lock-ico svg {
  width: 10px; height: 10px;
  color: var(--tk-text-primary);
  stroke-width: 2.2;
}
.sk-card-wide {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  border-radius: var(--r-card);
  overflow: hidden;
  cursor: pointer;
  background: #1A1200;
  border-bottom: 3px solid var(--sk-warn);
  position: relative;
  box-shadow:
    0 0 0 1.5px rgba(255,149,0,.6),
    0 0 14px rgba(255,149,0,.45),
    0 0 32px rgba(255,149,0,.24),
    0 0 60px rgba(255,149,0,.12);
}
/* top beam on wide card image block */
.sk-card-wide .sk-card-img::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px; z-index: 2;
  background: linear-gradient(90deg, transparent 5%, rgba(255,210,60,.9) 50%, transparent 95%);
}
.sk-card-wide .sk-card-img::after {
  content: '';
  position: absolute;
  inset: 0; pointer-events: none; z-index: 1;
  background: radial-gradient(ellipse at 50% 90%, rgba(255,140,0,.28) 0%, transparent 65%);
}
.sk-card-wide .sk-card-body { background: #1A1200; }
.sk-card-wide .sk-card-name { color: #FFD966; }
.sk-card-wide .sk-card-code { color: #7A5A00; }
.sk-master-star {
  position: absolute;
  top: 8px; right: 10px;
  width: 16px; height: 16px;
  z-index: 5;
  color: var(--sk-warn);
  filter: drop-shadow(0 0 5px rgba(255,180,0,1)) drop-shadow(0 0 12px rgba(255,130,0,.7));
}

/* ══ SKILL DETAIL ════════════════════════════════════════ */
.sk-img-zone {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  height: 100svh;
  max-height: 100svh;
}
.sk-img-fade {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 70px;
  background: linear-gradient(to top, #fff 10%, transparent 100%);
}
.sk-detail-body {
  flex: 1;
  overflow-y: auto;
  padding: 0 16px 24px;
}
.sk-detail-body::-webkit-scrollbar { display: none; }
.sk-detail-code {
  font-size: var(--text-xs);
  font-weight: var(--fw-semi);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-state-pill-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 6px;
}
.sk-state-pill {
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: var(--r-pill);
  padding: 5px 13px;
  font-size: 9.5px;
  font-weight: var(--fw-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: 'Noto Sans Thai', sans-serif;
}
.pill-locked   { background: rgba(0,0,0,.06);            color: var(--sk-muted); }
.pill-training { background: rgba(33,150,243,.09);       color: var(--sk-info); }
.pill-unlocked { background: rgba(52,199,89,.09);        color: var(--sk-ok); }
.pill-mastered { background: rgba(255,149,0,.09);        color: var(--sk-warn); }
.sk-pill-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
}
.pill-training .sk-pill-dot { background: var(--sk-info); }
.pill-unlocked .sk-pill-dot { background: var(--sk-ok); }
.pill-mastered .sk-pill-dot { background: var(--sk-warn); }

.sk-skill-title {
  font-size: 21px;
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  margin-bottom: 14px;
  line-height: 1.2;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-rubric-block { margin-bottom: 12px; }
.sk-rubric-eye {
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sk-ac);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-bottom: 6px;
}
.sk-rubric-text {
  font-size: var(--text-lg);
  color: var(--sk-body);
  line-height: 1.65;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-divider {
  height: 1px;
  background: var(--sk-hairline);
  margin: 12px 0;
}
.sk-rep-hint {
  font-size: var(--text-xs);
  color: var(--sk-muted);
  text-align: center;
  font-family: 'Noto Sans Thai', sans-serif;
  margin-bottom: 8px;
}
.sk-cta-btn {
  width: 100%;
  border: none;
  border-radius: var(--r-md);
  padding: 12px;
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  cursor: pointer;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-cta-primary { background: var(--sk-ac); color: var(--tk-text-primary); }
.sk-cta-outline {
  background: #fff;
  color: var(--sk-ac);
  border: 1.5px solid var(--sk-ac);
}

/* ══ LOG HISTORY ════════════════════════════════════════ */
.sk-log-eye {
  font-size: var(--text-3xs);
  font-weight: var(--fw-bold);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  margin: 14px 0 6px;
}
.sk-log-row {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 7px 0;
  border-top: 1px solid var(--sk-hairline);
}
.sk-log-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 3px;
}
.sk-log-dot.locked   { background: var(--sk-locked); }
.sk-log-dot.training { background: var(--sk-info); }
.sk-log-dot.unlocked { background: var(--sk-ok); }
.sk-log-dot.mastered { background: var(--sk-warn); }
.sk-log-state {
  font-size: var(--text-md);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-log-meta {
  font-size: var(--text-xs);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-top: 2px;
}

/* ══ TL SCREENS ══════════════════════════════════════════ */
.sk-tl-hero {
  margin: 10px 14px 0;
  background: var(--sk-surface);
  border-radius: var(--r-card);
  padding: 13px 14px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sk-tl-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2.5px;
  background: var(--sk-ac);
  border-radius: 12px 12px 0 0;
}
.sk-tl-squad {
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-tl-sub {
  font-size: var(--text-xs);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-top: 1px;
}
.sk-tl-pend-count {
  font-size: 24px;
  font-weight: var(--fw-bold);
  color: var(--sk-ac);
  font-family: 'Noto Sans Thai', sans-serif;
  line-height: 1;
  text-align: right;
}
.sk-tl-role-chip {
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  color: #7C3AED;
  background: rgba(124,58,237,.09);
  border-radius: var(--r-pill);
  padding: 3px 9px;
  font-family: 'Noto Sans Thai', sans-serif;
}

/* Tab bar */
.sk-tab-bar {
  display: flex;
  margin: 10px 14px 0;
  background: var(--sk-surface);
  border-radius: var(--r-9);
  padding: 3px;
  gap: 3px;
}
.sk-tab {
  flex: 1;
  text-align: center;
  padding: 7px 0;
  border-radius: var(--r-7);
  cursor: pointer;
  font-size: var(--text-sm);
  font-weight: var(--fw-semi);
  font-family: 'Noto Sans Thai', sans-serif;
  color: var(--sk-muted);
}
.sk-tab-on {
  background: #fff;
  color: var(--sk-ink);
  box-shadow: 0 1px 4px rgba(0,0,0,.1);
}
.sk-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--sk-ac);
  color: var(--tk-text-primary);
  font-size: var(--text-3xs);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-left: 4px;
  vertical-align: middle;
}

/* Pending list */
.sk-pend-list { padding: 0 14px; }
.sk-pend-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--sk-hairline);
  cursor: pointer;
}
.sk-pend-row:last-child { border-bottom: 1px solid var(--sk-hairline); }
.sk-pend-row:active { background: var(--sk-surface); }
.sk-pend-avatar {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: var(--sk-ac-dim);
  color: var(--sk-ac);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  flex-shrink: 0;
  margin-top: 1px;
}
.sk-pend-name {
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-pend-skill {
  font-size: var(--text-sm);
  color: var(--sk-body);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-top: 1px;
}
.sk-pend-date {
  font-size: var(--text-2xs);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-top: 2px;
}
.sk-pend-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  flex-shrink: 0;
}
.sk-state-pill-sm {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: var(--r-pill);
  padding: 3px 9px;
  font-size: 8.5px;
  font-weight: var(--fw-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: 'Noto Sans Thai', sans-serif;
  background: rgba(33,150,243,.09);
  color: var(--sk-info);
}
.sk-pill-dot-sm {
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--sk-info);
}

/* Empty state */
.sk-empty {
  padding: 48px 14px;
  text-align: center;
}
.sk-empty-icon {
  width: 40px; height: 40px;
  margin: 0 auto 12px;
  color: var(--sk-hairline);
}
.sk-empty-title {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-bottom: 4px;
}
.sk-empty-sub {
  font-size: var(--text-sm);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  line-height: 1.5;
}

/* View toggle */
.sk-view-toggle {
  display: flex;
  margin: 10px 14px 0;
  background: var(--sk-surface);
  border-radius: var(--r-8);
  padding: 3px;
  gap: 3px;
}
.sk-vt {
  flex: 1;
  text-align: center;
  padding: 6px 0;
  border-radius: var(--r-sm);
  cursor: pointer;
  font-size: var(--text-xs);
  font-weight: var(--fw-semi);
  font-family: 'Noto Sans Thai', sans-serif;
  color: var(--sk-muted);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.sk-vt.sk-tab-on {
  background: #fff;
  color: var(--sk-ink);
  box-shadow: 0 1px 3px rgba(0,0,0,.09);
}

/* Team overview hero */
.sk-ov-hero {
  margin: 10px 14px 0;
  background: var(--sk-surface);
  border-radius: var(--r-card);
  padding: 14px;
  position: relative;
  overflow: hidden;
}
.sk-ov-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2.5px;
  background: var(--sk-ac);
  border-radius: 12px 12px 0 0;
}
.sk-ov-hero-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 10px;
}
.sk-ov-big {
  font-size: 32px;
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  letter-spacing: -.03em;
  line-height: 1;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-ov-denom {
  font-size: var(--text-base);
  font-weight: var(--fw-medium);
  color: var(--sk-muted);
  margin-bottom: 3px;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-ov-label {
  font-size: var(--text-xs);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-top: 2px;
}
.sk-ov-pct {
  font-size: var(--text-3xl);
  font-weight: var(--fw-bold);
  color: var(--sk-ac);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-ov-track {
  height: 3px;
  background: var(--sk-hairline);
  border-radius: var(--r-xxs);
  overflow: hidden;
}
.sk-ov-fill {
  height: 100%;
  border-radius: var(--r-xxs);
  background: var(--sk-ac);
}
.sk-ov-meta {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
  font-size: 8.5px;
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
}

/* By Rep rows */
.sk-rep-list { padding: 0 14px; }
.sk-rep-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--sk-hairline);
  cursor: pointer;
}
.sk-rep-row:last-child { border-bottom: 1px solid var(--sk-hairline); }
.sk-rep-avatar {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: var(--sk-ac-dim);
  color: var(--sk-ac);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  flex-shrink: 0;
}
.sk-rep-name {
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
  display: flex;
  align-items: center;
  gap: 6px;
}
.sk-rep-pend-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--sk-ac);
}
.sk-rep-prog-row {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 5px;
}
.sk-rep-track {
  flex: 1;
  height: 3px;
  background: var(--sk-hairline);
  border-radius: var(--r-xxs);
  overflow: hidden;
}
.sk-rep-fill {
  height: 100%;
  border-radius: var(--r-xxs);
}
.sk-rep-fill-ok  { background: var(--sk-ok); }
.sk-rep-fill-mid { background: var(--sk-warn); }
.sk-rep-fill-low { background: var(--sk-ac); }
.sk-rep-count {
  font-size: var(--text-2xs);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  color: var(--sk-muted);
  flex-shrink: 0;
}

/* By Skill rows */
.sk-skill-list { padding: 0 14px; }
.sk-skill-mod-hd {
  padding: 12px 0 4px;
  font-size: var(--text-3xs);
  font-weight: var(--fw-bold);
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-skill-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-top: 1px solid var(--sk-hairline);
}
.sk-warn-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.sk-warn-dot-ok   { background: var(--sk-ok); }
.sk-warn-dot-warn { background: var(--sk-warn); }
.sk-warn-dot-ac   { background: var(--sk-ac); }
.sk-skill-info { flex: 1; min-width: 0; }
.sk-skill-code {
  font-size: var(--text-2xs);
  font-weight: var(--fw-bold);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  flex-shrink: 0;
}
.sk-skill-name {
  font-size: var(--text-md);
  font-weight: var(--fw-semi);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-skill-bar-row {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 4px;
}
.sk-skill-track {
  flex: 1;
  height: 3px;
  background: var(--sk-hairline);
  border-radius: var(--r-xxs);
  overflow: hidden;
}
.sk-skill-fill { height: 100%; border-radius: var(--r-xxs); }
.sk-skill-fill-ok   { background: var(--sk-ok); }
.sk-skill-fill-low  { background: var(--sk-warn); }
.sk-skill-fill-zero { background: var(--sk-hairline); }
.sk-skill-count {
  font-size: var(--text-2xs);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  color: var(--sk-muted);
  flex-shrink: 0;
  min-width: 24px;
  text-align: right;
}

/* TL eval zone */
.sk-tl-zone {
  background: var(--sk-surface);
  border-radius: var(--r-card);
  padding: 13px;
  margin: 8px 0;
}
.sk-tl-eye {
  font-size: var(--text-3xs);
  font-weight: var(--fw-bold);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--sk-ac);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-bottom: 10px;
}
.sk-tl-rep-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--sk-hairline);
}
.sk-tl-avatar {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--sk-ac-dim);
  color: var(--sk-ac);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  flex-shrink: 0;
}
.sk-tl-rep-name {
  font-size: var(--text-md);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-tl-rep-meta {
  font-size: var(--text-2xs);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-tl-state-label {
  font-size: 8.5px;
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-bottom: 6px;
  font-weight: var(--fw-semi);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sk-tl-state-row {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}
.sk-tl-btn {
  flex: 1;
  border: 1.5px solid var(--sk-hairline);
  border-radius: var(--r-8);
  padding: 9px 2px 8px;
  background: #fff;
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  transition: opacity .15s, border-color .15s, background .15s;
}
.sk-tl-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px; height: 20px;
  flex-shrink: 0;
}
.sk-tl-btn-icon svg {
  display: block;
  width: 16px; height: 16px;
}
.sk-tl-btn-label {
  font-size: var(--text-3xs);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  color: var(--sk-muted);
  letter-spacing: .02em;
  text-transform: uppercase;
  display: block;
}
/* unselected dim */
.sk-tl-btn-dim { opacity: .4; }
/* selected states */
.sk-tl-btn-sel-locked   { border-color: var(--sk-locked); background: rgba(189,189,189,.07); }
.sk-tl-btn-sel-locked   .sk-tl-btn-label { color: var(--sk-locked); }
.sk-tl-btn-sel-training { border-color: var(--sk-info);   background: rgba(33,150,243,.07); }
.sk-tl-btn-sel-training .sk-tl-btn-label { color: var(--sk-info); }
.sk-tl-btn-sel-unlocked { border-color: var(--sk-ok);     background: rgba(52,199,89,.07); }
.sk-tl-btn-sel-unlocked .sk-tl-btn-label { color: var(--sk-ok); }
.sk-tl-btn-sel-mastered { border-color: var(--sk-warn);   background: rgba(255,149,0,.07); }
.sk-tl-btn-sel-mastered .sk-tl-btn-label { color: var(--sk-warn); }
.sk-tl-note {
  width: 100%;
  border: 1px solid var(--sk-hairline);
  border-radius: var(--r-8);
  padding: 9px 10px;
  font-size: var(--text-sm);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
  resize: none;
  background: #fff;
  outline: none;
}
.sk-tl-note::placeholder { color: var(--sk-muted); }
.sk-tl-note:focus { border-color: rgba(255,56,92,.35); }
.sk-tl-save {
  width: 100%;
  margin-top: 8px;
  background: var(--sk-ac);
  color: var(--tk-text-primary);
  border: none;
  border-radius: var(--r-md);
  padding: 11px;
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  cursor: pointer;
  font-family: 'Noto Sans Thai', sans-serif;
}

/* Rep detail (from View A tap) */
.sk-rep-det-hd {
  padding: 10px 14px 12px;
  border-bottom: 1px solid var(--sk-hairline);
  display: flex;
  align-items: center;
  gap: 10px;
}
.sk-rep-det-avatar {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: var(--sk-ac-dim);
  color: var(--sk-ac);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
  flex-shrink: 0;
}
.sk-rep-det-name {
  font-size: var(--text-xl);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-rep-det-meta {
  font-size: var(--text-xs);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  margin-top: 1px;
}
.sk-filter-row {
  padding: 8px 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--sk-hairline);
}
.sk-fpill {
  font-size: var(--text-2xs);
  font-weight: var(--fw-bold);
  color: var(--sk-muted);
  background: var(--sk-surface);
  border: 1px solid var(--sk-hairline);
  border-radius: var(--r-pill);
  padding: 3px 10px;
  cursor: pointer;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-fpill-on {
  color: var(--sk-ac);
  background: var(--sk-ac-dim);
  border-color: rgba(255,56,92,.25);
}
.sk-det-skill-list { padding: 0 14px; }
.sk-det-skill-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid var(--sk-hairline);
  cursor: pointer;
}
.sk-det-skill-mod {
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
  flex-shrink: 0;
  width: 28px;
}
.sk-det-skill-name {
  flex: 1;
  font-size: var(--text-base);
  font-weight: var(--fw-semi);
  color: var(--sk-ink);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-det-state {
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: 'Noto Sans Thai', sans-serif;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.sk-det-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
}

/* Nav badge (TL) */
#skills-nav-badge {
  position: absolute;
  top: 1px;
  right: calc(50% - 16px);
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--sk-ac);
  border: 1.5px solid #fff;
  display: none;
}

/* Toast */
.sk-toast {
  position: fixed;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: rgba(34,34,34,.92);
  color: var(--tk-text-primary);
  font-size: var(--text-base);
  font-weight: var(--fw-semi);
  font-family: 'Noto Sans Thai', sans-serif;
  padding: 10px 20px;
  border-radius: var(--r-pill);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s, transform .2s;
  white-space: nowrap;
  z-index: 9999;
}
.sk-toast-show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* ── Mastered spark particle animation ── */
@keyframes sk-spark {
  0%, 100% { opacity: .2; transform: scale(.8); }
  50%       { opacity: 1;  transform: scale(1.8); }
}
.sk-spark {
  position: absolute;
  border-radius: 50%;
  background: #FFD700;
  pointer-events: none;
  z-index: 3;
}

/* ── Echo observation strip (module row + detail) ── */
.sk-echo-strip {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}
.sk-echo-strip svg { color: var(--sk-ac); flex-shrink: 0; }
.sk-echo-date {
  font-size: var(--text-2xs);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-echo-score {
  font-size: var(--text-2xs);
  font-weight: var(--fw-semi);
  font-family: 'Noto Sans Thai', sans-serif;
}

/* Echo session rows in skill detail */
.sk-echo-list { display: flex; flex-direction: column; gap: 0; }
.sk-echo-row {
  padding: 10px 0;
  border-bottom: 0.5px solid var(--sk-hairline);
}
.sk-echo-row:last-child { border-bottom: none; }
.sk-echo-row-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.sk-echo-row-top svg { color: var(--sk-ac); flex-shrink: 0; }
.sk-echo-row-date {
  font-size: var(--text-xs);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-echo-row-score {
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-echo-row-ev {
  font-size: var(--text-sm);
  color: var(--sk-body);
  line-height: 1.5;
  font-family: 'Noto Sans Thai', sans-serif;
  margin-bottom: 3px;
}
.sk-echo-row-note {
  font-size: var(--text-xs);
  color: var(--sk-ac);
  font-style: italic;
  line-height: 1.4;
  font-family: 'Noto Sans Thai', sans-serif;
}


/* ── Character banner (module grid) ─────────────────── */
.sk-cg-banner {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden;
  flex-shrink: 0;
}
.sk-cg-banner-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 12px 16px;
  background: linear-gradient(transparent, rgba(0,0,0,.52));
}
.sk-cg-banner-name {
  font-size: var(--text-xl2);
  font-weight: var(--fw-bold);
  color: var(--tk-text-primary);
  line-height: 1.2;
}
.sk-cg-banner-sub {
  font-size: var(--text-sm);
  color: rgba(255,255,255,.75);
  margin-top: 2px;
  font-family: 'IBM Plex Mono', monospace;
  letter-spacing: .04em;
}

/* ── Character banner ──────────────────────── */
.sk-cg-banner {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  flex-shrink: 0;
}
.sk-cg-banner-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 14px 16px;
  background: linear-gradient(transparent, rgba(0,0,0,.55));
}
.sk-cg-banner-name {
  font-size: var(--text-xl3);
  font-weight: var(--fw-bold);
  color: var(--tk-text-primary);
  line-height: 1.2;
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-cg-banner-sub {
  font-size: var(--text-sm);
  color: rgba(255,255,255,.72);
  margin-top: 3px;
  font-family: 'IBM Plex Mono', monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* ── Skill detail animations ────────────────── */
.sk-detail-body {
  animation: sk-slide-up .35s cubic-bezier(.32,.72,0,1) both;
  animation-delay: .25s;
}
@keyframes sk-slide-up {
  from { transform: translateY(40px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
.sk-state-pill-row {
  animation: sk-fade-in .3s ease both;
  animation-delay: .35s;
}
@keyframes sk-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ── Echo strip in TL pending row ── */
.sk-pend-echo-strip {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 5px;
}
.sk-pend-echo-date {
  font-size: var(--text-2xs);
  color: var(--sk-muted);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-pend-echo-score {
  font-size: var(--text-2xs);
  font-weight: var(--fw-bold);
  font-family: 'Noto Sans Thai', sans-serif;
}
.sk-pend-echo-ev {
  font-size: var(--text-xs);
  color: var(--sk-body);
  line-height: 1.45;
  font-family: 'Noto Sans Thai', sans-serif;
  margin-top: 3px;
  padding-left: 14px;
}


/* ════════════════════════════════════════════
   SKILLS REDESIGN — Idea 2 Parallax Reveal
   ════════════════════════════════════════════ */

/* ── Screen 1: Module Album Cards ──────────── */
.mod-album {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  cursor: pointer;
  border-bottom: 6px solid var(--sk-surface, #F7F7F7);
}
.mod-album-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
  opacity: 1;
}
.mod-album-img:not(.sk-img-loaded) {
  animation: sk-img-fade .3s ease both;
}
@keyframes sk-img-fade {
  from { opacity: .3; }
  to   { opacity: 1; }
}
.mod-album-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to bottom, transparent 25%, rgba(0,0,0,.72) 100%);
}
.mod-album.sk-mod-dim .mod-album-img { filter: grayscale(.6) opacity(.85); }
.mod-album-body {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 12px 16px;
}
.mod-album-eye {
  font-size: var(--text-2xs); font-weight: var(--fw-bold); letter-spacing: .1em;
  color: rgba(255,255,255,.6); text-transform: uppercase;
  font-family: 'IBM Plex Mono', monospace;
}
.mod-album-name {
  font-size: var(--text-xl2); font-weight: var(--fw-bold); color: var(--tk-text-primary);
  margin-top: 2px; font-family: 'Noto Sans Thai', sans-serif;
}
.mod-album-sub {
  font-size: var(--text-sm); color: rgba(255,255,255,.65);
  margin-top: 2px; font-family: 'Noto Sans Thai', sans-serif;
}
.mod-album-ring {
  position: absolute; bottom: 14px; right: 14px;
}
.mod-album-ring svg { width: 36px; height: 36px; }
.mod-album-echo {
  background: rgba(255,255,255,.15) !important;
  color: var(--tk-text-primary) !important;
  backdrop-filter: blur(4px);
}

/* ── Screen 2: Ambient + Floating Cards ────── */
/* s2-ambient removed */


/* s2-topbar replaced */

/* s2-char replaced */


.s2-grid {
  position: relative; z-index: 2;
  background: var(--sk-canvas, #fff);
  border-radius: 20px 20px 0 0;
  margin-top: 16px;
  padding-top: 16px;
}

/* card image smart-crop in grid */
.sk-card-img-inner, .sk-card-img img {
  object-position: center 48% !important;
}

/* ── Screen 3: Full-bleed Hero + Bottom Sheet ── */


@keyframes s3-sheet-up {
  from { transform: translateY(60px); opacity: .4; }
  to   { transform: translateY(0); opacity: 1; }
}

/* content stagger fade */
.s3-sheet .sk-detail-body > * {
  animation: s3-fade-up .35s ease both;
}
.s3-sheet .sk-state-pill-row { animation-delay: .05s; }
.s3-sheet .sk-skill-title    { animation-delay: .1s; }
@keyframes s3-fade-up {
  from { transform: translateY(12px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* ── Card tap micro-interaction ────────────── */
.mod-album:active { transform: scale(.985); transition: transform .1s ease; }
.sk-card:active, .sk-card-wide:active { transform: scale(.97); transition: transform .1s ease; }

/* ── Entry animations (CSS-only, no reset) ──── */
.mod-album {
  animation: mod-album-in .4s cubic-bezier(.32,.72,0,1) both;
}
.mod-album:nth-child(1) { animation-delay: .05s; }
.mod-album:nth-child(2) { animation-delay: .12s; }
.mod-album:nth-child(3) { animation-delay: .19s; }
.mod-album:nth-child(4) { animation-delay: .26s; }
@keyframes mod-album-in {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.s2-grid .sk-card, .s2-grid .sk-card-wide {
  animation: sk-card-in .35s ease both;
}
.s2-grid .sk-card:nth-child(1) { animation-delay: .08s; }
.s2-grid .sk-card:nth-child(2) { animation-delay: .14s; }
.s2-grid .sk-card:nth-child(3) { animation-delay: .20s; }
.s2-grid .sk-card:nth-child(4) { animation-delay: .26s; }
.s2-grid .sk-card:nth-child(5) { animation-delay: .32s; }
@keyframes sk-card-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

#scr-skills.sk-detail-mode {
  overflow: hidden !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  /* display controlled by .on — never override here */
}
/* detail mode only applies when screen IS visible */
#scr-skills.on.sk-detail-mode {
  display: block !important;
}

/* ══ S3 PEEK / EXPAND SHEET ══════════════════════════════ */

/* ══ IMAGE LAZY FADE ═════════════════════════════════════ */
.sk-img-lazy:not(.sk-img-loaded) {
  opacity: 0;
  transition: opacity .2s ease;
}
.sk-img-lazy.sk-img-loaded {
  opacity: 1;
}

/* ══ MICRO-INTERACTIONS ══════════════════════════════════ */

/* Module row tap */
.sk-mod-row { transition: background .1s; }
.sk-mod-row:active { background: rgba(255,56,92,.04) !important; transform: scale(.99); }

/* Skill card tap */
.sk-card, .sk-card-wide { transition: transform .12s cubic-bezier(.32,.72,0,1); }
.sk-card:active, .sk-card-wide:active { transform: scale(.97); }

/* S3 hero parallax — transform driven by JS scroll */


/* S3 sheet content stagger */
.s3-body-full > * {
  animation: s3-fade-up .32s ease both;
}
.s3-body-full > *:nth-child(1) { animation-delay: .06s; }
.s3-body-full > *:nth-child(2) { animation-delay: .12s; }
.s3-body-full > *:nth-child(3) { animation-delay: .18s; }
.s3-body-full > *:nth-child(4) { animation-delay: .24s; }
.s3-body-full > *:nth-child(5) { animation-delay: .30s; }

/* CTA button press */
.sk-cta-btn {
  transition: transform .1s cubic-bezier(.32,.72,0,1), box-shadow .1s;
}
.sk-cta-btn:active { transform: scale(.97); }

/* Back button */

.s3-back:active { opacity: .7; }

/* ── Skeleton shimmer (loading state) ── */
@keyframes sk-shimmer-move {
  0%   { background-position: -300px 0; }
  100% { background-position: 300px 0; }
}
.sk-shimmer {
  background: linear-gradient(90deg, #F0F0F0 25%, #E0E0E0 50%, #F0F0F0 75%);
  background-size: 600px 100%;
  animation: sk-shimmer-move 1.4s ease-in-out infinite;
}
.sk-skeleton-wrap {
  padding: 10px 14px;
}
.sk-skeleton-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 0.5px solid #F0F0F0;
}
.sk-skel-thumb {
  width: 88px; height: 88px;
  border-radius: var(--r-8);
  flex-shrink: 0;
}
.sk-skel-body { flex: 1; }
.sk-skel-line {
  height: 12px;
  border-radius: var(--r-sm);
  margin-bottom: 8px;
}
.sk-skel-line.w70 { width: 70%; }
.sk-skel-line.w50 { width: 50%; }
.sk-skel-line:last-child { margin-bottom: 0; }

/* ── Toast slide-down from top ── */
.sk-toast {
  top: 60px !important;
  bottom: auto !important;
  transform: translateX(-50%) translateY(-16px) !important;
  transition: opacity .22s ease, transform .22s cubic-bezier(.32,.72,0,1) !important;
}
.sk-toast.sk-toast-show {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}


/* ══════════════════════════════════════════════════════
   S3 DETAIL — clean consolidated v2
   ══════════════════════════════════════════════════════ */

/* Container: fixed full-screen, clips everything */
.s3-detail {
  position: relative;
  width: 100%;
  height: 100%;  /* JS overrides with window.innerHeight inline */
  overflow: visible;
  background: #111;
  isolation: isolate;
}

/* Ambient bg: ::before fills entire detail, behind everything */
.s3-detail::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--s3-ambient-url);
  background-size: cover;
  background-position: center;
  filter: blur(40px) saturate(2.2) brightness(0.65);
  transform: scale(1.15);
  z-index: 0;
  opacity: 0;
  transition: opacity .5s ease .1s;
  pointer-events: none;
}
.s3-detail.s3-ambient-loaded::before { opacity: 1; }

/* Hero: natural flow, fits width, above ambient */
.s3-hero {
  position: relative;
  width: 100%;
  height: 55%;
  z-index: 1;
  overflow: visible;
  flex-shrink: 0;
}
.s3-hero-img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
  object-fit: cover;
  object-position: center top;
}

/* Gradient: absolute over hero img */
.s3-hero-gradient {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.32) 0%, transparent 35%);
  pointer-events: none;
  z-index: 2;
}

/* Topbar: floats over hero */
.s3-topbar {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 10;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s3-back {
  display: inline-flex; align-items: center; gap: 5px;
  color: var(--tk-text-primary); font-size: var(--text-base); font-weight: var(--fw-semi);
  background: rgba(0,0,0,.32); border: none;
  border-radius: var(--r-pill); padding: 6px 13px;
  backdrop-filter: blur(8px); cursor: pointer;
  font-family: 'Noto Sans Thai', sans-serif;
}
.s3-code-pill {
  color: rgba(255,255,255,.85); font-size: var(--text-sm);
  font-family: 'IBM Plex Mono', monospace;
  background: rgba(0,0,0,.28); padding: 5px 11px;
  border-radius: var(--r-pill); backdrop-filter: blur(8px);
}

/* Sheet: absolute, anchored to bottom, expands upward */
.s3-sheet {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  z-index: 5;
  background: rgba(255,255,255,0.65);
  -webkit-backdrop-filter: blur(32px) saturate(1.6);
  backdrop-filter: blur(32px) saturate(1.6);
  border-radius: 28px 28px 0 0;
  box-shadow: 0 -8px 40px rgba(0,0,0,.18), 0 -2px 8px rgba(0,0,0,.08);
  transition: height .5s cubic-bezier(.32,.72,0,1),
              opacity .25s ease;
  overflow: hidden;
}
.s3-sheet-hidden   { height: 0 !important; opacity: 0 !important; overflow: hidden; transition: none !important; }
.s3-sheet-peek     { height: 48%; opacity: 1; overflow: hidden; }
.s3-sheet-expanded { height: calc(100% - 120px); opacity: 1; overflow-y: auto; }

/* Sheet handle */
.s3-sheet-handle {
  width: 36px; height: 4px;
  background: rgba(0,0,0,.18); border-radius: 99px;
  margin: 10px auto 6px;
  cursor: pointer;
}

/* Peek hint */
.s3-peek-hint {
  padding: 0 16px 12px;
}
.s3-teaser {
  font-size: var(--text-base);
  color: rgba(20,20,20,0.72);
  line-height: 1.45;
  margin-top: 3px;
  word-break: break-word;
  overflow-wrap: break-word;
}
.s3-expand-chevron {
  flex-shrink: 0;
  margin-top: 2px;
  transition: transform .3s ease;
}
.s3-peek-title {
  font-size: var(--text-xl3);
  font-weight: 800;
  color: var(--sk-ink);
  line-height: 1.2;
  margin: 8px 0 10px;
  font-family: 'Noto Sans Thai', sans-serif;
}
.s3-peek-cta {
  /* CTA button inside peek — full width, no top margin needed */
}
.s3-peek-cta .sk-cta-btn {
  width: 100%;
  margin-top: 0;
}
.s3-sheet-expanded .s3-expand-chevron { transform: rotate(180deg); }

/* Body content: hidden in peek, shown in expanded */
.s3-body-full { display: none; }
.s3-sheet-peek .s3-body-full { display: none; }
.s3-sheet-expanded .s3-body-full { display: block; }
/* Peek static section: visible in peek, hidden in expanded (full body replaces it) */
.s3-sheet-expanded .s3-peek-static { display: none; }

/* Content stagger */
.s3-sheet .sk-detail-body > * { animation: s3-fade-up .35s ease both; }
.s3-sheet .sk-state-pill-row { animation-delay: .05s; }
.s3-sheet .sk-skill-title    { animation-delay: .1s; }

/* ══ S1 MODULE ROW — missing classes restored ═══════════ */
.sk-row-thumb {
  width: 36%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  align-self: stretch;
}
.sk-row-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  display: block;
}
.sk-row-thumb-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, transparent 65%, rgba(255,255,255,0.95) 100%);
  pointer-events: none;
}
.sk-row-thumb-img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 38%;
  display: block;
  opacity: 0;
  transition: opacity .2s ease;
}
.sk-row-thumb-img.sk-img-loaded { opacity: 1; }
.sk-row-info {
  flex: 1;
  min-width: 0;
  padding: 12px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.sk-row-eye {
  font-size: var(--text-3xs);
  font-weight: var(--fw-bold);
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--sk-muted);
  font-family: 'IBM Plex Mono', monospace;
  margin-bottom: 3px;
}
.sk-row-name {
  font-size: var(--text-lg2);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
  line-height: 1.2;
  margin-bottom: 2px;
}
.sk-row-sub {
  font-size: var(--text-sm);
  color: var(--sk-muted);
  margin-bottom: 5px;
}
.sk-row-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.sk-row-badge {
  font-size: var(--text-2xs);
  font-weight: var(--fw-semi);
  padding: 2px 7px;
  border-radius: 99px;
}
.badge-training { background: rgba(33,150,243,.1); color: #2196F3; }
.badge-unlocked { background: rgba(52,199,89,.1); color: #34C759; }
.sk-row-right {
  padding: 0 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.sk-row-ring {
  width: 40px; height: 40px;
  display: block;
  overflow: visible;
}

/* ══ S2 MODULE GRID — mockup-correct structure ══════════ */
.s2-screen {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.s2-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 84px;
  position: relative;
}
.s2-topbar {
  padding: 44px 16px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 10;
}
.s2-back {
  color: var(--tk-text-primary) !important;
  background: rgba(0,0,0,.32) !important;
  border-radius: var(--r-pill);
  padding: 6px 13px;
  backdrop-filter: blur(8px);
  border: none;
}
.s2-cg-mod-name {
  font-size: var(--text-lg2);
  font-weight: var(--fw-bold);
  color: var(--sk-ink);
}
.s2-banner {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
  background: #F7F0FA;
}
.s2-char-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 32%;
  display: block;
}
.s2-banner-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.28) 0%, transparent 40%);
  pointer-events: none;
}
.s2-banner-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 14px 16px 16px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.52) 100%);
  pointer-events: none;
}
.s2-banner-mod-eye {
  font-size: var(--text-2xs);
  font-weight: var(--fw-bold);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
  font-family: 'IBM Plex Mono', monospace;
  margin-bottom: 3px;
}
.s2-banner-title {
  font-size: var(--text-3xl);
  font-weight: 800;
  color: var(--tk-text-primary);
  line-height: 1.15;
  font-family: 'Noto Sans Thai', sans-serif;
}
.s2-banner-sub {
  font-size: var(--text-sm);
  color: rgba(255,255,255,.72);
  margin-top: 2px;
  font-family: 'Noto Sans Thai', sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.s2-grid {
  padding: 16px 14px 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  position: relative;
  z-index: 3;
  background: #fff;
  border-radius: 20px 20px 0 0;
  margin-top: -20px;
  box-shadow: 0 -4px 20px rgba(0,0,0,.10);
}
</style>
<style id="qnrr-module-css">
/* ════════════════════════════════════════════════════════════════════════════
   FRESHKET SENSE — Quarter NRR Health Sheet
   src/styles_qnrr.css · v775
   Scoped entirely to .qnrr-* — zero bleed to other screens
   Design tokens: --tk-* from styles_tokens.css
   Redesign v775: removed metric duplication, new color palette (semantic),
   toggle chart/breakdown, transfer_out callout card, outlet count in header
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Movement palette (scoped to sheet) ── */
#qnrr-sheet {
  --qnrr-core:         rgba(74,222,128,.86);
  --qnrr-core-dim:     rgba(74,222,128,.10);
  --qnrr-handover:     rgba(96,165,250,.80);
  --qnrr-expansion:    rgba(52,211,153,.72);
  --qnrr-new-sales:    rgba(167,139,250,.72);
  --qnrr-comeback:     rgba(251,191,36,.72);
  --qnrr-ti:           rgba(255,255,255,.19);
  --qnrr-churn:        rgba(248,113,113,.84);
  --qnrr-tout:         rgba(248,113,113,.50);
}

/* ── Overlay ── */
.qnrr-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.52);
  z-index: 420; opacity: 0; pointer-events: none;
  transition: opacity .24s ease;
}
.qnrr-overlay.on { opacity: 1; pointer-events: all; }

/* ── Sheet container ── */
.qnrr-sheet {
  position: fixed; bottom: 0; left: 50%;
  transform: translateX(-50%) translateY(102%);
  width: 100%; max-width: var(--app-max,440px);
  background: linear-gradient(180deg, #10213c 0%, #0b172b 100%);
  border: 1px solid rgba(140,180,255,.18);
  border-radius: 22px 22px 0 0;
  box-shadow: 0 -20px 60px rgba(0,0,0,.5);
  z-index: 421;
  height: 88dvh; max-height: 88dvh;
  display: flex; flex-direction: column; overflow: hidden;
  transition: transform .30s cubic-bezier(.34,1.1,.64,1);
}
.qnrr-sheet.on { transform: translateX(-50%) translateY(0); }

/* ── Handle ── */
.qnrr-handle-row {
  display: flex; justify-content: center;
  padding: 10px 0 4px; flex-shrink: 0; cursor: ns-resize;
}
.qnrr-handle-pill {
  width: 40px; height: 5px; border-radius: var(--r-pill);
  background: rgba(255,255,255,.18); transition: background .2s;
}
.qnrr-handle-row:hover .qnrr-handle-pill { background: rgba(255,255,255,.32); }

/* ── Zone A: Hero header ── */
.qnrr-head {
  padding: 4px 18px 12px;
  border-bottom: 1px solid rgba(140,180,255,.10);
  flex-shrink: 0;
}
.qnrr-eyebrow {
  font-size: var(--text-xs); font-weight: var(--fw-bold);
  letter-spacing: .01em;
  color: rgba(var(--ink-blue),.68); margin-bottom: 4px;
}
/* Hero (25 ต.ค. 2569 · บอร์ด QnrrNew · Q6): %NRR เดือนล่าสุดตัวใหญ่ + คำช่วงเกณฑ์ ซ้าย · 3 เดือนขวา · ฐานบรรทัดรอง */
.qnrr-hero-row {
  display: flex; align-items: flex-end;
  justify-content: space-between; gap: 10px;
}
.qnrr-hero-main { flex: 1; min-width: 0; }
.qnrr-hero-k {
  font-size: var(--text-xs); font-weight: var(--fw-semi);
  color: rgba(255,255,255,.62);
}
.qnrr-hero-big {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin-top: 3px;
}
.qnrr-hero-pct {
  font-family: var(--tk-font-mono); font-size: calc(var(--text-3xl) * 1.55);
  font-weight: var(--fw-bold); letter-spacing: -.03em; line-height: 1;
  color: var(--tk-blue-text-primary);
}
.qnrr-hero-pct.zc { color: var(--zc); }
.qnrr-hero-pct.wait {
  font-family: var(--tk-font-body); font-size: var(--text-xl);
  font-weight: var(--fw-semi); letter-spacing: 0; color: rgba(255,255,255,.55);
}
/* คำช่วงเกณฑ์ (ขั้น 1 / ได้ 50% …) — สีเดียวกับตัวเลข พื้นจางจากสีเดียวกัน ไม่ใช่พื้นทึบ */
.qnrr-zone-chip {
  position: relative; isolation: isolate;
  display: inline-flex; align-items: center; white-space: nowrap;
  font-size: var(--text-xs); font-weight: var(--fw-bold);
  padding: 2px 8px; border-radius: var(--r-pill);
  color: rgba(255,255,255,.7);
}
.qnrr-zone-chip.zc { color: var(--zc); }
.qnrr-zone-chip::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  background: currentColor; opacity: .14; z-index: -1;
}
.qnrr-zone-chip[hidden] { display: none; }
/* 3 เดือนของไตรมาส — เดือนที่ยังไม่เริ่ม = "—" */
.qnrr-nrr-cluster { display: flex; gap: 5px; flex-shrink: 0; }
.qnrr-mo {
  font-family: var(--tk-font-mono); font-size: var(--text-sm);
  width: calc(6ch + 10px); border-radius: var(--r-md);
  padding: 5px 0 4px; text-align: center;
  border: 1px solid rgba(255,255,255,.10);
}
.qnrr-mo b {
  display: block; font-weight: var(--fw-bold); letter-spacing: -.02em; line-height: 1.2;
  color: var(--tk-blue-text-primary);
}
.qnrr-mo span {
  display: block; font-family: var(--tk-font-body); font-size: var(--text-3xs);
  color: rgba(255,255,255,.50); margin-top: 1px;
}
.qnrr-mo.on { border-color: rgba(255,255,255,.30); background: rgba(255,255,255,.06); }
.qnrr-mo.off b { color: rgba(255,255,255,.30); }
/* ฐาน: บรรทัดรอง · แตะ ⓘ กางกติกา */
.qnrr-base-line {
  display: flex; align-items: center; flex-wrap: wrap; gap: 5px;
  margin-top: 6px; padding: 4px 0; min-height: 28px;
  background: none; border: none; cursor: pointer; text-align: left;
  font-family: var(--tk-font-body); font-size: var(--text-xs);
  color: rgba(255,255,255,.58);
  -webkit-tap-highlight-color: transparent;
}
.qnrr-base-val {
  font-family: var(--tk-font-mono); font-size: var(--text-sm);
  font-weight: var(--fw-bold); color: rgba(255,255,255,.95); letter-spacing: -.01em;
}
.qnrr-base-sub { color: rgba(255,255,255,.58); }
.qnrr-info-i {
  width: 15px; height: 15px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.32);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: var(--text-3xs); font-weight: var(--fw-bold); line-height: 1;
}
.qnrr-base-note {
  font-size: var(--text-xs); line-height: 1.55; color: rgba(255,255,255,.55);
  margin-top: 2px;
}
.qnrr-base-note[hidden], .qnrr-base-line[hidden] { display: none; }
/* Scope chip */
.qnrr-title-row {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 6px;
}
.qnrr-title {
  font-size: var(--text-base); font-weight: 800;
  color: rgba(var(--ink-blue),.75); letter-spacing: .01em;
}
.qnrr-scope-chip {
  display: flex; align-items: center; gap: 5px;
  background: var(--tk-accent-dim);
  border: 1px solid var(--tk-accent-dim-2);
  border-radius: var(--r-8); padding: 4px 9px;
  font-size: var(--text-xs); font-weight: var(--fw-bold); color: #bcd7ff;
  cursor: pointer; font-family: var(--tk-font-mono);
  transition: all .15s; -webkit-tap-highlight-color: transparent;
}
.qnrr-scope-chip:active { transform: scale(.95); }
.qnrr-scope-arr { font-size: var(--text-2xs); opacity: .5; }

/* ── Zone B: Chart zone with toggle ── */
.qnrr-chart-zone {
  padding: 6px 18px calc(14px + env(safe-area-inset-bottom, 0px));
  flex: 1; display: flex; flex-direction: column; min-height: 0; position: relative;
  overflow-y: auto;
}
/* Chart/Breakdown toggle */
/* v809: qnrr-view-toggle + qnrr-vtog removed — toggle is now inline icon buttons in each view's header */

/* ── v810: Fixed toolbar — iOS segmented control + expand btn ─────────────── */
.qnrr-toolbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 18px 6px; flex-shrink: 0;
  border-bottom: 1px solid rgba(140,180,255,.07);
}
/* iOS segmented control */
.qnrr-vseg {
  position: relative;
  display: flex; align-items: center;
  width: 72px; height: 28px;
  background: rgba(255,255,255,.08);
  border-radius: var(--r-8);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.qnrr-vseg-thumb {
  position: absolute; top: 2px; left: 2px;
  width: calc(50% - 2px); height: calc(100% - 4px);
  background: rgba(255,255,255,.18);
  border-radius: var(--r-sm);
  transition: transform .22s cubic-bezier(.34,1.3,.64,1);
  pointer-events: none;
}
.qnrr-vseg-btn {
  position: relative; z-index: 1;
  flex: 1; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: none; border: none; cursor: pointer; padding: 0;
  color: rgba(255,255,255,.52);
  transition: color .18s;
  -webkit-tap-highlight-color: transparent;
}
.qnrr-vseg-btn.active { color: rgba(255,255,255,.90); }
/* double-chevron expand btn */
.qnrr-expand-btn {
  width: 30px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.07); border: none;
  border-radius: var(--r-7); cursor: pointer;
  color: rgba(255,255,255,.65);
  transition: color .15s, background .15s, opacity .2s;
  -webkit-tap-highlight-color: transparent;
}
.qnrr-expand-btn:active { background: rgba(255,255,255,.14); transform: scale(.93); }
.qnrr-expand-btn svg { transition: transform .25s cubic-bezier(.34,1.3,.64,1); }

/* ── Bar chart ── */
.qnrr-ref-lines {
  position: absolute; left: 18px; right: 18px;
  top: 48px; /* below toggle (9px) + 10px pad + toggle height ~29px */
  pointer-events: none; z-index: 2;
}
.qnrr-ref-line {
  position: absolute; left: 0; right: 0;
  border-top: 1px dashed rgba(var(--ink-blue),.17);
}
.qnrr-ref-label {
  position: absolute; right: 0;
  font-size: var(--text-3xs); font-family: var(--tk-font-mono); font-weight: var(--fw-bold);
  color: rgba(var(--ink-blue),.52); transform: translateY(-10px);
}
.qnrr-bars-row {
  display: flex; align-items: stretch; gap: 6px;
  overflow: hidden;
  /* v6-uxfix4: was 178px -- gave more breathing room for tall ghost-bar projections
     per Bucci feedback, on top of the buffer widened in v839. chartH in JS raised by
     the same +30px so bars stay at the correct proportional scale. */
  height: 216px;   /* 25 ต.ค. 2569: +8 ให้หัวคอลัมน์ 3 บรรทัด — ความสูงพื้นที่แท่งวัดจากจอจริงใน JS (_qnrrChartH) */
  position: relative; z-index: 3;
}
.qnrr-bar-col {
  flex: 1; min-width: 0;
  display: flex; flex-direction: column; align-items: center;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
  border-radius: var(--r-sm); transition: background .13s; padding: 0 1px;
}
.qnrr-bar-col.base-col { cursor: default; opacity: .85; }
.qnrr-bar-col:not(.base-col):hover,
.qnrr-bar-col.active { background: rgba(255,255,255,.04); }
.qnrr-bar-col.active .qnrr-bar-lbl {
  color: rgba(var(--ink-blue),.85);
  border-bottom: 2px solid rgba(var(--ink-blue),.45);
  padding-bottom: 2px;
}
/* top label area — v6-uxfix: was fixed 32px, grew to 44px to fit an always-visible
   run-rate line for the partial (current) month — see .qnrr-bar-runrate-label below.
   Applied uniformly to ALL columns (not just the partial one) so every column's
   chart-area shrinks by the same amount and bars stay comparable in scale; empty
   columns just have blank space above their 2 lines (justify-content:flex-end below). */
/* Q3 (25 ต.ค. 2569): สูงตามขนาดตัวอักษรที่ผู้ใช้ตั้ง (1 บรรทัดยอด + 2 บรรทัดรอง) — เดิม 44px ตายตัว
   ⇒ ยอดเดือนปัจจุบันล้นขึ้นบนแล้วโดน overflow ของ .qnrr-bars-row ตัด · ทุกคอลัมน์ยังสูงเท่ากัน */
.qnrr-bar-top-wrap {
  height: calc(var(--text-sm) * 1.3 + var(--text-2xs) * 2.7 + 5px); flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: flex-end;
  width: 100%; padding-bottom: 3px;
}
/* v6-uxfix: partial-month top-wrap now genuinely has 3 lines (mtd, run-rate, days) —
   see .qnrr-bar-top-wrap height change above and .qnrr-bar-runrate-label below */
.qnrr-bar-top-label {
  font-size: var(--text-sm); font-weight: 800; line-height: 1.3;
  font-family: var(--tk-font-mono); letter-spacing: -.01em;
  white-space: nowrap; color: rgba(255,255,255,.95); text-align: center;
  animation: qnrrCountIn .5s ease both;
}
.qnrr-bar-mar-sub {
  font-size: var(--text-2xs); font-weight: var(--fw-semi); line-height: 1.35;
  font-family: var(--tk-font-body); color: rgba(var(--ink-blue),.62);
  text-align: center; width: 100%; white-space: nowrap;
}
/* v6-uxfix: always-visible run-rate line for the partial (current) month — previously
   this number only existed in a title= tooltip, which does not show on tap on most
   mobile browsers, so it was effectively invisible there even before the overflow bug. */
.qnrr-bar-runrate-label {
  font-size: var(--text-2xs); font-weight: var(--fw-semi); line-height: 1.35;
  font-family: var(--tk-font-body); color: rgba(var(--ink-blue),.62);
  text-align: center; width: 100%; white-space: nowrap;
}
.qnrr-bar-runrate-label.low-conf {
  color: rgba(var(--ink-blue),.52); font-style: italic;
}
/* bar chart area — takes remaining height */
.qnrr-bar-chart-area {
  flex: 1; width: 100%; position: relative; min-height: 0; overflow: hidden;
}
.qnrr-bar-body {
  position: absolute; bottom: 0; left: 0; right: 0;
  border-radius: 5px 5px 3px 3px; overflow: hidden;
  display: flex; flex-direction: column-reverse;
  transition: filter .15s;
  animation: qnrrBarRise .46s cubic-bezier(.4,0,.2,1) both;
}
/* v6-uxfix3: when a ghost sits on top, square off the bar's top corners so the two
   read as one continuous shape (solid becoming dashed) instead of two separate boxes
   with a visible notch where the bar's rounded top met the ghost's square bottom. */
.qnrr-bar-body-has-ghost {
  border-radius: 0 0 3px 3px;
}
.qnrr-bar-col:nth-child(1) .qnrr-bar-body { animation-delay: .00s; }
.qnrr-bar-col:nth-child(2) .qnrr-bar-body { animation-delay: .07s; }
.qnrr-bar-col:nth-child(3) .qnrr-bar-body { animation-delay: .14s; }
.qnrr-bar-col:nth-child(4) .qnrr-bar-body { animation-delay: .21s; }
@keyframes qnrrBarRise {
  from { transform: scaleY(0); transform-origin: bottom; }
  to   { transform: scaleY(1); transform-origin: bottom; }
}
@keyframes qnrrCountIn {
  from { opacity:0; transform: translateY(4px); }
  to   { opacity:1; transform: translateY(0); }
}
.qnrr-seg { width: 100%; min-height: 3px; }
/* v810: removed border-top gap between segments — bar is now one unit, no "stacked separately" look */
/* Mar reference bar — ใช้ qnrr-bar-body เป็น base แล้ว override */
.qnrr-base-bar {
  position: absolute; bottom: 0; left: 0; right: 0;
  border-radius: 5px 5px 3px 3px;
  border: 1px dashed rgba(100,160,255,.26);
  background: rgba(38,96,200,.09);
}
/* base bar body — ล้อ qnrr-bar-body แต่ไม่มี animation */
.qnrr-base-body {
  animation: none !important;
}
/* core segment ใน base bar */
.qnrr-base-core-seg {
  background: rgba(38,96,200,.13);
  width: 100%;
}
/* handover segment ใน base bar — น้ำเงินอ่อน อยู่บนสุด (flex column-reverse = วางหลัง = top) */
.qnrr-base-hov-seg {
  background: rgba(96,165,250,.50);
  width: 100%;
  /* v810: removed border-top gap — no separation between segments */
}
/* ghost projection — dashed outline only above actual bar */
.qnrr-ghost-top {
  position: absolute; left: 0; right: 0;
  border-radius: 4px 4px 0 0; pointer-events: none; z-index: 3;
  /* v6-uxfix2: was rgba(...,.40) — combined with the pulse animation's low point
     (was opacity:.45) this multiplied down to an effective ~18% visibility, invisible
     against the dark background. Confirmed via live DOM inspect: element rendered at
     the correct height/position (no more overflow) but was simply too faint to see. */
  border: 1.5px dashed rgba(var(--ink-blue),.70);
  border-bottom: none;
  background: rgba(var(--ink-blue),.10);
  animation: qnrrGhostPulse 3s ease-in-out infinite;
}
/* v6-uxfix: when the real projection is taller than the chart area allows, fade the
   top edge to transparent instead of a hard cut (which read as a rendering glitch) —
   plus a small "⋯" marker so it's clear there's more beyond what's drawn. The actual
   number is always visible in .qnrr-bar-runrate-label above, not hidden by this. */
.qnrr-ghost-top-clipped {
  mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.55) 10px, black 20px);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.55) 10px, black 20px);
}
.qnrr-ghost-top-clipped::after {
  content: '⋯'; position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
  font-size: var(--text-xs); line-height: 1; color: rgba(var(--ink-blue),.55);
}
/* v6-uxfix: early-month projections (<7 days of data) are noisy — dim + tighter dash
   to visually signal "still settling", separate from a normal-confidence projection */
.qnrr-ghost-top-lowconf {
  /* v6-uxfix2: was opacity:.55 — had ZERO effect because the pulse animation targets
     the same `opacity` property and always wins for the duration of its cycle. Use
     border-color (untouched by the animation) to signal "uncertain" instead — amber
     tint instead of the default blue, still fully visible, just a different color. */
  border-color: rgba(240,192,64,.65); border-style: dotted;
}
/* run-rate ≈ actual: thin line at projection level */
.qnrr-ghost-line {
  position: absolute; left: 2px; right: 2px; height: 2px;
  background: rgba(var(--ink-blue),.50); border-radius: 1px;
  pointer-events: none; z-index: 3;
  animation: qnrrGhostPulse 3s ease-in-out infinite;
}
/* v6-uxfix2: floor was .45 — too low once multiplied against the border's own alpha.
   Raised so the "breathing" effect stays subtle but never disappears. */
@keyframes qnrrGhostPulse { 0%,100%{opacity:.75} 50%{opacity:1} }
/* bar bottom label */
.qnrr-bar-lbl {
  font-size: var(--text-xs); font-weight: var(--fw-bold);
  color: rgba(255,255,255,.78); margin-top: 4px;
  font-family: var(--tk-font-body); transition: color .2s;
  white-space: nowrap; overflow: hidden; flex-shrink: 0; padding-bottom: 5px;
}

/* Q1 (25 ต.ค. 2569): เดือนที่ยังไม่เริ่ม / รอข้อมูล — กรอบประว่าง แตะไม่ได้ */
.qnrr-bar-col.qnrr-bar-col-empty { cursor: default; }
.qnrr-bar-col.qnrr-bar-col-empty:hover { background: transparent; }
.qnrr-bar-col-empty .qnrr-bar-lbl { color: rgba(255,255,255,.40); }
.qnrr-bar-empty {
  position: absolute; left: 0; right: 0; bottom: 0;
  border: 1.5px dashed rgba(255,255,255,.16); border-radius: var(--r-sm);
  display: flex; align-items: center; justify-content: center; text-align: center;
  font-size: var(--text-2xs); line-height: 1.4; color: rgba(255,255,255,.42);
}

/* ── Breakdown table ── */
.qnrr-breakdown-wrap {
  display: none; overflow-x: auto;
  padding: 0 0 6px;
  flex-shrink: 0;   /* Q5: เดิมหดได้ในแผ่น flex ⇒ ตารางกลายเป็นกล่องเลื่อนในตัว แถวท้ายถูกบัง */
}
#qnrr-chart-bars-wrap { flex-shrink: 0; }
.qnrr-breakdown-wrap.show { display: block; }
/* Q4: คอลัมน์ชื่อกว้างตามที่เหลือ ตัดบรรทัดได้ · คอลัมน์ตัวเลขกว้างพอ "-฿12.7M" ตามขนาดตัวอักษร (ch) ไม่ตัดบรรทัด */
.qnrr-bk-table {
  width: 100%; border-collapse: collapse;
  table-layout: fixed;
  font-family: var(--tk-font-mono); font-size: var(--text-sm);
  margin-top: 8px;
}
.qnrr-bk-numcol { width: calc(8ch + 10px); }
.qnrr-bk-table th {
  font-family: var(--tk-font-body); font-size: var(--text-xs); font-weight: var(--fw-bold);
  color: rgba(255,255,255,.52); padding: 4px 5px 7px;
  text-align: right; border-bottom: 1px solid rgba(255,255,255,.10);
  white-space: nowrap;
}
.qnrr-bk-table th:first-child { text-align: left; padding-left: 0; }
.qnrr-bk-table td {
  font-size: var(--text-sm); font-weight: var(--fw-bold); padding: 7px 5px;
  text-align: right; color: rgba(255,255,255,.92); white-space: nowrap;
  border-bottom: 1px solid rgba(255,255,255,.06); vertical-align: top;
}
.qnrr-bk-table td:first-child { text-align: left; white-space: normal; padding-left: 0; }
.qnrr-bk-n { display: flex; align-items: flex-start; gap: 6px; min-width: 0; }
.qnrr-bk-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; margin-top: .45em; }
.qnrr-bk-mv-name {
  min-width: 0; overflow-wrap: anywhere;
  font-family: var(--tk-font-body); font-size: var(--text-sm); font-weight: var(--fw-semi);
  line-height: 1.35; color: rgba(255,255,255,.90);
}
.qnrr-bk-mv-name small {
  display: block; font-size: var(--text-2xs); font-weight: var(--fw-semi);
  color: rgba(255,255,255,.42);
}
.qnrr-bk-n.sub { padding-left: 13px; }
.qnrr-bk-n.sub .qnrr-bk-dot { width: 5px; height: 5px; opacity: .7; }
.qnrr-bk-n.sub .qnrr-bk-mv-name { color: rgba(255,255,255,.66); font-weight: var(--fw-semi); }
.qnrr-bk-table .bk-nil { color: rgba(255,255,255,.30); }
/* Q8: หมายเหตุปรับฐาน — บรรทัดเดียว แตะกาง */
.qnrr-adj {
  display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px;
  margin-top: 10px; padding: 7px 10px;
  border-radius: var(--r-md); border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04); cursor: pointer; text-align: left;
  font-family: var(--tk-font-body); font-size: var(--text-xs); color: rgba(255,255,255,.66);
  -webkit-tap-highlight-color: transparent;
}
.qnrr-adj b { font-family: var(--tk-font-mono); font-weight: var(--fw-bold); color: rgba(255,255,255,.95); }
.qnrr-adj-chev { flex-shrink: 0; font-size: var(--text-base); color: rgba(255,255,255,.45); transition: transform .18s; }
.qnrr-adj.open .qnrr-adj-chev { transform: rotate(90deg); }
.qnrr-adj-detail {
  font-family: var(--tk-font-body); font-size: var(--text-xs); line-height: 1.55;
  color: rgba(255,255,255,.58); padding: 6px 10px 0;
}
.qnrr-adj-detail[hidden] { display: none; }
/* sub-rows: churn + net core indented under Core NRR */
.qnrr-bk-table tr.bk-subrow td {
  padding-top: 4px; padding-bottom: 4px;
  border-bottom: none; color: rgba(255,255,255,.78);
}
.qnrr-bk-mv-cell.sub { gap: 4px; }
.qnrr-bk-dot.sub { width: 5px; height: 5px; opacity: .6; }
.qnrr-bk-mv-name.sub { color: rgba(255,255,255,.55); }
/* net core row */
.qnrr-bk-table tr.bk-net-row td {
  font-size: var(--text-md); padding: 4px 6px 6px 8px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.72);
}
.qnrr-bk-table tr.bk-net-row td:first-child { padding-left: 16px; }
.qnrr-bk-table .bk-churn { color: rgba(248,113,113,.82) !important; }
.qnrr-bk-table .bk-pos   { color: rgba(74,222,128,.75) !important; }
.qnrr-bk-table .bk-neut  { color: rgba(96,165,250,.75) !important; }
.qnrr-bk-table tr.bk-total td {
  border-top: 1px solid rgba(255,255,255,.15); border-bottom: none;
  color: rgba(255,255,255,.80); padding-top: 8px;
}
.qnrr-bk-table tr.bk-total .qnrr-bk-mv-name { color: rgba(255,255,255,.65); }

/* ── Transfer out callout card (v776 — clearer) ── */
.qnrr-tout-card {
  margin: 8px 18px 0;
  padding: 10px 14px;
  border-radius: var(--r-md);
  /* v807: neutral muted — transfer-out is informational, not alarming */
  border: 1px solid rgba(140,180,255,.20);
  background: rgba(140,180,255,.06);
  display: none; gap: 10px; align-items: flex-start;
}
.qnrr-tout-card.show { display: flex; }
.qnrr-tout-icon {
  font-size: var(--text-xl); line-height: 1; flex-shrink: 0; margin-top: 2px;
  color: rgba(140,180,255,.60);
}
.qnrr-tout-body { flex: 1; min-width: 0; }
.qnrr-tout-card-label {
  font-size: var(--text-2xs); font-weight: var(--fw-bold);
  color: rgba(140,180,255,.62); margin-bottom: 4px;
}
.qnrr-tout-card-row {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.qnrr-tout-card-desc {
  font-size: var(--text-base); font-weight: var(--fw-semi); color: rgba(255,255,255,.90);
}
.qnrr-tout-card-val {
  font-size: var(--text-lg2); font-weight: 800;
  font-family: var(--tk-font-mono); color: rgba(var(--ink-blue),.95); flex-shrink: 0;
}
.qnrr-tout-card-note {
  font-size: var(--text-xs); color: rgba(255,255,255,.50); margin-top: 4px; line-height: 1.5;
}
/* ── Transfer out chip in list filter — v807: neutral, not alarming ── */
.qnrr-tout-chip {
  border-color: rgba(140,180,255,.30) !important;
  color: rgba(var(--ink-blue),.70) !important;
}
.qnrr-tout-chip.on {
  background: rgba(140,180,255,.12) !important;
  border-color: rgba(140,180,255,.45) !important;
  color: rgba(var(--ink-blue),.95) !important;
}
/* ── Ghost segment on Mar base bar (transfer_out หัก) ── */
.qnrr-base-tout-seg {
  background: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,.06),
    rgba(255,255,255,.06) 3px,
    transparent 3px,
    transparent 7px
  );
  border-top: 1px dashed rgba(255,255,255,.22);
  flex-shrink: 0;
  position: relative;
}
.qnrr-base-tout-seg::after {
  content: attr(title);
  display: none;
}
/* ── Base adjusted tag ── */
/* Q7: "ปรับแล้ว" สีกลาง (เดิม ADJ แดง — ปรับฐานไม่ใช่เรื่องร้าย) */
.qnrr-base-adj-tag {
  font-size: var(--text-3xs); font-weight: var(--fw-bold); font-family: var(--tk-font-body);
  background: rgba(255,255,255,.10); color: rgba(255,255,255,.72);
  border-radius: 4px; padding: 0 4px;
}
/* ── Base adjustment note row in breakdown table ── */
.bk-base-adj-row td {
  padding: 0 !important; border: none !important;
}
.qnrr-base-adj-note {
  display: flex; align-items: center; gap: 6px;
  padding: 5px 10px;
  font-size: var(--text-xs); color: rgba(140,180,255,.60);
  background: rgba(140,180,255,.05);
  border-bottom: 1px solid rgba(140,180,255,.12);
  font-family: var(--tk-font-mono);
}
.qnrr-base-adj-icon {
  font-size: var(--text-base); flex-shrink: 0;
}

/* ── Drill header ── */
.qnrr-drill-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 18px 5px; flex-shrink: 0; gap: 8px;
}
.qnrr-drill-lbl {
  font-size: var(--text-3xs); font-weight: var(--fw-bold);
  text-transform: uppercase; letter-spacing: .08em;
  color: rgba(var(--ink-blue),.52); white-space: nowrap; flex-shrink: 0;
}
.qnrr-mv-filters { display: flex; gap: 3px; flex-wrap: wrap; }
.qnrr-mv-btn {
  font-size: var(--text-sm); font-weight: var(--fw-bold); padding: 6px 13px;
  border-radius: var(--r-pill); border: 1px solid rgba(255,255,255,.10);
  background: transparent; color: var(--tk-text-muted);
  cursor: pointer; font-family: var(--tk-font-mono);
  transition: all .16s; -webkit-tap-highlight-color: transparent; letter-spacing: .02em;
  min-height: 32px;
}
.qnrr-mv-btn:active { transform: scale(.94); }
.qnrr-mv-btn.on {
  border-color: rgba(var(--ink-blue),.36);
  background: rgba(var(--ink-blue),.07); color: #bcd7ff;
}

/* ── Account list ── */
.qnrr-acct-list { overflow-y: auto; flex: 1; }
.qnrr-acct-row {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 14px;
  border-bottom: 1px solid rgba(255,255,255,.04);
  cursor: pointer; transition: background .12s;
  -webkit-tap-highlight-color: transparent;
  animation: qnrrFadeSlide .28s ease both;
}
.qnrr-acct-row:nth-child(1){animation-delay:.03s}
.qnrr-acct-row:nth-child(2){animation-delay:.07s}
.qnrr-acct-row:nth-child(3){animation-delay:.11s}
.qnrr-acct-row:nth-child(4){animation-delay:.15s}
.qnrr-acct-row:nth-child(5){animation-delay:.19s}
@keyframes qnrrFadeSlide { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }
.qnrr-acct-row:active, .qnrr-acct-row.open { background: rgba(255,255,255,.03); }
.qnrr-mv-dot { width: 7px; height: 7px; border-radius: var(--r-xxs); flex-shrink: 0; }
.qnrr-acct-left { flex: 1; min-width: 0; }
.qnrr-acct-name {
  font-size: var(--text-md); font-weight: var(--fw-bold);
  color: rgba(255,255,255,.95); letter-spacing: -.01em;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.qnrr-acct-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.qnrr-spark-col { display: flex; flex-direction: column; align-items: flex-end; }
.qnrr-spark-row { display: flex; align-items: flex-end; gap: 4px; }
.qnrr-slbl-base {
  font-size: var(--text-2xs); font-weight: var(--fw-bold);
  font-family: var(--tk-font-mono); white-space: nowrap;
  line-height: 1; padding-bottom: 1px; color: var(--tk-text-muted);
}
.qnrr-slbl-curr {
  font-size: var(--text-sm); font-weight: 800;
  font-family: var(--tk-font-mono); white-space: nowrap; line-height: 1;
}
.qnrr-spark {
  display: flex; align-items: flex-end; gap: 2px;
  height: 22px; position: relative; cursor: default;
}
.qnrr-sb {
  width: 8px; border-radius: 2px 2px 0 0;
  transition: opacity .12s, filter .12s; flex-shrink: 0;
}
.qnrr-spark:hover .qnrr-sb { opacity: .5; }
.qnrr-spark:hover .qnrr-sb.hi { opacity: 1; filter: brightness(1.3); }
.qnrr-sp-tt {
  position: absolute; bottom: 26px; left: 50%;
  transform: translateX(-50%);
  background: #060f1e; border: 1px solid rgba(140,180,255,.2);
  border-radius: var(--r-7); padding: 4px 8px;
  white-space: nowrap; pointer-events: none;
  opacity: 0; transition: opacity .12s; z-index: 20;
}
.qnrr-spark:hover .qnrr-sp-tt { opacity: 1; }
.qnrr-tt-mo {
  font-size: var(--text-3xs); font-weight: var(--fw-bold); text-transform: uppercase;
  color: var(--tk-text-muted); font-family: var(--tk-font-mono); letter-spacing: .05em;
}
.qnrr-tt-v {
  font-size: var(--text-md); font-weight: 900;
  font-family: var(--tk-font-mono); color: var(--tk-text-primary); letter-spacing: -.02em;
}
.qnrr-chev {
  font-size: var(--text-md); color: rgba(255,255,255,.52);
  transition: transform .2s, color .2s; flex-shrink: 0;
}
.qnrr-acct-row.open .qnrr-chev { transform: rotate(90deg); color: rgba(255,255,255,.52); }

/* ── Outlet rows ── */
.qnrr-outlet-wrap {
  max-height: 0; overflow: hidden;
  transition: max-height .26s cubic-bezier(.4,0,.2,1);
  background: rgba(0,0,0,.20);
}
.qnrr-outlet-wrap.open { max-height: 400px; }
.qnrr-out-row {
  display: flex; align-items: center; gap: 8px;
  padding: 6px 16px 6px 28px;
  border-bottom: 1px solid rgba(255,255,255,.025);
}
.qnrr-out-dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }
.qnrr-out-name {
  font-size: var(--text-xs); font-weight: var(--fw-semi); color: rgba(255,255,255,.52);
  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.qnrr-out-spark-wrap { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex-shrink: 0; }
.qnrr-out-spark { display: flex; align-items: flex-end; gap: 3px; height: 16px; }
.qnrr-osb { width: 7px; border-radius: 2px 2px 0 0; }
.qnrr-out-spark-lbl {
  display: flex; gap: 6px; font-size: var(--text-3xs); font-weight: var(--fw-bold);
  font-family: var(--tk-font-mono); color: rgba(255,255,255,.52);
}

/* ── Skeleton ── */
.qnrr-skel {
  background: linear-gradient(90deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 100%);
  background-size: 200% 100%;
  animation: qnrrSkelPulse 1.6s ease-in-out infinite;
  border-radius: 3px; display: inline-block;
}
.qnrr-skel-bar {
  width: 100%; border-radius: var(--r-sm);
  background: linear-gradient(90deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.05) 100%);
  background-size: 200% 100%;
  animation: qnrrSkelPulse 1.6s ease-in-out infinite;
}
@keyframes qnrrSkelPulse {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ── Portview tap zone ── */
#portview-pace-bar { cursor: pointer; -webkit-tap-highlight-color: transparent; }
#portview-pace-bar:active { opacity: .85; transform: scale(.99); transition: all .1s; }
body.sales-mode #portview-pace-bar,
body.sales-tl-mode #portview-pace-bar { cursor: default; }

/* ── List tab ────────────────────────────────────────────────────────────── */
.qnrr-list-wrap {
  flex: 1; overflow-y: auto; min-height: 0;
  display: flex; flex-direction: column;
}
.qnrr-list-wrap .qnrr-acct-list {
  flex: 1; overflow-y: auto;
}
/* account row — no dot, just name as section header */
.qnrr-acct-hdr {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 18px 4px;
  border-top: 1px solid rgba(140,180,255,.10);
  background: rgba(10,22,45,.70);
  position: sticky; top: 0; z-index: 4;
}
.qnrr-acct-hdr-name {
  font-size: var(--text-md); font-weight: 800;
  color: rgba(255,255,255,.96); letter-spacing: -.01em;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex:1; min-width:0;
}
.qnrr-acct-hdr-tot {
  font-size: var(--text-sm); font-weight: var(--fw-bold);
  font-family: var(--tk-font-mono); color: rgba(var(--ink-blue),.72);
  flex-shrink: 0; padding-left: 8px;
}
/* outlet row — indented, dot shows movement */
.qnrr-ol-row {
  display: flex; align-items: flex-start; gap: 0;
  padding: 5px 14px 5px 28px;
  border-bottom: 1px solid rgba(255,255,255,.03);
}
.qnrr-ol-dot { width: 6px; height: 6px; border-radius: var(--r-xxs); flex-shrink: 0; margin-top: 4px; margin-right: 8px; }
.qnrr-ol-left { flex: 1; min-width: 0; }
.qnrr-ol-name {
  font-size: var(--text-sm); font-weight: var(--fw-semi);
  color: rgba(255,255,255,.80); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.qnrr-ol-mv {
  font-size: var(--text-xs); font-weight: var(--fw-bold); text-transform: uppercase;
  letter-spacing: .04em; margin-top: 2px;
}
/* 4-month GMV mini-table per outlet */
.qnrr-ol-gmv-row {
  display: flex; gap: 0; flex-shrink: 0;
  border: 1px solid rgba(255,255,255,.06); border-radius: var(--r-xs); overflow: hidden;
}
.qnrr-ol-gmv-cell {
  display: flex; flex-direction: column; align-items: flex-end;
  padding: 2px 5px; min-width: 38px;
  border-right: 1px solid rgba(255,255,255,.04);
}
.qnrr-ol-gmv-cell:last-child { border-right: none; }
.qnrr-ol-gmv-cell.base { background: rgba(38,96,200,.12); }
.qnrr-ol-gmv-mo {
  font-size: var(--text-2xs); font-weight: var(--fw-bold); text-transform: uppercase;
  letter-spacing: .04em; color: rgba(var(--ink-blue),.58);
  font-family: var(--tk-font-mono);
}
.qnrr-ol-gmv-val {
  font-size: var(--text-sm); font-weight: var(--fw-bold);
  font-family: var(--tk-font-mono); color: rgba(255,255,255,.80);
  white-space: nowrap;
}
.qnrr-ol-gmv-val.zero { color: rgba(248,113,113,.55); }
.qnrr-ol-gmv-val.hi   { color: rgba(74,222,128,.72); }

/* removed duplicate */

/* removed duplicate */

/* acct-hdr: no dot — remove old dot style */
.qnrr-acct-hdr { gap: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.qnrr-acct-hdr-right { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.qnrr-hdr-chev {
  color: rgba(var(--ink-blue),.52); transition: transform .18s;
  flex-shrink: 0;
}
.qnrr-acct-hdr.expanded .qnrr-hdr-chev { transform: rotate(180deg); }

/* outlet rows wrapper — collapsible */
.qnrr-ol-rows { display: block; }

/* ── List toolbar: filter bar + expand/collapse — ล้อ portview token ─────── */
.qnrr-list-toolbar {
  display: flex; align-items: center;
  padding: 7px 10px 7px 14px;
  border-bottom: 1px solid rgba(140,180,255,.08);
  gap: 6px; flex-shrink: 0;
}

/* filter bar scroll container */
.qnrr-list-filter-bar {
  display: flex; gap: 5px;
  flex-wrap: nowrap; overflow-x: auto; flex: 1;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0;
  border-bottom: none;
}
.qnrr-list-filter-bar::-webkit-scrollbar { display: none; }

/* pill — ล้อ .portview-fpill */
.qnrr-pill {
  flex-shrink: 0; white-space: nowrap;
  padding: 3px 9px; border-radius: var(--r-xl);
  font-size: var(--text-xs); font-weight: var(--fw-semi);
  font-family: var(--tk-font-body);
  border: 1.5px solid rgba(255,255,255,.15);
  background: transparent;
  color: var(--tk-text-muted);
  cursor: pointer;
  transition: background 220ms ease, color 220ms ease, border-color 220ms ease, transform 150ms ease;
  -webkit-tap-highlight-color: transparent;
}
.qnrr-pill.on {
  border-color: var(--tk-accent-solid);
  background: var(--tk-accent-dim-2);
  color: var(--tk-text-primary); transform: scale(1.03);
}
.qnrr-pill:active { transform: scale(.95); }

/* ── List: filter chip tabs ─────────────────────────────────────────────── */
.qnrr-list-toolbar {
  display: flex; align-items: flex-start;
  padding: 6px 10px 0 14px;
  border-bottom: 1px solid rgba(140,180,255,.08);
  flex-shrink: 0; gap: 4px;
}
/* chip bar: wrap, max 2 rows */
.qnrr-list-filter-bar {
  display: flex; flex: 1;
  flex-wrap: wrap;
  gap: 0;
  overflow: hidden;
  max-height: 58px;
  padding-bottom: 4px;
}

/* chip tab — underline style */
.qnrr-chip {
  flex-shrink: 0; white-space: nowrap;
  padding: 7px 8px;
  font-size: var(--text-sm); font-weight: var(--fw-semi);
  font-family: var(--tk-font-body);
  border: none; background: transparent;
  color: rgba(255,255,255,.58);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
  -webkit-tap-highlight-color: transparent;
  line-height: 1;
}
.qnrr-chip.on {
  color: rgba(var(--ink-blue),.90);
  border-bottom-color: rgba(var(--ink-blue),.60);
}
.qnrr-chip:active { opacity: .7; }

/* ── List: sticky month header row ──────────────────────────────────────── */
/* Sits above all account rows, aligns with table colgroup (auto + 4×42px) */
.qnrr-list-mo-hdr {
  display: flex;
  padding: 5px 14px 4px;
  background: rgba(10,22,45,.95);
  border-bottom: 1px solid rgba(140,180,255,.08);
  position: sticky; top: 0; z-index: 5;
}
.qnrr-list-mo-hdr-name {
  flex: 1; min-width: 0;
}
.qnrr-list-mo-hdr-cell {
  font-family: var(--tk-font-mono);
  font-size: var(--text-sm); font-weight: var(--fw-bold);
  text-transform: uppercase; letter-spacing: .06em;
  color: rgba(var(--ink-blue),.80);
  width: 42px; flex-shrink: 0; text-align: right; padding-right: 4px;
}

/* ── List: account grid ──────────────────────────────────────────────────── */
/* account header sticky */
.qnrr-acct-hdr {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px 4px;
  border-top: 1px solid rgba(140,180,255,.10);
  background: rgba(10,22,45,.80);
  position: sticky; top: 0; z-index: 4;
  cursor: pointer; gap: 0;
  -webkit-tap-highlight-color: transparent;
}
.qnrr-acct-hdr-name {
  font-size: var(--text-sm); font-weight: 800;
  color: rgba(255,255,255,.88);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  flex: 1; min-width: 0;
}
.qnrr-acct-hdr-right { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.qnrr-acct-hdr-tot {
  font-size: var(--text-xs); font-weight: var(--fw-bold);
  font-family: var(--tk-font-mono); color: rgba(var(--ink-blue),.45);
}
.qnrr-hdr-chev { color: rgba(var(--ink-blue),.52); transition: transform .18s; flex-shrink: 0; }
.qnrr-acct-hdr.expanded .qnrr-hdr-chev { transform: rotate(180deg); }

/* outlet rows wrapper */
.qnrr-ol-rows { display: block; }

/* account table — 1 per account, colgroup fixed width */
.qnrr-acct-tbl {
  width: 100%; border-collapse: collapse;
  table-layout: fixed;
  font-family: var(--tk-font-mono);
}
/* thead row: month labels */
.qnrr-acct-tbl-hdr { display: none; }
.qnrr-acct-tbl-hdr td {
  font-size: var(--text-3xs); font-weight: var(--fw-bold); text-transform: uppercase;
  color: rgba(var(--ink-blue),.52); letter-spacing: .03em;
  padding: 4px 4px 3px; text-align: right;
}
.qnrr-acct-tbl-hdr td:first-child { text-align: left; padding-left: 28px; }
/* data rows */
.qnrr-acct-tbl tbody tr {
  border-bottom: 1px solid rgba(255,255,255,.03);
}
.qnrr-acct-tbl tbody td {
  font-size: var(--text-sm); font-weight: var(--fw-bold);
  padding: 5px 4px; text-align: right;
  color: rgba(255,255,255,.78);
}
/* name cell */
.qnrr-ol-name-cell {
  display: flex; align-items: center; gap: 6px;
  padding: 4px 4px 4px 14px; overflow: hidden;
  text-align: left;
}
.qnrr-ol-dot2 {
  width: 6px; height: 6px; border-radius: var(--r-xxs);
  flex-shrink: 0; display: inline-block;
}
.qnrr-ol-name2 {
  font-size: var(--text-sm); font-weight: var(--fw-semi);
  color: rgba(255,255,255,.82);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* cell color classes */
.qnrr-acct-tbl td.base-col { color: rgba(var(--ink-blue),.45); }
.qnrr-acct-tbl td.zero-col { color: rgba(248,113,113,.55); }
.qnrr-acct-tbl td.hi-col   { color: rgba(74,222,128,.72); }


/* ── Partial bar top labels (v794) ── */
.qnrr-top-actual-tag {
  color: rgba(var(--ink-blue),.50);
  font-size: var(--text-3xs); font-weight: var(--fw-semi);
}

/* (superseded by v6-uxfix top-wrap height change above — partial top-wrap is now 44px like every other column, not 32px) */</style>
<style id="restaurant-module-css">
/* ============================================================
   FRESHKET SENSE — RESTAURANT / SWIPE MODE STYLES
   src/styles_restaurant.css · Phase 0E migration

   Strategy: verbatim copy — !important retained as-is
   sp-* selectors kept flat (unique names, safe de-facto scope)
   #swipe-pill, #swipe-grp-a/b: ID-scoped in DOM
   body.{role} overrides: role state = allowed
   ============================================================ */

/* ── Swipe groups (restaurant mode only) ── */
body:not(.kam-mode) .main{height:0!important;min-height:0!important;padding:0!important;overflow:visible}
.swipe-grp{display:none}
.swipe-grp.on{display:flex}
body:not(.kam-mode) .swipe-grp.on{position:fixed;top:48px;bottom:var(--chrome-bottom);left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-max,440px);overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
body:not(.kam-mode) .swipe-grp.on::-webkit-scrollbar{display:none}
body:not(.kam-mode) .swipe-grp .scr{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;display:block!important;scroll-snap-align:start;scroll-snap-stop:always;animation:none;box-sizing:border-box;-webkit-overflow-scrolling:touch;padding-bottom:18px}
/* KAM mode: swipe groups become transparent block containers */
body.kam-mode #swipe-grp-a,body.kam-mode #swipe-grp-b{display:block!important;position:static;width:auto;height:auto;transform:none;overflow:visible}
body.kam-mode #swipe-grp-a .scr,body.kam-mode #swipe-grp-b .scr{display:none!important;height:auto;overflow:visible}
body.kam-mode #swipe-grp-a .scr.on,body.kam-mode #swipe-grp-b .scr.on{display:block!important}
/* v499: kad-mode (AD) mirrors kam-mode swipe-grp layout */
body.kad-mode #swipe-grp-a,body.kad-mode #swipe-grp-b{display:block!important;position:static;width:auto;height:auto;transform:none;overflow:visible}
body.kad-mode #swipe-grp-a .scr,body.kad-mode #swipe-grp-b .scr{display:none!important;height:auto;overflow:visible}
body.kad-mode #swipe-grp-a .scr.on,body.kad-mode #swipe-grp-b .scr.on{display:block!important}
body:not(.kam-mode) .bnav{grid-template-columns:repeat(3,1fr)}

body:not(.kam-mode) #nav-report{display:none!important}
/* ── Restaurant swipe cue (v154) — replaces legacy white strip + dots ── */
#swipe-pill{
  position:fixed;top:60px;left:50%;transform:translateX(-50%) translateY(-4px);
  z-index:102;display:flex;align-items:center;justify-content:center;
  border-radius:var(--r-pill);border:1px solid var(--tk-ok-border);
  background:rgba(0,86,64,.72);color:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 8px 24px rgba(0,48,38,.22),0 0 0 1px rgba(255,255,255,.04) inset;
  opacity:0;pointer-events:none;white-space:nowrap;
  transition:opacity .28s ease,transform .32s cubic-bezier(.34,1.2,.64,1),background .22s,border-color .22s;
  will-change:opacity,transform;
  -webkit-tap-highlight-color:transparent;
}
#swipe-pill.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
#swipe-pill.compact{padding:5px 10px}
#swipe-pill.teach{padding:8px 16px;background:linear-gradient(135deg,rgba(0,112,80,.9),rgba(0,64,48,.86));border-color:var(--tk-ok-border);box-shadow:0 10px 28px rgba(0,48,38,.28),0 0 18px var(--tk-ok-dim-2)}
#swipe-pill:hover{border-color:var(--tk-ok-border);background:rgba(0,96,72,.82)}
body.kam-mode #swipe-pill{display:none}
/* ── P1b (25 ต.ค. 2569): ในแผ่นร้านไม่ใช้ปุ่มลอย — ปุ่มสลับย้ายเข้าหัวแผ่น (#rest-sheet-cap .rsc-seg) เห็นตลอด
   (เดิมปุ่มลอย top 60 z 170 อยู่ใต้แผ่น z 210 ที่เริ่ม 75 ⇒ เห็นครึ่งปุ่ม แล้วหายเองใน 2 วิ) ── */
body.restaurant-sheet #swipe-pill{display:none!important}
.sp-compact{display:flex;align-items:center;gap:7px}
#swipe-pill.teach .sp-compact{display:none}
.sp-teach-text{display:none;align-items:center;gap:7px;font-size:var(--text-md);font-weight:var(--fw-bold);letter-spacing:.1px;color:var(--tk-text-primary);text-shadow:0 1px 8px rgba(0,0,0,.18)}
#swipe-pill.teach .sp-teach-text{display:flex}
.sp-teach-icon{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--tk-ok-border);color:#8dffc4;font-size:var(--text-sm);flex-shrink:0}
.sp-seg{font-size:10.5px;font-weight:var(--fw-bold);color:rgba(255,255,255,.48);padding:3px 8px;border-radius:var(--r-pill);line-height:1.2;transition:all .2s}
.sp-seg.on{color:var(--tk-text-primary);background:var(--tk-ok-dim-2);box-shadow:0 0 0 1px var(--tk-ok-dim-2) inset}
.sp-dots{display:flex;gap:4px;align-items:center;padding:0 1px}
.sp-dot{width:5px;height:5px;border-radius:var(--r-pill);background:rgba(255,255,255,.28);transition:width .26s cubic-bezier(.34,1.56,.64,1),background .2s,opacity .2s}
.sp-dot.on{width:14px;background:var(--g500);box-shadow:0 0 8px var(--tk-ok-border)}
.sp-mini-arrow{font-size:var(--text-sm);color:rgba(255,255,255,.52);margin-left:-2px;transition:transform .2s,color .2s}
#swipe-pill:hover .sp-mini-arrow{color:rgba(255,255,255,.78);transform:translateX(2px)}
@media(max-width:360px){#swipe-pill{top:58px}.sp-seg{font-size:var(--text-xs);padding:3px 6px}.sp-teach-text{font-size:var(--text-sm)}}
@keyframes fi{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}


/* ── Restaurant sheet body + swipe container rules ── */
#rest-sheet-body {
  position:fixed; bottom:0; left:50%;
  transform:translateX(-50%) translateY(102%);
  width:100%; max-width:var(--app-max,440px);
  /* P1 (25 ต.ค. 2569): ชนขอบล่างแถบบนพอดี — --rest-sheet-top วัดจากจอจริงตอนเปิด (06 _restSheetMeasureTop)
     เดิม 100dvh − 75px ตายตัว ⇒ ช่องว่าง 27px บนเบราว์เซอร์ / ทับแถบบนบน iPhone PWA */
  height:calc(100dvh - var(--rest-sheet-top, 75px));
  background:var(--tk-bg-base);
  border-radius:20px 20px 0 0;
  box-shadow:0 -1px 0 rgba(0,0,0,.04),
             0 -4px 16px rgba(0,0,0,.06),
             0 -12px 40px rgba(0,0,0,.14);
  z-index:163; overflow:hidden;
  display:flex; flex-direction:column;
  will-change:transform;
  transition:transform .35s cubic-bezier(.34,1.4,.64,1);
}
body.restaurant-sheet #rest-sheet-body { transform:translateX(-50%) translateY(0); transition-delay:.07s; z-index:210; }
body.restaurant-sheet.rest-closing #rest-sheet-body {
  transform:translateX(-50%) translateY(102%) !important;
  transition:transform .28s cubic-bezier(0.4,0,1,1) !important;
  transition-delay:0s !important;
}

/* หัวแผ่น: ขีดจับ + ปุ่มสลับ ภาพรวม | พอร์ตสินค้า + ปิด · P1b (25 ต.ค. 2569) อยู่ในแถว ไม่ลอยทับเนื้อหา
   พื้นสีเดียวกับหัวร้าน (.hero) ⇒ ต่อกันเป็นหัวเดียว · เลื่อนเนื้อหาแล้วปุ่มยังอยู่ที่เดิม */
#rest-sheet-cap {
  position:relative; flex-shrink:0; z-index:2;
  padding:8px 12px 6px 16px;
  margin-bottom:-1px;   /* ทับขอบบนของชั้นเลื่อน 1px — กันเส้นขาวบาง ๆ ระหว่างหัวแผ่นกับหัวร้าน (พื้นแผ่นเป็นขาว) */
  background:var(--g900);
}
.rsc-pill { width:36px; height:4px; background:rgba(255,255,255,.32); border-radius:var(--r-xxs); margin:0 auto 6px; }
.rsc-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.rsc-seg { display:inline-flex; padding:2px; border-radius:var(--r-pill); background:rgba(255,255,255,.08); }
.rsc-seg button {
  border:none; background:transparent; cursor:pointer;
  font-family:var(--tk-font-body); font-size:var(--text-sm); font-weight:var(--fw-semi);
  color:rgba(255,255,255,.58); padding:5px 12px; border-radius:var(--r-pill); line-height:1.2;
  transition:background .18s,color .18s; -webkit-tap-highlight-color:transparent;
}
.rsc-seg button.on { background:var(--tk-ok-dim-2); color:var(--tk-text-primary); }
#rest-sheet-close {
  flex-shrink:0;
  width:30px; height:30px; border-radius:50%;
  background:rgba(255,255,255,.10); border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,.8); font-size:var(--text-lg); font-weight:var(--fw-semi);
  font-family:var(--tk-font-body);
  -webkit-tap-highlight-color:transparent;
}
/* P4 (บอร์ด ProfileNew · 25 ต.ค. 2569): หัวแผ่นของ KAM = พื้นเดียวกับแอป (น้ำเงินดำ / กรมท่าตามที่ตั้ง) แทนเขียวทึบ
   หัวแผ่น + หัวร้านเป็นพื้นเดียวกัน (ต่อกันเป็นหัวเดียว) · ตัวแผ่นยังขาว · .hero ของโหมดร้าน Sales ไม่เปลี่ยน (จำกัดที่ kam-mode.restaurant-sheet) */
body.kam-mode.restaurant-sheet #rest-sheet-cap{background:var(--tk-sheet-head-top);}
body.kam-mode.restaurant-sheet .hero{background:var(--tk-sheet-head);}
/* หัวร้านในแผ่น: หัวแผ่นอยู่ข้างบนแล้ว ไม่ต้องเว้นที่ให้ขีดจับ · KAM ไม่ซ้ำสองที่ (hid มีชื่อ KAM แล้ว) */
body.restaurant-sheet .hero { padding-top:6px; }
body.restaurant-sheet #h-kam-row { display:none !important; }
/* P7: "Chain · KAM: ชื่อ" ซ้าย · เดือนชิดขวาบรรทัดเดียวกัน (โหมดร้านของ Sales ไม่โดน — hid ซ่อนอยู่) */
body.restaurant-sheet .h-meta-row { flex-wrap:nowrap; justify-content:space-between; }
body.restaurant-sheet .h-meta-row .h-id { margin-bottom:0; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.restaurant-sheet .h-meta-row .h-mo { flex-shrink:0; }

/* Content fills from top — cap overlays, scr needs padding to not be hidden under cap */
body.restaurant-sheet #swipe-grp-a,
body.restaurant-sheet #swipe-grp-b {
  position:static !important; transform:none !important;
  opacity:1 !important; pointer-events:auto !important;
  transition:none !important; display:none !important;
  width:100% !important; flex:1 !important; min-height:0 !important;
  overflow-x:scroll !important; overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}
body.restaurant-sheet #swipe-grp-a.on,
body.restaurant-sheet #swipe-grp-b.on { display:flex !important; }
body.restaurant-sheet #swipe-grp-a::-webkit-scrollbar,
body.restaurant-sheet #swipe-grp-b::-webkit-scrollbar { display:none; }
body.restaurant-sheet #swipe-grp-a .scr,
body.restaurant-sheet #swipe-grp-b .scr {
  flex:0 0 100% !important; width:100% !important; height:100% !important;
  overflow-y:auto !important; overflow-x:hidden !important;
  display:block !important; scroll-snap-align:start !important;
  scroll-snap-stop:always !important;
  padding-bottom:calc(env(safe-area-inset-bottom) + 24px) !important;
  background:var(--tk-bg-base);
}

/* Backdrop — fades in immediately (iOS pattern: background darkens first, panel follows) */
#rest-backdrop {
  position:fixed; top:var(--rest-sheet-top, 48px); left:0; right:0; bottom:0;
  background:rgba(0,0,0,.5); z-index:161;
  opacity:0; pointer-events:none;
  transition:opacity .22s ease;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
/* 25 ต.ค. 2569 (Bucci "กระตุก"): จอหลังมืดลงเฉย ๆ ไม่เบลอ — เบลอทั้งจอบน iPhone หนักจนแผ่นเลื่อนสะดุด */
body.restaurant-sheet #rest-backdrop { opacity:1; pointer-events:auto; background:rgba(0,0,0,.6); }
body.restaurant-sheet.rest-closing #rest-backdrop {
  opacity:0; pointer-events:none;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}

/* Hide bnav + mode toggle */
body.restaurant-sheet .bnav { display:none !important; }
body.restaurant-sheet #mode-toggle-wrap { display:none !important; }
/* ── KAM/KAD mode: dark sheet background (prevents white flash on short content) ── */
body.kam-mode #rest-sheet-body{background:var(--tk-bg-base)}
body.kad-mode #rest-sheet-body{background:var(--tk-bg-base)}
/* ── v753a: restaurant sheet open → white bg ──
   body.restaurant-sheet is only active while sheet is open.
   More specific than body.kam-mode → overrides dark bg above.
   Account view (body.kam-mode without restaurant-sheet) keeps dark bg. ── */
body.restaurant-sheet #rest-sheet-body{background:#ffffff}
body.restaurant-sheet #swipe-grp-a .scr{background:#ffffff!important}
body.restaurant-sheet #swipe-grp-b .scr{background:#ffffff!important}
</style>
<style id="echo-module-css">
/* ============================================================
   FRESHKET SENSE — ECHO NAV STYLES
   src/styles_echo.css · Phase 0E (verbatim copy, !important preserved)
   ============================================================ */

/* v598: cover both kam-only (#nav-echo-kam) and rest-only (#nav-echo) via .echo-nav-btn class */
body.kam-sense-active.kam-mode .bnav .echo-nav-btn{display:none!important}
/* v488: echo-pill shrinks correctly inside flex glass pill */
body.kam-mode .bnav .echo-pill{flex-shrink:1!important;width:auto!important;min-width:0}
/* ── Echo nav pill — idle + active states ── */
/* ── Echo nav — Pattern B wave · 4px bars · uniform with other tabs ── */
.echo-pill{
  display:flex;align-items:flex-end;justify-content:center;gap:2.5px;
  width:28px;height:22px;
  padding:0 0 0;
  flex-shrink:0;
}
body.kam-mode .echo-pill{
  /* inherit */
}
.echo-nav-btn .nwrap{
  padding:3px 7px!important;
  display:flex;align-items:center;justify-content:center;
  min-height:22px;
  height:22px;
}
/* bars: Pattern B — 5·11·6·14·17 zigzag ascending, 4px wide */
.echo-bar{
  display:inline-block;
  width:4px;
  border-radius:2px 2px 1px 1px;
  background:var(--tk-ok-bright);  /* idle = green always */
  flex-shrink:0;
}
.echo-bar:nth-child(1){height:5px}
.echo-bar:nth-child(2){height:11px}
.echo-bar:nth-child(3){height:6px}
.echo-bar:nth-child(4){height:14px}
.echo-bar:nth-child(5){height:17px}
/* Active keyframes — snappy steps like real EQ */
@keyframes echo-wa{0%{height:5px}33%{height:15px}66%{height:3px}100%{height:5px}}
@keyframes echo-wb{0%{height:11px}33%{height:4px}66%{height:17px}100%{height:11px}}
@keyframes echo-wc{0%{height:6px}33%{height:17px}66%{height:5px}100%{height:6px}}
@keyframes echo-wd{0%{height:14px}33%{height:5px}66%{height:17px}100%{height:14px}}
@keyframes echo-we{0%{height:17px}33%{height:7px}66%{height:14px}100%{height:17px}}
body.echo-active .echo-pill{ /* no pill bg — just glowing bars */ }
body.echo-active .echo-bar{background:var(--tk-ok-bright);}
body.echo-active .echo-bar:nth-child(1){animation:echo-wa .6s steps(2,end) infinite}
body.echo-active .echo-bar:nth-child(2){animation:echo-wb .75s steps(2,end) infinite .08s}
body.echo-active .echo-bar:nth-child(3){animation:echo-wc .65s steps(2,end) infinite .15s}
body.echo-active .echo-bar:nth-child(4){animation:echo-wd .7s steps(2,end) infinite .05s}
body.echo-active .echo-bar:nth-child(5){animation:echo-we .55s steps(2,end) infinite .12s}
/* label — same color/weight as other tabs, green only when active */
.echo-nav-btn .lb{color:var(--n400);font-weight:var(--fw-medium)}
body.echo-active .echo-nav-btn .lb{color:var(--tk-ok-bright)!important;font-weight:var(--fw-semi)!important}
/* Floating recording pill (minimize state) */
#echo-float-pill{
  position:fixed;bottom:calc(80px + env(safe-area-inset-bottom) - var(--float-drop,0px));
  left:50%;transform:translateX(-50%);
  display:none;align-items:center;gap:8px;
  background:rgba(var(--ec-pill-rgb),.88);
  border:1px solid var(--tk-ok-border);
  border-radius:var(--r-pill);padding:8px 16px;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 4px 20px var(--tk-ok-dim-2),0 8px 32px rgba(var(--ec-shadow-rgb),.4);
  cursor:pointer;z-index:9999;
  animation:echo-float-in .3s cubic-bezier(.34,1.56,.64,1);
}
@keyframes echo-float-in{from{opacity:0;transform:translateX(-50%) scale(.85)}to{opacity:1;transform:translateX(-50%) scale(1)}}
#echo-float-pill.visible{display:flex}
#echo-float-pill .fp-bars{display:flex;align-items:flex-end;gap:2.5px;height:14px}
#echo-float-pill .fp-bar{width:3px;border-radius:3px;background:rgba(var(--ec-ac-rgb),.45);transform-origin:bottom}
#echo-float-pill .fp-bar:nth-child(1){height:5px;animation:echo-wa .6s steps(2,end) infinite}
#echo-float-pill .fp-bar:nth-child(2){height:9px;animation:echo-wb .75s steps(2,end) infinite .08s}
#echo-float-pill .fp-bar:nth-child(3){height:5px;animation:echo-wc .65s steps(2,end) infinite .15s}
#echo-float-pill .fp-bar:nth-child(4){height:11px;animation:echo-wd .7s steps(2,end) infinite .05s}
#echo-float-pill .fp-bar:nth-child(5){height:13px;animation:echo-we .55s steps(2,end) infinite .12s}
#echo-float-pill .fp-label{display:none}
/* v_pillwarn (2026-08-21): ไมค์ไม่ได้รับเสียงระหว่างที่ย่อเป็น pill — แถบเตือนตัวจริง
   อยู่ใน #ci-fullsheet ที่ถูกซ่อนอยู่ จึงต้องให้ pill เองบอก · ตั้งใจให้ "rep เห็น
   ลูกค้าไม่รู้": เปลี่ยนเป็นเหลืองอำพัน + เต้นช้าๆ ไม่ใช่กระพริบแดงจนสะดุดตาคนอื่น
   (เหตุผลเดียวกับที่ v276 ซ่อนคำว่า Echo ออกจาก pill) */
#echo-float-pill.fp-warn{
  background:rgba(var(--ec-amber-deep-rgb),.92);
  border-color:rgba(var(--ec-amber-rgb),.55);
  animation:echo-pill-warn 1.8s ease-in-out infinite;
}
#echo-float-pill.fp-warn .fp-bar{background:rgba(var(--ec-amber-rgb),.75);animation:none;height:4px}
#echo-float-pill.fp-warn .fp-time{color:rgba(var(--ec-amber-tx-rgb),.95)}
@keyframes echo-pill-warn{
  0%,100%{box-shadow:0 2px 10px rgba(var(--ec-shadow-rgb),.3)}
  50%    {box-shadow:0 2px 14px rgba(var(--ec-amber-rgb),.45)}
}
@media (prefers-reduced-motion:reduce){
  #echo-float-pill.fp-warn{animation:none}
}
#echo-float-pill .fp-time{font-size:var(--text-sm);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;color:rgba(var(--ec-rec-ink-rgb),.55);min-width:36px}
/* ── Echo ดีไซน์ใหม่ (Bucci 25 ต.ค. 2569): เปิดแอปครั้งหน้า Olive บอกว่าสรุปเสร็จ + จุดแดงที่ปุ่ม Echo ── */
#ec-banner{
  position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:12px;right:12px;max-width:416px;margin:0 auto;
  z-index:9000;display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;
  background:var(--ec-sheet);border:1px solid rgba(var(--ec-ok-rgb),.45);
  box-shadow:0 10px 30px rgba(var(--ec-shadow-rgb),.35);font-family:'Noto Sans Thai',sans-serif;
  animation:ec-banner-in .35s cubic-bezier(.2,.9,.3,1) 1;
}
@keyframes ec-banner-in{from{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}
#ec-banner .ec-b-av{width:32px;height:32px;border-radius:50%;flex:0 0 auto;background:linear-gradient(145deg,var(--ec-olive-1),var(--ec-olive-2));color:var(--ec-on-ac);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
#ec-banner p{flex:1;margin:0;font-size:13.5px;line-height:1.45;color:var(--ec-ink)}
#ec-banner p b{color:var(--ec-ok-tx);font-weight:600}
#ec-banner .ec-b-go{border:0;font-family:inherit;font-size:13px;font-weight:600;color:var(--ec-on-ac);background:var(--ec-ac);border-radius:999px;padding:6px 11px;white-space:nowrap;cursor:pointer}
#ec-banner .ec-b-x{border:0;background:none;font-size:15px;color:var(--ec-ink-6);padding:0 2px;cursor:pointer}
.echo-nav-btn .nwrap{position:relative}
.ec-nav-dot{position:absolute;top:-3px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--ec-bad);box-shadow:0 0 0 2px var(--ec-bg);pointer-events:none}
@media (prefers-reduced-motion:reduce){#ec-banner{animation:none}}

/* ── 25 ต.ค. 2569 (Bucci): ไอคอนหมุดเช็คอินแทนแท่งเสียง ──
   ปกติ = หมุดเขียว · กำลังอัด (body.echo-active) = หมุดเต้น + วงแดงกะพริบรอบปุ่ม (แทนแท่งที่เคยขยับ) */
.echo-pill .echo-pin{display:block;width:22px;height:22px;color:var(--tk-ok-bright)}
/* กฎทั่วไปของเมนู KAM ทำไอคอนเป็นสีขาวจาง (body.kam-mode .bnav .ni svg) — หมุดต้องเขียวเหมือนแท่งเดิม */
body.kam-mode .bnav .echo-nav-btn .echo-pin{color:var(--tk-ok-bright)!important;opacity:1!important;filter:none!important}
body.kam-mode .bnav .ni.nav-center.echo-nav-btn .echo-pin{width:27px;height:27px}
.echo-nav-btn .lb{white-space:nowrap}
@keyframes echo-pin-beat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes echo-rec-ring{0%{box-shadow:0 0 0 0 var(--ec-bad)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
body.echo-active .echo-pill .echo-pin{animation:echo-pin-beat .9s ease-in-out infinite}
body.echo-active .echo-nav-btn .nwrap{border-radius:50%;animation:echo-rec-ring 1.4s ease-out infinite}
@media (prefers-reduced-motion:reduce){body.echo-active .echo-pill .echo-pin,body.echo-active .echo-nav-btn .nwrap{animation:none}}
</style>
<style id="auth-module-css">
/* ============================================================
   FRESHKET SENSE — AUTH STYLES (Login + Splash)
   src/styles_auth.css · Phase 0E (verbatim copy, !important preserved)
   ============================================================ */

/* ── SECTION 2: Login overlay CSS ── */
:root{--lgi-gold:#f2c76b;--lgi-green:#2ee59d;--lgi-line:rgba(188,215,255,.14)}
/* 25 ต.ค. 2569 (Bucci): โลกเดียวกับในแอป — พื้นน้ำเงินดำ (--tk-bg-base) + แสงทอง/เขียวจาง ๆ · เดิมเขียวเข้ม #1a4a3a→#081e18 */
#login-overlay{
  position:fixed;inset:0;
  background:#0a1220;
  z-index:9999;display:flex;align-items:center;justify-content:center;
  padding:32px 24px;overflow-y:auto;
}
.lgi-aurora{position:fixed;inset:0;pointer-events:none;background:
  radial-gradient(120% 60% at 12% -8%,rgba(46,229,157,.16),transparent 60%),
  radial-gradient(90% 55% at 100% 6%,rgba(242,199,107,.14),transparent 60%),
  radial-gradient(80% 50% at 50% 112%,rgba(80,120,255,.10),transparent 60%);}
.lgi-box{position:relative;width:100%;max-width:380px;}
.lgi-brand{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0;margin-bottom:30px;}
.lgi-mark{width:72px;height:72px;border-radius:21px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;
  background:linear-gradient(145deg,rgba(242,199,107,.22),rgba(46,229,157,.12));border:1px solid rgba(242,199,107,.38);
  box-shadow:0 10px 40px rgba(242,199,107,.18),inset 0 1px 0 rgba(255,255,255,.12);}
.lgi-mark svg{filter:drop-shadow(0 0 10px rgba(242,199,107,.65));animation:lgi-star 9s linear infinite;}
@keyframes lgi-star{to{transform:rotate(360deg)}}
.lgi-wordmark{font-family:var(--tk-font-body);font-size:34px;font-weight:800;color:var(--tk-text-primary);letter-spacing:-.5px;line-height:1;}
.lgi-wordmark small{display:block;font-size:11px;font-weight:600;letter-spacing:2.5px;color:rgba(225,238,255,.45);text-transform:uppercase;margin-bottom:7px;}
.lgi-wordmark em{color:var(--amb);font-style:normal;}
/* ป้าย "✦ Sense" — หน้าโหลด (spl-wordmark) ยังใช้ */
.lgi-badge{
  display:inline-flex;align-items:center;gap:4px;
  background:linear-gradient(135deg,var(--tk-ok-dim-2),var(--tk-ok-dim));
  border:1px solid var(--tk-ok-border);
  border-radius:var(--r-sm);padding:2px 7px 2px 6px;
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;
  font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--tk-ok-bright);letter-spacing:.6px;
  vertical-align:2px;margin-left:6px;
  animation:iq-pulse 3.5s ease-in-out infinite;
}
.lgi-badge svg{width:8px;height:8px;flex-shrink:0;animation:iq-spin 8s linear infinite;transform-origin:center;}
.lgi-sub{font-size:var(--text-md);color:rgba(225,238,255,.62);margin-top:12px;font-family:var(--tk-font-body);line-height:1.6;}
.lgi-sub b{color:var(--lgi-gold);font-weight:var(--fw-semi);}
/* ช่องกรอก: ป้ายอยู่ในกรอบเดียวกับช่อง · ตัวหนังสือ 16px กัน iPhone ซูมเองตอนแตะ */
.lgi-field{position:relative;margin-bottom:10px;background:rgba(255,255,255,.04);border:1px solid var(--lgi-line);border-radius:14px;padding:9px 14px 6px;transition:border-color .2s,box-shadow .2s;}
.lgi-field:focus-within{border-color:rgba(46,229,157,.55);box-shadow:0 0 0 3px rgba(46,229,157,.12);}
.lgi-label{display:block;font-size:11px;font-weight:var(--fw-medium);color:rgba(225,238,255,.45);margin-bottom:1px;font-family:var(--tk-font-body);}
.lgi-input{
  width:100%;padding:2px 0 4px;background:transparent;border:none;border-radius:0;
  font-size:16px;color:var(--tk-text-primary);font-family:var(--tk-font-body);
  outline:none;-webkit-font-smoothing:antialiased;
}
.lgi-input::placeholder{color:rgba(225,238,255,.3);}
/* 26 ต.ค. 2569 (Bucci: iPhone เติมอีเมล/รหัสให้เอง ⇒ ช่องเหลือง ตัวขาว อ่านไม่ออก)
   Safari บน iOS ไม่สนท่า transition 9999s ⇒ ทาพื้นทับด้วยเงาด้านในสีเดียวกับกรอบ (#141c29 = พื้นหน้าล็อกอิน #0a1220 + ขาว 4%) */
.lgi-input:-webkit-autofill,.lgi-input:-webkit-autofill:hover,.lgi-input:-webkit-autofill:focus,.lgi-input:autofill{
  -webkit-text-fill-color:var(--tk-text-primary);caret-color:var(--tk-text-primary);
  -webkit-box-shadow:0 0 0 1000px #141c29 inset;box-shadow:0 0 0 1000px #141c29 inset;
  transition:background-color 9999s ease-out 0s;
}
.lgi-field-pw .lgi-input{padding-right:52px;}
.lgi-eye{position:absolute;right:10px;bottom:9px;background:none;border:none;color:rgba(225,238,255,.5);font-family:var(--tk-font-body);font-size:12px;cursor:pointer;padding:4px 6px;}
.lgi-remember{display:flex;align-items:center;gap:8px;margin:4px 2px 14px;font-size:var(--text-sm);color:rgba(225,238,255,.62);cursor:pointer;font-family:var(--tk-font-body);}
.lgi-remember input{width:16px;height:16px;accent-color:var(--lgi-green);margin:0;}
.lgi-err{
  display:none;
  background:rgba(229,62,62,.12);border:1px solid rgba(229,62,62,.25);
  border-radius:var(--r-md);padding:11px 14px;
  font-size:var(--text-base);color:#fc8181;margin-bottom:14px;
  font-family:var(--tk-font-body);
}
.lgi-btn{
  width:100%;height:52px;padding:0 17px;
  background:linear-gradient(180deg,#43f0ab,#22c985);color:#062016;
  border:none;border-radius:14px;box-shadow:0 10px 26px rgba(46,229,157,.28);
  font-size:var(--text-lg);font-weight:var(--fw-bold);
  font-family:var(--tk-font-body);
  cursor:pointer;transition:opacity .15s,transform .1s;
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:4px;letter-spacing:.1px;
}
.lgi-btn:hover{opacity:.92;}
.lgi-btn:active{transform:scale(.98);}
.lgi-btn:disabled{opacity:.5;cursor:default;}
.lgi-btn:disabled .lgi-arr{display:none;}
#pw-reset-btn .lgi-arr{display:none;}
.lgi-checking-msg{display:none;align-items:center;gap:10px;padding:32px 0;color:var(--tk-text-muted);font-family:var(--tk-font-body);font-size:var(--text-base);}
#login-overlay.lgi-checking .lgi-checking-msg{display:flex;}
#login-overlay.lgi-checking .lgi-form-area{display:none;}
@keyframes lgi-chk-dot{0%,80%,100%{opacity:.25;transform:scale(.75);}40%{opacity:1;transform:scale(1);}}
.lgi-chk-dots{display:flex;gap:5px;}
.lgi-chk-dots span{width:7px;height:7px;border-radius:50%;background:var(--g500);display:inline-block;animation:lgi-chk-dot 1.3s ease-in-out infinite;}
.lgi-chk-dots span:nth-child(2){animation-delay:.22s;}
.lgi-chk-dots span:nth-child(3){animation-delay:.44s;}
.lgi-foot{
  text-align:center;margin-top:28px;
  font-size:var(--text-xs);color:rgba(225,238,255,.38);
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;letter-spacing:.4px;
}
.lgi-divider{
  display:flex;align-items:center;gap:12px;margin:28px 0 24px;
}
.lgi-divider::before,.lgi-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.08);}
.lgi-divider span{font-size:var(--text-sm);color:rgba(255,255,255,.52);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;letter-spacing:.6px;}
/* ── PASSWORD RECOVERY FLOW ── */
.pw-reset-area{display:none;}
#login-overlay.password-recovery .lgi-form-area{display:none!important;}
#login-overlay.password-recovery .lgi-checking-msg{display:none!important;}
#login-overlay.password-recovery .pw-reset-area{display:block;}
.pw-reset-title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--tk-text-primary);margin-bottom:5px;letter-spacing:-.2px;}
.pw-reset-sub{font-size:var(--text-base);color:rgba(255,255,255,.55);line-height:1.6;margin-bottom:18px;}
.pw-reset-email{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);color:var(--tk-ok-bright);margin-bottom:14px;word-break:break-all;}
.pw-reset-status{display:none;border-radius:var(--r-md);padding:11px 14px;font-size:var(--text-base);margin-bottom:14px;font-family:var(--tk-font-body);line-height:1.5;}
.pw-reset-status.err{display:block;background:rgba(229,62,62,.12);border:1px solid rgba(229,62,62,.25);color:#fc8181;}
.pw-reset-status.ok{display:block;background:var(--tk-ok-dim);border:1px solid var(--tk-ok-border);color:var(--tk-ok-bright);}
.lgi-err.ok{display:block;background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright);}
.pw-reset-note{font-size:var(--text-sm);color:rgba(255,255,255,.52);line-height:1.6;margin-top:12px;text-align:center;}


/* ── SECTION 3: Sense splash CSS ── */
#sense-splash{
  position:fixed;inset:0;z-index:10000;
  background:#0a1220;
  display:none;flex-direction:column;align-items:center;justify-content:center;
  padding:32px 24px;text-align:center;
}
/* 25 ต.ค. 2569: หน้าโหลดโลกเดียวกับหน้าเข้าสู่ระบบ (น้ำเงินดำ + ทอง) · เดิมเขียวเข้ม */
.spl-aurora{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(120% 60% at 12% -8%,rgba(46,229,157,.14),transparent 60%),
  radial-gradient(90% 55% at 100% 6%,rgba(242,199,107,.13),transparent 60%),
  radial-gradient(80% 50% at 50% 112%,rgba(80,120,255,.10),transparent 60%);}
/* Orb */
.spl-orb{position:relative;width:116px;height:116px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;border-radius:50%;border:1.5px solid rgba(242,199,107,.35);}
.spl-orb:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(46,229,157,.25);}
.spl-glow{position:absolute;inset:-6px;border-radius:50%;pointer-events:none;animation:spl-glow 2.4s ease-in-out infinite;}
@keyframes spl-glow{0%,100%{box-shadow:0 0 18px rgba(242,199,107,.18);}50%{box-shadow:0 0 40px rgba(242,199,107,.32),0 0 80px rgba(46,229,157,.10);}}
#spl-star{animation:spl-star-in .55s cubic-bezier(.34,1.56,.64,1) both,spl-star-spin 9s linear infinite;transform-origin:center;filter:drop-shadow(0 0 14px rgba(242,199,107,.7));}
@keyframes spl-star-in{from{opacity:0;transform:scale(.15) rotate(-30deg);}to{opacity:1;transform:scale(1) rotate(0deg);}}
@keyframes spl-star-spin{to{transform:rotate(360deg);}}
/* Brand / คำทัก */
.spl-brand{position:relative;text-align:center;margin-bottom:20px;opacity:0;animation:spl-fadein .38s ease .3s both;}
.spl-hi{font-size:var(--text-md);color:rgba(225,238,255,.62);font-family:var(--tk-font-body);}
.spl-wordmark{font-family:var(--tk-font-body);font-size:28px;font-weight:800;color:var(--tk-text-primary);letter-spacing:-.3px;margin-top:2px;}
/* เลขล่าสุดในเครื่อง */
.spl-chips{position:relative;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:34px;min-height:0;opacity:0;animation:spl-fadein .38s ease .45s both;}
.spl-chips:empty{margin-bottom:22px;}
.spl-chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(188,215,255,.12);min-width:96px;}
.spl-chip b{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:17px;font-weight:700;}
.spl-chip.g b{color:#f2c76b;}
.spl-chip.ok b{color:#2ee59d;}
.spl-chip span{font-size:10.5px;color:rgba(225,238,255,.42);font-family:var(--tk-font-body);}
/* ขั้นโหลด (01 _splashProgress → _splStep) */
.spl-steps{position:relative;display:flex;flex-direction:column;gap:9px;width:200px;text-align:left;opacity:0;animation:spl-fadein .38s ease .55s both;}
.spl-st{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);color:rgba(225,238,255,.38);font-family:var(--tk-font-body);transition:color .2s;}
.spl-st i{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(188,215,255,.18);display:flex;align-items:center;justify-content:center;font-style:normal;box-sizing:border-box;}
.spl-st.run{color:var(--tk-text-primary);}
.spl-st.run i{border:2px solid rgba(242,199,107,.85);border-right-color:transparent;animation:spl-spin .8s linear infinite;}
.spl-st.ok{color:rgba(225,238,255,.7);}
.spl-st.ok i{border:none;background:rgba(46,229,157,.18);}
.spl-st.ok i:after{content:"✓";font-size:10px;font-weight:800;color:#2ee59d;}
@keyframes spl-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){#spl-star,.spl-glow,.spl-st.run i{animation:none;}}
/* ข้อความเดิม (ตัวโหลดยังเขียน) — ไม่โชว์แล้ว ขั้นโหลดแทน */
.spl-ticker-wrap{display:none;}
#spl-ticker{transition:opacity .2s ease;}
.spl-ver{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:0;right:0;font-size:11px;color:rgba(225,238,255,.32);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}
/* Progress bar */
.spl-bar-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(242,199,107,.12);}
#spl-bar{height:100%;background:linear-gradient(90deg,rgba(242,199,107,.7),#2ee59d);width:0;border-radius:1px;}
/* shared */
@keyframes spl-fadein{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:translateY(0);}}

/* ── ปุ่มขอลิงก์ตั้งรหัสผ่าน ────────────────────────────────────────────────
   คนใหม่ที่ถูกเพิ่มในชีทรายชื่อจะมีบัญชีแต่ยังไม่มีรหัสผ่าน จึงต้องมีทางตั้งเอง
   ทำเป็นตัวหนังสือ ไม่ใช่ปุ่มทึบ — ปุ่มทึบสองอันซ้อนกันจะแย่งกันเป็นตัวเอก */
.lgi-linkbtn{
  display:block;margin:14px auto 0;padding:6px 8px;
  background:transparent;border:none;cursor:pointer;
  font-family:inherit;font-size:var(--text-sm);
  color:rgba(255,255,255,.55);text-decoration:underline;
  text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.22);
}
.lgi-linkbtn:hover{color:rgba(255,255,255,.85);text-decoration-color:rgba(255,255,255,.5);}
.lgi-linkbtn:disabled{opacity:.45;cursor:default;text-decoration:none;}
.lgi-linknote{
  display:none;margin-top:10px;padding:10px 12px;border-radius:8px;
  font-size:var(--text-sm);line-height:1.6;text-align:center;
  background:rgba(255,255,255,.05);color:rgba(255,255,255,.72);
}
.lgi-linknote.show{display:block;}
.lgi-linknote.ok{background:var(--tk-ok-dim);color:var(--tk-ok-bright);}
.lgi-linknote.bad{background:rgba(255,90,90,.12);color:#ff9b9b;}

/* ── แผ่น "มีอะไรใหม่" (06d_whats_new.js · 25 ต.ค. 2569) — ใต้ splash (10000) เหนือแอป ── */
#wn-sheet{position:fixed;inset:0;z-index:9990;}
.wn-dim{position:absolute;inset:0;background:rgba(3,6,12,.6);opacity:0;transition:opacity .28s ease;}
.wn-card{position:absolute;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;background:#0f1a2c;border-radius:22px 22px 0 0;border-top:1px solid rgba(242,199,107,.3);
  padding:12px 20px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 50px rgba(0,0,0,.5);transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);font-family:var(--tk-font-body);}
#wn-sheet.on .wn-dim{opacity:1;}
#wn-sheet.on .wn-card{transform:none;}
.wn-grab{width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);margin:0 auto 14px;}
.wn-eyebrow{font-size:11px;letter-spacing:2px;color:#f2c76b;font-weight:700;}
.wn-title{font-size:21px;font-weight:800;color:var(--tk-text-primary);margin:4px 0 10px;}
.wn-row{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid rgba(188,215,255,.1);}
.wn-row > div:last-child > b{display:block;font-size:14px;color:var(--tk-text-primary);}
.wn-row > div:last-child > span{display:block;font-size:12.5px;color:rgba(225,238,255,.62);line-height:1.5;}
.wn-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,.05);border:1px solid rgba(188,215,255,.12);}
.wn-ic .wn-hi{font-size:9px;font-weight:700;color:#f2c76b;}
.wn-ic .wn-ok{font-size:17px;color:#2ee59d;}
.wn-bars{display:flex;align-items:flex-end;gap:2px;height:16px;}
.wn-bars i{display:block;width:4px;border-radius:1px;background:rgba(188,215,255,.4);}
.wn-bars i.o{background:#ff9a4d;}
.wn-go{width:100%;height:50px;margin-top:14px;border:none;border-radius:14px;cursor:pointer;font-family:var(--tk-font-body);font-size:var(--text-lg);font-weight:var(--fw-bold);color:#062016;
  background:linear-gradient(180deg,#43f0ab,#22c985);box-shadow:0 10px 26px rgba(46,229,157,.25);}
@media (prefers-reduced-motion:reduce){.wn-dim,.wn-card{transition:none;}}
</style>
<style id="nav-module-css">
/* ============================================================
   FRESHKET SENSE — NAV GATING STYLES
   src/styles_nav.css · Phase 0E (verbatim copy, !important preserved)
   ============================================================ */

/* ══════════════════════════════════════════════════════
   SALES MODE — CSS gating (added Phase 3 Sales build)
   ══════════════════════════════════════════════════════ */

/* Default: Sales-only nav hidden */
/* → removed (NavConfig handles): .bnav .ni.sales-only     { display: none !important; } */
/* → removed (NavConfig handles): .bnav .ni.sales-tl-only  { display: none !important; } */

/* Sales mode: show Sales tabs, hide KAM/TL-only tabs */
/* → removed (NavConfig handles): body.sales-mode .bnav .ni.sales-only     { display: flex !im */
/* → removed (NavConfig handles): body.sales-mode .bnav .ni.kam-only       { display: none !im */
/* → removed (NavConfig handles): body.sales-mode .bnav .ni.tl-only        { display: none !im */
/* → removed (NavConfig handles): body.sales-mode .bnav .ni.sales-tl-only  { display: none !im */

/* Sales TL mode: show Team tab in addition */
/* → removed (NavConfig handles): body.sales-mode.sales-tl-mode .bnav .ni.sales-tl-only { disp */

/* Sales v6: hide non-Sales nav buttons including nav-overview */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-overview     { display: none !imp */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-restaurant   { display: none !imp */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-portview     { display: none !imp */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-teamview     { display: none !imp */

/* Skills + Echo tab: sales only — hidden in KAM mode */
/* → removed (NavConfig handles): .bnav .ni.sales-any-btn                    { display: none ! */
/* → removed (NavConfig handles): body.sales-mode .bnav .ni.sales-any-btn    { display: flex ! */
/* v498: AD also gets Skills nav */
/* → removed (NavConfig handles): body.kad-mode .bnav .ni.sales-any-btn      { display: flex ! */
/* KAM TL (tl role, kam-mode) also gets Skills nav */
/* → removed (NavConfig handles): body.kam-mode .bnav .ni.sales-any-btn      { display: flex ! */
/* v599: Save mode (kam-sense-active) — hide Skills nav, same as Echo */
/* → removed (NavConfig handles): body.kam-sense-active.kam-mode .bnav .ni.sales-any-btn { dis */
/* Echo for Sales — show + center position */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-echo            { display: flex ! */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-sales-portview  { order: 1; } */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-sales-pipeline  { order: 2; } */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-sales-commission{ order: 4; } */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-skills          { order: 5; } */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-sales-teamview  { order: 6; } */

/* Sales nav grid: 5 cols (พอร์ต | Pipeline | Echo | Commission | ทักษะ) */
/* → removed (NavConfig handles): body.sales-mode .bnav { grid-template-columns: repeat(5,1fr) */
/* → removed (NavConfig handles): body.sales-mode.sales-tl-mode .bnav { grid-template-columns: */
/* Sales: hide Save (#nav-opportunities) — not part of Sales flow */
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-opportunities { display: none !im */

/* Sales uses same dark theme as KAM */
/* Sales v6: white canvas — overrides removed, handled in styles_sales.css */
body.sales-mode { background: #FFFFFF; }
body.sales-mode #scr-sales-portview,
body.sales-mode #scr-sales-pipeline,
body.sales-mode #scr-sales-commission,
body.sales-mode #scr-sales-teamview { background: #FFFFFF; }

/* Sales-mode: hide KAM-specific content, show Sales-specific content */
body.sales-mode .kam-content-only  { display: none !important; }
.sales-content-only                { display: none !important; }
body.sales-mode .sales-content-only { display: block !important; }

/* ── Sales v6: hide KAM screens + override kam-mode nav ── */
body.sales-mode #scr-portview,
body.sales-mode #scr-teamview,
body.sales-mode #scr-opportunities { display: none !important; }

/* → Sales nav visual rules moved to portview.css (injects after nav to win cascade) */

/* Sales portview screen — same layout as KAM portview */
#scr-sales-portview { padding-bottom: var(--chrome-bottom); }
#scr-sales-pipeline { padding-bottom: var(--chrome-bottom); }
#scr-sales-commission { padding-bottom: var(--chrome-bottom); }
#scr-sales-teamview { padding-bottom: var(--chrome-bottom); }

/* ── Sales-mode: hide KAM-specific floating/fixed elements ── */
/* aifab: KAM AI chat FAB — dark green, must not appear on white Sales canvas */
body.sales-mode .aifab,
body.sales-mode #aifab { display: none !important; }

/* data-load-pill: KAM data loading indicator — dark pill, wrong on Sales white bg */
body.sales-mode #data-load-pill { display: none !important; }

/* swipe-pill: restaurant/KAM mode swipe indicator */
body.sales-mode #swipe-pill { display: none !important; }

/* KAM AI panel and overlay — should not open in Sales mode */
body.sales-mode .aipanel { display: none !important; }
body.sales-mode .overlay { pointer-events: none; opacity: 0 !important; }

/* pv-comm-sheet: KAM cohort detail sheet — wrong in Sales */
body.sales-mode .pv-comm-sheet-overlay,
body.sales-mode .pv-comm-sheet { display: none !important; }

/* v213 drill coach tooltip — KAM only */
body.sales-mode #v213-drill-coach { display: none !important; }

/* ncs-sheet: NRR cohort sheet — KAM only */
body.sales-mode #ncs-overlay,
body.sales-mode #ncs-sheet { display: none !important; }

/* CDS overlay — KAM only */
body.sales-mode .cds-overlay,
body.sales-mode .cds-sheet { display: none !important; }

/* pb-footer: plan builder footer — KAM only */
body.sales-mode .pb-footer { display: none !important; }

/* Topbar: white background in sales-mode — exclude Echo fullsheet */
body.sales-mode .topbar:not(#ci-fullsheet *) {
  background: #FFFFFF !important;
  border-bottom: 1px solid #EBEBEB !important;
}
/* v552 CSS Contract: Echo topbar dark/light = inline style + Echo's own transition
   (ถอด !important override — มันฆ่า fade .7s ของ Echo) */
body.sales-mode .topbar .logo { color: #222222 !important; }
body.sales-mode .topbar .iq-badge { color: #FF385C !important; border-color: rgba(255,56,92,.35) !important; background: rgba(255,56,92,.07) !important; animation: iq-pulse-sales 3.5s ease-in-out infinite !important; }
body.sales-mode .topbar .iq-icon { fill: #FF385C !important; }
@keyframes iq-pulse-sales {
  0%,100%{box-shadow:0 0 6px rgba(255,56,92,.2),inset 0 0 4px rgba(255,56,92,.06)}
  50%{box-shadow:0 0 14px rgba(255,56,92,.4),inset 0 0 8px rgba(255,56,92,.12)}
}
body.sales-mode .topbar button svg { stroke: rgba(34,34,34,.5) !important; }
body.sales-mode .topbar button { background: rgba(0,0,0,.05) !important; }

/* Save tab + rest-only: hide all in sales-mode */
/* → removed (NavConfig handles): body.sales-mode .bnav .ni.rest-only { display: none !importa */
body.sales-mode .bnav .ni[onclick*="Save"],
body.sales-mode .bnav .ni[onclick*="save"],
/* → removed (NavConfig handles): body.sales-mode .bnav #nav-save-btn { display: none !importa */

/* Sales nav — floating frosted white pill (v573)
   ลอยเหนือ bottom + เคารพ safe-area · ไม่มี transform (iOS Safari/WKWebView:
   position:fixed + transform = nav เลื่อนตาม scroll) · centering ด้วย left/right+margin */
body.sales-mode .bnav {
  left: 16px !important;
  right: 16px !important;
  transform: none !important;
  width: auto !important;
  max-width: 392px !important;
  margin: 0 auto !important;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 36px !important;
  padding-bottom: 8px !important;
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  /* v575: layered shadow — ลอยชัด (ambient ใหญ่ + contact เล็ก + top highlight) */
  box-shadow: 0 18px 40px rgba(0,0,0,.16), 0 6px 16px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.85) !important;
}


</style>
<style id="portview-module-css">
/* ============================================================
   FRESHKET SENSE — PORTVIEW STYLES
   src/styles_portview.css · Phase 0E (verbatim copy, !important preserved)
   Scope: #scr-portview, .portview-*, .pv-* rules
   Note: additional portview rules scattered in v210g-v213 patches
         remain in styles_main.css pending commission extraction
   ============================================================ */

body.kam-mode{background:var(--tk-bg-base)}body.kam-mode #scr-portview{background:var(--tk-bg-base)}
/* Skills uses white canvas regardless of KAM/AD dark theme */
body.kam-mode #scr-skills,body.kad-mode #scr-skills{background:#fff!important;}
/* Ensure Skills fills full viewport height so dark body bg doesn't bleed through */
body.kam-mode #scr-skills.on,body.kad-mode #scr-skills.on{min-height:100dvh;background:#fff!important;}
/* Skills active: override topbar + floating nav pill to white/light theme */
body.kam-mode:has(#scr-skills.on) .topbar,
body.kad-mode:has(#scr-skills.on) .topbar{background:#FFFFFF!important;border-bottom:1px solid #EBEBEB!important;}
body.kam-mode:has(#scr-skills.on) .topbar .logo,
body.kad-mode:has(#scr-skills.on) .topbar .logo{color:#222!important;}
body.kam-mode:has(#scr-skills.on) .topbar .iq-badge,
body.kad-mode:has(#scr-skills.on) .topbar .iq-badge{color:#FF385C!important;border-color:rgba(255,56,92,.35)!important;background:rgba(255,56,92,.07)!important;}
body.kam-mode:has(#scr-skills.on) .topbar .iq-icon,
body.kad-mode:has(#scr-skills.on) .topbar .iq-icon{fill:#FF385C!important;}
body.kam-mode:has(#scr-skills.on) .topbar button svg,
body.kad-mode:has(#scr-skills.on) .topbar button svg{stroke:rgba(34,34,34,.5)!important;}
body.kam-mode:has(#scr-skills.on) .topbar button,
body.kad-mode:has(#scr-skills.on) .topbar button{background:rgba(0,0,0,.05)!important;}
/* Floating nav pill → light style when Skills active */
body.kam-mode:has(#scr-skills.on) .bnav,
body.kad-mode:has(#scr-skills.on) .bnav{background:rgba(255,255,255,.92)!important;border:1px solid #EBEBEB!important;box-shadow:0 4px 20px rgba(0,0,0,.12)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;}
body.kam-mode:has(#scr-skills.on) .bnav .ni,
body.kad-mode:has(#scr-skills.on) .bnav .ni{color:rgba(34,34,34,.5)!important;}
body.kam-mode:has(#scr-skills.on) .bnav .ni svg,
body.kad-mode:has(#scr-skills.on) .bnav .ni svg{color:rgba(34,34,34,.5)!important;}
body.kam-mode:has(#scr-skills.on) .bnav .ni .lb,
body.kad-mode:has(#scr-skills.on) .bnav .ni .lb{color:rgba(34,34,34,.5)!important;}
body.kam-mode:has(#scr-skills.on) .bnav .ni.on,
body.kad-mode:has(#scr-skills.on) .bnav .ni.on{color:#FF385C!important;}
body.kam-mode:has(#scr-skills.on) .bnav .ni.on svg,
body.kad-mode:has(#scr-skills.on) .bnav .ni.on svg{color:#FF385C!important;}
body.kam-mode:has(#scr-skills.on) .bnav .ni.on .lb,
body.kad-mode:has(#scr-skills.on) .bnav .ni.on .lb{color:#FF385C!important;}
body.kam-mode:has(#scr-skills.on) .bnav .ni.on .nwrap,
body.kad-mode:has(#scr-skills.on) .bnav .ni.on .nwrap{background:rgba(255,56,92,.08)!important;border-radius:var(--r-card)!important;}
/* v498: AD mode uses same dark KAM theme */
body.kad-mode{background:var(--tk-bg-base)}body.kad-mode #scr-portview{background:var(--tk-bg-base)}
/* v199c: targeted navy bg — account view + overlay panel */
body.kam-mode #scr-overview{background:var(--tk-bg-base)}
body.kam-mode .main{padding-bottom:var(--chrome-bottom)}
body.kad-mode .main{padding-bottom:var(--chrome-bottom)} /* v200: was 148px — caused visible empty space at scroll-end */
/* → moved to styles_restaurant.css */
body.kam-mode .bnav{background:var(--tk-bg-nav);border-top:1px solid rgba(255,255,255,.1)}
body.kad-mode .bnav{background:var(--tk-bg-nav);border-top:1px solid rgba(255,255,255,.1)}
body.kam-mode .bnav .ni{color:rgba(255,255,255,.55)}
body.kam-mode .bnav .ni svg{color:rgba(255,255,255,.55)}
body.kam-mode .bnav .ni .lb{color:rgba(255,255,255,.55)}
body.kad-mode .bnav .ni{color:rgba(255,255,255,.55)}
body.kad-mode .bnav .ni svg{color:rgba(255,255,255,.55)}
body.kad-mode .bnav .ni .lb{color:rgba(255,255,255,.55)}
/* Active tab: white icon/label + blue pill background — override global green */
body.kam-mode .bnav .ni.on{color:var(--tk-text-primary)}
body.kam-mode .bnav .ni.on svg{color:var(--tk-text-primary)}
body.kam-mode .bnav .ni.on .lb{color:var(--tk-text-primary);font-weight:var(--fw-bold)}
body.kam-mode .bnav .ni.on .nwrap{background:var(--tk-accent-dim-3);border-radius:var(--r-card)}
body.kad-mode .bnav .ni.on{color:var(--tk-text-primary)}
body.kad-mode .bnav .ni.on svg{color:var(--tk-text-primary)}
body.kad-mode .bnav .ni.on .lb{color:var(--tk-text-primary);font-weight:var(--fw-bold)}
body.kad-mode .bnav .ni.on .nwrap{background:var(--tk-accent-dim-3);border-radius:var(--r-card)}
/* Active dot: light blue instead of green */

/* Gear icon loaded state: blue tint in KAM mode (not green) */
body.kam-mode .data-btn.loaded{background:var(--tk-accent-dim-3)}
body.kad-mode .data-btn.loaded{background:var(--tk-accent-dim-3)}
body.kam-mode .topbar{background:var(--tk-topbar-gradient)}
body.kad-mode .topbar{background:var(--tk-topbar-gradient)}

/* ══ KAM SUB-TABS (สรุป / Pace & Churn) ══ */
.kam-subtabs{display:flex;background:rgba(255,255,255,.07);border-radius:var(--r-md);padding:3px;gap:2px;margin-bottom:14px}
.kam-stab{flex:1;padding:7px 0;border-radius:var(--r-8);border:none;background:transparent;font-family:var(--tk-font-body);font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--tk-text-muted);cursor:pointer;transition:all .2s}
.kam-stab.on{background:var(--tk-subtab-active);color:var(--tk-text-primary);box-shadow:0 1px 4px rgba(0,0,0,.3)}

/* ══ PACE CARD (เดือนนี้ tab) ══ */
.pace-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:16px;margin-bottom:12px}
.pace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.pace-label{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.5)}
.pace-signal-chip{font-size:var(--text-sm);font-weight:var(--fw-bold);padding:3px 10px;border-radius:var(--r-xl);letter-spacing:.2px}
.pace-signal-chip.great{background:var(--tk-ok-dim-2);color:var(--tk-ok-bright);border:1px solid var(--tk-ok-border)}
.pace-signal-chip.safe{background:var(--tk-ok-dim);color:var(--tk-ok-bright);border:1px solid var(--tk-ok-dim-2)}
.pace-signal-chip.warn{background:rgba(240,176,0,.2);color:var(--amb);border:1px solid rgba(240,176,0,.35)}
.pace-signal-chip.danger{background:rgba(229,62,62,.2);color:#ff8888;border:1px solid rgba(229,62,62,.35)}
.pace-pct-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.pace-pct-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:32px;font-weight:var(--fw-bold);line-height:1;color:var(--tk-text-primary)}   /* UI-H1: ไม่มีสถานะสี (ภาพรวม admin) = สีตัวอักษรหลัก ไม่ใช่สีเข้มที่มองไม่เห็น */
.pace-pct-val.great{color:var(--tk-ok-bright)}
.pace-pct-val.safe{color:var(--tk-ok-bright);opacity:.85}
.pace-pct-val.warn{color:var(--amb)}
.pace-pct-val.danger{color:var(--tk-danger-bright)}
.pace-pct-val.star{color:#d8b4fe}
.pace-pct-val.zc{color:var(--zc)}   /* 24 ต.ค. 2569: %NRR ทีม — สีตามขั้นเงินหัวหน้าทีม */
.pace-bar-wrap{width:100%;height:6px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden;margin-bottom:12px}
.pace-bar-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.25,.8,.25,1);background:rgba(255,255,255,.38)}   /* UI-H1: ไม่มีสถานะสี = แถบกลาง ๆ (เดิมโปร่งใส) */
.pace-bar-fill.great{background:linear-gradient(90deg,var(--tk-ok-500),var(--tk-ok-bright))}
.pace-bar-fill.safe{background:linear-gradient(90deg,var(--tk-ok-500),var(--tk-ok-bright));opacity:.75}
.pace-bar-fill.warn{background:linear-gradient(90deg,var(--amb),#f0d060)}
.pace-bar-fill.danger{background:linear-gradient(90deg,#e53e3e,#ff7070)}
.pace-bar-fill.star{background:linear-gradient(90deg,#a855f7,#c084fc)}
.pace-bar-fill.zc{background:var(--zc)}
.pace-meta-row{display:flex;gap:16px}
.pace-meta-item{flex:1}
.pace-meta-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.52);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}
.pace-meta-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary)}
.pace-info-btn{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:transparent;color:rgba(255,255,255,.5);font-size:var(--text-xs);font-weight:var(--fw-bold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;padding:0;line-height:1;transition:all .15s;flex-shrink:0;font-style:italic}
.pace-info-btn:hover{border-color:rgba(255,255,255,.65);color:rgba(255,255,255,.9);background:rgba(255,255,255,.1)}
.pace-meta-sub{font-size:var(--text-2xs);color:rgba(255,255,255,.52);margin-top:1px}

/* ══ PORTVIEW (Tab 6) ══ */
.portview-screen{padding-bottom:100px}
/* v92: overflow-anchor:none on header/collapsible/strip — these 3 boxes'
   height mutates every rAF tick (collapsible, JS-driven) or CSS transition
   tick (strip), which was triggering the browser's default CSS Scroll
   Anchoring to silently correct scrollY as content above the fold changed
   height mid-scroll — the corrected scrollY then got read as further user
   scroll by _frame() next tick, shrinking the header more, compensating
   more: a tight per-frame feedback loop that showed up as #portview-list's
   padding-top oscillating between 2 values at high frequency while
   scrolling. See src/06_portview_teamview.js's _pvInitCollapseObserver(). */
.portview-header{padding:16px 16px 12px;background:var(--tk-pv-header-bg);margin-bottom:4px;position:sticky;top:var(--topbar-h);z-index:10;overflow:visible;overflow-anchor:none;}   /* 25 ต.ค. 2569 (perf): เอา blur ออก — หัวค้างเบลอทับรายการที่เลื่อน = iPhone ต้องเบลอใหม่ทุกเฟรม · พื้นทึบอยู่แล้ว */

/* ── Collapsible summary block ── */
.pv-collapsible{overflow:hidden;overflow-anchor:none}
.pv-collapsible.expanded{opacity:1}
.pv-collapsible.collapsed{opacity:0;pointer-events:none}

/* ── Compact strip (shown when collapsed) ── */
.pv-compact-strip{display:flex;align-items:center;gap:6px;overflow:hidden;overflow-anchor:none;transition:max-height 300ms cubic-bezier(0.0,0,0.2,1),opacity 250ms cubic-bezier(0.0,0,0.2,1);margin-bottom:0}
.pv-compact-strip.hidden{max-height:0;opacity:0;pointer-events:none;margin:0}
.pv-compact-strip.visible{max-height:72px;opacity:1;margin-bottom:8px}
.pv-cs-pace{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:0 10px 0 0;border-right:1px solid rgba(255,255,255,.1);margin-right:2px}
.pv-cs-pace-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xl);font-weight:var(--fw-bold);line-height:1}
.pv-cs-pace-lbl{font-size:var(--text-2xs);font-weight:var(--fw-semi);color:var(--tk-text-muted);letter-spacing:.4px;text-transform:uppercase;margin-top:2px}
.pv-cs-chip{flex:1;align-self:stretch;justify-content:center;display:flex;flex-direction:column;align-items:flex-start;padding:7px 6px;border-radius:var(--r-9);gap:1px;min-width:0;cursor:pointer;transition:transform .15s,box-shadow .15s}
.pv-cs-chip:active{transform:scale(.96)}
/* 24 ต.ค. 2569: ชิปแถบย่อตามกล่องช่วงเกณฑ์ค่าคอมฯ ของเจ้าของร้าน (06 _pvBuildCompactStrip) — ถึงขั้น · ยังไม่ถึงขั้น · ได้ 50% · ได้ 0 */
.pv-cs-chip.on.pf-on{border-color:var(--hz-on);background:var(--tk-ok-dim-2)}
.pv-cs-chip.monitor.pf-on{border-color:var(--hz-monitor);background:rgba(240,176,0,.16)}
.pv-cs-chip.risk.pf-on{border-color:var(--hz-risk);background:rgba(255,136,136,.16)}
.pv-cs-chip.pf-dim{opacity:.32}
.pv-sort-btn .sort-dir{font-size:var(--text-3xs);opacity:.6;margin-left:2px}
.pv-cs-chip.on{background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2)}
.pv-cs-chip.monitor{background:rgba(240,176,0,.06);border:1px solid rgba(240,176,0,.2)}
.pv-cs-chip.risk{background:rgba(255,136,136,.06);border:1px solid rgba(255,136,136,.22)}
.pv-cs-label{font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:100%}   /* 25 ต.ค. 2569: "ON TRACK" เคยตัดสองบรรทัด กล่องเขียวสูงล้นเพื่อน */
.pv-cs-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary);line-height:1.2}
.pv-cs-chip.on .pv-cs-val{color:var(--hz-on)}
.pv-cs-chip.monitor .pv-cs-val{color:var(--hz-monitor)}
.pv-cs-chip.risk .pv-cs-val{color:var(--hz-risk)}
.pv-cs-sub{font-size:var(--text-2xs);color:var(--tk-text-muted);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.pv-cs-divider{width:1px;height:32px;background:rgba(255,255,255,.08);flex-shrink:0}
.pv-cs-search{flex:0 0 auto;width:34px;height:34px;border-radius:var(--r-9);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;margin-left:4px}
.pv-cs-search:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:var(--tk-text-primary)}
.pv-cs-search.active{background:var(--tk-accent-dim-2);border-color:rgba(100,160,255,.4);color:rgba(160,200,255,.95)}
/* Sort row — always sticky inside portview-header */
.pv-sort-sticky{display:flex;align-items:center;justify-content:space-between;padding:4px 0 2px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}
.pv-sort-sticky.hidden-when-expanded{display:none}
.pv-sort-search-expand{display:none;width:100%;margin-bottom:8px;animation:fi .18s ease}
.pv-sort-search-expand input{width:100%;box-sizing:border-box;padding:8px 12px;border-radius:var(--r-9);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--tk-text-primary);font-family:var(--tk-font-body);font-size:var(--text-md);outline:none;transition:border-color .2s}
.pv-sort-search-expand input:focus{border-color:var(--tk-subtab-active)}
.portview-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.portview-title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--tk-text-primary);display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}
.portview-title svg{flex-shrink:0}
/* v801: long KAM names (admin rep-detail drill) truncate to one row instead of wrapping to two */
#portview-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#pv-action-btns{flex-shrink:0}
.portview-level-badge{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;padding:2px 8px;border-radius:var(--r-md);background:var(--tk-accent-dim-3);color:rgba(180,210,255,.9)}
.portview-summary-row{display:flex;gap:10px;margin-bottom:12px}
.portview-stat{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-card);padding:10px 12px;text-align:center}
.portview-stat.danger{border-color:rgba(229,62,62,.3);background:rgba(229,62,62,.08)}
.portview-stat.warn{border-color:rgba(240,176,0,.25);background:rgba(240,176,0,.06)}
.portview-stat.ok{border-color:var(--tk-ok-dim-2);background:var(--tk-ok-dim)}
.portview-stat-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xl);font-weight:var(--fw-bold);line-height:1;margin-bottom:2px}
.portview-stat.danger .portview-stat-val{color:#ff8888}
.portview-stat.warn .portview-stat-val{color:var(--amb)}
.portview-stat.ok .portview-stat-val{color:var(--tk-ok-bright)}
.portview-stat-lbl{font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.5px}
.portview-ai-btn{width:100%;padding:12px 16px;border-radius:var(--r-card);border:none;background:linear-gradient(135deg,var(--tk-accent-dim-3),var(--tk-accent-dim-2));border:1px solid var(--tk-accent-dim-3);color:var(--tk-text-primary);font-family:var(--tk-font-body);font-size:var(--text-base);font-weight:var(--fw-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,border-color .2s,color .2s,filter .2s;margin-bottom:14px;position:relative;overflow:hidden}
.portview-ai-btn:hover{background:linear-gradient(135deg,var(--tk-subtab-active),var(--tk-accent-dim-3))}
/* ── Bulk SQL copy button ── */
.dp-bulk-sql-btn{padding:3px 8px;border-radius:var(--r-sm);border:1px solid var(--tk-accent-dim-2);background:var(--tk-accent-dim);color:var(--tk-accent);font-size:var(--text-xs);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;line-height:1.4}
.dp-bulk-sql-btn:hover{background:var(--tk-accent-dim-2);border-color:var(--tk-accent-dim-3)}
.dp-bulk-sql-btn.copied{background:var(--g50);border-color:var(--g500);color:var(--g700)}
.portview-ai-btn.loading{
  opacity:1!important;pointer-events:none;
  border-color:var(--tk-accent-solid)!important;
  animation:ai-glow 1.2s ease-in-out infinite;
}
.portview-ai-btn.done{
  background:linear-gradient(135deg,var(--tk-subtab-active),rgba(80,140,255,.3));
  border-color:rgba(160,210,255,.65);
  color:var(--tk-text-primary);
  animation:insight-done-glow 4s ease-in-out infinite;
}
.portview-ai-btn.done:hover{
  background:linear-gradient(135deg,var(--tk-accent-solid),rgba(80,140,255,.45));
  border-color:rgba(200,230,255,.85);
  box-shadow:0 0 16px 3px rgba(80,150,255,.35);
}
@keyframes ai-glow{
  0%,100%{box-shadow:0 0 8px var(--tk-accent-dim-3),inset 0 0 8px var(--tk-accent-dim)}
  50%    {box-shadow:0 0 20px var(--tk-accent-solid),inset 0 0 16px var(--tk-accent-dim)}
}
.portview-ai-star{width:14px;height:14px;animation:iq-pulse 2s ease-in-out infinite}
.portview-filter-row{display:flex;gap:6px;margin-bottom:12px}
.portview-fpill{padding:5px 12px;border-radius:var(--r-xl);font-size:var(--text-sm);font-weight:var(--fw-semi);font-family:var(--tk-font-body);border:1.5px solid rgba(255,255,255,.15);background:transparent;cursor:pointer;color:rgba(255,255,255,.5);transition:all .15s;white-space:nowrap}
.portview-fpill.on{border-color:var(--tk-accent-solid);background:var(--tk-accent-dim-2);color:var(--tk-text-primary)}
.portview-acct-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(255,255,255,.18);border-radius:var(--r-lg);padding:11px 12px 11px 11px;margin-bottom:6px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;animation:card-reveal 260ms ease-out both}
.portview-acct-card:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.portview-acct-card.danger{border-left-color:#e53e3e}
.portview-acct-card.warn{border-left-color:var(--amb)}
.portview-acct-card.great,.portview-acct-card.safe{border-left-color:var(--tk-ok-bright)}
.portview-acct-card.zc{border-left-color:var(--zc)}
/* 25 ต.ค. 2569: เขียวเรือง = ON TRACK ที่ถึงขั้น 2 ของเจ้าของร้าน — สว่างกว่า มีแสง และแถบไล่สีที่ขอบการ์ด (บอร์ด TierColor ข) */
.portview-acct-card.hz-glow{border-color:var(--hz-glow-edge);border-left-color:var(--hz-glow-bar-b);background:linear-gradient(90deg,var(--hz-glow-tint),rgba(255,255,255,.045) 60%);box-shadow:inset 3px 0 0 -1px var(--hz-glow-bar-a)}
.portview-acct-card.ok{border-left-color:rgba(255,255,255,.2)}
.portview-acct-card.new{border-left-color:rgba(100,160,255,.7)}
.portview-acct-pace.new{font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(140,180,255,.85);background:var(--tk-accent-dim-2);border-radius:var(--r-sm);padding:2px 8px;letter-spacing:.2px}
.pv-card-inner{display:flex;align-items:stretch;gap:10px}
.pv-card-left{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:5px}
.pv-right-block{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex-shrink:0;min-width:58px}
.pv-status-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.6px;text-transform:uppercase;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;margin-top:1px}
.pv-status-label.great,.pv-status-label.safe,.pv-status-label.ok{color:var(--tk-ok-border)}
.pv-status-label.warn{color:rgba(240,176,0,.5)}
.pv-status-label.danger{color:rgba(229,83,62,.5)}
.pv-status-label.early{color:rgba(140,180,255,.8);letter-spacing:.3px}
.pv-sparkline{display:flex;align-items:flex-end;gap:2px;height:14px;margin-top:3px}
.pv-sp-bar{border-radius:2px 2px 0 0;flex-shrink:0}
.pv-sku-seg{font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:1px 5px;border-radius:var(--r-xs);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;border:1px solid}
.pv-sku-ok{background:var(--tk-ok-dim);color:var(--tk-ok-bright);border-color:var(--tk-ok-border)}
.pv-sku-gone{background:rgba(240,80,0,.12);color:#ff9060;border-color:rgba(240,80,0,.28)}
.pv-sku-watch{background:rgba(240,176,0,.12);color:#f0c040;border-color:rgba(240,176,0,.26)}
.pv-sku-total{background:rgba(255,255,255,.05);color:rgba(255,255,255,.52);border-color:rgba(255,255,255,.1)}
/* Confidence badge — shown in portview list when histMonths < 3 */
.pace-conf-badge{font-size:var(--text-3xs);font-weight:var(--fw-bold);padding:1px 5px;border-radius:var(--r-5);letter-spacing:.3px;flex-shrink:0;opacity:.75}
.pace-conf-badge.low{background:rgba(240,176,0,.18);color:var(--amb)}
.pace-conf-badge.medium{background:rgba(240,176,0,.1);color:rgba(240,176,0,.7)}
/* Pace formula row in detail card */
.pace-formula-row{margin-top:10px;padding:8px 10px;background:rgba(255,255,255,.04);border-radius:var(--r-8);border:1px solid rgba(255,255,255,.07)}
.pace-formula-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.7px;color:rgba(255,255,255,.52);margin-bottom:5px}
.pace-formula-line{font-size:var(--text-sm);color:var(--tk-text-secondary);line-height:1.6;font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.pace-formula-line strong{color:rgba(255,255,255,.8);font-weight:var(--fw-bold)}

.portview-acct-top{display:flex;align-items:center;gap:6px;margin-bottom:0}
.portview-acct-name{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portview-acct-pace{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-3xl);font-weight:var(--fw-bold);flex-shrink:0;line-height:1}
.portview-acct-pace.great,.portview-acct-pace.safe{color:var(--tk-ok-bright)}
.portview-acct-pace.warn{color:var(--amb)}
.portview-acct-pace.danger{color:#ff8888}
.portview-acct-pace.zc{color:var(--zc)}
.portview-acct-pace.hz-glow,.pv-chip-pace.hz-glow{color:var(--hz-glow);text-shadow:0 0 12px var(--hz-glow-shadow)}
/* v302: '150%+' ยาวกว่าเลขปกติ — ลดขนาดให้อยู่ในคอลัมน์เดิม */
.portview-acct-pace.capped{font-size:var(--text-xl)}
.portview-mini-bar{display:none}
.portview-acct-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:var(--text-xs)}
.portview-acct-gmv-row{font-size:var(--text-xs);color:var(--tk-text-muted);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.portview-acct-badge-row{min-height:14px;display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--sp-1);row-gap:3px}
/* 20 ต.ค. 2569: ร้านที่มี SKU 4 หลัก แถว "สั่ง/หาย/เฝ้าดู" เคยตัดคำกับตัวเลขคนละบรรทัด และ "SKU" ชิดกรอบ GP
   ⇒ คู่ ป้าย+ตัวเลข ไม่ตัดบรรทัด · ถ้าแถวเต็มให้ขึ้นบรรทัดใหม่ทั้งคู่ · GP มีระยะห่างและไม่หด
   วัดบนพอร์ตจริง 36 ร้าน: เดิมตัวหนังสือชิด/ทับกรอบ GP 35 ร้าน และตัดคำ 8 ร้าน · แบบนี้ไม่ชิดเลย GP ขึ้นบรรทัดใหม่ 8 ร้าน */
.pv-churn-segs{flex-wrap:wrap;row-gap:2px}
.pv-churn-segs>span{white-space:nowrap}
.portview-acct-badge-row .portview-gp-badge{flex-shrink:0;white-space:nowrap}
.portview-acct-badges{display:flex;gap:4px;align-items:center}
.portview-churn-badge{font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:1px 5px;border-radius:var(--r-xs);background:rgba(229,62,62,.12);color:#ff8888;border:1px solid rgba(229,62,62,.25);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.portview-acct-arrow{display:none}
.portview-mini-fill{height:100%;border-radius:var(--r-xxs)}
.portview-mini-fill.great,.portview-mini-fill.safe{background:linear-gradient(90deg,var(--tk-ok-500),var(--tk-ok-bright))}
.portview-mini-fill.warn{background:var(--amb)}
.portview-mini-fill.danger{background:#e53e3e}
.portview-acct-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs)}
.portview-acct-gmv{color:rgba(255,255,255,.5);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.portview-acct-badges{display:flex;gap:4px;align-items:center}
.portview-churn-badge{font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:2px 6px;border-radius:var(--r-sm);background:rgba(229,62,62,.2);color:#ff8888;border:1px solid rgba(229,62,62,.3);animation:badge-reveal 200ms ease-out both}
.portview-acct-arrow{font-size:var(--text-lg);color:var(--tk-text-faint);position:absolute;right:14px;top:50%;transform:translateY(-50%)}
/* v_gp: badge %GP ต่อร้านในพอร์ต — ล้างสีแดงที่ .portview-churn-badge ตั้งไว้
   ออกก่อน เพราะแดงในหน้านี้แปลว่า "SKU หาย" ซึ่ง GP ไม่ใช่เรื่องเดียวกัน
   ปกติใช้โทนกลาง (ไม่ใช่ ok/amb/danger) เพราะ GP ยังไม่มีเกณฑ์ให้ผ่าน
   ติดลบเท่านั้นที่ขึ้นแดง เพราะขายแล้วขาดทุนเป็นข้อเท็จจริงที่ต้องเห็นทันที */
.portview-gp-badge{background:rgba(255,255,255,.07);color:rgba(220,235,255,.82);border-color:rgba(255,255,255,.16)}
.portview-gp-badge.neg{background:rgba(229,62,62,.14);color:#ff8888;border-color:rgba(229,62,62,.3)}

/* ══ TL VIEW ══ */
.portview-rep-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:14px;margin-bottom:8px;cursor:pointer;transition:all .2s;position:relative}
.portview-rep-card:hover{border-color:var(--tk-subtab-active);background:var(--tk-accent-dim)}
.portview-rep-card.danger{border-color:rgba(229,62,62,.3);background:rgba(229,62,62,.05)}
.portview-rep-card.warn{border-color:rgba(240,176,0,.25);background:rgba(240,176,0,.04)}
.portview-rep-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.portview-rep-name{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary)}
.portview-rep-meta{display:flex;gap:10px;font-size:var(--text-sm)}
.portview-rep-stat{display:flex;align-items:center;gap:5px}
.portview-rep-stat .lbl{color:rgba(255,255,255,.52)}
/* ── Teamview variable-density cards ── */
.tv-section-lbl{font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.78);padding:0 2px;margin:14px 0 8px}
.tv-section-lbl:first-child{margin-top:4px}
.tv-full-card{border-radius:var(--r-card);padding:12px 14px;margin-bottom:8px;cursor:pointer;position:relative;transition:all .2s;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
/* 24 ต.ค. 2569: การ์ด KAM ลงสีตามช่วงเกณฑ์ค่าคอมฯ ของ KAM คนนั้น — เส้นซ้าย + ตัวเลข + คำ (ไม่ใช้พื้นสีทึบ) */
.tv-full-card.zc{border-left:3px solid var(--zc)}
.tv-full-card.danger{background:rgba(229,62,62,.07);border:1px solid rgba(229,62,62,.28)}
.tv-full-card.warn{background:rgba(240,176,0,.06);border:1px solid rgba(240,176,0,.22)}
.tv-full-card.safe,.tv-full-card.great{background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2)}
.tv-full-card.star{background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.35)}
.tv-full-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.tv-full-name{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary)}
.tv-full-pace{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--tk-text-primary);white-space:nowrap;flex-shrink:0}
.tv-full-pace.zc{color:var(--zc)}
.tv-zone-word{font-family:var(--tk-font-body);font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.2px;margin-left:5px;vertical-align:middle}
.tv-full-pace.danger{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--tk-danger-bright)}
.tv-full-pace.warn{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--amb)}
.tv-full-pace.great,.tv-full-pace.safe{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--tk-ok-bright)}
.tv-full-pace.star{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:var(--fw-bold);color:#d8b4fe}
.tv-full-bar{height:4px;border-radius:var(--r-xxs);background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:8px}
.tv-full-fill.danger{height:100%;border-radius:var(--r-xxs);background:rgba(229,62,62,.7)}
.tv-full-fill.warn{height:100%;border-radius:var(--r-xxs);background:rgba(240,176,0,.7)}
.tv-full-fill.great,.tv-full-fill.safe{height:100%;border-radius:var(--r-xxs);background:var(--tk-ok-bright)}
.tv-full-fill.star{height:100%;border-radius:var(--r-xxs);background:linear-gradient(90deg,#a855f7,#c084fc)}
.tv-full-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs)}
.tv-shortfall{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);font-size:var(--text-md)}
.tv-shortfall.danger{color:#ff8888}
.tv-shortfall.warn{color:var(--amb)}
.tv-risk-chips{display:flex;gap:4px;align-items:center}
.tv-risk-d{font-size:var(--text-xs);font-weight:var(--fw-bold);color:#ff8888}
.tv-risk-w{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--amb)}
.tv-visit-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06)}
.tv-visit-bar-wrap{flex:1;height:2px;background:rgba(255,255,255,.08);border-radius:1px;overflow:hidden;margin:0 8px}
.tv-visit-bar-fill{height:100%;border-radius:1px;background:var(--g500);transition:width .6s ease}
.tv-visit-lbl{font-size:var(--text-2xs);color:var(--tk-ok-border);font-weight:var(--fw-bold);white-space:nowrap;flex-shrink:0}
/* chip row (ok/safe KAMs) */
.tv-chip{display:flex;align-items:center;gap:0;border-radius:var(--r-9);border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);margin-bottom:6px;cursor:pointer;transition:all .15s;overflow:hidden;height:40px;padding:0 12px}
.tv-chip:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06)}
.tv-chip-name{flex:1;font-size:var(--text-md);font-weight:var(--fw-semi);color:rgba(255,255,255,.85);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-chip-pace{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--tk-text-primary);margin-right:8px;flex-shrink:0}   /* 24 ต.ค. 2569: ไม่มีเกณฑ์ = สีตัวอักษรหลัก (เดิมเขียวเสมอ) */
.tv-chip-pace.zc{color:var(--zc)}
.tv-chip-visit{font-size:var(--text-xs);color:var(--tk-ok-bright);font-weight:var(--fw-bold);margin-right:8px;flex-shrink:0;white-space:nowrap}
.tv-chip-arrow{font-size:var(--text-base);color:rgba(255,255,255,.52);flex-shrink:0}

/* ── Portview compact chip — single-row account card ── */
.pv-chip{display:flex;align-items:center;gap:8px;border-radius:var(--r-9);border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);margin-bottom:5px;cursor:pointer;transition:all .15s;overflow:hidden;height:40px;padding:0 12px;position:relative;animation:card-reveal 240ms ease-out both}
.pv-chip:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.pv-chip:active{transform:scale(.985);transition-duration:80ms}
.pv-chip.danger{border-color:rgba(229,62,62,.28);background:rgba(229,62,62,.05)}
.pv-chip.warn{border-color:rgba(240,176,0,.22);background:rgba(240,176,0,.04)}
.pv-chip.hz-glow{border-color:var(--hz-glow-edge);background:linear-gradient(90deg,var(--hz-glow-tint),rgba(255,255,255,.03) 60%)}
.pv-chip.new{border-color:rgba(100,160,255,.18);background:var(--tk-accent-dim)}
.pv-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.pv-chip-dot.unseen{background:rgba(255,255,255,.18)}
.pv-chip-dot.account{background:rgba(255,255,255,.4)}
.pv-chip-dot.full{background:var(--g500);box-shadow:0 0 4px var(--tk-ok-border)}
.pv-chip-dot.echo-recent{background:var(--tk-ok-bright);box-shadow:0 0 5px var(--tk-ok-border);width:7px;height:7px;cursor:pointer}
.pv-chip-dot.echo-old{background:var(--tk-ok-dim-2);cursor:pointer}
.pv-chip-name{flex:1;font-size:var(--text-md);font-weight:var(--fw-semi);color:rgba(255,255,255,.88);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-chip-pace{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-bold);flex-shrink:0;margin-right:4px}
.pv-chip-pace.great,.pv-chip-pace.safe{color:var(--tk-ok-bright)}
.pv-chip-pace.warn{color:var(--amb)}
.pv-chip-pace.danger{color:#ff8888}
.pv-chip-pace.zc{color:var(--zc)}
.pv-chip-pace.new{color:rgba(140,180,255,.85);font-size:var(--text-xs)}
/* v_shopkind: ร้านที่หยุดซื้อไปแล้ว — เทา ไม่แย่งสายตา (ไม่ใช่ร้านใหม่ ไม่ใช่ร้านเสี่ยงที่นับในเงิน) */
.portview-acct-card.idle{border-left-color:rgba(255,255,255,.18)}
.portview-acct-pace.idle{font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);border-radius:var(--r-sm);padding:2px 8px;letter-spacing:.2px}
.pv-chip.idle{border-color:rgba(255,255,255,.10)}
.pv-chip-pace.idle{color:rgba(255,255,255,.55);font-size:var(--text-xs)}
.pv-chip-pace.capped{font-size:var(--text-sm)}
/* v302: ตัวเลข %NRR ในแถวย่อของจอทีม ลงสีตามเกต (เดิมเขียวตายตัวเพราะเป็น pace เทียบเป้า) */
.tv-chip-pace.warn{color:var(--amb)}
.tv-chip-pace.danger{color:#ff8888}
.tv-chip-pace.capped{font-size:var(--text-sm)}
.pv-chip-churn{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--org);background:rgba(240,80,0,.1);border-radius:var(--r-xs);padding:1px 5px;margin-right:4px;flex-shrink:0;animation:badge-reveal 200ms ease-out both}
@keyframes badge-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes tgtFadeIn{from{opacity:0}to{opacity:1}}
.pv-chip-arrow{font-size:var(--text-base);color:rgba(255,255,255,.52);flex-shrink:0}

/* Portview view-toggle row */
.pv-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px}
.pv-toggle-count{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);color:rgba(255,255,255,.6)}
.pv-toggle-btns{display:flex;align-items:center;gap:2px}
.pv-toggle-btn{width:30px;height:28px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--tk-text-faint);transition:color .15s}
.pv-toggle-btn.on{color:rgba(255,255,255,.9)}
/* T4: ปุ่มสลับมุมมองเหลือปุ่มเดียว — ซ่อนปุ่มของมุมมองที่เปิดอยู่ เหลือปุ่มที่พาไปอีกมุมมอง (แถวเรียงเหลือ ≤ 5 อย่าง) */
.pv-toggle-btns .pv-toggle-btn.on{display:none}
.pv-toggle-btns .pv-toggle-btn{color:rgba(255,255,255,.72)}
.pv-sort-divider{width:1px;height:16px;background:rgba(255,255,255,.12);margin:0 4px}
.pv-sort-btn{height:24px;padding:0 7px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgba(255,255,255,.52);font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.3px;cursor:pointer;transition:all .15s;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;white-space:nowrap}
.pv-sort-btn.on{background:var(--tk-accent-dim-2);border-color:rgba(100,160,255,.38);color:rgba(160,200,255,.95)}
/* star card (≥105%) */
.tv-star-card{border-radius:var(--r-card);padding:12px 14px;margin-bottom:8px;cursor:pointer;position:relative;transition:all .2s;overflow:hidden;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.4);box-shadow:0 0 18px rgba(168,85,247,.18),0 0 4px rgba(168,85,247,.1)}
.tv-star-card:hover{box-shadow:0 0 28px rgba(168,85,247,.3),0 0 8px rgba(168,85,247,.15)}
.tv-star-glow{animation:tv-star-pulse 2.8s ease-in-out infinite}
@keyframes tv-star-pulse{0%,100%{box-shadow:0 0 18px rgba(168,85,247,.18),0 0 4px rgba(168,85,247,.1)}50%{box-shadow:0 0 28px rgba(168,85,247,.35),0 0 10px rgba(168,85,247,.2)}}
.tv-star-pace{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:var(--fw-bold);color:#d8b4fe}
.tv-star-bar{height:4px;border-radius:var(--r-xxs);background:rgba(168,85,247,.2);overflow:hidden;margin-bottom:8px}
.tv-star-fill{height:100%;border-radius:var(--r-xxs);background:linear-gradient(90deg,#a855f7,#c084fc)}
.tv-star-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-2xs);font-weight:var(--fw-bold);color:#d8b4fe;background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.35);border-radius:var(--r-sm);padding:1px 6px;letter-spacing:.3px}
.portview-rep-stat .val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:var(--tk-text-primary)}
.portview-rep-stat .val.danger{color:#ff8888}
.portview-rep-stat .val.warn{color:var(--amb)}
.portview-rep-stat .val.ok{color:var(--tk-ok-bright)}

/* ══ PORTVIEW AI OUTPUT ══ */
.portview-ai-output{background:var(--tk-accent-dim);border:1px solid var(--tk-accent-dim-2);border-radius:var(--r-card);padding:14px;margin-bottom:14px;font-size:var(--text-md);color:rgba(220,235,255,.9);line-height:1.75;white-space:pre-wrap;word-break:break-word;overflow:visible}
.portview-ai-output strong{color:var(--tk-text-primary);font-weight:var(--fw-bold)}
.portview-back-btn{display:flex;align-items:center;gap:6px;font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(180,210,255,.8);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-xl);padding:6px 12px;cursor:pointer;margin-bottom:14px;font-family:var(--tk-font-body);border:none;transition:all .15s}
.portview-back-btn:hover{background:rgba(255,255,255,.12);color:var(--tk-text-primary)}

/* ══ NAV SPACING ══ */

/* ── Sense nav tab: default state — green sparkle + pulse ── */
#nav-opportunities svg { color: var(--g500); }
@keyframes sense-nav-pulse { 0%,100%{opacity:.85;} 50%{opacity:1;} }
#nav-opportunities .nwrap { animation: sense-nav-pulse 2.6s ease-in-out infinite; }
#nav-opportunities .lb { color: var(--g500); font-weight: var(--fw-bold); }
/* After senseActivated (class sense-lit): amber/gold glow */
#nav-opportunities.sense-lit svg { color: #f6ad55; }
#nav-opportunities.sense-lit .nwrap { animation: none; filter: drop-shadow(0 0 8px rgba(246,173,85,.55)); }
#nav-opportunities.sense-lit .lb { color: #f6ad55; }
/* → bnav grid rules moved to styles_layout.css (Phase 0E) */

/* ══ PORTVIEW NO DATA ══ */
.portview-no-data{padding:40px 20px;text-align:center}
.portview-no-data-icon{font-size:32px;margin-bottom:10px;opacity:.4}
.portview-no-data-text{font-size:var(--text-base);font-weight:var(--fw-bold);color:rgba(255,255,255,.5);margin-bottom:4px}
.portview-no-data-sub{font-size:var(--text-sm);color:rgba(255,255,255,.52);line-height:1.6}

/* ══ CURRENT MONTH CSV SLOT ══ */


/* Sojirat (May) — unassigned account, no Supabase user */

/* ══ KAM MODE NAV SWAP ══ */
/* → All class-based display rules removed — NavConfig.render() in 12_nav_config.js
   controls show/hide for every role. CSS here is visual-only. */
/* ── v190 KAM pill nav ── */
/* → nav-opportunities show rule moved to NavConfig.render() */
/* → nav-portview hide removed — NavConfig.render() handles show/hide */
body.kam-mode .bnav{background:rgba(14,24,45,.52);border:1px solid rgba(255,255,255,.18);border-top:none;border-radius:var(--r-pill);width:calc(100% - 32px);max-width:408px;padding:10px 12px;gap:0;bottom:calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 28px rgba(0,0,0,.35);}
body.kam-mode .bnav .ni{flex:1;min-width:0;width:auto;height:auto;padding:4px 0;gap:5px;border-radius:var(--r-pill);transition:transform .3s cubic-bezier(.34,1.56,.64,1);justify-content:center;}
body.kam-mode .bnav .ni .lb{display:block!important;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--tk-text-muted);letter-spacing:.2px;transition:color .18s,font-weight .18s;white-space:nowrap;}
body.kam-mode .bnav .ni.on .lb{color:var(--tk-text-primary);font-weight:var(--fw-bold);}
body.kam-mode .bnav .ni svg{width:24px;height:24px;opacity:.5;color:var(--tk-text-primary);transition:opacity .18s,filter .18s;}
body.kam-mode .bnav .ni.on svg{opacity:1;filter:drop-shadow(0 0 7px rgba(255,255,255,.9)) drop-shadow(0 0 18px rgba(255,255,255,.3));}
body.kam-mode .bnav .ni:active{transform:scale(1.1);transition:transform .07s ease!important}
/* v492: Save icon — green pulse in regular KAM pill, white when active (.on), dark in sdt-light Save mode */
/* Regular KAM dark pill: green star draws attention to the feature */
body.kam-mode:not(.kam-sense-active) .bnav #nav-opportunities svg{color:var(--g500)!important;opacity:.9}
body.kam-mode:not(.kam-sense-active) .bnav #nav-opportunities .lb{color:var(--g500)!important;font-weight:var(--fw-bold)!important}
body.kam-mode:not(.kam-sense-active) .bnav #nav-opportunities.on svg{color:var(--tk-text-primary)!important;opacity:1!important}
body.kam-mode:not(.kam-sense-active) .bnav #nav-opportunities.on .lb{color:var(--tk-text-primary)!important}
/* kam-sense-active (Save mode) dark: inherit white from glass pill rules */
body.kam-sense-active.kam-mode:not(.sdt-light) .bnav #nav-opportunities svg{color:rgba(255,255,255,.55)!important}
body.kam-sense-active.kam-mode:not(.sdt-light) .bnav #nav-opportunities.on svg{color:var(--tk-text-primary)!important;opacity:1}
/* sdt-light Save mode: dark icon idle, green when active */
body.sdt-light.kam-sense-active.kam-mode .bnav #nav-opportunities svg{color:rgba(0,0,0,.38)!important}
body.sdt-light.kam-sense-active.kam-mode .bnav #nav-opportunities.on svg{color:var(--g500)!important;opacity:1!important}
/* v490-B4: hide Echo from Save mode 3-col nav (4 items → 3 columns caused overflow) */
/* → Echo nav moved to styles_echo.css (Phase 0E) */
body.kam-mode .bnav .ni .nwrap{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;display:flex;align-items:center;justify-content:center;}
body.kam-mode .bnav .ni.nav-disabled{opacity:.28!important;pointer-events:none!important;}
/* drag handle — account view only */
#kam-nav-handle{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--chrome-bottom);width:36px;height:4px;background:rgba(255,255,255,.3);border-radius:var(--r-xxs);z-index:101;display:none;cursor:pointer;}
body.kam-mode #kam-nav-handle{display:none;}
/* ── v190 KAM pill nav ── */

/* ── v183 Restaurant Sheet Overlay ── */

/* Sheet — data-panel pattern */
/* → rest-sheet-body/swipe/backdrop moved to styles_restaurant.css */

/* ── v65 Micro-interactions ── */

/* Card hover/press — risk-class aware glow */
.portview-acct-card{transition:transform 150ms ease,box-shadow 150ms ease,border-color 200ms ease,background 200ms ease}
/* ── Visit tracking dots ── */
.pv-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:all .3s ease}
.pv-dot.unseen{display:none}
.pv-dot.account{background:rgba(255,255,255,.22);box-shadow:none}
.pv-dot.full{background:var(--g500);box-shadow:0 0 5px var(--tk-ok-border)}
.pv-dot.echo-recent{background:var(--tk-ok-bright);box-shadow:0 0 7px var(--tk-ok-border),0 0 2px var(--tk-ok-bright);width:7px;height:7px}
.pv-dot.echo-old{background:var(--tk-ok-dim-2);box-shadow:none}
.pv-dot.echo-recent,.pv-dot.echo-old{cursor:pointer}
.portview-acct-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.25)}
.portview-acct-card:active{transform:scale(0.97);transition-duration:80ms}
.portview-acct-card.danger:hover{box-shadow:0 6px 24px rgba(229,62,62,.15)}
.portview-acct-card.warn:hover{box-shadow:0 6px 24px rgba(240,176,0,.12)}
.portview-acct-card.great:hover,.portview-acct-card.safe:hover{box-shadow:0 6px 24px var(--tk-ok-dim)}

/* Pace bar animate on mount */
.portview-mini-fill,.pace-bar-fill{transform-origin:left center;animation:barScale 600ms cubic-bezier(.4,0,.2,1) forwards}
@keyframes barScale{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* A4: แถบ %NRR หัวจอทีมเล่นครั้งเดียวต่อการเปิดแอป — วาดซ้ำ (เกณฑ์มา/ข้อมูลอัปเดต) ไม่เล่นใหม่ (07b _tgtKeepAcrossRedraw ติด data-bar-shown ที่กล่อง) */
[data-bar-shown] .pace-bar-fill{animation:none}

/* Danger bar pulse after mount */
.portview-acct-card.danger .portview-mini-fill{animation:barScale 600ms cubic-bezier(.4,0,.2,1) forwards,dangerPulse 2.5s ease-in-out 600ms infinite}
@keyframes dangerPulse{0%,100%{opacity:1}50%{opacity:.45}}

/* Portfolio stats staggered pop-in */
.portview-stat-val{animation:statPop 300ms ease both}
@keyframes statPop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.portview-stat:nth-child(2) .portview-stat-val{animation-delay:60ms}
.portview-stat:nth-child(3) .portview-stat-val{animation-delay:120ms}
.portview-stat:nth-child(4) .portview-stat-val{animation-delay:180ms}

/* AI loading dots */
.ai-thinking{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
.ai-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:rgba(100,170,255,.75);animation:dotPulse 1.2s ease-in-out infinite}
.ai-dot:nth-child(2){animation-delay:.2s}
.ai-dot:nth-child(3){animation-delay:.4s}
@keyframes dotPulse{0%,80%,100%{opacity:.2;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}

/* AI insight reveal */
@keyframes insightReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* IQ badge pulse on KAM mode entry */
@keyframes iqGlow{0%{box-shadow:0 0 0 0 var(--tk-ok-bright)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.iq-pulse{animation:iqGlow 700ms ease forwards}

/* Card press brightness */
.portview-acct-card:active{transform:scale(0.97);filter:brightness(0.85);transition-duration:80ms}

/* Back button press */
#kam-back-btn{display:flex;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:transform .1s,opacity .15s;-webkit-tap-highlight-color:transparent;}
#kam-back-btn .kam-bc-arrow{font-size:var(--text-xl);line-height:1;color:rgba(180,210,255,.65);margin-top:-1px;}
#kam-back-btn:active{transform:translateX(-2px)!important;transition-duration:60ms!important;opacity:.75!important;}

/* Filter pills — smoother active with scale */
.portview-fpill{transition:background 220ms ease,color 220ms ease,border-color 220ms ease,transform 150ms ease}
.portview-fpill.on{transform:scale(1.03)}
.portview-fpill:active{transform:scale(0.95)}

/* Mode toggle sliding pill */
.mode-toggle{position:relative}
.mbtn{position:relative;z-index:1;transition:color 220ms ease}
.mbtn.on{background:transparent;color:var(--g900)}
.mode-slider{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 4px);background:var(--amb);border-radius:16px;transition:left 220ms cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}
.mode-toggle.kam-active .mode-slider{left:calc(50% + 1px)}

/* AI done button bounce */
@keyframes doneBounce{0%{transform:scale(1)}40%{transform:scale(1.05)}70%{transform:scale(0.97)}100%{transform:scale(1)}}
.portview-ai-btn.done.done-bounce{animation:doneBounce 380ms ease}

/* AI loading — nth-child for dots (1-indexed after star) */
.ai-dot:nth-child(2){animation-delay:.15s}
.ai-dot:nth-child(3){animation-delay:.3s}
.ai-dot:nth-child(4){animation-delay:.45s}

/* ── Portfolio Tier Grid (v67) ── */
.portview-tier-grid{display:flex;gap:8px;width:100%;align-items:stretch}
.portview-tier-col-ok{flex-shrink:0;display:flex;flex-direction:column}
.portview-tier-col-risk{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.portview-tier-box{border-radius:var(--r-card);padding:10px 11px;cursor:pointer;transition:opacity 200ms ease,box-shadow 200ms ease,border-color 200ms ease,background 200ms ease}
.portview-tier-box:active{opacity:.8}
.portview-tier-box.pf-active{}
.portview-tier-box.pf-dim{opacity:.28;filter:saturate(.4)}
/* 24 ต.ค. 2569: กล่องตามช่วงเกณฑ์ค่าคอมฯ ของเจ้าของร้าน (06 __legacyRenderPortviewSummaryFallback)
   ถึงขั้น = กล่องใหญ่ซ้าย · ได้ 50% / ได้ 0 (ขึ้นเสมอ) · ยังไม่ถึงขั้น / ไม่มีเกณฑ์ (ขึ้นเมื่อมีร้าน) = กล่องเล็กขวา */
/* 25 ต.ค. 2569: กล่องนับตามสุขภาพร้าน (06 __legacyRenderPortviewSummaryFallback) — ON TRACK · MONITOR · AT RISK
   (24 ต.ค. เคยเป็นช่วงเงินของเจ้าของร้าน reached/below1/half/zero/none) · สีจาก --hz-* (styles_tokens.css) */
.portview-tier-box.on.pf-active{border-color:var(--hz-on);background:var(--tk-ok-dim);box-shadow:inset 0 0 0 1px var(--tk-ok-border)}
.portview-tier-box.monitor.pf-active{border-color:var(--hz-monitor);background:rgba(240,176,0,.14);box-shadow:inset 0 0 0 1px rgba(240,176,0,.4)}
.portview-tier-box.risk.pf-active{border-color:var(--hz-risk);background:rgba(255,136,136,.12);box-shadow:inset 0 0 0 1px rgba(255,136,136,.4)}
.portview-tier-box.on{background:var(--tk-ok-dim);border:1.5px solid var(--tk-ok-border);flex:1;display:flex;flex-direction:column;justify-content:center}
.portview-tier-box.monitor{background:rgba(240,176,0,.07);border:1.5px solid rgba(240,176,0,.2);flex:1}
.portview-tier-box.risk{background:rgba(255,136,136,.06);border:1.5px solid rgba(255,136,136,.22);flex:1}
.portview-tier-lbl{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;white-space:nowrap}
.portview-tier-box.on .portview-tier-lbl{color:var(--hz-on)}
.portview-tier-box.monitor .portview-tier-lbl{color:var(--hz-monitor)}
.portview-tier-box.risk .portview-tier-lbl{color:var(--hz-risk)}
.portview-tier-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);line-height:1;margin-bottom:3px;animation:statPop 350ms ease both}
.portview-tier-box.on .portview-tier-val{color:var(--hz-on);font-size:var(--text-2xl)}
.portview-tier-box.monitor .portview-tier-short{color:var(--hz-monitor)}
.portview-tier-box.risk .portview-tier-short{color:var(--hz-risk)}
/* เส้นของกล่อง ("100% ขึ้นไป" · "97–100% · ฿6.9M") — มาจากค่าตั้ง ไม่เขียนตายตัว */
.portview-tier-rule{font-size:var(--text-2xs);color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* บรรทัด "ช่วยดึงขึ้น" ในกล่อง ON TRACK = ร้านเขียวเรือง (ถึงขั้น 2 ของเจ้าของร้าน) */
.pv-tier-glow{border-top:1px solid var(--tk-ok-dim-2);margin-top:8px;padding-top:7px;font-size:var(--text-xs);color:var(--hz-glow)}
.pv-glow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5dffb8;box-shadow:0 0 8px var(--hz-glow-bar-b);align-self:center}
.pv-glow-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--hz-glow);text-shadow:0 0 12px var(--hz-glow-shadow);white-space:nowrap}
.portview-tier-sub{font-size:var(--text-xs);color:rgba(255,255,255,.6)}
.portview-tier-box.on .portview-tier-sub{margin-top:6px}

/* Insight buttons idle glow — Portfolio + Team (mirrors kam-insight-btn) */
.portview-ai-btn:not(.loading):not(.done){animation:insight-idle-glow 3s ease-in-out infinite}

/* ── Phase 0E appended sections ── */
/* ── NRR Movement rows (v198) ── */
.tgt-mv-wrap{border-top:1px solid rgba(255,255,255,.08);margin-top:6px;padding:6px 0 2px}
.tgt-mv-header{display:flex;align-items:center;gap:6px;padding:0 0 4px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:3px}
.tgt-mv-header .tgt-mv-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.6px;color:rgba(255,255,255,.52)}
.tgt-mv-header .tgt-mv-count,.tgt-mv-header .tgt-mv-gmv,.tgt-mv-header .tgt-mv-nrr{font-size:var(--text-2xs);color:var(--tk-text-faint);font-weight:var(--fw-semi)}
.tgt-mv-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:var(--text-sm);font-family:var(--tk-font-body)}
.tgt-mv-label{flex:1;color:rgba(255,255,255,.55);font-weight:var(--fw-semi);min-width:80px}
.tgt-mv-count{color:rgba(255,255,255,.52);font-size:var(--text-xs);min-width:44px}
.tgt-mv-gmv{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:rgba(255,255,255,.8);min-width:50px;text-align:right}
.tgt-mv-nrr{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);min-width:36px;text-align:right}
.tgt-mv-out .tgt-mv-label{color:rgba(255,140,100,.65)}
.tgt-mv-neg{color:rgba(255,120,100,.9)!important}
.tgt-mv-sub{display:flex;align-items:center;gap:4px;padding:2px 0 2px 10px;font-size:var(--text-xs);font-family:var(--tk-font-body);border-left:2px solid rgba(255,140,100,.2);margin-left:4px}
.tgt-mv-sub-name{flex:1;color:var(--tk-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.tgt-mv-sub-dest{color:rgba(255,200,150,.55);white-space:nowrap;font-size:var(--text-2xs)}
.tgt-mv-sub-gmv{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-semi);color:rgba(255,120,100,.7);font-size:var(--text-xs);margin-left:auto;white-space:nowrap}
.tgt-mv-sub-more{color:var(--tk-text-faint);font-size:var(--text-2xs);padding-left:10px}
.ai-typing{display:inline-flex;align-items:center;gap:4px;padding:2px 0}
.ai-typing span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--g500);opacity:.35;animation:ai-tdot 1.2s ease-in-out infinite}
.ai-typing span:nth-child(2){animation-delay:.2s}
.ai-typing span:nth-child(3){animation-delay:.4s}
@keyframes ai-tdot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.aisugg{display:flex;gap:6px;flex-wrap:wrap;padding:8px 16px;flex-shrink:0}
.sgbtn{background:var(--n50);border:1px solid var(--n200);border-radius:var(--r-xl);padding:6px 12px;font-size:var(--text-sm);font-family:var(--tk-font-body);cursor:pointer;color:var(--n900);transition:all .15s;white-space:nowrap}
.sgbtn:hover{background:var(--g900);color:var(--tk-text-primary);border-color:var(--g900)}
.aiinput-row{display:flex;gap:8px;padding:10px 16px 16px;flex-shrink:0;border-top:1px solid var(--n100)}
.aiinput{flex:1;border:1.5px solid var(--n200);border-radius:24px;padding:10px 16px;font-size:var(--text-lg);font-family:var(--tk-font-body);outline:none;background:var(--n50)}
.aiinput:focus{border-color:var(--g500);background:var(--n0)}
.aisend{width:42px;height:42px;border-radius:50%;background:var(--g900);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:197;opacity:0;pointer-events:none;transition:opacity .3s}
.overlay.on{opacity:1;pointer-events:all}

/* ── DETAIL SHEET ── */
.detail-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:175;opacity:0;pointer-events:none;transition:opacity .3s}
.detail-overlay.on{opacity:1;pointer-events:all}
.detail-sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(102%);width:100%;max-width:var(--app-max,440px);background:var(--n0);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.18);z-index:176;transition:transform .38s cubic-bezier(.34,1.3,.64,1);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}
.detail-sheet.open{transform:translateX(-50%) translateY(0)}
.detail-sheet-head{padding:12px 16px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--n100);position:sticky;top:0;background:var(--n0);z-index:1;flex-shrink:0}
.detail-sheet-cat{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;color:var(--n400);margin-bottom:2px}
.detail-sheet-title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--n900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.detail-sheet-body{padding:0 0 32px}
/* pb-item tap hint — subtle info icon signals tappable for detail */
.pb-item-info-hint{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--n200);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--n400);font-size:var(--text-xs);font-style:italic;font-family:Georgia,serif;transition:all .15s;cursor:pointer}
.pb-item:hover .pb-item-info-hint{border-color:var(--g500);color:var(--g700)}

/* ── EMPTY STATE ── */
.empty-state{text-align:center;padding:40px 20px;color:var(--n400)}
.empty-state .es-icon{font-size:40px;margin-bottom:12px}
.empty-state .es-title{font-size:var(--text-lg2);font-weight:var(--fw-bold);color:var(--n700);margin-bottom:6px}
.empty-state .es-body{font-size:var(--text-base);line-height:1.6;margin-bottom:16px}
.empty-state .es-btn{background:var(--g900);color:var(--tk-text-primary);border:none;border-radius:var(--r-md);padding:12px 20px;font-size:var(--text-base);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;transition:opacity .2s}
.empty-state .es-btn:hover{opacity:.88}

.mt8{margin-top:8px}.mb12{margin-bottom:12px}
.flex-b{display:flex;align-items:center;justify-content:space-between}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes skeleton-pulse{0%,100%{opacity:.45}50%{opacity:.9}}
/* v753a: portview shimmer cards — shown during R2 bulk load before portviewBulkData arrives */
.pv-shimmer-card{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);animation:pv-shimmer-fade-in .4s ease both}
.pv-shimmer-left{flex:1;min-width:0}
.pv-shimmer-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:12px}
.pv-shimmer-line{height:10px;border-radius:var(--r-5);background:rgba(255,255,255,.07);animation:skeleton-pulse 1.4s ease-in-out infinite}
.pv-shimmer-pct{width:38px;height:18px;border-radius:var(--r-5);background:rgba(255,255,255,.07);animation:skeleton-pulse 1.4s ease-in-out infinite}
.pv-shimmer-spark{width:48px;height:13px;border-radius:var(--r-xs);background:rgba(255,255,255,.05);animation:skeleton-pulse 1.4s ease-in-out infinite .15s}
@keyframes pv-shimmer-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ══ KAM MODE — DARK THEME ══ */
/* → Portview block 1 moved to styles_portview.css (Phase 0E) */
/* Insight buttons idle glow — Portfolio + Team (mirrors kam-insight-btn) */
.portview-ai-btn:not(.loading):not(.done){animation:insight-idle-glow 3s ease-in-out infinite}
/* ── SENSE PREVIEW CARD (post-scan result) ── */
.rest-ai-load{padding:10px 4px 4px}
.rest-ai-step{font-size:var(--text-md);font-weight:var(--fw-medium);font-family:var(--tk-font-body);min-height:22px;opacity:0;transition:opacity .35s;display:flex;align-items:center;gap:7px;margin-bottom:3px;color:rgba(190,255,220,.7)}
.rest-ai-step.vis{opacity:1}
.rest-ai-step-dot{width:6px;height:6px;border-radius:50%;background:var(--g500);flex-shrink:0}
.sense-preview{border-radius:var(--r);border:1.5px solid var(--tk-ok-border);background:var(--g50);padding:16px;margin-top:10px}
.sense-preview-eyebrow{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.7px;text-transform:uppercase;color:var(--g700);margin-bottom:10px;font-family:var(--tk-font-body);display:flex;align-items:center;gap:5px}
.rap-star{color:var(--g500);font-size:var(--text-base);line-height:1}
.rap-opps{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--n900);font-family:var(--tk-font-body);margin-bottom:3px;line-height:1.3}
.rap-savings-note{font-size:var(--text-sm);color:var(--n500);font-weight:var(--fw-medium);margin-bottom:14px;font-family:var(--tk-font-body)}
.rap-cta{width:100%;padding:10px 16px;border-radius:var(--r-9);border:none;background:var(--g500);color:#003820;font-family:var(--tk-font-body);font-size:var(--text-base);font-weight:var(--fw-bold);cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:6px}
.rap-cta:hover{background:#00b85e}

/* ── freshket-v212a-pwa-freshness-css ── */
/* v212a — PWA width guard for Teamview/KAM cards. UI only; no data/formula changes. */
@media (max-width: 430px){
  #scr-teamview{overflow-x:hidden;}
  #scr-teamview .portview-head{align-items:flex-start!important;gap:10px!important;padding-left:16px!important;padding-right:16px!important;}
  #scr-teamview #tv-title{font-size:var(--text-3xl)!important;line-height:1.18!important;max-width:92px!important;white-space:normal!important;}
  #scr-teamview #tv-action-btns{gap:7px!important;margin-left:0!important;flex:1!important;justify-content:flex-end!important;flex-wrap:nowrap!important;min-width:0!important;}
  #scr-teamview #tv-target-btn,
  #scr-teamview #tv-portfolio-btn,
  #scr-teamview #tv-commission-btn,
  #scr-teamview .comm-btn{height:36px!important;padding:7px 10px!important;border-radius:var(--r-card)!important;font-size:var(--text-md)!important;white-space:nowrap!important;flex-shrink:0!important;}
  #scr-teamview #tv-target-btn svg,
  #scr-teamview #tv-portfolio-btn svg,
  #scr-teamview #tv-commission-btn svg{width:15px!important;height:15px!important;}
  #scr-teamview .role-pill{height:28px!important;min-width:42px!important;padding:0 10px!important;}
  #tv-pace-bar{margin-left:0!important;margin-right:0!important;}
  #tv-pace-bar .pace-pct-val{font-size:var(--text-kpi)!important;line-height:1!important;}
  #tv-pace-bar .pace-bar-wrap{height:6px!important;border-radius:var(--r-xs)!important;}
  #tv-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  /* v700: no padding-top here — JS _tvSyncListOffset() sets it via inline style */
  #teamview-content{padding-left:16px!important;padding-right:16px!important;padding-bottom:128px!important;}
  .tv-full-card,.tv-star-card{padding:16px 16px 14px!important;border-radius:16px!important;margin-bottom:14px!important;}
  .tv-full-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;margin-bottom:10px!important;}
  .tv-full-name{font-size:var(--text-lg2)!important;line-height:1.3!important;min-width:0!important;white-space:normal!important;overflow:visible!important;}
  .tv-full-name span{display:inline-block!important;margin-left:6px!important;white-space:nowrap!important;font-size:var(--text-xs)!important;color:rgba(255,255,255,.56)!important;}
  .tv-full-pace,.tv-star-pace{font-size:var(--text-3xl)!important;line-height:1!important;}
  .tv-full-bar,.tv-star-bar{height:6px!important;border-radius:var(--r-pill)!important;margin-bottom:12px!important;}
  .tv-full-fill,.tv-star-fill{border-radius:var(--r-pill)!important;}
  .tv-full-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"chips gmv" "payout gmv"!important;align-items:center!important;gap:8px 12px!important;font-size:var(--text-sm)!important;}
  .tv-risk-chips{grid-area:chips!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;min-width:0!important;}
  .tv-risk-chips .tv-nrr-pill{margin-left:4px!important;}
  .tv-risk-chips .tv-payout-pill{grid-area:payout!important;}
  .tv-full-meta > span:not(.tv-nrr-pill):not(.tv-payout-pill){grid-area:gmv!important;text-align:right!important;align-self:center!important;line-height:1.6!important;white-space:normal!important;min-width:86px!important;}
  .tv-payout-pill{min-width:96px!important;justify-content:center!important;padding:7px 14px!important;font-size:var(--text-md)!important;border-radius:var(--r-pill)!important;}
  .tv-nrr-pill{padding:6px 12px!important;border-radius:var(--r-pill)!important;font-size:var(--text-md)!important;}
  .tv-card-exclude{display:none!important;}
  /* v573: floating pill ทุก mode — centering ด้วย left/right + margin:auto (ไม่ใช้ transform)
     iOS Safari/WKWebView bug: position:fixed + transform = nav เลื่อนตาม scroll
     left:16px + right:16px + margin:0 auto + max-width ให้ผลตรงกลางเหมือน translateX(-50%) แต่ fixed ทำงานจริง */
  body:not(.sales-mode) .bnav{left:16px!important;right:16px!important;transform:none!important;width:auto!important;max-width:392px!important;margin:0 auto!important;border-radius:36px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(20,32,48,.82)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 18px 40px rgba(0,0,0,.42),0 6px 16px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.06) inset!important;padding-bottom:8px!important;}
  /* v573: Sales floating pill — ขาว frosted, ลอยเหนือ bottom + safe area, ไม่มี transform */
  body.sales-mode .bnav{left:16px!important;right:16px!important;transform:none!important;width:auto!important;max-width:392px!important;margin:0 auto!important;border-radius:36px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;padding-bottom:8px!important;}
}
@media (max-width: 370px){
  #scr-teamview #tv-action-btns{gap:5px!important;}
  #scr-teamview #tv-target-btn,
  #scr-teamview #tv-portfolio-btn,
  #scr-teamview #tv-commission-btn,
  #scr-teamview .comm-btn{padding:6px 8px!important;font-size:var(--text-sm)!important;}
  #scr-teamview #tv-title{max-width:82px!important;font-size:var(--text-2xl)!important;}
  .tv-full-name{font-size:var(--text-lg)!important;}
  .tv-full-pace,.tv-star-pace{font-size:var(--text-2xl)!important;}
}

/* ── freshket-v212b-panel-target-ui-css ── */
/* v212b — UI-only cleanup: remove duplicated overflow badge and keep info button inline. */
.tgt-overflow-badge{display:none!important;}
.tgt-pct-legend{align-items:center!important;gap:8px!important;}
.tgt-info-btn{flex:0 0 auto!important;margin-left:auto!important;}
@media(max-width:420px){
  .tgt-pct-legend{gap:7px!important;}
  .tgt-info-btn{width:28px!important;height:28px!important;min-width:28px!important;}
  .tgt-month-input{font-variant-numeric:tabular-nums;letter-spacing:.2px;}
}

/* ── freshket-v212c-diagnostics-css ── */
/* v212c — diagnostic visibility only. No layout/business formula changes. */
#sheets-loaded-count.sense-core-ready{background:var(--tk-accent-dim)!important;color:var(--tk-accent-solid)!important;}
#sheets-loaded-count.sense-all-ready{background:var(--tk-ok-dim-2)!important;color:var(--g700)!important;}
#sheets-loaded-count.sense-partial{background:rgba(240,176,0,.16)!important;color:#9a6500!important;}

/* ── freshket-v213-guided-intelligence-ux-css ── */
/* v213 — Guided Intelligence UX: purposeful defaults, discoverable drill-down, premium commission reward, native-safe PWA polish. */
:root{--v213-gold:#ffe08a;--v213-gold2:#f0b000;--v213-gold3:#8a5a00;--v213-blue:#4f8cff;}

/* 1) SKU price trend starts as the intentional analytical default. */
.sku-view-toggle.v213-price-default{box-shadow:0 0 0 1px var(--tk-ok-dim),0 4px 14px rgba(0,0,0,.06)!important;}
.sku-view-toggle.v213-price-default #svt-price.on{position:relative;overflow:hidden;}
.sku-view-toggle.v213-price-default #svt-price.on:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 75%);transform:translateX(-120%);animation:v213-sheen-once 1.4s ease .25s 1 both;pointer-events:none;}
@keyframes v213-sheen-once{0%{transform:translateX(-120%)}100%{transform:translateX(150%)}}

/* 2) Restaurant mode is a drill-down action, not a hidden tab. */
body.kam-mode #nav-restaurant{position:relative;}
body.kam-mode #nav-restaurant .nwrap{position:relative;border-radius:16px;padding:8px 13px!important;background:linear-gradient(135deg,var(--tk-accent-dim-3),color-mix(in srgb,var(--tk-bg-base) 72%,transparent));box-shadow:0 0 0 1px rgba(140,200,255,.22) inset,0 0 18px rgba(80,150,255,.12);transition:transform .18s ease,box-shadow .25s ease,background .25s ease;}
body.kam-mode #nav-restaurant .nwrap:before{content:'';position:absolute;inset:-5px;border-radius:var(--r-xl);background:radial-gradient(circle,rgba(140,200,255,.20),transparent 68%);opacity:.65;pointer-events:none;animation:v213-drill-halo 3.4s ease-in-out infinite;}
body.kam-mode #nav-restaurant .lb{font-weight:850;color:rgba(var(--ink-blue-hi),.88)!important;}
/* v492: in sdt-light Save mode, nav-restaurant label must be dark (light-bg context) */
body.sdt-light.kam-sense-active.kam-mode .bnav #nav-restaurant .lb{color:rgba(0,0,0,.52)!important;font-weight:var(--fw-semi)!important;}
body.kam-mode #nav-restaurant.v213-coach-pulse .nwrap{animation:v213-drill-pulse 1.6s ease 1 both;}
body.kam-mode.restaurant-sheet #nav-restaurant .nwrap{background:linear-gradient(135deg,var(--tk-ok-border),var(--tk-accent-dim-3));box-shadow:0 0 0 1px var(--tk-ok-border) inset,0 0 22px var(--tk-ok-dim-2);}
@keyframes v213-drill-halo{0%,100%{opacity:.42;transform:scale(.98)}50%{opacity:.82;transform:scale(1.05)}}
@keyframes v213-drill-pulse{0%,100%{transform:scale(1)}38%{transform:scale(1.08)}68%{transform:scale(.98)}}
#v213-drill-coach{position:fixed;left:50%;bottom:calc(112px + env(safe-area-inset-bottom) - var(--float-drop,0px));transform:translateX(-50%) translateY(12px);z-index:10020;max-width:min(330px,calc(100vw - 38px));padding:10px 13px 10px 12px;border-radius:16px;background:rgba(12,28,54,.94);border:1px solid rgba(140,200,255,.35);box-shadow:0 12px 36px rgba(0,0,0,.28),0 0 18px rgba(80,150,255,.14);color:var(--tk-text-primary);font-size:var(--text-md);font-weight:750;line-height:1.42;display:flex;gap:9px;align-items:flex-start;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.34,1.2,.64,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
#v213-drill-coach.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
#v213-drill-coach .v213-coach-star{color:#8fd0ff;filter:drop-shadow(0 0 8px rgba(140,200,255,.55));font-size:var(--text-xl);line-height:1.2;}
#v213-drill-coach .v213-coach-copy strong{color:#8fd0ff;}
#v213-drill-coach button{margin-left:4px;border:none;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72);border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:var(--text-lg2);line-height:1;flex-shrink:0;}

/* ── v302: Spotlight "ตัวเลขนี้เปลี่ยนวิธีวัดแล้ว" (installNrrSpotlight) ──────────────
   จอมืดด้วย box-shadow ของช่องเว้น — ไม่ต้องยก z-index ของแถบจริง (พ้น transform ของ .pv-collapsible) */
#nrr-spotlight{position:fixed;inset:0;z-index:10030;opacity:0;transition:opacity .22s ease;pointer-events:auto;}
#nrr-spotlight.show{opacity:1;}
#nrr-spotlight .nrr-spot-hole{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(4,10,22,.80),0 0 0 2px rgba(77,220,151,.55),0 0 30px 6px rgba(77,220,151,.20);pointer-events:auto;}
#nrr-spotlight .nrr-spot-card{position:fixed;left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 32px));background:rgba(22,41,74,.98);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:15px 15px 13px;color:var(--tk-text-primary);box-shadow:0 14px 40px rgba(0,0,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
#nrr-spotlight .nrr-spot-title{font-size:var(--text-lg);font-weight:var(--fw-semi);margin-bottom:6px;letter-spacing:-.01em;}
#nrr-spotlight .nrr-spot-body{font-size:var(--text-md);line-height:1.65;color:rgba(255,255,255,.75);margin-bottom:13px;}
#nrr-spotlight .nrr-spot-ok{width:100%;padding:11px 0;border-radius:10px;border:0;background:var(--tk-ok-500);color:#04231a;font-family:inherit;font-size:var(--text-lg2);font-weight:var(--fw-semi);cursor:pointer;}
#nrr-spotlight .nrr-spot-link{display:block;width:100%;margin-top:8px;padding:6px 0;border:0;background:transparent;color:rgba(255,255,255,.6);font-family:inherit;font-size:var(--text-md);cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
#nrr-spotlight .nrr-spot-ok:focus-visible,#nrr-spotlight .nrr-spot-link:focus-visible{outline:2px solid var(--tk-ok-bright);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){#nrr-spotlight{transition:none;}}
body.kam-mode #mode-toggle-wrap{opacity:.64;transform:scale(.94);transform-origin:right center;transition:opacity .2s ease,transform .2s ease;}
body.kam-mode #mode-toggle-wrap:hover{opacity:1;transform:scale(1);}
body.kam-mode.restaurant-sheet #mode-toggle-wrap{opacity:.45;}

/* 3) Commission reward loop — always visible, more special when unlocked. */
.pv-comm-strip.v210k{position:relative;overflow:hidden;border-color:rgba(255,224,138,.42)!important;background:linear-gradient(135deg,rgba(255,224,138,.10),rgba(35,73,126,.52) 46%,rgba(15,42,76,.50))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,224,138,.05),0 6px 22px rgba(0,0,0,.10)!important;}
.pv-comm-strip.v210k:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 8% 0%,rgba(255,224,138,.18),transparent 34%),linear-gradient(110deg,transparent,rgba(255,224,138,.08),transparent);opacity:.62;pointer-events:none;}
.pv-comm-strip.v210k .pv-comm-title{color:rgba(255,224,138,.92)!important;}
.pv-comm-strip.v210k .pv-comm-main{color:#ffe08a!important;text-shadow:0 0 18px rgba(255,224,138,.18)!important;}
.pv-comm-strip.v210k .pv-comm-chip{color:#ffe08a!important;border-color:rgba(255,224,138,.34)!important;background:rgba(255,224,138,.12)!important;}
.pv-comm-strip.v210k.v213-locked .pv-comm-chip:before{content:'🔒 ';font-size:var(--text-2xs);}
.pv-comm-strip.v210k.v213-near{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,224,138,.12),0 0 24px rgba(240,176,0,.13)!important;animation:v213-gold-breathe 3.8s ease-in-out infinite;}
.pv-comm-strip.v210k.v213-unlocked{border-color:rgba(255,224,138,.68)!important;background:linear-gradient(135deg,rgba(255,224,138,.19),rgba(35,73,126,.54) 48%,rgba(10,31,60,.50))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 0 1px rgba(255,224,138,.16),0 0 28px rgba(240,176,0,.16)!important;}
.pv-comm-strip.v210k.v213-unlocked:after{content:'';position:absolute;top:-35%;bottom:-35%;width:55%;left:-70%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.24),rgba(255,224,138,.18),transparent);transform:skewX(-18deg);animation:v213-earned-sheen 7s ease-in-out infinite;pointer-events:none;}
.pv-comm-strip.v210k.v213-unlocked .pv-comm-chip:before{content:'✦ ';}
.pv-comm-strip.v210k.v213-unlocked .pv-comm-main{animation:v213-amount-pop .55s cubic-bezier(.34,1.56,.64,1) 1 both;}
/* UIR: ยอดเดิมของคนเดิมเด้งได้ครั้งเดียวต่อการเปิดแอป (06 applyCommissionClasses ติด pv-comm-popped ตอนวาดซ้ำ) */
.pv-comm-strip.v210k.v213-unlocked.pv-comm-popped .pv-comm-main{animation:none;}
@keyframes v213-gold-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}
@keyframes v213-earned-sheen{0%,68%{left:-75%;opacity:0}72%{opacity:1}88%{left:125%;opacity:.95}100%{left:125%;opacity:0}}
@keyframes v213-amount-pop{0%{transform:translateY(2px) scale(.98);opacity:.75}100%{transform:translateY(0) scale(1);opacity:1}}


/* ══ Sales nav visual — injected here to override body.kam-mode .bnav .ni svg{color:var(--tk-text-primary)}
   Cascade: portview.css injects AFTER nav.css, so this wins correctly ══ */
body.sales-mode.kam-mode .bnav {
  background: rgba(255,255,255,.72) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 28px rgba(0,0,0,.12) !important;
  border-radius: 36px !important;
  width: calc(100% - 32px) !important;
  max-width: var(--app-max,440px) !important;
  padding: 8px 8px !important;
  bottom: calc(6px + env(safe-area-inset-bottom)) !important;
}
body.sales-mode.kam-mode .bnav .ni svg     { color: #222222 !important; opacity: .32 !important; filter: none !important; }
body.sales-mode.kam-mode .bnav .ni .lb     { color: #6A6A6A !important; }
body.sales-mode.kam-mode .bnav .ni.on svg  { color: #FF385C !important; opacity: 1 !important; filter: drop-shadow(0 0 5px rgba(255,56,92,.35)) !important; }
body.sales-mode.kam-mode .bnav .ni.on .lb  { color: #FF385C !important; font-weight: var(--fw-bold) !important; }

/* Skills + Echo disabled in KAM Sense (Save) flow */
body.kam-sense-active.kam-mode .bnav #nav-skills   { opacity: .25 !important; pointer-events: none !important; }
body.kam-sense-active.kam-mode .bnav #nav-echo-kam { opacity: .25 !important; pointer-events: none !important; }

/* ── v683: SKU badge shimmer — hide badge rows while KAM bundle loading ──
   pv-shimmer-wrap exists only during shimmer active (IDB boot → ETag complete).
   Prevents .portview-acct-badge-row flashing empty → then suddenly showing
   สั่ง/หาย/เฝ้าดู when KAM bundle arrives ~1s later. */
#portview-list:has(#pv-shimmer-wrap) .portview-acct-badge-row,
#portview-list:has(#tv-shimmer-wrap) .portview-acct-badge-row {
  visibility: hidden;
}

/* v753n: detail panel expansion handled via _pvExpandedHDirty flag in JS */

/* ── H9 (25 ต.ค. 2569 · บอร์ด StreakStates / StreakSheet): ไฟวันต่อเนื่อง ─────────────────────────────
   ระดับ: ดับ (off) · ถ่านแดง 1–4 (l1) · ส้ม 5–9 (l2) · ทอง 10–19 (l3) · ฟ้าขาว 20+ (l4) — สีไฟมาจาก --fl-* ของระดับ */
.kam-streak-chip,.ks-sheet,.ks-toast{--fl-a:#FFE08A;--fl-b:#FF8A3D;--fl-c:#E8452C;--fl-core-a:#FFF8E1;--fl-core-b:#FFC94D;}
.lv-off{--fl-a:#9aa6b8;--fl-b:#6b778a;--fl-c:#4b5566;--fl-core-a:#c9d1dc;--fl-core-b:#8a95a6;}
.lv-l1{--fl-a:#ffb37a;--fl-b:#e8642c;--fl-c:#a8321c;--fl-core-a:#ffd9b8;--fl-core-b:#ff9a5c;}
.lv-l4{--fl-a:#ffffff;--fl-b:#9fd4ff;--fl-c:#4a8dff;--fl-core-a:#ffffff;--fl-core-b:#d6ecff;}
.kam-streak-chip[hidden],.ks-wrap[hidden],.ks-toast[hidden]{display:none!important;}
.kam-streak-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 8px;border-radius:var(--r-pill);font-family:inherit;cursor:pointer;color:#fff;flex-shrink:0;
  border:1px solid rgba(255,160,80,.6);background:linear-gradient(135deg,rgba(255,120,50,.26),rgba(255,224,138,.10));box-shadow:0 0 18px rgba(255,120,50,.35),inset 0 1px 0 rgba(255,255,255,.12);}
.kam-streak-chip svg{width:21px;height:21px;filter:drop-shadow(0 0 6px rgba(255,140,60,.9));}
.kam-streak-chip b{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:15px;font-weight:var(--fw-bold);}
.kam-streak-chip span{font-size:11px;font-weight:var(--fw-semi);color:rgba(255,230,200,.9);}
.kam-streak-chip.lv-off{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05);box-shadow:none;color:rgba(255,255,255,.75);}
.kam-streak-chip.lv-off svg{filter:none;opacity:.6;}
.kam-streak-chip.lv-off span{color:rgba(255,255,255,.65);}
.kam-streak-chip.lv-l1{border-color:rgba(255,160,80,.35);background:rgba(255,120,50,.10);box-shadow:none;color:#ffd9b8;}
.kam-streak-chip.lv-l1 svg{width:16px;height:16px;filter:none;opacity:.9;}
.kam-streak-chip.lv-l2{border-color:rgba(255,160,80,.5);background:linear-gradient(135deg,rgba(255,120,50,.20),rgba(255,224,138,.06));box-shadow:none;}
.kam-streak-chip.lv-l2 svg{filter:drop-shadow(0 0 4px rgba(255,140,60,.7));}
.kam-streak-chip.lv-l4{border-color:rgba(150,210,255,.75);background:linear-gradient(135deg,rgba(90,170,255,.30),rgba(255,224,138,.14));box-shadow:0 0 22px rgba(110,180,255,.55),0 0 8px rgba(255,224,138,.4);}
.kam-streak-chip.lv-l4 svg{width:24px;height:24px;filter:drop-shadow(0 0 8px rgba(140,200,255,1));}
/* แผ่นรายละเอียด */
.ks-wrap{position:fixed;inset:0;z-index:10040;}
.ks-dim{position:absolute;inset:0;background:rgba(4,10,22,.55);}
.ks-sheet{position:absolute;left:0;right:0;bottom:0;max-height:calc(100dvh - 48px);overflow-y:auto;border-radius:24px 24px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;color:#fff;
  background:radial-gradient(90% 38% at 50% 12%,rgba(255,120,50,.30),rgba(255,120,50,0) 70%),linear-gradient(180deg,#14284d,#0b1a36 60%);border-top:1px solid rgba(255,160,80,.35);box-sizing:border-box;}
.ks-sheet p{margin:0;}
.ks-grab{width:38px;height:4px;border-radius:2px;background:rgba(255,255,255,.25);}
.ks-x{position:absolute;top:12px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);font-size:14px;cursor:pointer;}
.ks-big{margin-top:18px;width:104px;height:104px;filter:drop-shadow(0 0 22px rgba(255,120,50,.85)) drop-shadow(0 0 6px rgba(255,200,90,.9));}
.ks-sheet.lv-off .ks-big{filter:none;opacity:.6;}
.ks-num{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:60px;font-weight:var(--fw-bold);line-height:1;margin-top:4px;letter-spacing:-.03em;background:linear-gradient(180deg,#FFF3C4,#FFB547);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ks-lb{font-size:15px;font-weight:var(--fw-semi);color:rgba(255,235,210,.92);margin-top:2px;}
.ks-praise{margin-top:14px;text-align:center;font-size:15px;line-height:1.55;}
.ks-praise b{color:#ffd27a;}
.ks-praise span{display:block;font-size:12.5px;color:rgba(255,255,255,.6);margin-top:2px;}
.ks-st{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
.ks-st div{padding:10px 8px;text-align:center;}
.ks-st div+div{border-left:1px solid rgba(255,255,255,.08);}
.ks-st b{display:block;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:17px;font-weight:var(--fw-bold);}
.ks-st span{font-size:11px;color:rgba(255,255,255,.55);}
.ks-cal{width:100%;margin-top:16px;}
.ks-hd{display:flex;justify-content:space-between;font-size:12.5px;font-weight:var(--fw-bold);color:rgba(255,255,255,.75);}
.ks-hd span{font-weight:500;color:rgba(255,255,255,.5);}
.ks-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:8px;}
.ks-w{font-size:10.5px;text-align:center;color:rgba(255,255,255,.45);}
.ks-d{height:38px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);box-sizing:border-box;}
.ks-d.blank{background:transparent;}
.ks-d.on{background:linear-gradient(180deg,rgba(255,138,61,.30),rgba(255,138,61,.12));color:#fff;border:1px solid rgba(255,160,80,.45);}
.ks-d .ks-mini{width:14px;height:14px;filter:drop-shadow(0 0 4px rgba(255,140,60,.9));}
.ks-d.miss{background:rgba(255,255,255,.03);color:rgba(255,255,255,.35);text-decoration:line-through;}
.ks-d.today{border:1.5px dashed rgba(255,224,138,.7);color:#ffe08a;}
.ks-d.fut{background:transparent;border:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.3);}
.ks-d.off{background:transparent;color:rgba(255,255,255,.2);}
.ks-ms{width:100%;display:flex;gap:6px;margin-top:14px;}
.ks-ms span{flex:1;text-align:center;font-size:11px;font-weight:var(--fw-bold);border-radius:var(--r-pill);padding:5px 0;background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);white-space:nowrap;}
.ks-ms span.ok{background:rgba(255,138,61,.18);color:#ffc58a;}
.ks-ms span.nx{border:1px dashed rgba(255,224,138,.6);color:#ffe08a;background:transparent;}
.ks-rule{margin-top:12px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.45);text-align:center;}
/* Olive ชมตอนครบหมุด */
.ks-toast{position:fixed;left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom) - var(--float-drop,0px));z-index:10035;border-radius:16px;padding:12px 14px;display:flex;gap:12px;align-items:center;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,rgba(255,120,50,.22),rgba(255,224,138,.10)),#122340;border:1px solid rgba(255,170,90,.55);box-shadow:0 10px 26px rgba(0,0,0,.3),0 0 20px rgba(255,120,50,.25);}
.ks-toast svg{width:34px;height:34px;flex:0 0 auto;filter:drop-shadow(0 0 8px rgba(255,140,60,.95));}
.ks-toast b{display:block;font-size:14.5px;}
.ks-toast span{display:block;font-size:12.5px;color:rgba(255,240,220,.85);margin-top:1px;}
@media (prefers-reduced-motion:reduce){.kam-streak-chip,.ks-toast{transition:none;}}

/* ── H10 (25 ต.ค. 2569 · บอร์ด HomeNew / ShopNew): ปุ่มกลางเมนูล่างของ KAM (12_nav_config ติด .nav-center) ─────────
   หน้าพอร์ต = Echo (วงเข้ม ขอบเขียว แท่งเสียง 5 แท่งของจริง) · หน้าร้าน = Profile ร้าน (วงขาว ไอคอนบ้าน)
   ชั้นเดิม (.nwrap ไม่มีพื้น/กรอบ !important) ⇒ ต้อง !important · .ni ตัดของล้น ⇒ ปุ่มกลางเปิดให้ล้นขึ้นได้ */
body.kam-mode .bnav .ni.nav-center{overflow:visible;}
body.kam-mode .bnav .ni.nav-center .nwrap{width:54px;height:54px;margin-top:-30px;border-radius:50%;box-sizing:border-box;
  box-shadow:0 0 0 4px var(--tk-bg-base),0 8px 22px rgba(0,0,0,.35)!important;}
body.kam-mode .bnav .ni.nav-center.echo-nav-btn .nwrap{background:radial-gradient(circle at 50% 35%,#16303a,#0a1a22)!important;border:2px solid var(--tk-ok-bright)!important;
  box-shadow:0 0 0 4px var(--tk-bg-base),0 8px 22px rgba(0,206,124,.40)!important;}
body.kam-mode .bnav .ni.nav-center.echo-nav-btn .lb{color:var(--tk-ok-bright);font-weight:var(--fw-bold);}
/* 25 ต.ค. 2569 (Bucci "ไม่สวยน่ากด"): Profile กลาง = วงกลมแบบเดียวกับ Echo แต่สีทอง (เดิมกล่องขาว) */
body.kam-mode .bnav #nav-restaurant.nav-center .nwrap{background:radial-gradient(circle at 50% 35%,#ffd98a,#e9b552)!important;border:2px solid #f2c76b!important;
  box-shadow:0 0 0 4px var(--tk-bg-base),0 8px 22px rgba(242,199,107,.38)!important;}
body.kam-mode .bnav #nav-restaurant.nav-center svg{color:#0b1424;opacity:1;filter:none;width:25px;height:25px;}
body.kam-mode .bnav #nav-restaurant.nav-center .lb{color:#f2c76b!important;font-weight:var(--fw-bold);}
.nav-hint-bubble{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(104px + env(safe-area-inset-bottom) - var(--float-drop,0px));z-index:10030;padding:8px 12px;border-radius:12px;
  background:#ffffff;color:#0b1424;font-size:var(--text-sm);font-weight:var(--fw-bold);white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.35);cursor:pointer;}
.nav-hint-bubble::after{content:'';position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:#ffffff;}

/* ── แถบเมนูลอย: ชิดขอบจอแบบ Apple Health + หลบตอนเลื่อนลงแบบ YouTube (Bucci 25 ต.ค. 2569 · 12_nav_config _navTuck) ──
   เดิมบนมือถือ bottom = 14px + safe-area (iPhone ≈ 48px เหนือขอบ) ⇒ ใหม่ ลอยเหนือแถบ home พอดี (iPhone ≈ 14px · ไม่มี safe-area = 12px)
   ไม่แตะโหมด Products (kam-sense-active: แถบเป็นถาดแผนซื้อ มี padding safe-area ข้างใน)
   หลบ = เลื่อน bottom ลงพ้นจอ (ไม่ใช้ transform — iOS fixed+transform เลื่อนตาม scroll) */
@media (max-width: 430px){
  html body.kam-mode:not(.kam-sense-active) .bnav{
    bottom:max(12px, calc(env(safe-area-inset-bottom,0px) - 20px))!important;
    transition:bottom .28s cubic-bezier(.2,.8,.2,1)!important;
  }
  html body.kam-mode.nav-tucked:not(.kam-sense-active) .bnav{bottom:-140px!important;}
  /* ของที่ลอยเหนือแถบ (ป้ายโหลด ป้ายอัปเดต Echo ล็อกค่าคอมฯ คำแนะนำ ฯลฯ) ลงตามแถบด้วยระยะเดียวกัน:
     --float-drop = ตำแหน่งแถบเดิม (14px + safe-area) − ตำแหน่งใหม่ · แถบหลบ ⇒ ลงอีก 50px แบบ YouTube
     (iPhone: ป้ายต่ำสุด = ป้ายอัปเดต 74+34−84 = 24px เหนือขอบ ยังไม่ทับแถบ home) */
  html body.kam-mode:not(.kam-sense-active){--float-drop:calc(14px + env(safe-area-inset-bottom,0px) - max(12px, calc(env(safe-area-inset-bottom,0px) - 20px)));}
  html body.kam-mode.nav-tucked:not(.kam-sense-active){--float-drop:calc(64px + env(safe-area-inset-bottom,0px) - max(12px, calc(env(safe-area-inset-bottom,0px) - 20px)));}
  html body.kam-mode.nav-tucked .nav-hint-bubble{opacity:0!important;pointer-events:none!important;}
}
/* ป้ายล็อกค่าคอมฯ (07a สร้างด้วย inline style +124px) — ลงตามแถบโดยไม่แตะ 07a */
#sense-lock-pill{bottom:calc(env(safe-area-inset-bottom,0px) + 124px - var(--float-drop,0px))!important;}
@media (prefers-reduced-motion: reduce){
  html body.kam-mode .bnav{transition:none!important;}
}

/* ── การ์ดร้าน 2 แถว (Bucci 25 ต.ค. 2569 · 06 fullCard) ── */
.portview-acct-card.pv2{padding:10px 12px 9px 12px;margin-bottom:7px}
.pv2-r1{display:flex;align-items:center;gap:7px;min-width:0}
.pv2 .portview-acct-name{font-size:var(--text-base)}
.pv2 .portview-acct-pace:not(.new):not(.idle){font-size:var(--text-xl);letter-spacing:-.4px}   /* ป้ายคำ (จาก Sales / ร้านใหม่ / หยุดซื้อ) คงเป็นป้ายเล็ก — v378 เผลอขยาย */
.pv2 .portview-acct-pace.capped{font-size:var(--text-lg)}
.pv2-r2{display:flex;align-items:center;gap:7px;margin-top:4px;min-width:0}
.pv2-dl{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);flex-shrink:0;color:rgba(255,255,255,.75)}
.pv2-dl.kind{color:rgba(140,180,255,.95)}   /* ร้านไม่นับ %NRR: สีกลาง ไม่ใช่สีสุขภาพ */
.pv2-dl.safe{color:var(--hz-on)} .pv2-dl.warn{color:var(--hz-monitor)} .pv2-dl.danger{color:#ff8888} .pv2-dl.hz-glow{color:var(--hz-glow)}
.pv2-mu{font-size:var(--text-xs);color:rgba(225,238,255,.66);min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 25 ต.ค. 2569 (Bucci "จางเกินไป"): ฐานบาท + GP เป็นตัวเลขหลักของแถว ⇒ สว่างและหนากว่าคำประกอบ */
.pv2-mu b{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:rgba(240,246,255,.92)}
.pv2-gp{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:rgba(240,246,255,.92)}
.pv2-gp.neg{color:#ff8888}
.pv2-sp{margin-top:0;flex-shrink:0;height:13px}
.pv2-chip{font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:2px 8px;border-radius:99px;white-space:nowrap;flex-shrink:0;border:1px solid}
.pv2-chip.gone{color:#ff9a5c;background:rgba(255,120,60,.12);border-color:rgba(255,120,60,.3)}
.pv2-chip.slow{color:#ff8c3a;background:rgba(255,140,40,.1);border-color:rgba(255,140,40,.28)}
.pv2-chip.near{color:#f0c040;background:rgba(240,176,0,.1);border-color:rgba(240,176,0,.28)}
.pv2-tag{font-size:var(--text-3xs);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;background:var(--tk-accent-dim-2);color:rgba(130,178,255,.8);border:1px solid var(--tk-accent-dim-3);border-radius:var(--r-xs);padding:1px 5px;flex-shrink:0}
.pv2-early{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(140,180,255,.8);flex-shrink:0}
.pv2-grp{display:flex;align-items:baseline;gap:8px;margin:12px 2px 7px}
.pv2-grp:first-child{margin-top:2px}
.pv2-grp b{font-size:var(--text-xs);font-weight:800;letter-spacing:1px}
.pv2-grp span{font-size:var(--text-xs);color:rgba(225,238,255,.45)}
.pv2-grp em{margin-left:auto;font-style:normal;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold)}
.pv2-grp.risk b,.pv2-grp.risk em{color:var(--hz-risk)}
.pv2-grp.monitor b,.pv2-grp.monitor em{color:var(--hz-monitor)}
.pv2-grp.on b,.pv2-grp.on em{color:var(--hz-on)}
.pv2-grp.other b{color:rgba(140,180,255,.85)}

/* 25 ต.ค. 2569 (perf): การ์ดพอร์ตเล่นท่าเปิดแค่ครั้งแรก (06 __legacyRenderPortviewListFallback ติด .pv-no-reveal) */
#portview-list.pv-no-reveal .portview-acct-card{animation:none!important}

/* ── 25 ต.ค. 2569 (Bucci): โหมดค้นหา + แถบ "กำลังกรอง" (06 _pvEnterSearchMode / _pvSearchStatus) ── */
.pv-search-head{display:none;align-items:center;justify-content:space-between;margin:0 0 10px}
.pv-search-head span{font-size:var(--text-lg);font-weight:800;color:var(--tk-text-primary)}
.pv-search-head button{background:none;border:0;padding:6px 2px;font-family:inherit;font-size:var(--text-sm);font-weight:var(--fw-bold);color:#7fe9b8;cursor:pointer}
.pv-search-field{position:relative;display:flex;align-items:center}
.pv-search-ico{display:none;position:absolute;left:13px;color:#2ee59d;pointer-events:none}
.pv-search-x{display:none;position:absolute;right:10px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:var(--tk-bg-base,#0a1220);font-size:11px;font-weight:800;line-height:22px;padding:0;cursor:pointer}
.pv-search-count{display:none;font-size:var(--text-xs);color:rgba(225,238,255,.62);margin:9px 2px 0}
.pv-search-count b{color:#7fe9b8}
body.pv-search-mode #scr-portview .portview-title-row,
body.pv-search-mode #scr-portview #pv-compact-strip,
body.pv-search-mode #scr-portview #pv-collapsible,
body.pv-search-mode #scr-portview #pv-sort-sticky{display:none!important}
body.pv-search-mode .pv-search-head{display:flex}
body.pv-search-mode #pv-sort-search-expand{display:block!important;animation:none;margin-bottom:2px}
body.pv-search-mode .pv-search-ico,body.pv-search-mode .pv-search-count{display:block}
body.pv-search-mode #pv-search-collapsed{height:46px;padding:0 40px 0 40px;border-radius:14px;font-size:16px;font-weight:600;background:rgba(46,229,157,.08);border:1.5px solid rgba(46,229,157,.75);box-shadow:0 0 0 4px rgba(46,229,157,.12),0 8px 24px rgba(0,0,0,.35)}
body.pv-search-mode #pv-search-collapsed:placeholder-shown~.pv-search-x{display:none}
body.pv-search-mode #pv-search-collapsed:not(:placeholder-shown)~.pv-search-x{display:block}
mark.pv-hl{background:rgba(46,229,157,.22);color:#9ff5cf;border-radius:4px;padding:0 2px}
.pv-search-banner{display:flex;align-items:center;gap:10px;margin:8px 0 2px;padding:10px 12px;border-radius:12px;background:rgba(240,176,0,.12);border:1px solid rgba(240,176,0,.45);font-size:var(--text-sm);color:#ffd277}
.pv-search-banner[hidden]{display:none}
.pv-search-banner b{color:#fff}
.pv-search-banner .s{font-size:var(--text-xs);opacity:.85}
.pv-search-banner button{margin-left:auto;flex-shrink:0;border:0;border-radius:99px;padding:5px 12px;background:#f0c040;color:#0a1220;font-family:inherit;font-size:var(--text-xs);font-weight:800;cursor:pointer}
body.pv-search-mode .pv-search-banner{display:none}
.pv-search-banner .t{flex:1;min-width:0;cursor:pointer}
body.pv-filtering:not(.pv-search-mode) #pv-sort-search-expand{display:none!important}

/* 25 ต.ค. 2569 (Bucci): หัวหน้าทีม/แอดมินสลับพอร์ต/ทีมจากเมนูล่าง (12 teamToggle) ⇒ ไม่มีปุ่มสลับมุมขวาบน */
body.nav-team-toggle #portview-team-btn,body.nav-team-toggle #tv-portfolio-btn{display:none!important}

/* 25 ต.ค. 2569 (Bucci "cards ดูเบียดกัน"): การ์ดร้าน + การ์ด KAM หน้าทีม เว้นที่หายใจมากขึ้น */
.portview-acct-card.pv2{padding:12px 14px 11px 13px;margin-bottom:10px}
.pv2 .pv2-r2{margin-top:6px}
#scr-teamview #teamview-content .tv-full-card,#scr-teamview #teamview-content .tv-star-card{padding:14px 15px 13px!important;margin-bottom:12px!important}
/* แตะปุ่มเมนูล่างแล้วติดทันที (12 _navPress) — เห็นก่อนที่แอปจะเริ่มวาดหน้าใหม่ */
.bnav .ni.ni-press .lb{color:#5ef0a8!important}
.bnav .ni.ni-press svg{color:#5ef0a8;filter:drop-shadow(0 0 6px rgba(94,240,168,.7))}
</style>
<style id="tv-module-css">
/* ============================================================
   FRESHKET SENSE — TEAMVIEW PATCH STYLES (v213a-f)
   src/styles_teamview.css · Phase 0E (verbatim copy, !important preserved)
   Scope: body.v213X-teamview-active #scr-teamview + v213a global cleanup
   ============================================================ */

/* ── freshket-v213a-guided-ux-cleanup-css ── */
/* v213a — cleanup after field test. Keep the useful affordance, remove intrusive floating helper. */
#v213-drill-coach{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;}
body.kam-mode #mode-toggle-wrap,
#mode-toggle-wrap{display:none!important;visibility:hidden!important;pointer-events:none!important;}

/* Restaurant drill CTA: use original wording, align with the rest of the icon bar, signal with 1-2 calm glints only. */
body.kam-mode #nav-restaurant{position:relative;}
body.kam-mode #nav-restaurant .lb{line-height:1.15!important;margin-top:2px!important;text-align:center!important;white-space:nowrap!important;}
body.kam-mode #nav-restaurant .nwrap{position:relative;border-radius:16px;overflow:visible;}
body.kam-mode #nav-restaurant .nwrap:before{display:none!important;animation:none!important;}
body.kam-mode #nav-restaurant.v213a-drill-glint .nwrap:after{
  content:'';position:absolute;inset:-7px;border-radius:var(--r-xl);pointer-events:none;
  background:linear-gradient(105deg,transparent 10%,rgba(255,255,255,.42) 45%,rgba(120,210,255,.28) 52%,transparent 78%);
  transform:translateX(-115%) rotate(8deg);
  animation:v213a-nav-glint 1.05s ease-out 0s 2 both;
  filter:blur(.2px);
}
@keyframes v213a-nav-glint{0%{opacity:0;transform:translateX(-120%) rotate(8deg)}18%{opacity:.85}72%{opacity:.55}100%{opacity:0;transform:translateX(120%) rotate(8deg)}}

/* Price trend default: make the movement visible but premium, not noisy. */
.sku-view-toggle.v213a-price-default #svt-price.on{position:relative;overflow:hidden;}
.sku-view-toggle.v213a-price-default #svt-price.on:after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.28) 42%,var(--tk-ok-border) 54%,transparent 78%);
  transform:translateX(-120%);
  animation:v213a-price-sheen 1.25s ease .18s 1 both;
}
@keyframes v213a-price-sheen{0%{opacity:0;transform:translateX(-120%)}20%{opacity:.9}100%{opacity:0;transform:translateX(120%)}}
#skulist.v213a-price-list-pulse .sparkline{animation:v213a-sparkline-rise .7s ease-out 1 both;}
@keyframes v213a-sparkline-rise{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}

/* Olive bubble: no startup-floating before the app is ready; allow full opt-out if position gets weird. */
body:not(.sense-app-ready) #aifab{opacity:0!important;pointer-events:none!important;}
#aifab.v213a-hidden{display:none!important;}

/* ── freshket-v213c-pwa-teamview-responsive-repair-css ── */
/* v213c — Teamview PWA repair. Scope: CSS/runtime layout only. No data/NRR/commission formula changes. */
@media (max-width: 430px){
  /* Screen rhythm */
  #scr-teamview{overflow-x:hidden!important;background:var(--tk-bg-base)!important;}
  /* v700: padding-left/right/bottom only — NO padding-top here.
     padding-top is set exclusively by JS _tvSyncListOffset() via inline style
     (same pattern as _pvSyncListOffset / portview-list which has no !important padding-top).
     Adding padding-top:anything!important here would override JS inline style. */
  #teamview-content{
    padding-left:16px!important;
    padding-right:16px!important;
    padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
  }

  /* Header: undo v212a title squeeze and keep desktop hierarchy */
  #scr-teamview .portview-head{
    display:flex!important;align-items:center!important;gap:8px!important;
    padding:13px 16px 8px!important;min-width:0!important;flex-wrap:nowrap!important;
  }
  #scr-teamview #tv-title{
    font-size:var(--text-lg2)!important;line-height:1.18!important;max-width:none!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:0 1 auto!important;
  }
  #scr-teamview #tv-action-btns{
    margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:6px!important;min-width:0!important;flex:0 0 auto!important;flex-wrap:nowrap!important;
  }
  #scr-teamview #tv-target-btn,
  #scr-teamview #tv-portfolio-btn,
  #scr-teamview #tv-commission-btn,
  #scr-teamview .comm-btn{
    height:32px!important;padding:6px 9px!important;border-radius:var(--r-md)!important;
    font-size:var(--text-xs)!important;line-height:1!important;white-space:nowrap!important;flex-shrink:0!important;
  }
  #scr-teamview #tv-target-btn svg,
  #scr-teamview #tv-portfolio-btn svg,
  #scr-teamview #tv-commission-btn svg{width:13px!important;height:13px!important;}
  #scr-teamview .role-pill{height:24px!important;min-width:36px!important;padding:0 8px!important;font-size:var(--text-xs)!important;}

  /* Team pace hero: compact, desktop-like */
  #tv-pace-bar{margin:0 16px 10px!important;}
  #tv-pace-bar .pace-pct-val{font-size:24px!important;line-height:1!important;letter-spacing:-.03em!important;}
  #tv-pace-bar .pace-bar-wrap{height:4px!important;border-radius:3px!important;}

  /* Summary cards: restore 3 signal cards + 4 compact stat cards instead of 2-column oversized blocks */
  #tv-summary-row.portview-summary-row{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;margin:0 16px 12px!important;align-items:stretch!important;
  }
  #tv-summary-row .tv-gov-card{grid-column:1 / -1!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;}
  #tv-summary-row .tv-signal-wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;flex-wrap:wrap;}
  /* UIR-A5: ป้าย/ตัวเลข/บรรทัดล่างของสามช่องบน ⇒ กฎชุดเดียวท้ายไฟล์ (#tv-summary-row .tv-signal-*) */
  #tv-summary-row .portview-stat{padding:10px 6px!important;border-radius:var(--r-card)!important;min-width:0!important;width:auto!important;}
  #tv-summary-row .portview-stat-val{font-size:var(--text-xl3)!important;line-height:1.05!important;}
  #tv-summary-row .portview-stat-lbl{font-size:8.5px!important;line-height:1.2!important;}

  /* Team insight button spacing */
  #tv-ai-btn{margin:0 16px 22px!important;height:44px!important;border-radius:13px!important;}

  /* KAM cards: hard undo v212a tall/grid card treatment. Restore compact desktop-like density. */
  .tv-full-card,.tv-star-card{
    padding:12px 13px!important;border-radius:var(--r-card)!important;margin-bottom:8px!important;overflow:hidden!important;
  }
  .tv-full-top{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:8px!important;margin-bottom:7px!important;min-width:0!important;
  }
  .tv-full-name{
    font-size:var(--text-base)!important;line-height:1.25!important;font-weight:800!important;min-width:0!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--tk-text-primary)!important;
  }
  .tv-full-name span{
    display:inline!important;margin-left:6px!important;white-space:nowrap!important;
    font-size:var(--text-2xs)!important;color:rgba(255,255,255,.62)!important;font-weight:650!important;
  }
  .tv-full-pace,.tv-star-pace{font-size:var(--text-xl)!important;line-height:1!important;min-width:36px!important;text-align:right!important;}
  /* v302: '150%+' บนการ์ด KAM — ลดขนาดให้พอดีคอลัมน์ (ต้อง !important เท่ากับบรรทัดบน) */
  .tv-full-pace.capped{font-size:var(--text-lg)!important;}
  .tv-full-bar,.tv-star-bar{height:4px!important;border-radius:var(--r-xxs)!important;margin:0 0 8px!important;background:rgba(255,255,255,.10)!important;}
  .tv-full-fill,.tv-star-fill{height:100%!important;border-radius:var(--r-xxs)!important;}
  .tv-full-meta{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:8px!important;font-size:var(--text-xs)!important;min-width:0!important;line-height:1.2!important;
  }
  .tv-risk-chips{
    display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important;
    min-width:0!important;overflow:hidden!important;white-space:nowrap!important;flex:1 1 auto!important;
  }
  .tv-risk-chips > span{flex-shrink:0!important;}
  .tv-nrr-pill{
    padding:3px 7px!important;border-radius:var(--r-pill)!important;font-size:var(--text-2xs)!important;line-height:1!important;
    height:20px!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;
  }
  .tv-payout-pill{
    min-width:62px!important;width:auto!important;height:22px!important;padding:0 8px!important;
    font-size:var(--text-xs)!important;line-height:1!important;border-radius:var(--r-pill)!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;flex-shrink:0!important;
  }
  .tv-full-meta > span:not(.tv-nrr-pill):not(.tv-payout-pill){
    flex:0 0 auto!important;min-width:96px!important;text-align:right!important;white-space:nowrap!important;
    font-size:var(--text-xs)!important;line-height:1.2!important;color:rgba(255,255,255,.68)!important;
  }

  /* List toggle row remains compact */
  #teamview-content > div:first-child{padding-bottom:8px!important;}

  /* Keep Olive out of Teamview content on small PWA surfaces; chat still opens from Sense/nav entry points. */
  body:has(#scr-teamview.on) #aifab,
  #scr-teamview.on ~ #aifab{display:none!important;}
}

@media (max-width: 370px){
  #scr-teamview #tv-title{font-size:var(--text-lg)!important;}
  #scr-teamview #tv-action-btns{gap:5px!important;}
  #scr-teamview #tv-target-btn,
  #scr-teamview #tv-portfolio-btn,
  #scr-teamview #tv-commission-btn,
  #scr-teamview .comm-btn{padding:6px 7px!important;font-size:9.5px!important;}
  .tv-full-name{font-size:var(--text-md)!important;}
  .tv-full-name span{font-size:8.5px!important;margin-left:4px!important;}
  .tv-full-meta > span:not(.tv-nrr-pill):not(.tv-payout-pill){min-width:84px!important;font-size:9.5px!important;}
  .tv-payout-pill{min-width:56px!important;font-size:9.5px!important;}
}

/* ── freshket-v213d-teamview-rail-cleanup-css ── */
/* v213d — Final PWA Teamview rail cleanup. Scope: CSS/runtime layout only. No data/NRR/commission formula changes. */
@media (max-width: 430px){
  body.v213d-teamview-active #scr-teamview{
    --tv-rail-x:16px;
    overflow-x:hidden!important;
  }
  /* One shared content rail for Team header/pace/metrics/insight/cards */
  body.v213d-teamview-active #scr-teamview .portview-head,
  body.v213d-teamview-active #tv-pace-bar,
  body.v213d-teamview-active #tv-summary-row,
  body.v213d-teamview-active #tv-ai-btn,
  body.v213d-teamview-active #teamview-content{
    box-sizing:border-box!important;
  }
  body.v213d-teamview-active #scr-teamview .portview-head{
    padding-left:var(--tv-rail-x)!important;
    padding-right:var(--tv-rail-x)!important;
  }
  body.v213d-teamview-active #tv-pace-bar,
  body.v213d-teamview-active #tv-summary-row,
  body.v213d-teamview-active #tv-ai-btn{
    width:calc(100% - (var(--tv-rail-x) * 2))!important;
    margin-left:var(--tv-rail-x)!important;
    margin-right:var(--tv-rail-x)!important;
    max-width:none!important;
  }
  body.v213d-teamview-active #teamview-content{
    padding-left:var(--tv-rail-x)!important;
    padding-right:var(--tv-rail-x)!important;
  }

  /* Pace block: keep all text inside the rail and remove redundant denominator label. */
  body.v213d-teamview-active #tv-pace-bar{
    margin-top:4px!important;
    margin-bottom:12px!important;
    overflow:hidden!important;
  }
  body.v213d-teamview-active #tv-pace-bar .pace-bar-wrap{
    width:100%!important;
    margin-top:7px!important;
  }

  /* Summary cards: contain inside rail and stop desktop decorative overflow. */
  body.v213d-teamview-active #tv-summary-row.portview-summary-row{
    width:calc(100% - (var(--tv-rail-x) * 2))!important;
    margin:0 var(--tv-rail-x) 12px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }
  body.v213d-teamview-active #tv-summary-row .tv-signal-wrap{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  flex-wrap:wrap;}
  body.v213d-teamview-active #tv-summary-row .tv-signal-card.commission::before{
    display:none!important; /* floating ฿ icon caused overlap on PWA */
    content:none!important;
  }
  body.v213d-teamview-active #tv-summary-row .tv-signal-card.commission{
    background:linear-gradient(145deg,rgba(255,198,56,.18),rgba(65,117,219,.18))!important;
    border-color:rgba(255,198,56,.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 18px rgba(0,0,0,.10)!important;
  }
  /* UIR-A5 (20 ต.ค. 2569): กฎป้าย/ตัวเลข/บรรทัดล่างของช่อง v213d ถูกถอด — บรรทัดล่าง nowrap+… ของชุดนี้ชนะ
     กฎ "ไม่ตัดท้าย" (R1 UI #4) ทุกครั้ง จึงตัดเหตุ/ยอดทิ้งบนมือถือ · กฎชุดเดียวอยู่ท้ายไฟล์ */

  /* Lower stat cards stay compact but respect the same rail. */
  body.v213d-teamview-active #tv-summary-row .portview-stat{
    min-width:0!important;
    width:auto!important;
    padding:10px 6px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }

  /* Team Insight must never overflow beyond the cards rail. */
  body.v213d-teamview-active #tv-ai-btn{
    display:flex!important;
    height:44px!important;
    min-height:44px!important;
    max-width:none!important;
    margin-top:2px!important;
    margin-bottom:24px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }
  body.v213d-teamview-active #tv-ai-btn::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
    transform:translateX(-130%);
    animation:tv213dInsightSheen 1.2s ease .45s 1 both;
  }
  @keyframes tv213dInsightSheen{to{transform:translateX(130%);}}

  /* KAM cards are the reference rail; keep their content contained. */
  body.v213d-teamview-active .tv-full-card,
  body.v213d-teamview-active .tv-star-card{
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.v213d-teamview-active .tv-full-meta{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.v213d-teamview-active .tv-full-meta > span:not(.tv-nrr-pill):not(.tv-payout-pill){
    min-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (max-width: 370px){
  body.v213d-teamview-active #scr-teamview{--tv-rail-x:14px;}
}

/* ── freshket-v213e-teamview-full-rail-align-css ── */
/* v213e — PWA Teamview full rail alignment. v213d over-inset the top metrics by adding an extra inner rail. */
@media (max-width: 430px){
  body.v213e-teamview-active #scr-teamview{
    overflow-x:hidden!important;
  }

  /* The portview header already provides the page rail on PWA.
     Do NOT add another inner margin to pace/metrics/insight; it makes the top zone narrower than KAM cards. */
  body.v213e-teamview-active #tv-pace-bar,
  body.v213e-teamview-active #tv-summary-row,
  body.v213e-teamview-active #tv-ai-btn{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  body.v213e-teamview-active #tv-collapsible{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Keep the KAM list on the same visual rail as the top zone. */
  body.v213e-teamview-active #teamview-content{
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  /* Match the top action/title rail to the same container. */
  body.v213e-teamview-active #scr-teamview .portview-title-row,
  body.v213e-teamview-active #scr-teamview .portview-back-wrap{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Give the pace row enough room without creating right-side phantom gutter. */

  /* Cards should fill the rail, not create their own inset. */
  body.v213e-teamview-active #tv-summary-row.portview-summary-row{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.v213e-teamview-active #tv-ai-btn{
    width:100%!important;
  }
}

/* ── freshket-v213f-teamview-card-rail-balance-css ── */
/* v213f — v213e made the top metrics correct but accidentally let KAM cards bleed to the PWA screen edge.
   Keep the top metrics on the full header rail, but restore the KAM list to the same inset/breathing rhythm as desktop. */
@media (max-width: 430px){
  body.v213f-teamview-active #scr-teamview{
    overflow-x:hidden!important;
  }

  /* Top zone: keep v213e fix. Pace/summary/insight stay full within the header rail. */
  body.v213f-teamview-active #tv-pace-bar,
  body.v213f-teamview-active #tv-summary-row,
  body.v213f-teamview-active #tv-ai-btn{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* KAM list: restore an inset rail. This is the visual breathing room the desktop frame has. */
  body.v213f-teamview-active #teamview-content{
    padding-left:16px!important;
    padding-right:16px!important;
    padding-bottom:calc(156px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.v213f-teamview-active #teamview-content .tv-full-card,
  body.v213f-teamview-active #teamview-content .tv-star-card{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    border-radius:var(--r-lg)!important;
  }

  /* The small “14 KAM + view toggles” row belongs to the card rail too. */
  body.v213f-teamview-active #teamview-content > div:first-child{
    width:100%!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Prevent long KAM names/meta from forcing card width. */
  body.v213f-teamview-active #teamview-content .tv-full-top,
  body.v213f-teamview-active #teamview-content .tv-full-meta{
    min-width:0!important;
    max-width:100%!important;
  }
  body.v213f-teamview-active #teamview-content .tv-full-name{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Keep the bottom nav from visually crushing the last visible card. */
  body.v213f-teamview-active #scr-teamview .portview-bottom-spacer,
  body.v213f-teamview-active #scr-teamview .teamview-bottom-spacer{
    height:calc(150px + env(safe-area-inset-bottom))!important;
  }
}

@media (max-width: 370px){
  body.v213f-teamview-active #teamview-content{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

.comm-formula-note{
  margin-top:6px;padding:6px 10px;border-radius:var(--r-sm);
  background:var(--ac-bg);border-left:2px solid var(--br-ac);
  font-size:var(--text-sm);color:var(--tk-text-secondary);line-height:1.6;  /* เดิม --tx2 ของ Echo (#636366 เทาบนพื้นเข้ม อ่านยาก) */
  font-family:var(--tk-font-body);
}

/* UI-H1 (19 ต.ค. 2569): หัวจอทีม — สองแถวที่ตรงกันทุกความกว้าง
   แถวบน: เลข %NRR ทีม (ซ้าย) · ยอดเดือนนี้ / ฐาน (ขวา) — ฐานบรรทัดเดียวกัน
   แถวล่าง: คำอธิบายซ้าย + ⓘ · คำอธิบายขวา — ขนาดเท่ากัน บรรทัดเดียว ยาวเกินตัดท้าย (ข้อความเต็มใน title/แผง ⓘ)
   แทนกฎชุดเก่าที่บังคับ flex ให้แถวเดิม (ซ้าย 2 บรรทัด ขวา 3 บรรทัด ⓘ หลุดไปฝั่งขวา) */
#tv-pace-bar .tv-hero{
  display:grid!important;grid-template-columns:minmax(0,max-content) minmax(0,max-content)!important;justify-content:space-between!important;
  column-gap:12px!important;row-gap:4px!important;
  align-items:baseline!important;margin-bottom:8px!important;min-width:0!important;width:100%!important;
}
/* UIR-A2: สองคอลัมน์กว้างตามเนื้อหา (max-content) — ที่พอ ⇒ บรรทัดเดียวทั้งคู่เหมือนเดิม · ที่ไม่พอ ⇒ แบ่งที่เท่า ๆ กัน
   แล้วคอลัมน์ที่ยาวกว่าตัดบรรทัด (เดิมขวาเอาที่เต็ม 162 px ซ้ายเหลือ 99–114 px แล้วตัดท้าย) */
#tv-pace-bar .tv-hero-pct{font-size:24px!important;line-height:1.1!important;letter-spacing:-.03em!important;white-space:nowrap;}
#tv-pace-bar .tv-hero-gmv{
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);
  color:rgba(255,255,255,.85);text-align:right;white-space:nowrap;line-height:1.1;
}
#tv-pace-bar .tv-hero-gmv-base{font-size:var(--text-md);font-weight:400;color:var(--tk-text-muted);}
/* UIR-A2 (20 ต.ค. 2569): คำอธิบายตัดบรรทัดได้ ไม่ตัดท้าย — เดิม nowrap+… ⇒ มือถือเห็นไม่ครบ "· 3 KAM"
   และ "ข้อมูลเมื่อ …"/"ข้อมูลไตรมาสใหม่ยังไม่มา" หายทั้งท่อน (จอกว้างก็หายในสถานะข้อมูลเก่า)
   จอกว้าง: คำอธิบายขวาบรรทัดเดียวเท่าเดิม ซ้ายตัดบรรทัดเมื่อยาวเกิน · มือถือ: ขวาตัดบรรทัดในความกว้างของยอด */
#tv-pace-bar .tv-hero-cap{
  display:block;min-width:0;
  font-size:var(--text-xs);line-height:1.4;color:rgba(255,255,255,.62);white-space:normal;
}
#tv-pace-bar .tv-hero-cap-r{text-align:right;white-space:nowrap;}
/* 24 ต.ค. 2569: ⓘ อยู่หลังเลข %NRR ทีม (06 _tvInfoBtn) — ช่องนี้ไม่ตัดบรรทัด ⓘ จึงอยู่ที่เดิมทุกความกว้าง */
#tv-pace-bar .tv-hero-pct-row{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-width:0;}
@media (max-width:430px){
  #tv-pace-bar .tv-hero-cap-r{white-space:normal;}
}

/* UIR-A5 (20 ต.ค. 2569): สามช่องบน (NRR ทีม · ค่าคอมฯ · ร้านยกเว้น) — กฎชุดเดียวทุกความกว้าง
   ป้ายบรรทัดเดียว · ตัวเลขบรรทัดเดียว · บรรทัดล่างจองที่ 2 บรรทัดเสมอ (ยาวกว่านั้นตัด … ข้อความเต็มอยู่ในชีทที่แตะเปิด)
   ⇒ สามช่องสูงเท่ากันและเท่าเดิมทุกสถานะ (ปกติ · กำลังคิด · คิดไม่ได้ · เหตุยาว) — เดิมจอกว้างยืดเป็น 114–172 px ตามเหตุ */
#tv-summary-row .tv-signal-card{min-width:0;overflow:hidden;}
#tv-summary-row .tv-signal-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;}   /* 1.4: สระ/วรรณยุกต์บนไม่ถูกตัด */
#tv-summary-row .tv-signal-value{white-space:nowrap;overflow:hidden;line-height:1.1;}
#tv-summary-row .tv-signal-meta{
  line-height:1.3;height:2.6em;               /* = 2 บรรทัด × 1.3 */
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
  overflow:hidden;white-space:normal;overflow-wrap:break-word;
}
@media (max-width:430px){
  #tv-summary-row .tv-signal-card{padding:9px 8px;border-radius:var(--r-card);}
  #tv-summary-row .tv-signal-label{font-size:var(--text-3xs);letter-spacing:0;}
  #tv-summary-row .tv-signal-value{font-size:var(--text-xl2);margin-top:5px;letter-spacing:-.04em;}
  #tv-summary-row .tv-signal-meta{font-size:var(--text-3xs);margin-top:4px;}
  /* ป้ายตัวคูณ (×1.25) ขนาดเท่าป้าย — เดิมใหญ่กว่าป้าย 2 px แล้วหลุดบรรทัด/ถูกตัดที่ 320 px */
  #tv-summary-row .tv-mult-badge{font-size:inherit;padding:0 3px;margin-left:2px;}
}
@media (max-width:370px){
  #tv-summary-row .tv-signal-card{padding:9px 7px;}
  #tv-summary-row .tv-signal-value{font-size:var(--text-lg);}
}
/* UIR-A6: แถบรอขนาดเท่าตัวเลข (ช่องค่าคอมฯ · ชีทค่าคอมฯ ทีม) — ไม่มีภาพเคลื่อนไหว เพราะชีทวาดใหม่ทุกรอบความคืบหน้า */
.tv-wait{display:inline-block;width:3.6em;height:.7em;border-radius:var(--r-xs);background:var(--tk-border-strong);vertical-align:middle;opacity:.7;}
/* UIR-B: ตัวเลขสี่ช่องล่างเด้ง (statPop) ครั้งเดียวต่อการเปิดแอป — วาดรอบถัดไปไม่เล่นซ้ำ */
#tv-summary-row.tv-sum-settled .portview-stat-val{animation:none;}
/* UIR-B: ป้ายเงิน "—" ของคนที่คิดยอดจริงไม่ได้ — ปุ่ม i แตะเปิดชีทที่บอกเหตุ (ขนาดป้ายเท่าเดิม) */
.tv-pill-why{display:inline-flex;align-items:center;gap:4px;cursor:pointer;}
.tv-pill-why-i{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;
  border:1px solid currentColor;font-family:Georgia,serif;font-style:italic;font-weight:var(--fw-bold);font-size:var(--text-3xs);line-height:1;opacity:.75;}
/* UIR-N (21 ต.ค. 2569): จอแคบ 320–375 px — วัดบนเว็บจริงแล้วล้น 4 จุด
   หัวจอ: ปุ่ม 4 อันกว้าง 253 px ไม่ยอมหด ⇒ ชื่อ "ภาพรวมทีม" เหลือ 20 px (375 เห็นแค่ "ภ..") — ให้ปุ่มลงแถวสองเมื่อไม่พอ
   ยอด/ฐานหัวจอ: เกินกล่อง 10 px ที่ 320 — ลดขนาดตัวเลขเฉพาะจอ ≤360
   %NRR บนการ์ด KAM: ถูกบีบเหลือ 42 จาก 61 px — ห้ามหด ให้ชื่อ KAM ตัดท้ายแทน
   แถวล่างการ์ด: ป้ายเงินทับยอด/ฐาน — ให้ยอด/ฐานลงบรรทัดใหม่ชิดขวาเมื่อไม่พอ */
#scr-teamview .portview-title-row{flex-wrap:wrap;row-gap:8px;}
@media (max-width:360px){
  #tv-pace-bar .tv-hero-gmv{font-size:var(--text-md);}
  #tv-pace-bar .tv-hero-gmv-base{font-size:var(--text-sm);}
}
#teamview-content .tv-full-pace,#teamview-content .tv-star-pace{flex-shrink:0;}
#teamview-content .tv-full-meta{flex-wrap:wrap;row-gap:6px;}
#teamview-content .tv-full-meta>span:last-child{margin-left:auto;}
</style>
<style id="overview-module-css">
/* FRESHKET SENSE — KAM OVERVIEW STYLES
   src/styles_overview.css · Phase 0E (verbatim) */

/* KAM Overview dark screen */
#kam-overview{
  background:linear-gradient(160deg,#080f1e 0%,var(--tk-bg-base) 60%,var(--tk-bg-base) 100%);
  margin:-1px;
  padding:0;
  position:relative;
}
#kav-z2{padding:14px 16px 20px}
#kav-z2.sec{padding-left:16px;padding-right:16px}
#kam-overview::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 20% 0%,var(--tk-accent-dim-2) 0%,transparent 60%),
             radial-gradient(ellipse at 80% 100%,color-mix(in srgb,var(--tk-bg-base) 60%,transparent) 0%,transparent 60%);
  pointer-events:none;
}
#kam-overview .sec{padding-left:16px;padding-right:16px;position:relative;z-index:1}
/* 25 ต.ค. 2569 (Bucci "แว๊บขาว กระตุก"): เลิกท่าจาง+ลอยทุกครั้งที่สลับหน้า — หน้าใหม่ขึ้นเต็มทันทีแบบแอป iPhone
   (เดิม opacity 0 → 1 ทำให้เห็นพื้นว่าง/แผ่นขาวในโหมดร้านก่อนเนื้อหาโผล่) */
.scr{display:none}
.scr.on{display:block}
/* → Restaurant/swipe moved to styles_restaurant.css (Phase 0E) */
/* ── HERO: TWO-FRAME — ที่จ่ายไป (fact) vs ประหยัดได้ (action) ── */
.hero{background:var(--g900);padding:20px 16px 0;color:var(--tk-text-primary);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;right:-50px;top:-50px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.03);pointer-events:none}
.h-sub{font-size:var(--text-base);color:rgba(255,255,255,.65);font-weight:var(--fw-medium);margin-bottom:1px}
#h-acct-name{font-size:var(--text-2xl);font-weight:800;color:var(--tk-text-primary);letter-spacing:-.2px;line-height:1.25;margin-bottom:4px}
.h-id{font-size:var(--text-sm);color:rgba(255,255,255,.52);margin-bottom:12px}
/* เดือน + KAM แถวเดียว (เดิม style inline ใน shell) — แผ่นร้านของ KAM จัดใหม่ใน styles_restaurant.css (P7) */
.h-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.h-mo{font-size:var(--text-sm);color:var(--amb);font-weight:var(--fw-semi);letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:5px}
/* Frame 1: FACTUAL — ที่จ่ายไป */
.hero-fact{margin-bottom:0}
.hero-frame-label{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.6);margin-bottom:5px}
.hero-fact .hero-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:38px;font-weight:var(--fw-semi);letter-spacing:-1.5px;color:var(--tk-text-primary);line-height:1;margin-bottom:4px}
.hero-fact .hero-sub{font-size:var(--text-md);color:rgba(255,255,255,.6)}
/* Hero main row: spend + forecast */
.hero-main-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:10px}
.hero-forecast{text-align:right;flex-shrink:0}
.hero-fc-lbl{font-size:var(--text-2xs);color:rgba(255,255,255,.52);font-weight:var(--fw-semi);letter-spacing:.4px;margin-bottom:2px}
.hero-fc-num{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:var(--fw-bold);color:rgba(255,255,255,.85);line-height:1.1}
.hero-fc-base{font-size:var(--text-2xs);color:rgba(255,255,255,.52);margin-top:2px}
/* C10 (25 ต.ค. 2569): แผ่นร้าน — %NRR ของร้าน + คำสุขภาพร้าน (02 _renderOverviewPaceAndStrip) */
.hero-forecast.nrr{text-align:right}
.hero-fc-num.nrr{font-size:var(--text-2xl)}
.hero-fc-num.safe{color:var(--hz-on)}
.hero-fc-num.warn{color:var(--hz-monitor)}
.hero-fc-num.danger{color:var(--hz-risk)}
.hero-fc-num.hz-glow{color:var(--hz-glow);text-shadow:0 0 12px var(--hz-glow-shadow)}
.hero-fc-chip{display:inline-block;margin-top:3px;font-size:var(--text-3xs);font-weight:var(--fw-bold);letter-spacing:.4px;padding:1px 7px;border-radius:var(--r-pill);background:rgba(255,255,255,.10);color:rgba(255,255,255,.8)}
.hero-fc-chip[hidden]{display:none}
.hero-fc-chip.safe{color:var(--hz-on);background:var(--tk-ok-dim)}
.hero-fc-chip.warn{color:var(--hz-monitor);background:rgba(240,176,0,.12)}
.hero-fc-chip.danger{color:var(--hz-risk);background:rgba(255,136,136,.12)}
.hero-fc-chip.hz-glow{color:var(--hz-glow);background:var(--hz-glow-tint)}
.hero-fc-chip.early{color:rgba(140,180,255,.9)}
.hero-pace-pct.fc{color:rgba(255,255,255,.62);font-weight:var(--fw-semi)}
/* Pace bar */
.hero-pace-track{height:3px;background:rgba(255,255,255,.12);border-radius:var(--r-xxs);overflow:hidden;margin-bottom:5px}
.hero-pace-fill{height:100%;border-radius:var(--r-xxs);background:var(--g500);width:0;transition:width 1s cubic-bezier(.34,1.2,.64,1)}
.hero-pace-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}
.hero-pace-days{font-size:var(--text-sm);color:rgba(255,255,255,.6)}
.hero-pace-pct{font-size:var(--text-xs);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.hero-pace-pct.great,.hero-pace-pct.safe{color:var(--tk-ok-bright)}
.hero-pace-pct.warn{color:var(--amb)}
.hero-pace-pct.danger{color:#ff9090}
/* Overview price strip */
.ov-price-strip{background:#fffbf0;border-bottom:1px solid rgba(240,176,0,.2);padding:9px 16px;display:flex;align-items:center;gap:8px;cursor:default}
.ov-ps-chips{display:flex;gap:5px;flex-shrink:0}
.ov-ps-chip{font-size:var(--text-sm);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;padding:3px 8px;border-radius:var(--r-sm)}
.ov-ps-chip.up{background:rgba(240,176,0,.15);color:#9a6500}
.ov-ps-chip.dn{background:var(--tk-ok-dim);color:var(--g700)}
.ov-ps-var{font-size:var(--text-sm);font-weight:var(--fw-semi);color:#7a6030;flex:1}
.ov-ps-i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(240,176,0,.4);background:transparent;color:#9a6500;font-size:var(--text-2xs);font-style:italic;font-family:Georgia,serif;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:var(--fw-bold);transition:all .15s}
.ov-ps-i:hover{background:rgba(240,176,0,.15)}
.ov-price-panel{background:#fff8e8;border-bottom:1px solid rgba(240,176,0,.15);padding:10px 16px 12px;display:none}
.ov-price-panel.open{display:block}
.ov-price-panel-lbl{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:#9a6500;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}
.ov-price-panel-desc{font-size:var(--text-sm);color:#7a6030;line-height:1.55;margin-bottom:8px}
.ov-price-cat-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:var(--text-sm)}
.ov-price-cat-name{color:#7a6030}
.ov-price-cat-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold)}
.ov-price-cat-val.up{color:#c08000}
.ov-price-cat-val.dn{color:var(--g700)}
.ov-price-net{display:flex;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid rgba(240,176,0,.2);font-size:var(--text-sm);font-weight:var(--fw-bold);color:#7a6030}
/* Category stagger animation */
@keyframes cat-in{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}
/* Chart bar rise animation */
@keyframes bar-rise{from{height:0!important}to{height:var(--bh)}}
/* Frame 2: ACTION — ประหยัดได้ */
.hero-action{background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:14px 14px 0 0;padding:16px 16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hero-action .hero-frame-label{color:rgba(255,255,255,.5);margin-bottom:5px}
.hero-action .hero-yr{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:36px;font-weight:var(--fw-bold);color:var(--amb);letter-spacing:-1.5px;line-height:1;margin-bottom:2px}
.hero-action .hero-yr-lbl{font-size:var(--text-sm);color:rgba(255,255,255,.52);margin-bottom:5px}
.hero-action .hero-mo{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-medium);color:var(--tk-text-muted)}
.scta{background:var(--amb);color:var(--g900);border:none;border-radius:var(--r-md);padding:10px 14px;font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;font-family:var(--tk-font-body);white-space:nowrap;flex-shrink:0;transition:opacity .2s}
.scta:hover{opacity:.88}

/* ── CARDS ── */
.card{background:var(--n0);border-radius:var(--r);padding:16px;box-shadow:var(--sh);margin-bottom:12px;border:1px solid var(--bd)}
.ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ct{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.6px}
.sec{padding:16px 16px 0}
/* Ensure last SKU card is not hidden behind the fixed pb-footer + bnav */
#scr-opportunities .sec{padding-bottom:170px}
.sec:last-child{padding-bottom:16px}
.stit{font-size:var(--text-xl2);font-weight:var(--fw-bold);margin-bottom:12px}
.link{font-size:var(--text-sm);color:var(--g700);cursor:pointer;font-weight:var(--fw-semi)}

/* ── SENSE CARD (replaces old dial) ── */
.sense-card{background:linear-gradient(135deg,var(--tk-bg-surface) 0%,var(--tk-bg-base) 100%);border-radius:var(--r);border:1.5px solid var(--tk-ok-border);padding:16px 16px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,96,64,.18);transition:border-color .2s}
.sense-card:active{opacity:.92}
.sense-card.sense-done{cursor:default;pointer-events:none}
.sense-card-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sense-card-eyebrow{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.8px;color:rgba(255,255,255,.6);text-transform:uppercase;font-family:var(--tk-font-body)}
/* Standby body */
.sense-standby-body{display:flex;flex-direction:column;align-items:center;padding:8px 0 14px;transition:opacity .35s}
.sense-star-ring{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--tk-ok-border);display:flex;align-items:center;justify-content:center;margin-bottom:12px;animation:sense-ring-pulse 2.4s ease-in-out infinite}
@keyframes sense-ring-pulse{0%,100%{box-shadow:0 0 0 0 var(--tk-ok-dim);border-color:var(--tk-ok-border)}50%{box-shadow:0 0 0 10px transparent;border-color:var(--tk-ok-border)}}
.sense-star{font-size:var(--text-3xl);color:var(--g500);display:inline-block;animation:sense-star-twinkle 2.4s ease-in-out infinite}
@keyframes sense-star-twinkle{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}
.sense-invite-title{font-size:var(--text-lg2);font-weight:var(--fw-bold);color:rgba(255,255,255,.8);font-family:var(--tk-font-body);margin-bottom:4px}
.sense-invite-sub{font-size:var(--text-base);color:rgba(255,255,255,.65);font-family:var(--tk-font-body)}
/* Loading steps on dark bg */
.sense-load-body{padding:4px 0 8px}
.sense-card .rest-ai-step{color:rgba(190,255,220,.7)}
.sense-card .rest-ai-step.vis{opacity:1}
.sense-card .rest-ai-step-dot{background:var(--g500)}
/* Done score layout */
.sense-done-body{padding:2px 0 8px}
.sense-score-row{display:flex;align-items:center;gap:16px}
.sense-score-info{flex:1;min-width:0}
.sense-card .dlb{font-size:var(--text-lg);font-weight:var(--fw-bold);color:rgba(255,255,255,.75);font-family:var(--tk-font-body);margin-bottom:2px}
.sense-card .dval{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:40px;font-weight:var(--fw-bold);line-height:1}
.sense-card .dsc{font-size:var(--text-md);color:rgba(190,255,220,.72);line-height:1.55;margin-top:4px}
/* Dial info btn on dark bg */
.dial-info-btn{width:20px;height:20px;border-radius:50%;background:transparent;border:1.5px solid rgba(255,255,255,.2);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-normal);color:rgba(255,255,255,.52);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s;vertical-align:middle;line-height:1}
.dial-info-btn:hover{border-color:rgba(255,255,255,.5);color:var(--tk-text-secondary)}
/* Score tooltip */
.score-tooltip{background:#0a2a1e;border:1px solid var(--tk-ok-dim-2);border-radius:var(--r-card);padding:16px;margin-top:12px;color:var(--tk-text-primary);font-size:var(--text-base);line-height:1.65;display:none}
.score-tooltip.on{display:block}
.score-tooltip .st-close{float:right;background:rgba(255,255,255,.1);border:none;color:var(--tk-text-muted);border-radius:var(--r-sm);padding:3px 9px;font-size:var(--text-sm);cursor:pointer;margin-left:8px;font-family:var(--tk-font-body);transition:background .15s}
.score-tooltip .st-close:hover{background:rgba(255,255,255,.2)}
.st-headline{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary);margin-bottom:4px}
.st-sub{font-size:var(--text-md);color:rgba(255,255,255,.5);margin-bottom:14px;line-height:1.6}
.st-why{background:rgba(255,255,255,.06);border-radius:var(--r-8);padding:10px 12px;margin-bottom:14px;border-left:3px solid var(--amb)}
.st-why-label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--amb);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}
.st-why-txt{font-size:var(--text-md);color:rgba(255,255,255,.8);line-height:1.6}
.st-bands{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.st-band{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r-7);font-size:var(--text-sm)}
.st-band.hi{background:var(--tk-ok-dim)}
.st-band.md{background:rgba(240,176,0,.08)}
.st-band.lo{background:rgba(229,62,62,.08)}
.st-band-score{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);width:36px;flex-shrink:0}
.st-band.hi .st-band-score{color:var(--g500)}
.st-band.md .st-band-score{color:var(--amb)}
.st-band.lo .st-band-score{color:var(--red)}
.st-band-text{color:var(--tk-text-secondary)}
.st-divider{height:1px;background:rgba(255,255,255,.08);margin:12px 0}
.st-action-row{display:flex;gap:8px;margin-bottom:6px;align-items:flex-start;font-size:var(--text-md)}
.st-action-row:last-child{margin-bottom:0}
.st-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}
.st-dot.up{background:var(--g500)}
.st-dot.dn{background:rgba(255,120,80,.8)}

/* ── INTERPRETATION — inside chart card ── */
.interp-strip{padding:0 0 11px}
.interp-main{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--n900);margin-bottom:3px;line-height:1.45}
.interp-sub{font-size:var(--text-sm);color:var(--n600);line-height:1.55}
.interp-strip.type-price-dn .interp-main{color:var(--g700)}
.interp-strip.type-price-up .interp-main{color:var(--n900)}
.interp-divider{height:1px;background:var(--n100);margin-bottom:12px}

/* ── LENS CARDS ── */
.lens-row{display:flex;gap:8px}
.lens-card{flex:1;background:var(--n50);border-radius:var(--rs);padding:11px 10px 10px;border:1px solid var(--bd);border-top:2.5px solid var(--g500);min-width:0;position:relative;overflow:hidden}
.lens-lbl{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}
.lens-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl3);font-weight:var(--fw-bold);color:var(--n900);line-height:1.2;margin-bottom:4px}
.lens-sub{font-size:var(--text-xs);color:var(--n600);line-height:1.45}
.lens-vis{position:absolute;top:8px;right:7px;opacity:.28}

/* ── CATEGORY EXPAND ── */
.cat-expand-btn{display:block;width:100%;text-align:center;font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--g700);background:none;border:none;border-top:1px solid var(--n100);cursor:pointer;padding:8px 0 0;margin-top:6px;font-family:var(--tk-font-body);transition:color .15s}
.cat-expand-btn:hover{color:var(--g500)}
.fpill.fpill-pu{background:rgba(240,176,0,.15)!important;border-color:rgba(240,176,0,.7)!important;color:#7a5000!important;font-weight:var(--fw-bold)}
.fpill.fpill-pu.on{background:var(--amb)!important;border-color:var(--amb)!important;color:var(--tk-text-primary)!important}
.fpill.fpill-pd{background:var(--tk-ok-dim)!important;border-color:var(--tk-ok-border)!important;color:var(--g700)!important;font-weight:var(--fw-bold)}
.fpill.fpill-pd.on{background:var(--g500)!important;border-color:var(--g500)!important;color:var(--tk-text-primary)!important}

/* ── CHART ── */
.chart-container{overflow:visible;padding:4px 0 8px}
.tbars{display:flex;gap:7px;align-items:flex-end;height:78px;overflow:visible}
.tbw{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;border-radius:var(--r-xs);transition:opacity .2s;position:relative}
.tbw:hover{opacity:.85}
.tb{width:100%;border-radius:4px 4px 0 0;transition:all .3s}
.tba{font-size:var(--text-3xs);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-semi);color:var(--n400);text-align:center;line-height:1;white-space:nowrap}
.tbw.active .tba{color:var(--g700);font-weight:var(--fw-bold)}
.tbl{font-size:var(--text-2xs);color:var(--n400);text-align:center;margin-top:2px}
.tbw.active .tbl{color:var(--g700);font-weight:var(--fw-bold)}
.chart-selected-info{margin-top:10px;padding:10px 12px;background:var(--g50);border-radius:var(--r-8);font-size:var(--text-md);color:var(--g800);font-weight:var(--fw-medium);display:flex;align-items:center;justify-content:space-between}
.chart-selected-info .month-name{font-weight:var(--fw-bold);font-size:var(--text-base)}
.chart-selected-info .month-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);font-size:var(--text-lg2);color:var(--g700)}

/* ── CAT BARS ── */
.cbi{display:flex;align-items:center;gap:8px;margin-bottom:9px;animation:cat-in .35s ease calc(var(--cat-i,0)*55ms) both}
.cbn{font-size:var(--text-sm);width:110px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbt{flex:1;height:7px;background:var(--n100);border-radius:var(--r-xs);overflow:hidden}
.cbf{height:100%;border-radius:var(--r-xs);transition:width 1s cubic-bezier(.25,.8,.25,1)}

.cbv{font-size:var(--text-sm);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;width:52px;text-align:right;color:var(--n700)}
.cbp{font-size:var(--text-2xs);color:var(--n400);text-align:right}

/* ── STAT GRID ── */
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.scard{background:var(--n0);border-radius:var(--rs);padding:14px;box-shadow:var(--sh);border:1px solid var(--bd)}
.scard .slb{font-size:var(--text-sm);color:var(--n400);margin-bottom:3px}
.scard .sv{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-3xl);font-weight:var(--fw-semi)}
/* ── GLOBAL TYPOGRAPHY UPGRADE: secondary text readable, not just "dim" ──
   Rule: informational secondary = n600 (#808080) + min 11px
         decorative/meta only = n400 (borders, placeholders, dividers)    */

/* Stat card sub (e.g. "312 ออเดอร์", "เม.ย. 2569") */
.scard .ss{font-size:var(--text-sm);color:var(--n600);margin-top:2px}

/* SKU list: category + unit info */
.skc{font-size:var(--text-sm);color:var(--n600)}

/* Plan Builder: category savings total — now on its own line */
.pb-cat-meta{font-size:var(--text-sm);color:var(--n600);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}

/* Plan Builder: "→ altName" — user needs to read this */
.pb-item-arrow{font-size:var(--text-sm);color:var(--n600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}

/* Plan Builder alt picker: spec line */
.pb-alt-sub{font-size:var(--text-sm);color:var(--n600);margin-top:2px}

/* Detail card: spec under current SKU name */
.ocmp-spec{font-size:var(--text-sm);color:var(--n600);margin-bottom:6px;line-height:1.3}
.ocmp-unit{font-size:var(--text-sm);color:var(--n600);margin-top:2px}

/* Detail card save bar: "kg/เดือน · ลด X%" and "฿Y/ปี" — CRITICAL numbers */
.osave-sub{font-size:var(--text-sm);color:var(--g800);font-weight:var(--fw-medium)}
.osave-yr{font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n600);text-align:right;margin-top:3px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace}

/* Detail card recommendation note — important context */
.onote{padding:0 13px 10px;font-size:var(--text-md);color:var(--n700);line-height:1.6}

/* Detail card alt option: spec + price */
.oalt-spec{font-size:var(--text-sm);color:var(--n600);margin-top:2px}
.oalt-note{display:none;font-size:var(--text-sm);color:var(--n600);line-height:1.55;margin-top:6px;padding-top:6px;border-top:1px solid var(--tk-ok-dim)}
.oalt-row.selected .oalt-note{display:block}
.oalt-price{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--n900)}

/* % discount badge — replaces plain dim text, visible at a glance */
.oalt-save{font-size:var(--text-sm);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;padding:3px 8px;border-radius:var(--r-sm);background:var(--g50);color:var(--g700);margin-top:4px;display:inline-block}
.oalt-save.med{background:var(--amb50);color:#9a6500}
.oalt-save.unv{background:var(--n100);color:var(--n600)}

/* Plan Builder inline % badge */
.pct-badge-sm{font-size:var(--text-sm);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;padding:2px 7px;border-radius:var(--r-5);background:var(--g50);color:var(--g700);flex-shrink:0}
.pct-badge-sm.med{background:var(--amb50);color:#9a6500}

/* Report: potential row monthly figure + table alt/year */
.rpt-pot-mo{font-size:var(--text-sm);color:var(--n600);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.rpt-pt-alt{font-size:var(--text-sm);color:var(--n600);margin-top:2px}
.rpt-pt-yr{font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--n600);text-align:right;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;white-space:nowrap}

/* ── ALL SKU section ── */
.sku-search-row{display:flex;gap:8px;margin-bottom:10px}
.sku-search{flex:1;padding:9px 12px;border:1.5px solid var(--n200);border-radius:var(--r-xl);font-family:var(--tk-font-body);font-size:var(--text-base);outline:none;transition:border-color .2s}
.sku-search:focus{border-color:var(--g500)}
.sku-filter-wrap{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin-bottom:10px}
.sku-filter-wrap::-webkit-scrollbar{display:none}
.fpill{padding:5px 12px;border-radius:var(--r-xl);font-size:var(--text-sm);font-weight:var(--fw-semi);font-family:var(--tk-font-body);border:1.5px solid var(--n200);background:var(--n0);cursor:pointer;white-space:nowrap;transition:all .15s;color:var(--n600)}
.fpill.on{background:var(--g900);border-color:var(--g900);color:var(--tk-text-primary)}
.port-month-bar{display:flex;gap:6px;overflow-x:auto;padding:0 0 4px;scrollbar-width:none;margin-bottom:12px}
.port-month-bar::-webkit-scrollbar{display:none}
.mopill{padding:4px 11px;border-radius:16px;font-size:var(--text-sm);font-weight:var(--fw-semi);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;border:1.5px solid var(--n200);background:var(--n0);cursor:pointer;white-space:nowrap;color:var(--n600);transition:all .15s;flex-shrink:0}
.mopill.on{background:var(--tk-ok-bg);border-color:var(--g500);color:var(--tk-ok-text)}   /* 25 ต.ค. 2569: พื้นอ่อน + ขอบเขียว แทนพื้นเขียวทึบ (design-no-dark-fills) */
.sku-count{font-size:var(--text-sm);color:var(--n400);margin-bottom:8px}
#sku-panel>.ch,#sku-panel>.sku-search-row,#sku-panel>.sku-filter-wrap,#sku-panel>.sku-count{flex-shrink:0}
/* ── Portfolio: flex layout + inner scroll ── */
#scr-portfolio{overflow-y:auto;}
#scr-portfolio>.sec{display:flex;flex-direction:column;}
#port-top{flex-shrink:0;}
#portfolio-sticky-wrap{flex:1;}
.sku-list{max-height:calc(100dvh - 320px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-top:4px}
.skrow{display:flex;align-items:center;padding:9px 0;border-bottom:1px solid var(--n100);gap:10px}
/* 25 ต.ค. 2569: รายการสินค้าวาดทีละหน้า (03 _skuListLimit) — ปุ่มเติม (เลื่อนถึงก็เติมเอง) */
.sku-more{display:block;width:100%;margin:10px 0 4px;padding:11px 0;border:1px solid var(--n100);border-radius:var(--r-md,10px);background:transparent;color:var(--n400);font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}
.skrow:last-child{border-bottom:none}
.skrk{width:22px;height:22px;border-radius:50%;background:var(--n100);color:var(--n400);font-size:var(--text-sm);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.skrk.top1{background:#f59e0b;color:var(--tk-text-primary)}
.skrk.top2{background:#9ca3af;color:var(--tk-text-primary)}
.skrk.top3{background:#b45309;color:var(--tk-text-primary)}
.skrk.top5{background:var(--n200);color:var(--n700)}
.skn{font-size:var(--text-md);font-weight:var(--fw-semi);line-height:1.3}
.sksp{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-semi);text-align:right}
.skpc{font-size:var(--text-xs);color:var(--n400);text-align:right}

/* Top SKU summary card */
.top-sku-card{background:linear-gradient(135deg,var(--g900) 0%,var(--g800) 100%);border-radius:var(--r);padding:16px;margin-bottom:12px;color:var(--tk-text-primary)}
.top-sku-title{font-size:var(--text-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;opacity:.7;margin-bottom:10px}
.top-sku-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.top-sku-row:last-child{border-bottom:none}
.top-sku-rank{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);font-size:var(--text-xs);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.top-sku-rank.r1{background:var(--amb);color:var(--g900)}
.top-sku-name{flex:1;font-size:var(--text-md);font-weight:var(--fw-semi)}
.top-sku-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-semi);color:rgba(255,255,255,.8)}
.top5-pct-note{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);opacity:.75}
.top5-pct-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg2);font-weight:var(--fw-bold);color:var(--tk-text-primary)}

</style>
<style id="save-module-css">
/* FRESHKET SENSE — SAVE / OPPORTUNITIES STYLES
   src/styles_save.css · Phase 0E (verbatim) */

/* ── OPP HERO CARD ── */
.opphdr{background:linear-gradient(135deg,var(--tk-bg-surface) 0%,var(--tk-bg-base) 100%);border-radius:var(--r);border:1.5px solid var(--tk-ok-border);padding:18px 16px 16px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 4px 24px var(--tk-ok-dim);}
/* P5: AI activation glow — amber pulse → fades back to green */
@keyframes opphdr-ai-glow{
  0%{box-shadow:0 4px 24px var(--tk-ok-dim);border-color:var(--tk-ok-border)}
  18%{box-shadow:0 4px 36px rgba(240,176,0,.5),0 0 0 1.5px rgba(240,176,0,.28);border-color:rgba(240,176,0,.55)}
  100%{box-shadow:0 4px 24px var(--tk-ok-dim);border-color:var(--tk-ok-border)}
}
.opphdr.ai-active{animation:opphdr-ai-glow 3.2s ease forwards;}
/* Sprint 2: dial standby + loading */
#dial-clickwrap{cursor:pointer;-webkit-tap-highlight-color:transparent}
#dial-clickwrap.sense-done{cursor:default;pointer-events:none}
/* ══ SENSE GATE OVERLAY ══ */
#sense-gate{position:fixed;inset:0;z-index:9800;background:#0a1f14;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px 48px;transition:opacity .3s ease}
#sense-gate.sg-exit{opacity:0;pointer-events:none}
/* Ring */
#sg-orb-wrap{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;margin-bottom:28px;transition:transform .38s cubic-bezier(.4,0,.2,1),opacity .3s ease}
/* SVG ring */
#sg-ring-svg{overflow:visible}
#sg-ring-track{opacity:.15}
#sg-ring-scan{stroke-dasharray:72 528;stroke-dashoffset:0;animation:sg-scan-rotate 2.4s linear infinite;transform-origin:110px 110px;transition:stroke-dasharray .6s ease,stroke-dashoffset 1.2s ease}
@keyframes sg-scan-rotate{to{stroke-dashoffset:-600}}
@keyframes sg-scan-rotate-ccw{to{stroke-dashoffset:600}}
#sg-ring-scan2{stroke-dasharray:38 562;stroke-dashoffset:0;transform-origin:110px 110px;opacity:0;transition:opacity .4s ease}
#sg-ring-scan3{stroke-dasharray:20 580;stroke-dashoffset:0;transform-origin:110px 110px;opacity:0;transition:opacity .4s ease}
.sg-orbit-dot{transform-origin:110px 110px;opacity:0;transition:opacity .3s ease}
@keyframes sg-od-spin1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes sg-od-spin2{from{transform:rotate(120deg)}to{transform:rotate(480deg)}}
@keyframes sg-od-spin3{from{transform:rotate(240deg)}to{transform:rotate(600deg)}}
#sg-ring-svg.thinking #sg-ring-scan3{stroke-dasharray:20 580;animation:sg-scan-rotate 1.5s linear infinite;opacity:.5}
#sg-ring-svg.thinking .sg-orbit-dot{opacity:.8}
#sg-ring-svg.thinking #sg-od1{animation:sg-od-spin1 1.4s linear infinite}
#sg-ring-svg.thinking #sg-od2{animation:sg-od-spin2 2.3s linear infinite}
#sg-ring-svg.thinking #sg-od3{animation:sg-od-spin3 1.8s linear infinite}
#sg-ring-svg.done-state #sg-ring-scan3{animation:none;opacity:0;transition:opacity .4s ease}
#sg-ring-svg.done-state .sg-orbit-dot{opacity:0}
@keyframes sg-ring-glow{0%,100%{filter:drop-shadow(0 0 14px var(--tk-ok-border))}50%{filter:drop-shadow(0 0 36px rgba(0,220,106,.78))}}
#sg-ring-svg{animation:sg-ring-glow 2.8s ease-in-out infinite}
#sg-ring-svg.thinking #sg-ring-scan{stroke-dasharray:110 490;animation:sg-scan-rotate .9s linear infinite}
#sg-ring-svg.thinking #sg-ring-scan2{stroke-dasharray:38 562;animation:sg-scan-rotate-ccw 2.1s linear infinite;opacity:.65}
#sg-ring-svg.thinking{animation:sg-ring-glow-think 1s ease-in-out infinite}
@keyframes sg-ring-glow-think{0%,100%{filter:drop-shadow(0 0 20px rgba(0,220,106,.55))}50%{filter:drop-shadow(0 0 52px rgba(0,240,110,.9))}}
#sg-ring-svg.done-state #sg-ring-scan{animation:none;opacity:0;transition:opacity .4s ease}
#sg-ring-svg.done-state #sg-ring-scan2{animation:none;opacity:0;transition:opacity .4s ease}
#sg-ring-svg.done-state{animation:sg-ring-glow-done 2.4s ease-in-out infinite}
@keyframes sg-ring-glow-done{0%,100%{filter:drop-shadow(0 0 28px rgba(0,220,106,.65))}50%{filter:drop-shadow(0 0 56px rgba(0,240,110,.95))}}
/* Particles inside ring */
.sg-particle{position:absolute;border-radius:50%;background:rgba(100,255,160,.55);pointer-events:none}
.sg-p1{width:4px;height:4px;top:28%;left:30%;animation:sg-p-float 3.8s ease-in-out infinite}
.sg-p2{width:3px;height:3px;top:55%;left:72%;animation:sg-p-float 5.1s ease-in-out infinite;animation-delay:.9s}
.sg-p3{width:5px;height:5px;top:70%;left:28%;animation:sg-p-float 4.4s ease-in-out infinite;animation-delay:1.7s}
.sg-p4{width:3px;height:3px;top:20%;left:65%;animation:sg-p-float 6s ease-in-out infinite;animation-delay:.4s}
.sg-p5{width:4px;height:4px;top:48%;left:18%;animation:sg-p-float 4.8s ease-in-out infinite;animation-delay:2.1s}
@keyframes sg-p-float{0%,100%{transform:translate(0,0);opacity:.3}30%{transform:translate(6px,-10px);opacity:.8}65%{transform:translate(-5px,7px);opacity:.5}}
/* Ring center */
#sg-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.sg-center-star{font-size:26px;color:rgba(140,255,180,.72);animation:sg-star-breathe 3s ease-in-out infinite;line-height:1}
@keyframes sg-star-breathe{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}
/* Score inside ring */
#sg-score-wrap{opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .5s ease;text-align:center}
#sg-score-wrap.visible{opacity:1;transform:scale(1)}
#sg-score-num{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:54px;font-weight:var(--fw-bold);color:var(--tk-text-primary);line-height:1;letter-spacing:-2px}
#sg-score-unit{font-size:var(--text-md);color:rgba(160,255,200,.72);font-family:var(--tk-font-body);margin-top:3px;font-weight:var(--fw-semi)}
/* Text below ring */
#sg-text-area{text-align:center;width:100%;max-width:300px}
.sg-title{font-size:var(--text-xl2);font-weight:var(--fw-bold);color:rgba(255,255,255,.8);font-family:var(--tk-font-body);margin-top:32px;margin-bottom:5px;transition:opacity .35s}
.sg-sub{font-size:var(--text-md);color:rgba(160,255,200,.82);font-family:var(--tk-font-body);transition:opacity .35s}
#sg-steps{margin-top:16px;width:100%;text-align:left;transition:opacity .45s ease}
#sg-steps.fade-out{opacity:0}
.sg-step{font-size:11.5px;font-family:var(--tk-font-body);color:rgba(160,255,200,.5);display:flex;align-items:center;gap:8px;min-height:20px;opacity:0;transition:opacity .35s;margin-bottom:5px}
.sg-step.vis{opacity:1}
.sg-step-dot{width:5px;height:5px;border-radius:50%;background:var(--g500);flex-shrink:0}
.sg-step.done{color:rgba(160,255,200,.72)}
.sg-step.done .sg-step-dot{background:rgba(100,220,140,.8)}
.sg-dots{display:inline-block;min-width:16px;color:rgba(160,255,200,.6)}
#sg-cta-wrap{opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease;margin-top:20px;width:100%;max-width:300px}
#sg-cta-wrap.visible{opacity:1;transform:translateY(0)}
.sg-done-label{font-size:var(--text-lg);font-weight:var(--fw-bold);color:rgba(200,255,210,.88);text-align:center;font-family:var(--tk-font-body);margin-bottom:3px}
.sg-done-desc{font-size:var(--text-sm);color:rgba(200,255,220,.85);text-align:center;font-family:var(--tk-font-body);margin-bottom:14px}
.sg-cta-btn{width:100%;padding:14px;border-radius:var(--r-lg);border:none;background:var(--g500);color:#003820;font-family:var(--tk-font-body);font-size:var(--text-lg2);font-weight:var(--fw-bold);cursor:pointer;transition:background .15s}
.sg-cta-btn:active{background:#00b85e}
/* ── Sense Gate: 3-ring beacon (Apple AirDrop / FaceTime style tap affordance) ── */
/* v493: each ring expands from orb edge outward at 0.8s stagger, fades to 0 */
#sg-beacon,#sg-beacon-2,#sg-beacon-3{
  position:absolute;border-radius:50%;pointer-events:none;
  border:1.5px solid rgba(0,204,106,.65);
  inset:-2px; /* start just outside the orb edge */
}
#sg-beacon  {animation:sg-beacon-ring 2.4s ease-out infinite 0s}
#sg-beacon-2{animation:sg-beacon-ring 2.4s ease-out infinite .8s}
#sg-beacon-3{animation:sg-beacon-ring 2.4s ease-out infinite 1.6s}
@keyframes sg-beacon-ring{
  0%  {transform:scale(1);   opacity:.72;border-width:1.5px}
  40% {transform:scale(1.22);opacity:.42;border-width:1px}
  100%{transform:scale(1.55);opacity:0;  border-width:.5px}
}
/* ── Sense Gate: tap hint pill ── */
/* v495: tap-hint — upward chevron + plain text, no pill border */
#sg-tap-hint{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  font-size:11.5px;font-weight:var(--fw-semi);letter-spacing:.3px;
  color:rgba(0,204,106,.72);
  font-family:var(--tk-font-body);
  text-align:center;margin-top:20px;
  padding:0;border:none;background:transparent;border-radius:0;
  animation:sg-hint-breathe 2.2s ease-in-out infinite;
  transition:opacity .3s;cursor:default;pointer-events:none;
}
#sg-tap-hint::before{
  content:'';
  display:block;
  width:0;height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:9px solid rgba(0,204,106,.55);
  animation:sg-arrow-bob 1.8s ease-in-out infinite;
}
@keyframes sg-hint-breathe{
  0%,100%{opacity:.55} 50%{opacity:.95}
}
@keyframes sg-arrow-bob{
  0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)}
}
#sg-tap-hint.hidden{opacity:0;pointer-events:none;animation:none}
#sg-tap-hint.hidden::before{animation:none}
/* ── Sense Gate: data context — between ring and text area ── */
#sg-ring-data{font-size:var(--text-base);font-weight:var(--fw-semi);color:rgba(160,255,200,.9);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;letter-spacing:.5px;text-align:center;margin-bottom:10px;min-height:14px;transition:opacity .3s;pointer-events:none}
/* ── Sense Gate: single-line thinking ticker ── */
#sg-ticker{display:none;text-align:center;width:100%;margin-top:14px;min-height:22px}
.sg-ticker-line{font-size:12.5px;font-family:var(--tk-font-body);color:rgba(160,255,200,.78);display:flex;align-items:center;justify-content:center;gap:0;transition:opacity .38s ease}
.sg-ticker-line.fade-out{opacity:0}
.sg-ticker-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--tk-ok-bright);margin:0 1.5px;animation:sg-tdot 1.1s ease-in-out infinite}
.sg-ticker-dot:nth-child(2){animation-delay:.18s}
.sg-ticker-dot:nth-child(3){animation-delay:.36s}
@keyframes sg-tdot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
/* ── Opportunities: muted cards before plan select ── */
.opplist-muted .pb-cat-group{opacity:.28;pointer-events:none;filter:blur(.6px);transition:opacity .4s,filter .4s}
.opplist-muted .pb-cat-group:first-child,.opplist-muted .pb-cat-group:nth-child(2){opacity:.38;filter:blur(.3px)}
.opplist-unmuting .pb-cat-group{transition:opacity .35s,filter .35s}
/* ── Plan selector: pulse on first land ── */
/* Hint below plan selector before user picks */
#opplist-pick-hint{font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n700);text-align:center;padding:8px 0 12px;font-family:var(--tk-font-body);animation:srh-bridge-in .35s ease both}
/* Compact score header in opportunities (post-gate) */
.sch-info{flex:1;min-width:0}
.sch-eyebrow{font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.8px;text-transform:uppercase;color:var(--g700);margin-bottom:3px;font-family:var(--tk-font-body);display:flex;align-items:center;gap:4px}
.sch-count{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--n900);font-family:var(--tk-font-body);line-height:1.2}
.sch-sub{font-size:var(--text-xs);color:var(--n500);font-family:var(--tk-font-body);margin-top:1px}
.srh-bridge{font-size:10.5px;font-weight:var(--fw-semi);color:var(--g700);margin-top:5px;font-family:var(--tk-font-body);display:none;animation:srh-bridge-in .4s ease both}
@keyframes srh-bridge-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
/* Stagger reveal animation for opportunities */
@keyframes opp-fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.opp-reveal{animation:opp-fade-in .4s ease both}
.srh-eyebrow{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.7px;text-transform:uppercase;color:var(--g700);margin-bottom:8px;display:flex;align-items:center;gap:5px;font-family:var(--tk-font-body)}
.srh-body{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.srh-count{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:36px;font-weight:var(--fw-bold);color:var(--n900);line-height:1}
.srh-count-label{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--n700)}
.srh-sub{font-size:var(--text-sm);color:var(--n500);font-family:var(--tk-font-body)}
/* Sense Verify Button — dark scan card (Option B) */
.sense-verify-btn{width:100%;display:flex;align-items:center;gap:12px;background:#0a1f14;border:1px solid var(--tk-ok-border);border-radius:var(--r);padding:12px 14px;cursor:pointer;margin-bottom:12px;position:relative;overflow:hidden;text-align:left;font-family:var(--tk-font-body);transition:border-color .2s;animation:svb-border-pulse 3s ease-in-out infinite;}
@keyframes svb-border-pulse{0%,100%{box-shadow:0 0 0 0 transparent;}55%{box-shadow:0 0 0 2px var(--tk-ok-dim-2),0 0 12px var(--tk-ok-dim);}}
.sense-verify-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--tk-ok-dim) 50%,transparent 100%);transform:translateX(-100%);animation:svb-scan-line 2.8s ease-in-out infinite;}
@keyframes svb-scan-line{0%{transform:translateX(-100%);}65%,100%{transform:translateX(270%);}}
.sense-verify-btn:hover{border-color:var(--tk-ok-border);}
.sense-verify-btn:active{opacity:.82;}
.sense-verify-btn .svb-icon{width:30px;height:30px;background:var(--tk-ok-dim);border-radius:var(--r-8);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.svb-icon-inner{display:flex;animation:svb-star-pulse 2.1s ease-in-out infinite;}
@keyframes svb-star-pulse{0%,100%{opacity:.7;transform:scale(1);}50%{opacity:1;transform:scale(1.2);}}
.svb-body{flex:1;min-width:0;}
.svb-title{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--tk-ok-bright);margin-bottom:1px;}
.svb-sub{font-size:var(--text-xs);color:var(--tk-text-muted);line-height:1.4;}
.svb-arrow{font-size:var(--text-base);color:var(--tk-ok-border);font-weight:var(--fw-bold);flex-shrink:0;}
/* ── SENSE SCORE BAR ── */
.sense-score-bar{display:flex;align-items:center;gap:14px;padding:12px 0;margin-bottom:4px;position:relative;}
@keyframes ssb-border-glow{0%,100%{box-shadow:0 1px 4px rgba(0,0,0,.06);}55%{box-shadow:0 0 0 2px var(--tk-ok-dim),0 0 16px var(--tk-ok-dim);}}
.ssb-ring-wrap{position:relative;flex-shrink:0;width:90px;height:90px;display:flex;align-items:center;justify-content:center;}
.ssb-glow-ring{position:absolute;inset:-2px;border-radius:50%;pointer-events:none;animation:ssb-ring-glow 2.8s ease-in-out infinite;}
@keyframes ssb-ring-glow{0%,100%{box-shadow:none;}50%{box-shadow:0 0 14px var(--tk-ok-border),0 0 5px var(--tk-ok-dim-2);}}
.ssb-info{flex:1;min-width:0;}
.ssb-eyebrow-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;}
.ssb-eyebrow-lbl{font-size:var(--text-3xs);font-weight:var(--fw-bold);letter-spacing:1px;text-transform:uppercase;color:var(--g700);font-family:var(--tk-font-body);}
.ssb-i-btn{background:var(--tk-ok-dim);border:none;border-radius:50%;width:17px;height:17px;cursor:pointer;color:var(--g700);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;padding:0;}
.ssb-i-btn:hover{background:var(--tk-ok-border);}
.ssb-band-lbl{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--g700);font-family:var(--tk-font-body);line-height:1.2;margin-bottom:3px;}
.ssb-count-lbl{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--n900);font-family:var(--tk-font-body);line-height:1.3;margin-bottom:2px;}
.ssb-sub-lbl{font-size:var(--text-xs);color:var(--n600);font-family:var(--tk-font-body);}
.ssb-bridge-lbl{font-size:10.5px;font-weight:var(--fw-semi);color:var(--g700);margin-top:5px;font-family:var(--tk-font-body);display:none;animation:srh-bridge-in .4s ease both;}
/* SSB inline tooltip */
.ssb-tooltip{background:#0a2a1e;border:1px solid var(--tk-ok-dim-2);border-radius:var(--r-card);padding:14px;margin-top:-4px;margin-bottom:8px;color:var(--tk-text-primary);font-size:var(--text-md);line-height:1.65;display:none;}
.ssb-tooltip.on{display:block;}
.ssb-tt-close{float:right;background:rgba(255,255,255,.1);border:none;color:var(--tk-text-muted);border-radius:var(--r-sm);padding:3px 8px;font-size:var(--text-xs);cursor:pointer;margin-left:8px;font-family:var(--tk-font-body);}
.ssb-tt-head{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--tk-text-primary);margin-bottom:4px;}
.ssb-tt-sub{font-size:var(--text-sm);color:rgba(255,255,255,.6);margin-bottom:12px;line-height:1.5;}
.ssb-tt-bands{display:flex;flex-direction:column;gap:4px;}
.ssb-tt-band{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:var(--r-7);font-size:var(--text-xs);}
.ssb-tt-band.hi{background:var(--tk-ok-dim);}
.ssb-tt-band.md{background:rgba(240,176,0,.08);}
.ssb-tt-band.lo{background:rgba(229,62,62,.08);}
.ssb-tt-score{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);width:36px;flex-shrink:0;}
.ssb-tt-band.hi .ssb-tt-score{color:var(--g500);}
.ssb-tt-band.md .ssb-tt-score{color:var(--amb);}
.ssb-tt-band.lo .ssb-tt-score{color:var(--red,#e53e3e);}
.ssb-tt-text{color:var(--tk-text-secondary);}
@keyframes dial-spin{to{stroke-dashoffset:-263.9}}
#dial-svg.sense-loading #darc{animation:dial-spin 1.1s linear infinite!important;transition:none!important}
/* Sprint 2: step dots running animation */
@keyframes ras-blink{0%,100%{opacity:.3}50%{opacity:1}}
.ras-dots-anim{display:inline-block;letter-spacing:1px;animation:none}
/* Sprint 2: rap-opps (SKU count, replaces savings in preview) */
.rap-opps{font-size:var(--text-xl3);font-weight:var(--fw-bold);color:var(--n900);font-family:var(--tk-font-body);margin-bottom:3px;line-height:1.3}
.rap-savings-note{font-size:var(--text-sm);color:var(--n500);font-weight:var(--fw-medium);margin-bottom:14px;font-family:var(--tk-font-body)}
.opphdr::before{content:'';position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.opphdr-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.opphdr-label{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.opct{background:var(--tk-ok-dim-2);color:var(--g500);border-radius:var(--r-xl);padding:3px 10px;font-size:var(--text-sm);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;letter-spacing:.3px}
.opphdr-body{display:flex;align-items:flex-end;justify-content:space-between}
.opphdr-yr{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:38px;font-weight:var(--fw-bold);color:var(--amb);letter-spacing:-1.5px;line-height:1}
.opphdr-yr-unit{font-size:var(--text-md);color:var(--tk-text-muted);font-weight:var(--fw-medium);margin-top:4px}
.opphdr-mo{text-align:right;padding-bottom:2px}
.opphdr-mo-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl2);font-weight:var(--fw-semi);color:var(--tk-text-secondary);line-height:1}
.opphdr-mo-unit{font-size:var(--text-xs);color:rgba(255,255,255,.52);margin-top:3px}
/* Data vintage — shows calculation basis */
.opphdr-vintage{font-size:var(--text-xs);color:rgba(190,255,220,.75);margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:5px;letter-spacing:.1px}
.opphdr-vintage-chip{background:var(--tk-ok-dim-2);border-radius:var(--r-xs);padding:2px 7px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xs);color:rgba(190,255,220,.9);font-weight:var(--fw-bold);letter-spacing:.3px}
.pf-vintage{font-size:var(--text-2xs);color:rgba(190,255,220,.55);margin-top:2px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.rpt-basis-note{margin:0 18px 16px;padding:8px 12px;background:var(--n50);border-radius:var(--r-8);font-size:var(--text-xs);color:var(--n400);line-height:1.6;border-left:2px solid var(--n200)}

/* ── OPP FILTER PILLS ── */
.fpills{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.fpills::-webkit-scrollbar{display:none}
.pill{padding:6px 14px;border-radius:var(--r-xl);font-size:var(--text-sm);font-weight:var(--fw-semi);font-family:var(--tk-font-body);border:1.5px solid var(--n200);background:var(--n0);cursor:pointer;white-space:nowrap;transition:all .15s;color:var(--n600)}
.pill:hover{border-color:var(--g500);color:var(--g700)}
.pill.on{background:var(--g900);border-color:var(--g900);color:var(--tk-text-primary)}

/* ── OPP VIEW TOGGLE ── */

/* ── PLAN BUILDER ── */
/* ── PLAN SELECTOR ── */
.plan-selector{padding:0 0 10px 0;margin-bottom:4px;}
.plan-sel-header{margin-bottom:8px}
.plan-sel-title{font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--n600);margin-bottom:8px;letter-spacing:.02em}
.plan-sel-sub{font-size:var(--text-2xs);color:rgba(255,255,255,.88);margin-top:2px}
.plan-toggle-row{display:flex;gap:6px}
.plan-card{border-radius:var(--r-md);padding:12px 14px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);border:1.5px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.plan-card.selected{border-color:var(--g500);background:var(--tk-ok-dim);box-shadow:0 0 0 1px var(--tk-ok-dim-2)}
.plan-card.unselected{opacity:.7;border-color:rgba(255,255,255,.15);padding:9px 14px}
.plan-card.unselected:hover{opacity:.85;border-color:rgba(255,255,255,.28)}
.plan-card.unselected .plan-card-desc,.plan-card.unselected .plan-card-nums{display:none}
.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}
.plan-card.unselected .plan-card-top{margin-bottom:0}
.plan-card-content{flex:1;min-width:0}
.plan-card-title{font-size:var(--text-lg2);font-weight:var(--fw-bold);color:var(--tk-text-primary);display:flex;align-items:center;gap:5px}
.plan-card.unselected .plan-card-title{font-size:var(--text-base);color:rgba(255,255,255,.75)}
.plan-card-marker{font-size:var(--text-md);line-height:1;flex-shrink:0;color:var(--g500)}
.plan-card.unselected .plan-card-marker{color:var(--tk-text-muted)}
.plan-card-desc{font-size:var(--text-md);color:rgba(255,255,255,.85);line-height:1.4;margin-bottom:6px}
.plan-card-nums{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);color:rgba(255,255,255,.9);line-height:1.4}
.plan-card-nums .plan-save{font-size:var(--text-lg2);font-weight:var(--fw-bold);color:var(--g500)}
.plan-card-btn{font-size:var(--text-xs);font-weight:var(--fw-bold);padding:4px 10px;border-radius:var(--r-sm);border:none;cursor:pointer;font-family:var(--tk-font-body);transition:all .15s;flex-shrink:0;white-space:nowrap}
.plan-card-btn{display:none}
.plan-card.unselected .plan-card-btn{display:none}
/* ── Plan verify card (right slot, pre-verify) ── */
.plan-verify-card{flex:1;border-radius:var(--r-md);padding:10px 12px;cursor:pointer;background:#0a1f14;border:1px solid var(--tk-ok-border);position:relative;overflow:hidden;animation:pvc-border-glow 3.2s ease-in-out infinite;transition:border-color .2s;}
@keyframes pvc-border-glow{0%,100%{box-shadow:none;}55%{box-shadow:0 0 0 2px var(--tk-ok-dim),0 0 10px var(--tk-ok-dim);}}
.plan-verify-card::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--tk-ok-dim),transparent);transform:translateX(-100%);animation:pvs-scan 3s ease-in-out infinite;pointer-events:none;}
@keyframes pvs-scan{0%{transform:translateX(-100%);}65%,100%{transform:translateX(250%);}}
.plan-verify-card:hover{border-color:var(--tk-ok-border);}
.pvc-eyebrow{font-size:var(--text-3xs);font-weight:var(--fw-bold);letter-spacing:1px;text-transform:uppercase;color:var(--tk-ok-border);margin-bottom:5px;font-family:var(--tk-font-body);}
.pvc-title{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--tk-ok-bright);margin-bottom:4px;font-family:var(--tk-font-body);display:flex;align-items:center;gap:5px;line-height:1.3;}
.pvc-star{animation:svb-star-pulse 2.1s ease-in-out infinite;display:inline-block;flex-shrink:0;}
.pvc-desc{font-size:var(--text-xs);color:rgba(255,255,255,.5);line-height:1.4;margin-bottom:7px;}
.pvc-cta{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--tk-ok-bright);display:flex;align-items:center;gap:3px;}

/* ── PLAN TABS (replaces accordion cards) ── */
.plan-tabs{display:flex;flex-direction:column;gap:8px;margin-bottom:0}
.plan-tab{flex:1;border-radius:var(--r-md);padding:10px 12px;cursor:pointer;border:1.5px dashed rgba(0,160,80,.28);background:#fff;font-family:var(--tk-font-body);transition:border-color .2s,background .2s}
.plan-tab.active{border:2px solid #00cc6a;background:#fff}
.plan-tab:not(.active):hover{border-color:rgba(0,160,80,.5);background:#fff}
.plan-tab-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}
.plan-tab-title{font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n700);display:flex;align-items:center;gap:4px;min-width:0}
.plan-tab-title.sense{color:var(--tk-ok-bright)}
.plan-tab.active .plan-tab-title{color:var(--n900)}
.plan-tab.active .plan-tab-title.sense{color:var(--tk-ok-bright)}
.plan-tab-val{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--n400);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;white-space:nowrap;flex-shrink:0}
.plan-tab-val.on{color:#00cc6a}
.plan-tab-val.sense{color:var(--tk-ok-bright)}
.plan-tab-sub{font-size:var(--text-xs);color:var(--n400);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
/* Sense tab — preserves full identity (dark bg + glow) */
.plan-tab.sense-tab{background:#fff;border-color:rgba(0,160,80,.35)}
.plan-tab.sense-tab.active{border-color:var(--tk-ok-border);box-shadow:0 0 14px var(--tk-ok-dim)}
/* Scan shimmer on sense tab pre-verify */
.plan-tab.sense-tab.cta-mode{position:relative;overflow:hidden}
.plan-tab.sense-tab.cta-mode::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--tk-ok-dim),transparent);transform:translateX(-100%);animation:pvs-scan 3s ease-in-out infinite;pointer-events:none}
/* Tab content panel */
.plan-tab-panel{padding:6px 0 2px}
.ptc-desc{font-size:var(--text-sm);color:var(--n600);line-height:1.5;margin-bottom:4px}
.ptc-nums{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);color:var(--n800);line-height:1.4}
.ptc-nums .plan-save{font-size:var(--text-lg2);font-weight:var(--fw-bold);color:var(--g500)}
.ptc-rerun{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:7px 14px;border-radius:var(--r-xl);border:1.5px solid var(--tk-ok-border);background:var(--tk-ok-dim);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--tk-ok-bright);cursor:pointer;font-family:var(--tk-font-body);animation:pvc-border-glow 3.2s ease-in-out infinite;transition:background .2s,border-color .2s}
.ptc-rerun:hover{background:var(--tk-ok-border);border-color:var(--tk-ok-bright)}


/* ── KAM SIGNAL BAR ── */
.kam-signal-bar{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.kam-signal-chip{padding:7px 12px;border-radius:var(--r-9);display:flex;flex-direction:column;gap:2px;flex:1;min-width:130px;max-width:200px}
.kam-signal-chip.urgent{background:rgba(200,50,50,.18);border:1px solid rgba(220,80,80,.35)}
.kam-signal-chip.opportunity{background:rgba(240,176,0,.12);border:1px solid rgba(240,176,0,.3)}
.kam-signal-chip.explore{background:var(--tk-accent-dim);border:1px solid var(--tk-accent-dim-3)}
.kam-signal-chip.healthy{background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2)}
.kam-signal-main{font-size:var(--text-md);font-weight:var(--fw-bold);line-height:1.3}
.kam-signal-chip.urgent .kam-signal-main{color:#ff7a7a}
.kam-signal-chip.opportunity .kam-signal-main{color:var(--amb)}
.kam-signal-chip.explore .kam-signal-main{color:rgba(150,195,255,.95)}
.kam-signal-chip.healthy .kam-signal-main{color:var(--g500)}
.kam-signal-sub{font-size:var(--text-xs);font-weight:var(--fw-medium);opacity:.65;color:var(--tk-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* v94 micro-label pass: 400→500 */
/* ── KAM DC INSIGHT ── */
.kam-dc-insight{padding:8px 14px 12px;font-size:var(--text-md);color:rgba(220,235,255,.92);line-height:1.65;border-top:1px solid rgba(255,255,255,.08)}
.kam-dc-insight-inner{display:flex;gap:8px;align-items:flex-start}
.kam-dc-insight-star{flex-shrink:0;opacity:.6;margin-top:2px}
.kam-dc-insight-text{flex:1;font-style:italic}
.kam-dc-insight-action{margin-top:6px;padding:5px 10px;background:var(--tk-accent-dim);border:1px solid var(--tk-accent-dim-3);border-radius:var(--r-7);font-size:var(--text-sm);font-style:normal;color:rgba(160,200,255,.9);font-weight:var(--fw-semi)}
/* ── COST SWAP SCREEN ── */
.swap-screen{padding:16px 16px 100px}
.swap-header{margin-bottom:16px}
.swap-title{font-size:var(--text-xl3);font-weight:var(--fw-bold);color:var(--n900);margin-bottom:3px}
.swap-sub{font-size:var(--text-md);color:var(--n600);line-height:1.5}
.swap-sheet-hdr-title{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.8px}
.swap-sheet-hdr-meta{font-size:var(--text-xs);color:var(--n400)}
.swap-sheet-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--n100)}
.swap-sheet-row:last-child{border-bottom:none}
.swap-sheet-names{flex:1;min-width:0}
.swap-sheet-old{font-size:var(--text-xs);color:var(--n500);text-decoration:line-through;text-decoration-color:var(--n300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.swap-sheet-new{font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.swap-sheet-type{font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:2px 6px;border-radius:var(--r-8);flex-shrink:0}
.swap-sheet-type.try{background:var(--amb50);color:#9a6500}
.swap-sheet-type.full{background:var(--g50);color:var(--g700)}
.swap-sheet-save{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--g700);text-align:right;min-width:60px;flex-shrink:0}
.swap-total-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:2px solid var(--n100)}
.swap-total-lbl{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--n700)}
.swap-total-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl3);font-weight:var(--fw-bold);color:var(--g700)}
.swap-actions{display:flex;gap:8px;margin-top:12px}
.swap-export{flex:1;background:var(--g900);color:var(--tk-text-primary);border:none;border-radius:var(--r-md);padding:12px;font-size:var(--text-base);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:opacity .2s}
.swap-export:hover{opacity:.88}
.swap-line{background:var(--n0);color:var(--n700);border:1.5px solid var(--n200);border-radius:var(--r-md);padding:12px 14px;font-size:var(--text-md);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;white-space:nowrap}

.pb-groups{margin-bottom:8px}
.pb-cat-group{margin-bottom:6px;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;background:var(--n0);box-shadow:var(--sh)}
.pb-cat-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 14px;background:var(--n50);border-bottom:1px solid var(--n100);cursor:pointer;user-select:none}
.pb-cat-hdr.collapsed{border-bottom:none}
.pb-cat-hdr-left{flex:1;min-width:0}
.pb-cat-name{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--n700);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-cat-meta{font-size:var(--text-sm);color:var(--n600);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;display:block;margin-top:2px;white-space:nowrap}
.pb-cat-hdr-right{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-top:1px}
/* Cat count badge — replaces "เลือกทั้งหมด" button */
.pb-cat-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;height:22px;padding:0 8px;
  border-radius:var(--r-xl);font-size:var(--text-sm);font-weight:var(--fw-bold);
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;
  cursor:pointer;border:1.5px solid var(--n200);
  background:var(--n0);color:var(--n600);
  transition:all .15s;white-space:nowrap;flex-shrink:0;
  letter-spacing:.2px;
}
.pb-cat-badge:hover{border-color:var(--g500);color:var(--g700)}
.pb-cat-badge.partial{border-color:var(--g500);background:var(--g50);color:var(--g700)}
.pb-cat-badge.full{border-color:var(--g500);background:var(--g500);color:var(--tk-text-primary)}
.pb-cat-chev{font-size:var(--text-sm);color:var(--n400);transition:transform .2s;display:inline-block}
.pb-cat-spend{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);color:var(--n500);white-space:nowrap}
.pb-cat-hdr.collapsed .pb-cat-chev{transform:rotate(-90deg)}

.pb-item-wrap{border-bottom:1px solid var(--n100)}
.pb-item-wrap:last-child{border-bottom:none}
.pb-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s;min-height:52px}
.pb-item:hover{background:var(--n50)}
.pb-item.sel{background:var(--tk-ok-dim)}
.pb-ck{width:22px;height:22px;border-radius:var(--r-sm);border:1.5px solid var(--n200);background:var(--n0);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;color:var(--tk-text-primary);font-size:var(--text-sm)}
.pb-ck.sel{background:var(--g500);border-color:var(--g500)}
.pb-item-body{flex:1;min-width:0}
.pb-item-name{font-size:var(--text-md);font-weight:var(--fw-semi);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-item-arrow{font-size:var(--text-sm);color:var(--n600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-item-arrow strong{color:var(--g800)}
/* ── Fixed right block: always 72px → no more alignment shift ── */
.pb-right-block{width:72px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pb-save-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--g700);line-height:1}
.pb-pct-badge{font-size:var(--text-sm);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;padding:3px 8px;border-radius:var(--r-sm);background:var(--g50);color:var(--g700);display:inline-flex;align-items:center;gap:3px;transition:all .15s;white-space:nowrap}
.pb-pct-badge.med{background:var(--amb50);color:#9a6500}
.pb-pct-badge.tappable{cursor:pointer}
.pb-pct-badge.tappable:active{transform:scale(.95)}
.pb-pct-badge.open{background:var(--g700);color:var(--tk-text-primary)}
.pb-pct-badge.open.med{background:#9a6500;color:var(--tk-text-primary)}
.pb-pct-badge .pchev{font-size:var(--text-2xs);transition:transform .2s;opacity:.65}
.pb-pct-badge.open .pchev{transform:rotate(180deg);opacity:1}

.pb-alt-expand{background:var(--n50);border-top:1px solid var(--n100);padding:8px 14px 10px}
.pb-alt-expand-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}
.pb-alt-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-8);border:1.5px solid var(--n100);margin-bottom:5px;cursor:pointer;transition:all .15s;background:var(--n0)}
.pb-alt-row:last-child{margin-bottom:0}
.pb-alt-row:hover{border-color:var(--g500);background:var(--g50)}
.pb-alt-row.sel{border-color:var(--g500);background:var(--g50)}
.pb-alt-radio{width:14px;height:14px;border-radius:50%;border:2px solid var(--n300);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}
.pb-alt-row.sel .pb-alt-radio{border-color:var(--g500);background:var(--g500)}
.pb-alt-radio-dot{width:5px;height:5px;border-radius:50%;background:#fff;display:none}
.pb-alt-row.sel .pb-alt-radio-dot{display:block}
.pb-alt-info{flex:1;min-width:0}
.pb-alt-name{font-size:var(--text-md);font-weight:var(--fw-semi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-alt-right{text-align:right;flex-shrink:0}
.pb-alt-save{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--g700)}
.pb-alt-pct{font-size:var(--text-xs);color:var(--n600);margin-top:1px}
.pb-alt-rec{display:inline-block;background:var(--g50);color:var(--g800);font-size:var(--text-2xs);font-weight:var(--fw-bold);border-radius:var(--r-sm);padding:1px 5px;margin-left:4px}
.pb-conf-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);font-weight:var(--fw-bold)}
.pb-conf-badge.high{color:var(--g700)}
.pb-conf-badge.medium{color:#9a6500}
.pb-conf-badge.unverified{color:var(--n400)}
/* v92: was missing — a 'low' (AI explicitly rejected this alt) badge fell
   back to no color styling at all, one more way it looked unremarkable
   instead of like a rejection. */
.pb-conf-badge.low{color:var(--tk-danger)}

/* Sticky Plan Footer */
.pb-footer{position:fixed;bottom:80px;left:16px;right:16px;margin:0 auto;max-width:408px;background:linear-gradient(135deg,var(--tk-bg-surface) 0%,var(--tk-bg-base) 100%);color:var(--tk-text-primary);padding:11px 16px;z-index:210;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--tk-ok-border);box-shadow:0 -6px 28px rgba(0,96,80,.35);transition:transform .3s cubic-bezier(.34,1.4,.64,1),opacity .25s ease}
/* v804: hidden state uses translateY only (no X) — avoids creating a new stacking context
   when visible, which on iOS Safari caused pb-footer to layer above data-panel (z-index:201)
   despite having a lower z-index:99. Also raised z-index to 210 to sit above bnav (170)
   and data-panel (201) — pill should always be reachable but sheets slide over it. */
.pb-footer.hidden{transform:translateY(150%);opacity:0}
.pb-footer-left .pf-label{font-size:var(--text-xs);color:var(--tk-text-muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px;font-weight:var(--fw-bold)}
.pb-footer-left .pf-count{font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(255,255,255,.8)}
.pb-footer-center{flex:1;text-align:center}
.pb-footer-center .pf-mo{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--amb);line-height:1}
.pb-footer-center .pf-yr{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-medium);color:rgba(255,255,255,.52);line-height:1;margin-top:3px}
.pb-footer-right{}
.pb-footer-cta{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-8);padding:7px 12px;font-size:var(--text-sm);font-weight:var(--fw-semi);font-family:var(--tk-font-body);cursor:pointer;white-space:nowrap;transition:all .2s}
.pb-footer-cta:hover{background:rgba(255,255,255,.18);color:var(--tk-text-primary);border-color:rgba(255,255,255,.4)}

/* ── OPP CARDS ── */
.ocard{background:var(--n0);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:8px;border:1.5px solid var(--bd);transition:border-color .2s,box-shadow .2s;overflow:hidden;cursor:pointer}
.ocard:hover{box-shadow:var(--shm)}
.ocard.sel{border-color:var(--g500);box-shadow:0 0 0 3px var(--tk-ok-dim)}
.ocard-top{display:flex;align-items:center;justify-content:space-between;padding:11px 13px 9px;border-bottom:1px solid var(--n100)}
.ocat{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.6px}
.ocard-top-right{display:flex;align-items:center;gap:8px}
.conf-badge{display:inline-flex;align-items:center;gap:3px;border-radius:var(--r-xl);padding:2px 8px;font-size:var(--text-xs);font-weight:var(--fw-bold)}
.conf-hi{background:var(--g50);color:var(--g800)}
.conf-md{background:#fff8e1;color:#9a6500}
.ocheck{width:22px;height:22px;border-radius:var(--r-sm);border:1.5px solid var(--n200);background:var(--n0);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;color:var(--tk-text-primary)}
.ocard.sel .ocheck{background:var(--g500);border-color:var(--g500)}
.ocheck svg{width:11px;height:11px}
.ocmp{display:grid;grid-template-columns:1fr 24px 1fr;gap:0;padding:12px 13px;align-items:center}
.ocmp-side{padding:0 4px}
.ocmp-lbl{font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px}
.ocmp-from .ocmp-lbl{color:var(--n400)}
.ocmp-to .ocmp-lbl{color:var(--g700)}
.ocmp-name{font-size:var(--text-md);font-weight:var(--fw-semi);line-height:1.35;color:var(--n900);margin-bottom:2px}
.ocmp-price{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);line-height:1}
.ocmp-from .ocmp-price{font-size:var(--text-xl);color:var(--n400);text-decoration:line-through;text-decoration-color:var(--n300)}
.ocmp-to .ocmp-price{font-size:var(--text-xl3);color:var(--g700)}
.ocmp-arrow{display:flex;align-items:center;justify-content:center;padding-top:16px}
.ocmp-arrow svg{width:16px;height:16px;color:var(--n300)}
.osave{display:flex;align-items:center;justify-content:space-between;background:var(--g50);margin:0 13px 11px;border-radius:var(--r-md);padding:10px 13px}
.osave-lbl{font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--g800);margin-bottom:2px}
.osave-num{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:26px;font-weight:var(--fw-bold);color:var(--g700);letter-spacing:-.5px;line-height:1;text-align:right}
.oalt-section{padding:0 13px 10px}
.oalt-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.8px;text-transform:uppercase;color:var(--n400);margin-bottom:7px}
.oalt-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-8);border:1.5px solid var(--n100);margin-bottom:5px;cursor:pointer;transition:all .15s;background:var(--n0)}
.oalt-row:hover{border-color:var(--g500);background:var(--g50)}
.oalt-row.selected{border-color:var(--g500);background:var(--g50)}
.oalt-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--n300);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}
.oalt-row.selected .oalt-radio{border-color:var(--g500);background:var(--g500)}
.oalt-radio-dot{width:6px;height:6px;border-radius:50%;background:#fff;display:none}
.oalt-row.selected .oalt-radio-dot{display:block}
.oalt-info{flex:1;min-width:0}
.oalt-name{font-size:var(--text-md);font-weight:var(--fw-semi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oalt-right{text-align:right;flex-shrink:0}
.oalt-rec{display:inline-flex;align-items:center;gap:2px;background:var(--g50);color:var(--g800);border-radius:var(--r-md);padding:2px 6px;font-size:var(--text-2xs);font-weight:var(--fw-bold);margin-left:5px;white-space:nowrap;flex-shrink:0}

/* ── TABLE VIEW ── */
/* ── VERIFY BANNER ── */
.verify-banner{display:flex;align-items:center;gap:12px;background:var(--g50);border:1.5px solid var(--tk-ok-border);border-radius:var(--r);padding:12px 14px;margin-bottom:14px;cursor:pointer;transition:all .2s}
.verify-banner:hover{border-color:var(--g500);background:var(--tk-ok-dim)}
.verify-banner-icon{width:32px;height:32px;background:var(--g900);border-radius:var(--r-9);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.verify-banner-body{flex:1;min-width:0}
.verify-banner-title{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--g700);margin-bottom:2px}
.verify-banner-sub{font-size:var(--text-sm);color:var(--n600);line-height:1.4}
.verify-banner-cta{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--g700);background:var(--n0);border:1.5px solid var(--tk-ok-border);border-radius:var(--r-xl);padding:5px 12px;white-space:nowrap;flex-shrink:0}
/* ── VERIFY SHEET ── */
.verify-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:300;opacity:0;pointer-events:none;transition:opacity .25s}
.verify-sheet-overlay.on{opacity:1;pointer-events:all}
/* v804: left/right+margin centering, translateY only — consistent with data-panel fix */
.verify-sheet{position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:var(--app-max,440px);background:var(--n0);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.16);z-index:301;transform:translateY(102%);transition:transform .35s cubic-bezier(.34,1.4,.64,1);max-height:80vh;overflow-y:auto}
.verify-sheet.open{transform:translateY(0)}
.verify-sheet-head{padding:14px 18px 10px;border-bottom:1px solid var(--n100)}
.verify-sheet-acct{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--g700);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px;display:flex;align-items:center;gap:5px}
.verify-sheet-title{font-size:var(--text-lg2);font-weight:var(--fw-bold);color:var(--n900)}
.verify-sheet-body{padding:14px 18px 32px}
.ot-row-wrap{background:var(--n0)}
.ot-border-top{border-top:1px solid var(--bd)}
.ot-main-row{display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;transition:background .15s}
.ot-main-row:hover{background:var(--n50)}
.ot-expand-body{border-top:1px solid var(--n100);background:var(--n50);padding:8px 0}
.ot-expand-row{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;cursor:pointer;transition:background .15s}
.ot-expand-row:hover{background:var(--tk-ok-dim)}
.ot-exp-sel{background:var(--g50)!important}
.ot-chk{width:18px;height:18px;border-radius:var(--r-5);border:1.5px solid var(--n200);background:var(--n0);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s}
.ot-chk.on{background:var(--g500);border-color:var(--g500)}

/* ── SIMULATOR ── */
.simtot{background:var(--g900);border-radius:var(--r);padding:22px;text-align:center;color:var(--tk-text-primary);margin-bottom:16px;position:relative;overflow:hidden}
.simtot::before{content:'';position:absolute;left:-20px;bottom:-20px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.siml{font-size:var(--text-sm);color:rgba(255,255,255,.55);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.sim-yr-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-hero);font-weight:var(--fw-bold);color:var(--amb);letter-spacing:-2px;line-height:1}
.sim-yr-unit{font-size:var(--text-base);color:rgba(255,255,255,.6);margin-top:4px}
.sim-divider{height:1px;background:rgba(255,255,255,.12);margin:12px 0}
.sim-mo-row{display:flex;align-items:center;justify-content:center;gap:8px}
.sim-mo-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xl);font-weight:var(--fw-semi);color:rgba(255,255,255,.75)}
.sim-mo-label{font-size:var(--text-md);color:var(--tk-text-muted)}
.simpct{font-size:var(--text-base);color:rgba(255,255,255,.6);margin-top:8px}
.simbar-track{height:5px;background:rgba(255,255,255,.15);border-radius:3px;margin:14px 0 0;overflow:hidden}
.simbar-fill{height:100%;border-radius:3px;background:var(--amb);transition:width .6s cubic-bezier(.25,.8,.25,1)}

/* ── KAM Sense Mode: full-screen opportunities overlay (v190) ── */
body.kam-sense-active #swipe-grp-b{
  position:fixed!important;top:48px;
  bottom:calc(76px + env(safe-area-inset-bottom));
  left:0;right:0;margin:0 auto;transform:none;
  width:100%;max-width:var(--app-max,440px);
  overflow-x:hidden;overflow-y:auto;
  display:block!important;z-index:50;
  background:var(--n50);
}
body.kam-sense-active #swipe-grp-b .scr{display:none!important;}
body.kam-sense-active #swipe-grp-b .scr.on{display:block!important;min-height:100%;padding-bottom:120px;}body.kam-sense-active #scr-opportunities .sec{padding-bottom:100px}
/* ════ SENSE DARK THEME TOKENS — body.kam-sense-active ════
   Design system: Sense forest dark (#0b1c14)
   Intent: deep forest = Sense territory (distinct from KAM navy)
   Method: CSS variable cascade — covers all var(--n*) usage in
   CSS classes + inline styles automatically.
   ════════════════════════════════════════════════════════ */
body.kam-sense-active{
  /* ── Surface stack ── */
  --n0:#1a1e26;            /* card body   — C slate default */
  --n50:#20252f;           /* card header — C slate default */
  --n100:rgba(255,255,255,.08);  /* subtle border     (was #f0f0f0) */
  --n200:rgba(255,255,255,.13);  /* default border    (was #d0d0d0) */
  --n300:rgba(255,255,255,.24);  /* strong border     (was #b0b0b0) */
  --n400:rgba(255,255,255,.44);  /* tertiary text     (was #a0a0a0; v94: .38→.44, matches the --tk-text-muted Conservative ink raise) */
  --n500:rgba(255,255,255,.52);  /* secondary text    (was #808080; v94: .48→.52) */
  --n600:rgba(255,255,255,.66);  /* body text         (was #808080; v94: .62→.66) */
  --n700:rgba(255,255,255,.76);  /* primary text      (was #606060) */
  --n800:rgba(255,255,255,.90);  /* strong text       (was #404040) */
  --n900:#eef8f2;          /* max contrast      (was #303030) */
  /* ── Border & shadow ── */
  --bd:rgba(255,255,255,.08); /* card border — neutral, separation via elevation */
  --sh:0 2px 12px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.3);
  --shm:0 6px 28px rgba(0,0,0,.55);
  /* ── Green retuned for dark surface ── */
  --g50:var(--tk-ok-dim);   /* subtle tint       (was very light green) */
  --g70:var(--tk-ok-dim-2);   /* mid tint */
  --g800:var(--tk-ok-bright);              /* green text on dark (was var(--tk-bg-topbar) on light) */
}
/* ── Container bg ── */
body.kam-sense-active #swipe-grp-b{background:#13161c} /* C slate default */
/* ── Sense score bar: green-accent on dark ── */
body.kam-sense-active .sense-score-bar{
  background:var(--tk-ok-dim);border-color:var(--tk-ok-border);
}
/* ── Filter pills: active state on dark (was var(--g900) = var(--tk-bg-topbar)) ── */
body.kam-sense-active .pill.on{
  background:var(--tk-ok-dim-2);border-color:var(--tk-ok-border);color:var(--tk-ok-bright);
}
body.kam-sense-active .pill:hover:not(.on){
  border-color:var(--tk-ok-border);color:var(--tk-ok-bright);
}
/* ── Cards: no shadow needed — border defines boundary ── */
body.kam-sense-active .pb-cat-group{box-shadow:none}
/* ── Alt rows: slight lift from card body ── */
body.kam-sense-active .oalt-row{background:rgba(255,255,255,.05)}
body.kam-sense-active .oalt-row.selected{
  background:var(--tk-ok-dim);border-color:var(--tk-ok-border);
}
body.kam-sense-active .pb-alt-row{background:rgba(255,255,255,.04)}
body.kam-sense-active .pb-alt-row.sel{
  background:var(--tk-ok-dim);border-color:var(--tk-ok-border);
}
/* ── Swap line button ── */
body.kam-sense-active .swap-line{
  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.78);
}
/* ── Plan Tray B: plan info inside pill nav ── */
/* pb-footer hidden in KAM sense mode */
body.kam-sense-active .pb-footer{display:none!important;}
/* Sense Plan Section (injected into .bnav) */
#sense-plan-section{display:none;width:100%;order:-1;padding:6px 0 10px 0;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.12);}
body.kam-sense-active.sense-plan-expanded #sense-plan-section{display:flex;align-items:center;gap:12px;}
.sps-info{flex:1;min-width:0;padding-left:14px;}
.sps-label{font-size:var(--text-sm);color:rgba(255,255,255,.65);margin-bottom:3px;font-weight:var(--fw-bold);letter-spacing:.4px;text-transform:uppercase;}
.sps-amt{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif;font-size:24px;font-weight:800;color:var(--amb);line-height:1;letter-spacing:-.8px;}
.sps-unit{font-size:var(--text-md);font-weight:var(--fw-medium);opacity:.65;margin-left:3px;vertical-align:2px;}
.sps-sub{font-size:var(--text-sm);color:rgba(255,255,255,.55);margin-top:3px;font-family:var(--tk-font-body);}
.sps-cta{background:var(--tk-ok-500);border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s,opacity .15s;box-shadow:0 2px 10px rgba(0,160,80,.4);margin-right:14px;}
/* sps-cta-col: center wrapper — aligns icon with Sense nav button (col2 of bnav 3-col grid) */
.sps-cta-col{display:flex;align-items:center;justify-content:center;}
/* sps-cta-col sits in col2 of 2-col grid, centres the button within the 52-54px cell */
body.kam-sense-active.sense-plan-expanded .sps-cta{margin-right:0!important;align-self:center!important;}
.sps-cta:active{transform:scale(.92);opacity:.85;}
.sps-cta:active{opacity:.78;}
/* Pill nav base */
body.kam-sense-active.kam-mode .bnav{background:rgba(6,20,16,.55)!important;border-color:var(--tk-ok-border)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;box-shadow:0 -6px 24px rgba(0,0,0,.18),0 -1px 0 rgba(255,255,255,.06)!important;}
/* Pill expands when plan active */
body.kam-sense-active.sense-plan-expanded.kam-mode .bnav{flex-wrap:wrap!important;border-radius:var(--r-xl)!important;padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important;box-shadow:0 -8px 28px rgba(0,0,0,.22),0 -1px 0 rgba(255,255,255,.06)!important;}
/* Light theme SPS colors */
body.sdt-light.kam-sense-active #sense-plan-section{border-bottom-color:rgba(0,160,80,.2);}
body.sdt-light.kam-sense-active .sps-label{color:rgba(0,0,0,.6);}
body.sdt-light.kam-sense-active .sps-sub{color:rgba(0,0,0,.52);}


/* Plan badge dot */
.sense-plan-dot{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:var(--tk-ok-500);display:none;box-shadow:0 0 4px var(--tk-ok-bright);}
body.sense-plan-active:not(.sense-plan-expanded) .sense-plan-dot{display:block}
/* Pulse */
@keyframes sbt-pulse-amt{0%{transform:scale(1);}35%{transform:scale(1.08);}65%{transform:scale(.97);}100%{transform:scale(1);}}
.sbt-pulse{animation:sbt-pulse-amt 400ms cubic-bezier(.34,1.56,.64,1) both;}
/* ── Save Plan Badge card (v500) ── */
@keyframes spc-in{0%{opacity:0;transform:translateY(-6px) scaleY(0.8);max-height:0;}60%{opacity:1;transform:translateY(1px) scaleY(1.02);}100%{opacity:1;transform:translateY(0) scaleY(1);max-height:80px;}}
@keyframes spc-out{0%{opacity:1;transform:translateY(0);max-height:80px;}100%{opacity:0;transform:translateY(-5px);max-height:0;}}
.save-plan-card{border-radius:var(--r-md);padding:10px 12px;transform-origin:top center;overflow:hidden;margin-top:8px;}
.save-plan-card.hidden{display:none;}
.save-plan-card.spc-entering{animation:spc-in .32s cubic-bezier(.34,1.4,.64,1) both;border:1.5px dashed rgba(0,160,80,.38);background:var(--n0);}
.save-plan-card.spc-exiting{animation:spc-out .22s ease forwards;}
.save-plan-card.spc-unsaved{border:1.5px dashed rgba(0,160,80,.38);background:var(--n0);}
.save-plan-card.spc-saved{border:2px solid rgba(0,160,80,.55);background:var(--g50);transition:border-color .25s ease,background .25s ease;}
.spc-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.spc-left{flex:1;min-width:0;display:flex;align-items:center;gap:7px;}
.spc-text{min-width:0;}
.spc-label{font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n700);}
.spc-sub{font-size:var(--text-xs);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;color:var(--n400);margin-top:1px;}
.spc-sub.green{color:var(--g700);}
.spc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.spc-dot.saved{background:var(--g500);}
@keyframes spc-dot-pop{0%{transform:scale(0);opacity:0;}60%{transform:scale(1.3);}100%{transform:scale(1);opacity:1;}}
.spc-dot.pop{animation:spc-dot-pop .35s cubic-bezier(.34,1.56,.64,1) both;}
.spc-btn{font-size:var(--text-xs);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);padding:4px 10px;border-radius:var(--r-sm);border:none;cursor:pointer;white-space:nowrap;transition:transform .12s,opacity .12s;}
.spc-btn:active{transform:scale(.92);}
.spc-btn.cta{background:var(--g500);color:var(--tk-text-primary);}
.spc-btn.done{background:var(--n100);color:var(--n400);cursor:default;}
/* sps-cta icon swap: report vs share */
.sps-cta .icon-report{display:block;}
.sps-cta .icon-share{display:none;}
body.sense-on-report .sps-cta .icon-report{display:none;}
body.sense-on-report .sps-cta .icon-share{display:block;}
body.sense-on-report .sps-cta{background:var(--tk-ok-500);box-shadow:0 2px 10px rgba(0,160,80,.4);}
/* share button full-width in report screen */
#rpt2-share-btn.sharing-loading{background:var(--g700)!important;pointer-events:none;}
#rpt2-share-btn.sharing-success{background:var(--g500)!important;}
@keyframes share-pop{0%{transform:scale(1)}20%{transform:scale(.93)}55%{transform:scale(1.04)}100%{transform:scale(1)}}
#rpt2-share-btn.sharing-success{animation:share-pop .35s cubic-bezier(.34,1.56,.64,1);}
@keyframes icon-spin{to{transform:rotate(360deg)}}
.spin-icon{display:inline-block;animation:icon-spin .7s linear infinite;}
body.kam-sense-active .topbar{background:#1a1e26!important;transition:background .25s ease;}
/* ── Theme A overrides ── */
body.sdt-a.kam-sense-active{--n0:#1e1e1e;--n50:#252525}
body.sdt-a.kam-sense-active #swipe-grp-b{background:#141414}
body.sdt-a.kam-sense-active .topbar{background:#1e1e1e!important}
body.sdt-a.kam-sense-active.kam-mode .bnav{background:rgba(30,30,30,.52)!important;}
/* ── Theme B overrides ── */
body.sdt-b.kam-sense-active{--n0:#131d2e;--n50:#1a2640}
body.sdt-b.kam-sense-active #swipe-grp-b{background:#0c1220}
body.sdt-b.kam-sense-active .topbar{background:#131d2e!important}
body.sdt-b.kam-sense-active.kam-mode .bnav{background:rgba(19,29,46,.52)!important;}
/* ── Theme C explicit (= default, for clarity) ── */
body.sdt-c.kam-sense-active{--n0:#1a1e26;--n50:#20252f}
body.sdt-c.kam-sense-active #swipe-grp-b{background:#13161c}
body.sdt-c.kam-sense-active .topbar{background:#1a1e26!important}
body.sdt-c.kam-sense-active.kam-mode .bnav{background:rgba(26,30,38,.52)!important;}
/* ── Prices: white (remove green overload) ── */
body.kam-sense-active .pb-save-amt{color:rgba(255,255,255,.92)}
body.kam-sense-active .osave-num{color:rgba(255,255,255,.92)}
body.kam-sense-active .osave-lbl{color:rgba(255,255,255,.55)}
body.kam-sense-active .osave-sub{color:rgba(255,255,255,.55)}
/* ── % badge: neutral white (high-conf) / amber (med-conf) ── */
body.kam-sense-active .pb-pct-badge{
  background:rgba(255,255,255,.1);color:rgba(255,255,255,.78);
}
body.kam-sense-active .pb-pct-badge.med{
  background:rgba(240,176,0,.18);color:#f0b000;
}
body.kam-sense-active .pb-pct-badge.open{background:rgba(255,255,255,.2);color:var(--tk-text-primary)}
body.kam-sense-active .oalt-save{
  background:rgba(255,255,255,.1);color:rgba(255,255,255,.78);
}
body.kam-sense-active .oalt-save.med{
  background:rgba(240,176,0,.18);color:#f0b000;
}
body.kam-sense-active .pct-badge-sm{
  background:rgba(255,255,255,.1);color:rgba(255,255,255,.78);
}
body.kam-sense-active .pct-badge-sm.med{
  background:rgba(240,176,0,.18);color:#f0b000;
}
/* ── Theme Light: reset all dark overrides ── */
body.sdt-light.kam-sense-active{--n0:#ffffff;--n50:#fafafa;--n100:#f0f0f0;--n200:#d0d0d0;--n300:#b0b0b0;--n400:#a0a0a0;--n500:#808080;--n600:#808080;--n700:#606060;--n800:#404040;--n900:#303030;--bd:#e8e8e8;--sh:0 1px 3px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);--shm:0 4px 20px rgba(0,0,0,.08);--g50:#e8faf2;--g70:#d0f5e8;--g800:var(--tk-bg-topbar)}
body.sdt-light.kam-sense-active #swipe-grp-b{background:#fff}
body.sdt-light.kam-sense-active{background:#f5f5f5}
body.sdt-light.kam-sense-active .topbar{background:#ffffff!important;border-bottom:1px solid rgba(0,0,0,.08)}
body.sdt-light.kam-sense-active .logo{color:#1a1a1a!important}
body.sdt-light.kam-sense-active .data-btn{background:rgba(0,0,0,.06)!important;color:#333!important}
body.sdt-light.kam-sense-active .topbar button svg{stroke:rgba(0,0,0,.55)!important}
body.sdt-light.kam-sense-active .iq-badge svg{stroke:none!important}
body.sdt-light.kam-sense-active .topbar button:not(.data-btn):not(.mbtn){background:rgba(0,0,0,.06)!important}
body.sdt-light.kam-sense-active .mode-toggle{background:rgba(0,0,0,.08)!important}
body.sdt-light.kam-sense-active .mbtn{color:rgba(0,0,0,.5)!important}
body.sdt-light.kam-sense-active .sense-score-bar{background:transparent;}
body.sdt-light.kam-sense-active .pill.on{background:var(--g900);border-color:var(--g900);color:var(--tk-text-primary)}
body.sdt-light.kam-sense-active .pill:hover:not(.on){border-color:var(--g500);color:var(--g700)}
body.sdt-light.kam-sense-active .oalt-row{background:var(--n0)}
body.sdt-light.kam-sense-active .oalt-row.selected{background:var(--g50);border-color:var(--g500)}
body.sdt-light.kam-sense-active .pb-alt-row{background:var(--n0)}
body.sdt-light.kam-sense-active .pb-alt-row.sel{background:var(--g50);border-color:var(--g500)}
body.sdt-light.kam-sense-active .swap-line{background:var(--n0);border-color:var(--n200);color:var(--n700)}
body.sdt-light.kam-sense-active .pb-save-amt{color:var(--g700)}
body.sdt-light.kam-sense-active .osave-num{color:var(--g700)}
body.sdt-light.kam-sense-active .osave-lbl{color:var(--g800)}
body.sdt-light.kam-sense-active .osave-sub{color:var(--g800)}
body.sdt-light.kam-sense-active .pb-pct-badge{background:var(--g50);color:var(--g700)}
body.sdt-light.kam-sense-active .pb-pct-badge.med{background:var(--amb50);color:#9a6500}
body.sdt-light.kam-sense-active .pb-pct-badge.open{background:var(--g700);color:var(--tk-text-primary)}
body.sdt-light.kam-sense-active .oalt-save{background:var(--g50);color:var(--g700)}
body.sdt-light.kam-sense-active .oalt-save.med{background:var(--amb50);color:#9a6500}
body.sdt-light.kam-sense-active .pct-badge-sm{background:var(--g50);color:var(--g700)}
body.sdt-light.kam-sense-active .pct-badge-sm.med{background:var(--amb50);color:#9a6500}
body.sdt-light.kam-sense-active .pb-cat-group{box-shadow:var(--sh)}
body.sdt-light.kam-sense-active .pb-footer{background:#0d2318!important;border-top:1px solid var(--tk-ok-border);box-shadow:none}
body.sdt-light.kam-sense-active.kam-mode .bnav{background:rgba(230,252,240,.52)!important;border-color:rgba(0,160,80,.18)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;box-shadow:0 -6px 24px rgba(0,80,40,.1),0 -1px 0 rgba(255,255,255,.7)!important;}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni svg{stroke:rgba(0,0,0,.38)!important;color:rgba(0,0,0,.38)!important;filter:none!important}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni .lb{color:rgba(0,0,0,.38)!important}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni.on svg{stroke:var(--g500)!important;color:var(--g500)!important}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni.on .lb{color:var(--g700)!important;font-weight:var(--fw-bold)!important}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni.on .nwrap{background:var(--tk-ok-dim)!important;border:none!important;box-shadow:none!important}
/* back button (inherits --n700 → rgba(255,255,255,.76) via cascade) */
#kam-sense-back-btn{
  display:flex;align-items:center;gap:6px;
  font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--n700);
  background:none;border:none;padding:14px 16px 4px;
  cursor:pointer;font-family:var(--tk-font-body);
  transition:color .15s;
}
#kam-sense-back-btn:active{color:var(--n900);}
#kam-sense-back-btn svg{color:var(--n600);}


/* ── v207a: Sense→Opportunity mobile polish ──────────────────────────────
   1) compact KAM Sense plan tray (less dead safe-area space)
   2) readable topbar controls on light Sense theme
   3) keep Opportunity content clear of the expanded tray without over-padding
*/
body.kam-sense-active.sense-plan-expanded.kam-mode .bnav{
  padding-top:8px!important;
  padding-bottom:max(8px,calc(env(safe-area-inset-bottom) - 16px))!important;
}
body.kam-sense-active.sense-plan-expanded #sense-plan-section{
  padding:4px 0 8px!important;
  margin-bottom:2px!important;
}
body.kam-sense-active.sense-plan-expanded.kam-mode .bnav .ni{
  padding:2px 0 0!important;
  min-height:46px;
}
body.kam-sense-active.sense-plan-expanded.kam-mode .bnav .ni .lb{
  margin-top:0!important;
}
body.kam-sense-active.sense-plan-expanded #swipe-grp-b{
  bottom:calc(132px + max(0px,calc(env(safe-area-inset-bottom) - 16px)))!important;
}
body.kam-sense-active #scr-opportunities .sec{
  padding-bottom:72px!important;
}
body.sdt-light.kam-sense-active #dataBtnTop,
body.sdt-light.kam-sense-active .data-btn{
  background:rgba(0,0,0,.07)!important;
  opacity:1!important;
}
body.sdt-light.kam-sense-active #dataBtnTop svg,
body.sdt-light.kam-sense-active .data-btn svg{
  color:rgba(0,0,0,.62)!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body.sdt-light.kam-sense-active .topbar-right button[title="ออกจากระบบ"]{
  background:rgba(0,0,0,.07)!important;
  opacity:1!important;
}
body.sdt-light.kam-sense-active .topbar-right button[title="ออกจากระบบ"] svg{
  color:rgba(0,0,0,.62)!important;
  stroke:currentColor!important;
  opacity:1!important;
}


/* NRR governance / commission policy */
.tgt-policy-block {
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-lg);padding:14px 14px 12px;margin-bottom:14px;
}
.tgt-policy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.tgt-policy-title{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary);display:flex;align-items:center;gap:6px}
.tgt-policy-sub{font-size:var(--text-xs);color:var(--tk-text-muted);margin-top:2px;line-height:1.45}
.tgt-policy-status{padding:4px 8px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--fw-bold);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--tk-text-secondary)}
.tgt-policy-status.published{background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright)}
.tgt-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tgt-policy-field{display:flex;flex-direction:column;gap:5px}
.tgt-policy-field label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.55)}
.tgt-policy-select,.tgt-policy-input{
  width:100%;padding:10px 11px;border-radius:var(--r-md);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);color:var(--tk-text-primary);font-size:var(--text-md);font-weight:var(--fw-semi);outline:none;
  font-family:var(--tk-font-body);
}
.tgt-policy-note{font-size:var(--text-xs);color:rgba(255,255,255,.52);line-height:1.5;margin-top:10px}
.tgt-policy-empty{padding:18px 12px;text-align:center;font-size:var(--text-md);color:rgba(255,255,255,.52)}
.tv-gov-card{
  min-width:170px;flex:1.35;background:linear-gradient(180deg,rgba(23,53,101,.92),rgba(14,35,70,.92));
  border:1px solid rgba(100,170,255,.18);border-radius:var(--r-lg);padding:12px 12px 10px;
  box-shadow:0 12px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
}
.tv-gov-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.tv-gov-title{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--tk-text-primary);display:flex;align-items:center;gap:6px}
.tv-gov-sub{font-size:var(--text-2xs);color:rgba(255,255,255,.48);margin-top:2px;line-height:1.45}
.tv-gov-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.tv-gov-badge{padding:3px 7px;border-radius:var(--r-pill);font-size:var(--text-2xs);font-weight:var(--fw-bold);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.72)}
.tv-gov-badge.ok{background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright)}
.tv-gov-badge.warn{background:rgba(240,176,0,.12);border-color:rgba(240,176,0,.2);color:#f6ad55}
.tv-gov-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tv-gov-metric{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:9px 10px}
.tv-gov-metric-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.02em}
.tv-gov-metric-value{margin-top:4px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl3);font-weight:var(--fw-bold);color:var(--tk-text-primary)}
.tv-gov-metric-meta{margin-top:3px;font-size:var(--text-2xs);color:rgba(255,255,255,.52);line-height:1.4}
.tv-gov-footer{margin-top:9px;font-size:var(--text-2xs);color:rgba(255,255,255,.52);line-height:1.45}


/* v208b Admin payout rule builder */
.tgt-rule-block{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-lg);padding:14px;margin-bottom:14px;
}
.tgt-rule-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.tgt-rule-title{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary);display:flex;align-items:center;gap:6px}
.tgt-rule-sub{font-size:var(--text-xs);color:rgba(255,255,255,.52);margin-top:2px;line-height:1.45}
.tgt-rule-pill{padding:4px 8px;border-radius:var(--r-pill);border:1px solid var(--tk-ok-border);background:var(--tk-ok-dim);font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--tk-ok-bright);white-space:nowrap}
.tgt-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.tgt-rule-field{display:flex;flex-direction:column;gap:5px}
.tgt-rule-field label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.55)}
.tgt-rule-input,.tgt-rule-select{
  width:100%;padding:9px 10px;border-radius:var(--r-md);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);color:var(--tk-text-primary);font-size:var(--text-md);font-weight:var(--fw-semi);outline:none;
  font-family:var(--tk-font-body);
}
.tgt-rule-table{width:100%;border-collapse:separate;border-spacing:0 6px;margin-top:10px}
.tgt-rule-table th{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.52);text-align:left;padding:0 5px;text-transform:uppercase;letter-spacing:var(--ls-eyebrow)}
.tgt-rule-table td{padding:0 4px;vertical-align:middle}
.tgt-rule-tier-input{
  width:100%;padding:8px 8px;border-radius:var(--r-8);background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);color:var(--tk-text-primary);font-size:var(--text-sm);font-weight:var(--fw-bold);
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;outline:none;
}
.tgt-rule-tier-label{
  width:100%;padding:8px 8px;border-radius:var(--r-8);background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);color:var(--tk-text-primary);font-size:var(--text-sm);font-weight:var(--fw-semi);
  font-family:var(--tk-font-body);outline:none;
}
.tgt-rule-del{
  width:26px;height:26px;border-radius:var(--r-8);border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);color:var(--tk-text-muted);font-weight:var(--fw-bold);cursor:pointer;
}
.tgt-rule-del:hover{background:rgba(255,80,80,.12);color:#ff8888;border-color:rgba(255,80,80,.22)}
.tgt-rule-add{
  margin-top:8px;border:1px dashed var(--tk-ok-border);background:var(--tk-ok-dim);
  color:var(--tk-ok-bright);border-radius:var(--r-md);padding:9px 12px;font-family:var(--tk-font-body);
  font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;width:100%;
}
.tgt-rule-note{font-size:var(--text-xs);color:rgba(255,255,255,.52);line-height:1.5;margin-top:10px}
.tgt-rule-empty{padding:18px 12px;text-align:center;color:rgba(255,255,255,.52);font-size:var(--text-md)}
.tv-payout-mini{
  margin-left:6px;display:inline-flex;align-items:center;padding:3px 7px;border-radius:var(--r-pill);
  background:rgba(100,170,255,.12);border:1px solid rgba(100,170,255,.20);
  color:rgba(190,220,255,.9);font-size:var(--text-2xs);font-weight:var(--fw-bold);
}
.tv-gov-payout{
  margin-top:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
  border-radius:var(--r-md);padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.tv-gov-payout-lbl{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:var(--ls-eyebrow)}
.tv-gov-payout-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg2);font-weight:var(--fw-bold);color:#bcd7ff}


/* v208c Commission preview / simulator */
.tgt-preview-hero{
  background:linear-gradient(135deg,rgba(23,53,101,.95),rgba(10,24,50,.95));
  border:1px solid rgba(100,170,255,.18);border-radius:16px;padding:15px;margin-bottom:14px;
  box-shadow:0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
}
.tgt-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.tgt-preview-title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--tk-text-primary);display:flex;align-items:center;gap:7px}
.tgt-preview-sub{font-size:var(--text-xs);color:rgba(255,255,255,.48);line-height:1.45;margin-top:3px}
.tgt-preview-total{text-align:right}
.tgt-preview-total-label{font-size:var(--text-2xs);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--tk-text-muted);letter-spacing:var(--ls-eyebrow)}
.tgt-preview-total-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:24px;font-weight:var(--fw-bold);color:#bcd7ff;line-height:1.1;margin-top:3px}
.tgt-preview-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.tgt-preview-kpi{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);border-radius:11px;padding:10px}
.tgt-preview-kpi-label{font-size:var(--text-2xs);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--tk-text-muted);line-height:1.25;letter-spacing:var(--ls-eyebrow)}
.tgt-preview-kpi-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--tk-text-primary);margin-top:5px}
.tgt-preview-section-title{font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(255,255,255,.62);margin:14px 2px 8px;display:flex;align-items:center;justify-content:space-between}
.tgt-preview-row{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075);
  border-radius:var(--r-card);padding:11px 12px;margin-bottom:8px;
}
.tgt-preview-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.tgt-preview-name{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--tk-text-primary);line-height:1.35}
.tgt-preview-meta{font-size:var(--text-2xs);color:rgba(255,255,255,.52);margin-top:2px}
.tgt-preview-payout{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:#bcd7ff;white-space:nowrap}
.tgt-preview-row-bottom{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.tgt-preview-chip{padding:3px 7px;border-radius:var(--r-pill);font-size:var(--text-2xs);font-weight:var(--fw-bold);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68)}
.tgt-preview-chip.ok{background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright)}
.tgt-preview-chip.warn{background:rgba(240,176,0,.12);border-color:rgba(240,176,0,.22);color:#f6ad55}
.tgt-preview-chip.zc{color:var(--zc);border-color:var(--zc)}   /* 24 ต.ค. 2569: สีตามช่วงเกณฑ์ค่าคอมฯ ของ KAM */
.tgt-preview-empty{padding:24px 14px;text-align:center;color:rgba(255,255,255,.52);font-size:var(--text-md);background:rgba(255,255,255,.035);border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.06)}
.tv-payout-pill{
  display:inline-flex;align-items:center;padding:3px 7px;border-radius:var(--r-pill);
  border:1px solid rgba(100,170,255,.22);background:rgba(100,170,255,.12);
  color:#bcd7ff;font-size:var(--text-2xs);font-weight:var(--fw-bold);margin-left:6px;
}


/* v208d NRR exclusion request / approval */
.tgt-excl-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px
}
.tgt-excl-title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--tk-text-primary);display:flex;align-items:center;gap:7px}
.tgt-excl-sub{font-size:var(--text-xs);color:var(--tk-text-muted);line-height:1.45;margin-top:3px}
.tgt-excl-tabs{display:flex;gap:6px;margin:0 0 12px}
.tgt-excl-tab{
  flex:1;border:none;border-radius:var(--r-md);padding:9px 10px;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.62);font-weight:var(--fw-bold);font-size:var(--text-sm);
  font-family:var(--tk-font-body);cursor:pointer
}
.tgt-excl-tab.active{background:rgba(100,170,255,.14);border-color:rgba(100,170,255,.25);color:#bcd7ff}
.tgt-excl-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075);
  border-radius:13px;padding:12px;margin-bottom:9px
}
.tgt-excl-card.pending{border-color:rgba(240,176,0,.20);background:rgba(240,176,0,.055)}
.tgt-excl-card.approved{border-color:var(--tk-ok-dim-2);background:var(--tk-ok-dim)}
.tgt-excl-card.rejected{border-color:rgba(255,80,80,.20);background:rgba(255,80,80,.045)}
.tgt-excl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.tgt-excl-name{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--tk-text-primary);line-height:1.35}
.tgt-excl-meta{font-size:var(--text-2xs);color:rgba(255,255,255,.52);line-height:1.45;margin-top:2px}
.tgt-excl-status{
  padding:3px 7px;border-radius:var(--r-pill);font-size:var(--text-2xs);font-weight:var(--fw-bold);
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:rgba(255,255,255,.62)
}
.tgt-excl-status.pending{background:rgba(240,176,0,.12);border-color:rgba(240,176,0,.22);color:#f6ad55}
.tgt-excl-status.approved{background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright)}
.tgt-excl-status.rejected{background:rgba(255,80,80,.12);border-color:rgba(255,80,80,.22);color:#ff8888}
.tgt-excl-impact{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.tgt-excl-chip{
  padding:4px 8px;border-radius:var(--r-pill);font-size:var(--text-2xs);font-weight:var(--fw-bold);background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68)
}
.tgt-excl-chip.good{background:var(--tk-ok-dim);border-color:var(--tk-ok-dim-2);color:var(--tk-ok-bright)}
.tgt-excl-chip.money{background:rgba(100,170,255,.11);border-color:rgba(100,170,255,.20);color:#bcd7ff}
.tgt-excl-actions{display:flex;gap:7px;margin-top:10px}
.tgt-excl-action{
  flex:1;border:1px solid rgba(255,255,255,.10);border-radius:var(--r-9);padding:8px 10px;
  background:rgba(255,255,255,.055);color:rgba(255,255,255,.72);font-size:var(--text-sm);font-weight:var(--fw-bold);
  font-family:var(--tk-font-body);cursor:pointer
}
.tgt-excl-action.approve{background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright)}
.tgt-excl-action.reject{background:rgba(255,80,80,.10);border-color:rgba(255,80,80,.22);color:#ff8888}
.tgt-excl-request-btn{
  border:none;border-radius:var(--r-9);padding:7px 9px;background:rgba(240,176,0,.12);
  border:1px solid rgba(240,176,0,.22);color:#f6ad55;font-size:var(--text-xs);font-weight:var(--fw-bold);
  font-family:var(--tk-font-body);cursor:pointer;white-space:nowrap
}
.tgt-excl-sheet-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10050;display:none;
  align-items:flex-end;justify-content:center
}
.tgt-excl-sheet-overlay.open{display:flex}
.tgt-excl-sheet{
  width:100%;max-width:520px;background:#10264a;border-radius:22px 22px 0 0;
  border:1px solid rgba(255,255,255,.10);box-shadow:0 -18px 50px rgba(0,0,0,.35);
  padding:18px 16px 16px;color:var(--tk-text-primary)
}
.tgt-excl-sheet-title{font-size:var(--text-lg2);font-weight:var(--fw-bold);margin-bottom:4px}
.tgt-excl-sheet-sub{font-size:var(--text-sm);color:var(--tk-text-muted);line-height:1.45;margin-bottom:12px}
.tgt-excl-field{margin-bottom:10px}
.tgt-excl-field label{display:block;font-size:var(--text-xs);color:rgba(255,255,255,.55);font-weight:var(--fw-bold);margin-bottom:5px}
.tgt-excl-input,.tgt-excl-select,.tgt-excl-textarea{
  width:100%;padding:10px;border-radius:var(--r-md);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);color:var(--tk-text-primary);outline:none;
  font-family:var(--tk-font-body);font-size:var(--text-md)
}
.tgt-excl-textarea{min-height:72px;resize:vertical}
.tgt-excl-sheet-actions{display:flex;gap:8px;margin-top:12px}
.tgt-excl-save{
  flex:1;border:none;border-radius:var(--r-card);padding:12px;background:linear-gradient(135deg,var(--tk-ok-bright),rgba(0,180,90,.85));
  color:#0d1117;font-weight:800;font-family:var(--tk-font-body);cursor:pointer
}
.tgt-excl-cancel{
  border:1px solid rgba(255,255,255,.12);border-radius:var(--r-card);padding:12px 14px;background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.78);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer
}
.tv-gov-adjust{
  margin-top:8px;font-size:var(--text-2xs);color:rgba(255,255,255,.52);line-height:1.45
}


/* v208e Period lock / payout snapshot */
.tgt-lock-hero{
  background:linear-gradient(135deg,rgba(16,42,82,.96),rgba(8,22,46,.96));
  border:1px solid rgba(var(--ink-blue),.18);border-radius:16px;padding:15px;margin-bottom:14px;
  box-shadow:0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
}
.tgt-lock-title{font-size:var(--text-lg);font-weight:800;color:var(--tk-text-primary);display:flex;align-items:center;gap:7px}
.tgt-lock-sub{font-size:var(--text-xs);color:rgba(255,255,255,.46);line-height:1.45;margin-top:4px}
.tgt-lock-status{
  display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:5px 9px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-size:var(--text-xs);font-weight:800;color:rgba(255,255,255,.72)
}
.tgt-lock-status.final{background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright)}
.tgt-lock-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.tgt-lock-btn{
  border:none;border-radius:var(--r-card);padding:12px 10px;font-size:var(--text-md);font-weight:800;
  font-family:var(--tk-font-body);cursor:pointer
}
.tgt-lock-btn.primary{background:linear-gradient(135deg,var(--tk-ok-bright),rgba(0,180,90,.86));color:#0d1117}
.tgt-lock-btn.secondary{background:rgba(100,170,255,.13);border:1px solid rgba(100,170,255,.24);color:#bcd7ff}
.tgt-lock-btn:disabled{opacity:.45;cursor:not-allowed}
.tgt-lock-warning{
  margin-top:10px;padding:10px 11px;border-radius:11px;background:rgba(240,176,0,.10);
  border:1px solid rgba(240,176,0,.20);font-size:var(--text-xs);color:#f6ad55;line-height:1.45
}
.tgt-lock-warning-sub{margin-top:4px;font-size:var(--text-2xs);opacity:.78}
/* v_clock: waiver มาหลัง lock — ใช้ฟ้าไม่ใช่เหลือง เพราะเป็น "มีของให้ทำ" ไม่ใช่ "ผิดพลาด" */
.tgt-lock-warning.recompute{
  background:rgba(100,170,255,.10);border-color:rgba(100,170,255,.24);color:#bcd7ff
}
/* เทียบก่อน/หลัง ตอนคำนวณ %NRR ใหม่ — แถวซ้อน ไม่ใช่ตาราง (จอ 440px) */
.comm-diff-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.comm-diff-row{
  padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07)
}
.comm-diff-who{display:flex;align-items:center;gap:9px}
.comm-diff-detail{
  display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:7px;padding-top:7px;
  border-top:1px solid rgba(255,255,255,.055);
  font-size:var(--text-xs);color:rgba(var(--ink-blue),.55)
}
.comm-diff-detail b{
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);
  color:rgba(var(--ink-blue-hi),.85);font-variant-numeric:tabular-nums
}
.comm-diff-arrow{opacity:.42;padding:0 5px}
.comm-diff-delta{
  flex-shrink:0;font-weight:900;font-size:var(--text-lg);
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-variant-numeric:tabular-nums
}
.comm-diff-delta.up{color:var(--tk-ok-bright)}
.comm-diff-delta.down{color:#f6ad55}
.tgt-snap-table-wrap{overflow:auto;border-radius:13px;border:1px solid rgba(255,255,255,.07)}
.tgt-snap-table{width:100%;border-collapse:collapse;min-width:640px;background:rgba(255,255,255,.035)}
.tgt-snap-table th{
  text-align:left;padding:9px 10px;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.02em;
  color:rgba(255,255,255,.52);border-bottom:1px solid rgba(255,255,255,.07);font-weight:800
}
.tgt-snap-table td{
  padding:10px;border-bottom:1px solid rgba(255,255,255,.055);font-size:var(--text-sm);color:rgba(255,255,255,.74)
}
.tgt-snap-table tr:last-child td{border-bottom:none}
.tgt-snap-name{font-weight:800;color:var(--tk-text-primary)}
.tgt-snap-mono{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:800;color:var(--tk-text-primary)}
.tgt-snap-role{
  display:inline-flex;padding:3px 7px;border-radius:var(--r-pill);font-size:var(--text-2xs);font-weight:800;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68)
}
.tgt-snap-role.tl{background:rgba(100,170,255,.11);border-color:rgba(100,170,255,.20);color:#bcd7ff}
.tgt-snap-role.kam{background:var(--tk-ok-dim);border-color:var(--tk-ok-dim-2);color:var(--tk-ok-bright)}
.tgt-lock-empty{padding:24px 14px;text-align:center;color:rgba(255,255,255,.52);font-size:var(--text-md);background:rgba(255,255,255,.035);border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.06)}

/* v210f Commission Cockpit: real bottom-sheet motion, no-save-refresh polish, clearer preview/rule table */
#commission-cockpit-overlay.comm-overlay{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease, backdrop-filter .24s ease !important;
  will-change:opacity;
}
#commission-cockpit-overlay.comm-overlay.open{
  opacity:1 !important;
  pointer-events:auto !important;
}
#commission-cockpit-overlay .comm-sheet{
  transform:translateY(100%) !important;
  opacity:.88 !important;
  animation:none !important;
  transition:transform .30s cubic-bezier(.22,.72,.46,1), opacity .24s ease !important;
  will-change:transform,opacity;
}
#commission-cockpit-overlay.comm-overlay.open .comm-sheet{
  transform:translateY(0) !important;
  opacity:1 !important;
}
#commission-cockpit-overlay.comm-overlay.closing .comm-sheet{
  transform:translateY(102%) !important;
  opacity:.9 !important;
}
@media(min-width:431px){
  #commission-cockpit-overlay.comm-overlay{padding:0 !important;}
  #commission-cockpit-overlay .comm-sheet{
    width:min(100vw - 32px, 440px) !important;
    max-width:var(--app-max,440px) !important;
    height:min(92vh, 820px) !important;
    border-radius:24px 24px 18px 18px !important;
    margin-bottom:20px !important;
    box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 0 1px var(--tk-ok-dim) inset !important;
  }
  #commission-cockpit-overlay.comm-overlay.closing .comm-sheet{transform:translateY(34px) scale(.985) !important;opacity:0 !important;}
}
#commission-cockpit-overlay .comm-body:not(.comm-body-in){animation:none !important;}
.comm-fade-out{opacity:0 !important;transform:translateY(-2px);transition:opacity .16s ease, transform .16s ease;}

/* Preview hierarchy: TL is a band, KAMs are rows below it */
.comm-preview-section-title{align-items:flex-end !important;}
.comm-preview-section-title em{font-style:normal;font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.52);}
.comm-preview-team-card{
  padding:0 !important;
  overflow:hidden;
  border-color:rgba(100,170,255,.14) !important;
  background:linear-gradient(180deg,rgba(100,170,255,.055),rgba(255,255,255,.032)) !important;
}
.comm-preview-tl-band{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:13px 14px;
  background:linear-gradient(135deg,rgba(100,170,255,.16),var(--tk-ok-dim));
  border-bottom:1px solid rgba(255,255,255,.075);
}
.comm-team-eyebrow{
  display:inline-flex;align-items:center;gap:5px;
  font-size:var(--text-3xs);font-weight:950;letter-spacing:.08em;text-transform:uppercase;
  color:#bcd7ff;margin-bottom:4px;
}
.comm-team-eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:#bcd7ff;box-shadow:0 0 10px rgba(var(--ink-blue),.55);}
.comm-rule-chip{
  display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:var(--r-pill);
  background:rgba(var(--ink-blue),.08);border:1px solid rgba(var(--ink-blue),.13);
  color:rgba(var(--ink-blue-hi),.72);font-size:var(--text-2xs);font-weight:850;line-height:1.2;
}
.comm-preview-tl-money{text-align:right;min-width:92px;}
.comm-preview-tl-money span,.comm-preview-tl-money em{display:block;font-style:normal;font-size:var(--text-3xs);font-weight:850;color:rgba(var(--ink-blue-hi),.52);line-height:1.2;}
.comm-preview-tl-money strong{display:block;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl3);font-weight:950;color:#ffe08a;line-height:1.1;margin:3px 0;text-shadow:0 0 16px rgba(255,224,138,.18);}
.comm-kam-subhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px 4px;}
.comm-kam-subhead span{font-size:var(--text-2xs);font-weight:950;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--ink-blue-hi),.52);}
.comm-kam-subhead em{font-style:normal;font-size:var(--text-2xs);font-weight:850;color:var(--tk-ok-border);}
.comm-kam-payout-row{margin:0 14px;padding:10px 0 !important;grid-template-columns:minmax(0,1fr) auto !important;}
.comm-kam-payout-row.hit .comm-person-name{color:var(--tk-text-primary);}
.comm-kam-payout-row.hit .comm-person-payout{color:#ffe08a !important;}
.comm-more-note{padding:0 14px 12px;}

/* Rule editor: one table-like unit instead of stacked mini-cards */
.comm-rule-editor-card{padding:12px !important;}
.comm-rule-editor-card .comm-grid2{gap:10px !important;}
.comm-tier-helper{
  margin-top:11px;padding:9px 10px;border-radius:var(--r-card);
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;align-items:center;
  background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim);
}
.comm-tier-helper span{font-size:var(--text-3xs);font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:var(--tk-ok-bright);}
.comm-tier-helper strong{font-size:var(--text-sm);font-weight:900;color:rgba(var(--ink-blue-hi),.86);}
.comm-tier-helper em{grid-column:1 / -1;font-style:normal;font-size:var(--text-2xs);color:rgba(var(--ink-blue-hi),.45);}
.comm-tier-table{
  gap:0 !important;
  border:1px solid rgba(var(--ink-blue-hi),.09);
  border-radius:13px;
  overflow:hidden;
  background:rgba(255,255,255,.032);
}
.comm-tier-table .comm-tier-row{
  grid-template-columns:.62fr .62fr .82fr minmax(86px,1fr) 26px !important;
  gap:7px !important;
  padding:7px 8px;
  border-top:1px solid rgba(255,255,255,.055);
  align-items:center;
}
.comm-tier-table .comm-tier-row.head{
  border-top:none;
  padding:8px 9px;
  background:rgba(255,255,255,.045);
  color:rgba(var(--ink-blue-hi),.46) !important;
  letter-spacing:.05em;
}
.comm-tier-table .comm-input{
  height:34px !important;
  border-radius:var(--r-9) !important;
  padding:7px 8px !important;
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.075) !important;
  font-size:var(--text-sm) !important;
  text-align:left;
}
.comm-tier-table .comm-tier-payout{color:#ffe08a !important;font-family:'IBM Plex Mono','Noto Sans Thai',monospace !important;font-weight:900 !important;}
.comm-tier-table .comm-tier-min,.comm-tier-table .comm-tier-max{font-family:'IBM Plex Mono','Noto Sans Thai',monospace !important;color:rgba(var(--ink-blue-hi),.88) !important;}
.comm-tier-table .comm-tier-label{font-weight:800 !important;}
.comm-tier-table .comm-del{width:26px !important;height:30px !important;border-radius:var(--r-9) !important;background:rgba(255,255,255,.035) !important;}
.comm-tier-table .comm-tier-row:hover:not(.head){background:rgba(255,255,255,.025);}
.comm-rule-editor-card .comm-add{
  margin-top:9px !important;
  background:var(--tk-ok-dim) !important;
  border-color:var(--tk-ok-border) !important;
}
@media(max-width:380px){
  .comm-tier-table .comm-tier-row{grid-template-columns:.58fr .58fr .78fr minmax(76px,1fr) 24px !important;gap:5px !important;padding:6px !important;}
  .comm-tier-table .comm-input{font-size:var(--text-xs) !important;padding:6px !important;}
  .comm-preview-tl-band{grid-template-columns:1fr;gap:8px;}
  .comm-preview-tl-money{text-align:left;}
}


/* ════════════════════════════════════════════════════════════
   PATCH CSS — consolidated from versioned patch blocks
   (v207b through v213f, in original document order)
   ════════════════════════════════════════════════════════════ */
/* ── freshket-v207b-sense-ux-css ── */
/* v207b: Sense → Opportunity mobile layout polish */
:root{--sense-topbar-h:calc(54px + env(safe-area-inset-top));--sense-bottom-nav-h:88px;--sense-plan-tray-h:178px;}
body.kam-sense-active #swipe-grp-b{
  top:var(--sense-topbar-h)!important;
  bottom:0!important;
  min-height:calc(100dvh - var(--sense-topbar-h))!important;
  background:var(--n50)!important;
  overscroll-behavior:contain;
}
body.sdt-light.kam-sense-active #swipe-grp-b{background:#fff!important;}
body.kam-sense-active #swipe-grp-b .scr.on{
  min-height:calc(100dvh - var(--sense-topbar-h))!important;
  padding-bottom:calc(var(--sense-bottom-nav-h) + env(safe-area-inset-bottom) + 18px)!important;
}
body.kam-sense-active.sense-plan-expanded #swipe-grp-b .scr.on{
  padding-bottom:calc(var(--sense-plan-tray-h) + env(safe-area-inset-bottom) + 18px)!important;
}
body.kam-sense-active #scr-opportunities .sec{padding-bottom:calc(var(--sense-bottom-nav-h) + 18px)!important;}
body.kam-sense-active.sense-plan-expanded #scr-opportunities .sec{padding-bottom:calc(var(--sense-plan-tray-h) + 18px)!important;}
body.kam-sense-active.kam-mode .bnav{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  align-items:center!important;
  row-gap:8px!important;
  min-height:calc(var(--sense-bottom-nav-h) + env(safe-area-inset-bottom))!important;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
  border-radius:24px 24px 0 0!important;
}
body.kam-sense-active.sense-plan-expanded.kam-mode .bnav{
  min-height:calc(var(--sense-plan-tray-h) + env(safe-area-inset-bottom))!important;
  padding:14px 16px calc(12px + env(safe-area-inset-bottom))!important;
}
body.kam-sense-active.kam-mode .bnav .ni{
  width:100%!important;min-width:0!important;min-height:54px!important;padding:5px 0!important;
}
body.kam-sense-active.kam-mode .bnav .ni .nwrap{margin:0 auto!important;}
body.kam-sense-active.sense-plan-expanded #sense-plan-section{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 54px!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  padding:0 14px 12px 0!important;
  margin:0 0 2px 0!important;
}
body.kam-sense-active.sense-plan-expanded .sps-info{padding-left:0!important;}
body.kam-sense-active.sense-plan-expanded .sps-cta{margin-right:14px!important;width:44px!important;height:44px!important;}
body.sdt-light.kam-sense-active.kam-mode .bnav{
  background:linear-gradient(180deg,rgba(232,250,242,.78),rgba(218,240,228,.9))!important;
}
/* v667: z-index:120 removed — fixed topbar z-index:200 > portview-header z-index:10 always */
body.sdt-light.kam-sense-active .data-btn,
body.sdt-light.kam-sense-active #dataBtnTop,
body.sdt-light.kam-sense-active .topbar-right button[title="ออกจากระบบ"]{
  background:rgba(0,0,0,.08)!important;color:rgba(0,0,0,.72)!important;opacity:1!important;
}
body.sdt-light.kam-sense-active .data-btn svg,
body.sdt-light.kam-sense-active #dataBtnTop svg,
body.sdt-light.kam-sense-active .topbar-right button[title="ออกจากระบบ"] svg{
  color:rgba(0,0,0,.72)!important;stroke:currentColor!important;opacity:1!important;
}
#vs-nav-opps-label::first-letter{ }

/* ── freshket-v207c-sense-nav-css ── */
/* v207c: restore compact floating Sense nav/tray and avoid desktop reload-loop UI side effects */
:root{--sense-bottom-nav-h:82px;--sense-plan-tray-h:150px;}
body.kam-sense-active #swipe-grp-b{
  top:var(--sense-topbar-h,calc(54px + env(safe-area-inset-top)))!important;
  bottom:0!important;
  background:#fff!important;
}
body.kam-sense-active #swipe-grp-b .scr.on{
  padding-bottom:var(--chrome-bottom)!important;
}
body.kam-sense-active.sense-plan-expanded #swipe-grp-b .scr.on{
  padding-bottom:calc(174px + env(safe-area-inset-bottom))!important;
}
body.kam-sense-active #scr-opportunities .sec{padding-bottom:var(--chrome-bottom)!important;}
body.kam-sense-active.sense-plan-expanded #scr-opportunities .sec{padding-bottom:174px!important;}
body.kam-sense-active.kam-mode .bnav{
  /* v573: no-transform centering — iOS fixed+transform scroll bug */
  left:16px!important;right:16px!important;transform:none!important;
  width:auto!important;max-width:408px!important;margin:0 auto!important;
  bottom:calc(10px + env(safe-area-inset-bottom))!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:1fr!important;
  height:72px!important;min-height:0!important;
  padding:8px 12px!important;box-sizing:border-box!important;
  border-radius:30px!important;overflow:hidden!important;
  box-shadow:0 18px 40px rgba(0,0,0,.42),0 6px 16px rgba(0,0,0,.28)!important; /* v575: floating shadow */
}
body.kam-sense-active.sense-plan-expanded.kam-mode .bnav{
  height:150px!important;min-height:0!important;
  grid-template-rows:minmax(0,74px) 56px!important;
  padding:12px 14px 10px!important;
}
body.kam-sense-active.kam-mode .bnav .ni{
  width:100%!important;min-width:0!important;height:56px!important;min-height:0!important;
  padding:2px 0!important;align-self:center!important;justify-content:center!important;
}
body.kam-sense-active.sense-plan-expanded.kam-mode .bnav .ni{grid-row:2!important;height:52px!important;}
body.kam-sense-active.kam-mode .bnav .ni .nwrap{margin:0 auto!important;}
#sense-plan-section{display:none!important;}
body.kam-sense-active.sense-plan-expanded #sense-plan-section{
  grid-column:1 / -1!important;grid-row:1!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;
  align-items:center!important;gap:12px!important;width:100%!important;
  min-height:0!important;max-height:74px!important;
  padding:0 14px 10px 0!important;margin:0!important;
  border-bottom:1px solid rgba(0,160,80,.16)!important;
}
body.kam-sense-active.sense-plan-expanded .sps-info{min-width:0!important;padding-left:0!important;}
body.kam-sense-active.sense-plan-expanded .sps-label,
body.kam-sense-active.sense-plan-expanded .sps-sub{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.kam-sense-active.sense-plan-expanded .sps-amt{font-size:26px!important;line-height:1.05!important;}
body.kam-sense-active.sense-plan-expanded .sps-cta{width:44px!important;height:44px!important;margin-right:14px!important;align-self:center!important;}
body.sdt-light.kam-sense-active.kam-mode .bnav{
  background:linear-gradient(180deg,rgba(232,250,242,.9),rgba(218,240,228,.97))!important;
  border:1px solid rgba(0,160,80,.16)!important;
  box-shadow:0 10px 34px rgba(0,90,48,.16),0 0 0 1px rgba(255,255,255,.65) inset!important;
}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni svg{stroke:rgba(0,0,0,.36)!important;color:rgba(0,0,0,.36)!important;}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni.on svg{stroke:var(--g500)!important;color:var(--g500)!important;}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni .lb{color:rgba(0,0,0,.42)!important;}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni.on .lb{color:var(--g700)!important;font-weight:var(--fw-bold)!important;}

/* ── freshket-v207d-sense-glass-nav-css ── */
/* v207d: restore the intended frosted-glass bottom tray in Sense → Opportunity.
   CSS-only patch: no data/auth/loader/Sense logic changes. */
body.kam-sense-active.kam-mode .bnav{
  position:fixed!important;
  isolation:isolate!important;
}
body.sdt-light.kam-sense-active.kam-mode .bnav{
  background:linear-gradient(180deg,rgba(232,250,242,.58) 0%,rgba(222,246,234,.50) 100%)!important;
  backdrop-filter:blur(28px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(170%)!important;
  border:1px solid rgba(0,160,80,.20)!important;
  box-shadow:0 16px 42px rgba(0,80,40,.14),0 0 0 1px rgba(255,255,255,.62) inset!important;
}
body.sdt-light.kam-sense-active.sense-plan-expanded.kam-mode .bnav{
  background:linear-gradient(180deg,rgba(232,250,242,.60) 0%,rgba(218,246,232,.48) 100%)!important;
}
body.sdt-light.kam-sense-active.kam-mode .bnav::before{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse at 78% 22%,var(--tk-ok-dim-2) 0%,var(--tk-ok-dim) 28%,transparent 56%),
    linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.10));
}
body.sdt-light.kam-sense-active.kam-mode .bnav>*{position:relative;z-index:1;}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni .nwrap{
  background:transparent!important;box-shadow:none!important;border:none!important;
}
body.sdt-light.kam-sense-active.kam-mode .bnav .ni.on .nwrap{
  background:rgba(255,255,255,.10)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.22) inset!important;
}
body.sdt-light.kam-sense-active.sense-plan-expanded #sense-plan-section{
  background:transparent!important;
}
body.sdt-light.kam-sense-active.sense-plan-expanded .sps-cta{
  box-shadow:0 10px 24px rgba(0,180,96,.28)!important;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  body.sdt-light.kam-sense-active.kam-mode .bnav{background:rgba(232,250,242,.86)!important;}
}


/* ── Sales+KAM cascade fix ── */
/* kam-mode .bnav #nav-opportunities{display:flex!important} is in portview-module-css.
   This rule must come AFTER that to win the cascade.
   Placed in save-module-css which injects after portview-module-css. */
/* → sense-plan-expanded Skills hide moved to NavConfig TABS.hideWhen */
</style>
<style id="report-module-css">
/* FRESHKET SENSE — REPORT STYLES
   src/styles_report.css · Phase 0E (verbatim) */

/* ── REPORT — redesigned ── */
.rpt-wrap{padding:0 16px 16px;overflow-x:hidden}
.rpt{background:var(--n0);border:1px solid var(--n100);border-radius:16px;overflow:hidden}
.rpt-head{background:var(--g900);padding:22px;color:var(--tk-text-primary);position:relative;overflow:hidden}
.rpt-head::after{content:'';position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.rpt-logo{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.rpt-logo-box{width:26px;height:26px;background:var(--g500);border-radius:var(--r-7);display:flex;align-items:center;justify-content:center}
.rpt-logo-text{font-weight:var(--fw-bold);font-size:var(--text-xl);color:var(--tk-text-primary)}
.rpt-logo-text em{color:var(--amb);font-style:normal}
.rpt-type{font-size:var(--text-2xs);letter-spacing:2px;text-transform:uppercase;color:var(--tk-text-muted);margin-bottom:4px;font-weight:var(--fw-semi)}
.rpt-acct{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--tk-text-primary);letter-spacing:-.3px;margin-bottom:3px}
.rpt-meta{font-size:var(--text-md);color:rgba(255,255,255,.5)}

/* Report KPI 4-up grid */
.rpt-kpi4{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--n100);border-bottom:1px solid var(--n100)}
.rpt-kpi-card{background:var(--n0);padding:14px}
.rpt-kpi-lbl{font-size:var(--text-xs);color:var(--n400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:var(--fw-semi)}
.rpt-kpi-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-3xl);font-weight:var(--fw-bold);line-height:1;margin-bottom:2px}
.rpt-kpi-sub{font-size:var(--text-sm);color:var(--n600)}

/* Report plan vs potential */
.rpt-plan-section{margin:18px 18px 0}
.rpt-plan-hdr{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.rpt-plan-hdr::after{content:'';flex:1;height:1px;background:var(--n100)}
.rpt-plan-box{background:linear-gradient(135deg,var(--tk-bg-surface) 0%,var(--tk-bg-base) 100%);border-radius:var(--r);border:1.5px solid var(--tk-ok-border);padding:18px 16px 16px;color:var(--tk-text-primary);margin-bottom:8px;position:relative;overflow:hidden;box-shadow:0 4px 24px var(--tk-ok-dim)}
.rpt-plan-box::before{content:'';position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.rpt-plan-box-label{font-size:var(--text-xs);color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-weight:var(--fw-bold)}
.rpt-plan-nums{display:flex;align-items:flex-end;justify-content:space-between}
.rpt-plan-yr{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:38px;font-weight:var(--fw-bold);color:var(--amb);letter-spacing:-1.5px;line-height:1}
.rpt-plan-detail{text-align:right}
.rpt-plan-mo{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg2);font-weight:var(--fw-semi);color:var(--tk-text-secondary)}
.rpt-plan-pct{font-size:var(--text-sm);color:var(--tk-text-muted);margin-top:3px}
.rpt-plan-count{font-size:var(--text-md);color:rgba(255,255,255,.6);margin-top:8px}
.rpt-potential-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--amb50);border-radius:var(--r-md);margin-bottom:16px;border:1px solid rgba(240,176,0,.2)}
.rpt-pot-label{font-size:var(--text-sm);color:var(--n700);font-weight:var(--fw-semi)}
.rpt-pot-nums{text-align:right}
.rpt-pot-yr{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:var(--fw-bold);color:#9a6500}

/* Report plan table */
.rpt-plan-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.rpt-plan-table th{padding:6px 8px;text-align:left;font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--n400);border-bottom:2px solid var(--n100)}
.rpt-plan-table th:last-child{text-align:right}
.rpt-plan-table td{padding:9px 8px;border-bottom:1px solid var(--n100);vertical-align:top}
.rpt-plan-table tr:last-child td{border-bottom:none}
.rpt-plan-table tr:hover td{background:var(--n50)}
.rpt-pt-rank{width:20px;height:20px;border-radius:var(--r-5);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-bold);background:var(--n100);color:var(--n700)}
.rpt-pt-rank.r1{background:var(--org);color:var(--tk-text-primary)}
.rpt-pt-rank.r2{background:var(--amb);color:var(--n900)}
.rpt-pt-rank.r3{background:#9ca3af;color:var(--tk-text-primary)}
.rpt-pt-name{font-weight:var(--fw-semi);color:var(--n900);line-height:1.3}
.rpt-pt-save{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:var(--g700);text-align:right;white-space:nowrap}
.rpt-pt-bar{height:3px;border-radius:var(--r-xxs);background:var(--g500);margin-top:3px;transition:width .8s ease}
.rpt-pt-bar.med{background:var(--amb)}
.rpt-pt-bar.unv{background:var(--n300)}

/* Report sections */
.rpt-section{padding:18px 18px 0}
.rpt-sec-title{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.rpt-sec-title::after{content:'';flex:1;height:1px;background:var(--n100)}
.rpt-good-list{padding:0 18px 16px}
.rpt-good-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--n100);font-size:var(--text-md)}
.rpt-good-item:last-child{border-bottom:none}
.rpt-footer{padding:14px 18px;background:var(--n50);border-top:1px solid var(--n100);display:flex;align-items:center;justify-content:space-between}
.rpt-footer-txt{font-size:var(--text-xs);color:var(--n400)}
.rpt-footer-txt strong{color:var(--n900)}
.rpt-footer-score{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--g700);background:var(--g50);padding:4px 10px;border-radius:var(--r-sm)}

/* CTA Note in report */
.rpt-cta-note{margin:0 18px 16px;background:var(--g50);border-radius:var(--r-md);padding:12px 14px;border-left:3px solid var(--g500)}
.rpt-cta-note-title{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--g800);margin-bottom:4px}
.rpt-cta-note-body{font-size:var(--text-sm);color:var(--g700);line-height:1.6}

.sbtn{width:100%;border:none;border-radius:var(--rs);padding:14px;font-size:var(--text-lg);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}
.sbtn:hover{opacity:.88}
.sbtn.green{background:var(--g900);color:var(--tk-text-primary)}
.sbtn.line{background:#06C755;color:var(--tk-text-primary)}

/* KAM Talking Points */
.tp{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--n100)}
.tp:last-child{border-bottom:none}
.tpn{width:24px;height:24px;border-radius:50%;background:var(--g900);color:var(--tk-text-primary);font-size:var(--text-md);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tpt{font-size:var(--text-base);line-height:1.55}

/* ══ REPORT v2 — Simple swap list ══ */
.rpt2{width:100%;background:#fff;font-family:var(--tk-font-body);border-radius:var(--r-card);overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.07);}
/* Header */
.rpt2-head{display:flex;align-items:flex-start;justify-content:space-between;padding:13px 18px 11px;background:#0c2b1c;}
.rpt2-brand{display:flex;align-items:center;gap:8px;}
.rpt2-logo-box{width:26px;height:26px;background:var(--g500);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
.rpt2-logo-box img{width:26px;height:26px;object-fit:cover;display:block;}
.rpt2-wordmark{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary);display:flex;align-items:center;letter-spacing:-.2px;}
.rpt2-sub{font-size:7px;color:rgba(255,255,255,.52);margin-top:2px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;letter-spacing:.5px;text-transform:uppercase;}
.rpt2-info{text-align:right;min-width:0;overflow:hidden;}
.rpt2-acct{font-size:10.5px;font-weight:var(--fw-bold);color:var(--tk-text-primary);word-break:break-word;}
.rpt2-date{font-size:7.5px;color:rgba(255,255,255,.52);margin-top:2px;}
.rpt2-kam{font-size:7.5px;color:rgba(255,255,255,.52);margin-top:1px;}
/* KPI strip */
.rpt2-kpi-strip{display:flex;border-bottom:1px solid #e4ebe4;min-width:0;overflow:hidden;}
.rpt2-kpi{flex:1;padding:8px 8px;border-right:0.5px solid #e4ebe4;min-width:0;overflow:hidden;}
.rpt2-kpi:last-child{border-right:none;}
.rpt2-kpi-lbl{font-size:6.5px;font-weight:var(--fw-bold);letter-spacing:.7px;text-transform:uppercase;color:#8aaa8a;margin-bottom:3px;}
.rpt2-kpi-val{font-size:var(--text-lg2);font-weight:var(--fw-bold);color:#3a3a3a;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;line-height:1;letter-spacing:-.3px;}
.rpt2-kpi-green{color:#006430;}
.rpt2-kpi-sub{font-size:7px;color:#9aaa9a;margin-top:1.5px;}
/* Confidence strip */
.rpt2-conf-strip{display:flex;gap:20px;padding:5px 14px;background:#fafbfa;border-bottom:0.5px solid #e4ebe4;}
.rpt2-conf-item{display:flex;align-items:center;gap:5px;font-size:7.5px;color:#555;}
/* Table */
.rpt2-table-wrap{overflow:hidden;}
.rpt2-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.rpt2-table thead tr{background:#fafafa;}
.rpt2-table th{padding:5px 7px 4px;text-align:left;font-size:6.5px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.7px;color:#bbb;border-bottom:1px solid #e8e8e8;}
.rpt2-th-num{width:4%;}
.rpt2-th-sku{width:34%;}
.rpt2-th-arr{width:4%;}
.rpt2-th-gmv{width:13%;text-align:right;}
.rpt2-th-save{width:11%;text-align:right;}
.rpt2-table td{padding:5px 5px;border-bottom:0.5px solid #f2f2f2;vertical-align:top;}
/* Category row */
.rpt2-cat-row td{background:#f6faf6;border-bottom:0.5px solid #dde8dd;padding:4px 7px!important;}
.rpt2-cat-name{font-size:7.5px;font-weight:var(--fw-bold);letter-spacing:.5px;text-transform:uppercase;color:#4a7a4a;}
.rpt2-cat-meta{font-size:7px;color:#8aaa8a;margin-left:8px;}
.rpt2-cat-save{font-size:7.5px;font-weight:var(--fw-bold);color:#006430;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;float:right;}
/* SKU rows */
.rpt2-num{font-size:var(--text-3xs);color:#ccc;text-align:center;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}
.rpt2-sku-name{font-size:8.5px;font-weight:var(--fw-bold);color:#1a1a1a;line-height:1.25;word-break:break-word;white-space:normal;}
.rpt2-sku-meta{font-size:6.5px;color:#9a9a9a;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;margin-top:1.5px;overflow:hidden;text-overflow:ellipsis;}
.rpt2-arr{color:#ccc;font-size:var(--text-2xs);text-align:center;}
.rpt2-gmv{text-align:right;}
.rpt2-gmv-val{font-size:var(--text-3xs);color:#555;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;line-height:1.2;}
.rpt2-gmv-qty{font-size:6.5px;color:#b8b8b8;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}
.rpt2-save{text-align:right;}
.rpt2-save-amt{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:#006430;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;line-height:1.2;}
.rpt2-save-pct{font-size:6.5px;font-weight:var(--fw-bold);color:#1a6b2a;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;display:block;line-height:1;}
.rpt2-save-pct.high{color:#006430;}
/* Total row */
.rpt2-total-row td{border-top:1.5px solid #b8d8b8!important;border-bottom:none!important;background:#f5fbf5;padding:8px 7px!important;}
.rpt2-total-label{font-size:var(--text-3xs);font-weight:var(--fw-bold);color:#1a4a1a;}
.rpt2-total-amt{font-size:var(--text-sm);font-weight:var(--fw-bold);color:#006430;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;line-height:1;}
.rpt2-total-yr{font-size:7px;color:#6a9a6a;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;margin-top:2px;}
/* Note + footer */
.rpt2-note{padding:7px 14px;font-size:6.5px;color:#b8b8b8;line-height:1.6;border-top:0.5px solid #f0f0f0;}
.rpt2-foot{padding:6px 14px 10px;display:flex;align-items:center;justify-content:space-between;}
.rpt2-foot-brand{font-size:7px;color:#ccc;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}
.rpt2-foot-sense{font-size:7px;color:rgba(0,144,74,.5);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;display:flex;align-items:center;gap:3px;}
/* Share button */
#rpt2-share-wrap{background:#fff;}
#rpt2-share-btn{display:flex;align-items:center;width:100%;justify-content:center;gap:10px;font-size:var(--text-lg);font-weight:var(--fw-bold);padding:14px;cursor:pointer;background:var(--g500)!important;color:var(--tk-text-primary)!important;border-radius:var(--r-md);}
#rpt2-share-btn:disabled{opacity:.65;cursor:not-allowed;}
@keyframes spin{to{transform:rotate(360deg)}}
@media print{
  /* v495: comprehensive print CSS */
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  /* Hide all mobile chrome — explicit specificity beats kam-mode overrides */
  .topbar,.bnav,
  body.kam-mode .bnav,body.kam-sense-active.kam-mode .bnav,
  body.sdt-light.kam-sense-active.kam-mode .bnav,
  body.kam-sense-active.sense-plan-expanded.kam-mode .bnav,
  .aifab,.aipanel,.overlay,.sbtn,.data-panel,.data-overlay,
  .pb-footer,.quick-wins-sec,.dp-handle,.score-tooltip,
  .sku-detail-overlay,.sku-detail-sheet,.detail-sheet,
  #sense-gate,#sense-splash,#data-load-pill,
  #sg-orb-wrap,#sg-beacon,#sg-beacon-2,#sg-beacon-3,
  #sg-tap-hint,#sg-text-area,#sg-ticker,#sg-cta-wrap,
  #sense-plan-section,.sps-cta,
  .mode-toggle-wrap,.mode-toggle,
  .kam-nav-handle,#kam-nav-handle,
  .swipe-pill,#swipe-pill,
  .rest-backdrop,#rest-backdrop,
  .kambar,#kambar,
  #scr-report .rpt-wrap>div:last-child{display:none!important}
  /* Layout reset */
  html,body{max-width:none!important;width:auto!important;margin:0!important;padding:0!important;background:#fff!important;font-size:9px!important;}
  body,body.kam-mode,body.kam-sense-active,body.sdt-light,body.sdt-light.kam-sense-active{background:#fff!important;}
  /* Break swipe container out of fixed positioning */
  #swipe-grp-a,#swipe-grp-b,
  body.kam-sense-active #swipe-grp-b{
    position:static!important;width:auto!important;max-width:none!important;
    left:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;overflow:visible!important;
    height:auto!important;min-height:0!important;
    background:#fff!important;z-index:auto!important;
  }
  /* Show only report screen */
  .scr{display:none!important}
  body.kam-sense-active #swipe-grp-b .scr,
  body.kam-sense-active #swipe-grp-b .scr.on{display:none!important}
  #scr-report{display:block!important;position:static!important;padding:0!important;background:#fff!important;width:auto!important;max-width:none!important;}
  .rpt-wrap{padding:0!important;background:#fff!important;width:auto!important;}
  .rpt2{width:100%!important;max-width:none!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;}
  .rpt2-head{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-radius:0!important;}
  .rpt2-table-wrap{overflow:visible!important;width:100%!important;}
  .rpt2-table{width:100%!important;}
  .rpt2-table td,.rpt2-table th{padding:4px 6px!important;}
  .rpt2-sku-name{white-space:normal!important;}
  .rpt2-sku-meta{white-space:normal!important;}
  .rpt2-total-row{break-inside:avoid;}
  .rpt2-cat-row{break-after:avoid;}
  tr{break-inside:avoid;}
  @page{margin:12mm 10mm;size:A4 portrait;}
}

/* ── GROUP A: HERO ADDITIONS ── */
.h-kam-row{display:flex;align-items:center;gap:5px;margin-bottom:5px}
.h-kam-dot{width:14px;height:14px;border-radius:50%;background:var(--g500);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.h-kam-text{font-size:var(--text-xs);color:rgba(255,255,255,.52);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-kam-name{color:rgba(255,255,255,.68);font-weight:var(--fw-semi)}
.hero-mom{display:flex;align-items:center;gap:4px;margin-top:5px;font-size:var(--text-sm);color:rgba(255,255,255,.65);font-weight:var(--fw-medium)}
.mom-delta{font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs)}
.mom-up{color:var(--tk-ok-bright)}
.mom-dn{color:rgba(255,120,80,.85)}

/* ── GROUP A: QUICK WINS CARD ── */
.qw-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.qw-title-wrap{display:flex;align-items:center;gap:6px}
.qw-title{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--n900)}
.qw-items{display:flex;flex-direction:column}
.qw-item{display:flex;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid var(--n100)}
.qw-item:last-of-type{border-bottom:none;padding-bottom:0}
.qw-names{flex:1;min-width:0}
.qw-from-line{display:flex;align-items:center;gap:5px;min-width:0}
.qw-from{font-size:var(--text-xs);color:var(--n400);text-decoration:line-through;text-decoration-color:var(--n300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.qw-price-tag{display:inline-flex;align-items:center;font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:1px 5px;border-radius:var(--r-5);background:var(--amb50);color:#9a6500;flex-shrink:0;white-space:nowrap;letter-spacing:.1px}
.qw-to{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--g800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;padding-left:1px}
.qw-to::before{content:'→ ';color:var(--g500);font-weight:var(--fw-bold);font-size:var(--text-xs)}
.qw-save-col{text-align:right;flex-shrink:0;min-width:52px}
.qw-save{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--n900);line-height:1}
.qw-save-unit{font-size:var(--text-2xs);color:var(--n400);font-weight:var(--fw-medium);font-family:var(--tk-font-body);margin-top:1px} /* v94 micro-label pass: 400→500 */
.qw-btn{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--g700);background:var(--g50);border:1.5px solid var(--tk-ok-border);border-radius:var(--r-7);padding:5px 8px;flex-shrink:0;white-space:nowrap;cursor:pointer;font-family:var(--tk-font-body);transition:all .15s;line-height:1}
.qw-btn:hover{background:var(--g500);color:var(--g900);border-color:var(--g500)}
.qw-btn.added{background:var(--g500);color:var(--g900);border-color:var(--g500)}
.qw-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--n100)}
.qw-footer-lbl{font-size:var(--text-sm);color:var(--n600)}
.qw-footer-save{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--amb)}
.qw-footer-unit{font-size:var(--text-xs);color:var(--n400);font-weight:var(--fw-medium);font-family:var(--tk-font-body)} /* v94 micro-label pass: 400→500 */

/* ── GROUP A: CHART INSIGHT ── */
.chart-insight{font-size:var(--text-sm);color:var(--n600);margin-top:5px;padding-top:5px;border-top:1px solid var(--n100);line-height:1.45}
.chart-insight strong{font-weight:var(--fw-semi);color:var(--n900)}

/* ── GROUP A: PORTFOLIO MOM INSIGHT ── */
.port-mom-insight{font-size:var(--text-sm);color:var(--n600);background:var(--n50);border-radius:var(--r-8);padding:6px 10px;margin-bottom:8px;line-height:1.5}
.port-mom-insight strong{font-weight:var(--fw-semi);color:var(--n900)}

/* ── GROUP A: SKU BADGES ── */
.sku-badge-row{display:flex;gap:4px;margin-top:3px;overflow:hidden;flex-wrap:nowrap}
.skbadge{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:1px 5px;border-radius:var(--r-7);white-space:nowrap;flex-shrink:0;letter-spacing:.1px}
.skbadge-price-up{background:var(--amb50);color:#9a6500}
.skbadge-price-dn{background:var(--g50);color:var(--g700)}
.skbadge-opp{background:var(--g50);color:var(--g700)}
.skbadge-anomaly{background:var(--amb50);color:#9a6500}
.skbadge-new{background:var(--n100);color:var(--n700)}

/* ── SKU VIEW TOGGLE — distinctive, price trend is hero ── */
.sku-view-toggle{display:flex;background:var(--n0);border:1.5px solid var(--n200);border-radius:var(--r-9);padding:2px;gap:2px;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.svt-btn{padding:5px 11px;border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:var(--fw-bold);border:none;cursor:pointer;background:transparent;color:var(--n400);font-family:var(--tk-font-body);transition:all .18s;white-space:nowrap;line-height:1.4;letter-spacing:.1px}
.svt-btn.on{background:var(--n900);color:var(--tk-text-primary);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.svt-btn#svt-price.on{background:linear-gradient(135deg,#1a4a3a,#006040);color:#00f088;box-shadow:0 0 8px var(--tk-ok-border),0 1px 3px rgba(0,0,0,.15)}

/* ── SKU DETAIL SHEET ── */
/* v490-B7: bumped z-index above rest-sheet-body (210) so price-trend sheet appears in front */
.sku-detail-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:300;opacity:0;pointer-events:none;transition:opacity .3s}
.sku-detail-overlay.on{opacity:1;pointer-events:all}
.sku-detail-sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(102%);width:100%;max-width:var(--app-max,440px);background:var(--n0);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.16);z-index:301;transition:transform .35s cubic-bezier(.34,1.4,.64,1);max-height:84vh;overflow-y:auto}
.sku-detail-sheet.open{transform:translateX(-50%) translateY(0)}
.sku-detail-head{padding:16px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--n100);gap:10px}
.sku-detail-title{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--n900);flex:1;min-width:0;line-height:1.45}
.sku-detail-cat{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.sku-detail-body{padding-bottom:4px}

/* ── ACCOUNT SEARCH ── */
.acct-search-section{margin-bottom:14px}
.acct-search-label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}
.acct-search-input{width:100%;padding:10px 14px;border:1.5px solid var(--n200);border-radius:24px;font-size:var(--text-base);font-family:var(--tk-font-body);outline:none;background:var(--n50);transition:border-color .2s}
.acct-search-input:focus{border-color:var(--g500);background:var(--n0)}
.acct-results{margin-top:6px;border:1px solid var(--n100);border-radius:var(--r-md);overflow:hidden;max-height:220px;overflow-y:auto;background:var(--n0)}
.acct-result-row{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--n100)}
.acct-result-row:last-child{border-bottom:none}
.acct-result-row:hover{background:var(--g50)}
.acct-result-info{flex:1;min-width:0}
.acct-result-name{font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-result-meta{font-size:var(--text-xs);color:var(--n600);margin-top:1px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.acct-result-dept{font-size:var(--text-xs);font-weight:var(--fw-bold);padding:2px 8px;border-radius:var(--r-xl);background:var(--n100);color:var(--n700);flex-shrink:0}
.acct-selected-wrap{background:var(--g50);border:1.5px solid var(--g500);border-radius:var(--r-md);padding:12px 14px;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.acct-sel-info{flex:1;min-width:0}
.acct-sel-name{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--g900);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-sel-meta{font-size:var(--text-xs);color:var(--g700);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.acct-change-btn{font-size:var(--text-sm);color:rgba(255,255,255,.55);background:rgba(255,255,255,.12);border:none;border-radius:var(--r-sm);padding:4px 9px;cursor:pointer;font-family:var(--tk-font-body);flex-shrink:0;transition:background .15s}
.acct-change-btn:hover{background:rgba(255,255,255,.22)}
.acct-no-list{font-size:var(--text-sm);color:var(--n600);background:var(--n50);border:1px solid var(--n100);border-radius:var(--r-8);padding:10px 12px;margin-bottom:10px;line-height:1.65;text-align:center}
/* ── SQL COPY SECTION ── */
.sql-section{margin-bottom:14px}
.sql-section-label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--n400);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}
.sql-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--n0);border:1.5px solid var(--n200);border-radius:var(--r-md);cursor:pointer;font-family:var(--tk-font-body);transition:all .15s;gap:8px;margin-bottom:6px;width:100%;text-align:left}
.sql-btn:hover{border-color:var(--g500);background:var(--g50)}
.sql-btn.copied{border-color:var(--g500);background:var(--g50)}
.sql-btn.q4{border-color:rgba(240,176,0,.4);background:rgba(240,176,0,.03)}
.sql-btn.q4:hover{background:rgba(240,176,0,.08)}
.sql-btn-left{display:flex;align-items:center;gap:8px;min-width:0}
.sql-btn-label{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--n900)}
.sql-btn-file{font-size:var(--text-xs);color:var(--n600);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sql-btn-copy{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--g700);flex-shrink:0}
.sql-btn.q4 .sql-btn-copy{color:#9a6500}
/* ── GENERATE ALTERNATIVES ── */
.gen-section{border:1.5px solid rgba(240,176,0,.35);border-radius:var(--r-card);padding:14px;margin-bottom:14px;background:rgba(240,176,0,.03)}
.gen-title{font-size:var(--text-xs);font-weight:var(--fw-bold);color:#9a6500;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;display:flex;align-items:center;gap:5px}
/* Matcher settings rows */
.ms-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ms-label{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--n700);width:64px;flex-shrink:0}
.ms-opts{display:flex;gap:5px;flex-wrap:wrap}
.ms-opt{padding:5px 11px;border-radius:var(--r-xl);border:1.5px solid var(--n200);background:var(--n0);font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--n600);cursor:pointer;font-family:var(--tk-font-body);transition:all .15s;white-space:nowrap}
.ms-opt:hover{border-color:var(--g500);color:var(--g700)}
.ms-opt.on{background:var(--g900);border-color:var(--g900);color:var(--tk-text-primary)}
.ms-opt.on.amber{background:#9a6500;border-color:#9a6500}
.ms-divider{height:1px;background:rgba(240,176,0,.2);margin:10px 0}
/* Matcher pre-status */
.gen-pre-status{font-size:var(--text-md);color:var(--n600);margin-bottom:10px;line-height:1.55}
/* Matcher run button */
.gen-btn{width:100%;background:var(--g900);color:var(--tk-text-primary);border:none;border-radius:var(--r-md);padding:12px;font-size:var(--text-base);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}
.gen-btn:hover{opacity:.88}
.gen-btn:disabled{opacity:.4;cursor:not-allowed}
/* จุด 3: Matcher processing glow */
.gen-btn.running{animation:btn-thinking 2s ease-in-out infinite;box-shadow:0 0 0 0 var(--tk-ok-border)}
@keyframes btn-thinking{0%,100%{box-shadow:0 4px 16px var(--tk-ok-dim-2)}50%{box-shadow:0 4px 28px var(--tk-ok-border),0 0 0 4px var(--tk-ok-dim)}}

/* จุด 4: มั่นใจสูง badge glow */
.conf-hi{background:var(--g50);color:var(--g800);box-shadow:0 0 6px var(--tk-ok-border)}
.pb-conf-badge.high{color:var(--g700);text-shadow:0 0 8px var(--tk-ok-border)}

/* จุด 6: AI FAB outer glow pulse */
@keyframes fab-pulse{0%,100%{box-shadow:0 4px 18px rgba(0,96,80,.35),0 0 0 0 var(--tk-ok-border)}60%{box-shadow:0 4px 18px rgba(0,96,80,.35),0 0 0 8px transparent}}
/* Progress panel */
.gen-progress-wrap{margin-top:12px;display:none;background:var(--n0);border:1px solid var(--n100);border-radius:var(--r-md);padding:12px 14px}
.gen-prog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.gen-prog-sku{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--n900);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.gen-prog-found{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--g700);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.gen-progress-track{height:6px;background:var(--n100);border-radius:3px;overflow:hidden;margin-bottom:6px}
.gen-progress-fill{height:100%;background:var(--g500);border-radius:3px;transition:width .4s ease;width:0%}
.gen-prog-detail{font-size:var(--text-md);color:var(--n600);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
/* SKU log (live scroll) */
.gen-sku-log{max-height:120px;overflow-y:auto;margin-top:8px;border-top:1px solid var(--n100);padding-top:8px;display:flex;flex-direction:column;gap:3px}
.gen-sku-row{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);padding:2px 0}
.gen-sku-row.ok{color:var(--g800)}
.gen-sku-row.skip{color:var(--n400)}
.gen-sku-row .gsr-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gen-sku-row .gsr-count{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);flex-shrink:0}
.gen-sku-row .gsr-conf{font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:1px 5px;border-radius:var(--r-xs);flex-shrink:0}
.gen-sku-row.ok .gsr-conf{background:var(--g50);color:var(--g700)}
/* Result summary */
.gen-result{margin-top:10px;display:none}
.gen-result-summary{background:var(--g50);border-radius:var(--r-8);padding:10px 12px;font-size:var(--text-md);color:var(--g800);line-height:1.65;margin-bottom:8px}
.gen-result-table{border:1px solid var(--n100);border-radius:var(--r-8);overflow:hidden;max-height:180px;overflow-y:auto}
.grt-row{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid var(--n100);font-size:var(--text-sm)}
.grt-row:last-child{border-bottom:none}
.grt-row.header{background:var(--n50);font-weight:var(--fw-bold);font-size:var(--text-xs);color:var(--n400);text-transform:uppercase;letter-spacing:.5px}
.grt-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--fw-semi)}
.grt-alts{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:var(--g700);flex-shrink:0;min-width:32px;text-align:right}
.grt-save{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:var(--g700);flex-shrink:0;min-width:72px;text-align:right}
/* ── OUTLET CARD (Overview) ── */
/* Outlet card — uses standard .card style, rows match category bar pattern */
.outlet-count-badge{font-size:var(--text-xs);font-weight:var(--fw-bold);background:var(--g50);color:var(--g700);padding:2px 8px;border-radius:var(--r-xl);margin-left:6px}
.outlet-list{margin-top:4px}
.outlet-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--n100)}
.outlet-row:last-child{border-bottom:none}
.outlet-name{font-size:var(--text-sm);font-weight:var(--fw-semi);width:110px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--n900)}
.outlet-bar-wrap{flex:1;height:7px;background:var(--n100);border-radius:var(--r-xs);overflow:hidden}
.outlet-bar{height:100%;border-radius:var(--r-xs);background:var(--g500);transition:width .8s cubic-bezier(.25,.8,.25,1)}
.outlet-gmv{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--n700);text-align:right;flex-shrink:0;width:80px}
.outlet-pct{font-size:var(--text-xs);color:var(--n400);text-align:right;width:36px;flex-shrink:0}

</style>
<style id="aichat-module-css">
/* FRESHKET SENSE — AI CHAT + FAB STYLES
   src/styles_aichat.css · Phase 0E (verbatim) */

/* ── AI CHAT ── */
.aifab{
  position:fixed;bottom:150px;right:16px;width:54px;height:54px;border-radius:50%;
  background:linear-gradient(145deg,#0a4535 0%,#003d2e 100%);
  border:1.5px solid var(--tk-ok-border);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 24px rgba(0,60,45,.55),0 0 0 0 var(--tk-ok-border);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;
  z-index:199;overflow:visible;
  animation:fab-sense-pulse 3.2s ease-in-out infinite;
  touch-action:none;
}
.aifab.dragging{animation:none;transition:none!important;box-shadow:0 8px 26px rgba(0,60,45,.45),0 0 0 5px var(--tk-ok-dim);}
.aifab.moved{right:auto;bottom:auto;}

.aifab:hover{transform:scale(1.08)}
.aifab.open{
  background:linear-gradient(145deg,#1a3a2a 0%,#0a2a1e 100%);
  border-color:var(--tk-ok-border);
  box-shadow:0 6px 24px rgba(0,60,45,.55),0 0 20px var(--tk-ok-border);
}
.aifab.open .fab-star-main{animation:fab-star-open-spin 1.2s cubic-bezier(.34,1.56,.64,1) forwards}
/* ── FAB star pieces ── */
.fab-star-main{
  transform-origin:13px 13px;
  animation:fab-star-idle 4s ease-in-out infinite;
}
.fab-star-sm1{
  transform-origin:19.5px 8.1px;
  animation:fab-sm-twinkle 3.1s ease-in-out infinite;
}
.fab-star-sm2{
  transform-origin:7px 19.05px;
  animation:fab-sm-twinkle 2.4s ease-in-out infinite .8s;
}
@keyframes fab-sense-pulse{
  0%,100%{box-shadow:0 6px 24px rgba(0,60,45,.55),0 0 0 0 var(--tk-ok-border);}
  55%{box-shadow:0 6px 28px rgba(0,60,45,.55),0 0 0 9px transparent;}
}
@keyframes fab-star-idle{
  0%,100%{transform:rotate(0deg) scale(1);opacity:.95}
  50%{transform:rotate(22deg) scale(1.1);opacity:1}
}
@keyframes fab-sm-twinkle{
  0%,100%{opacity:.4;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.25)}
}
@keyframes fab-star-open-spin{
  0%{transform:rotate(0deg) scale(1)}
  100%{transform:rotate(180deg) scale(1.15)}
}
/* ── Chat panel avatar ── */
.aiav{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(145deg,#0a4535,#003d2e);
  border:1px solid var(--tk-ok-border);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  overflow:hidden;
}
/* Olive avatar image — FAB */
.fab-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;display:none;pointer-events:none;}
/* Olive avatar image — chat panel header */
.aiav-img{width:38px;height:38px;border-radius:50%;object-fit:cover;display:none;}
.aipanel{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(102%);width:100%;max-width:var(--app-max,440px);height:65vh;background:var(--n0);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.14);z-index:198;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.aipanel.open{transform:translateX(-50%) translateY(0)}
.aiph{padding:16px;border-bottom:1px solid var(--n100);display:flex;align-items:center;gap:10px;flex-shrink:0}
.ain{font-weight:var(--fw-bold);font-size:var(--text-lg)}
.aist{font-size:var(--text-sm);color:var(--g500)}
.aix{margin-left:auto;border:none;background:transparent;font-size:var(--text-3xl);cursor:pointer;color:var(--n400);line-height:1}
.aimsgs{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:86%}
.msg.u{align-self:flex-end}
.msg.a{align-self:flex-start}
.mb{padding:10px 14px;border-radius:var(--r-lg);font-size:var(--text-base);line-height:1.5}
.msg.u .mb{background:var(--g900);color:var(--tk-text-primary);border-radius:14px 14px 4px 14px}
.msg.a .mb{background:var(--n50);color:var(--n900);border-radius:14px 14px 14px 4px;border:1px solid var(--n100)}
.msg.a .mb.ld{color:var(--n400)}
</style>
</head>
<body>
<script>
// Always pre-apply kam-mode before auth resolves — login overlay covers body during auth,
// and _autoRouteAfterLogin() always lands on KAM mode regardless of role.
document.body.classList.add('kam-mode');
document.documentElement.style.background = '#080f1e'; // v198g: fix white overscroll — html bg was white, .kam-dc backdrop-filter sampled it
</script>
<!-- ══ LOGIN OVERLAY ══ -->
<!-- ── DATA LOAD PILL ── -->
<div id="data-load-pill">
<div class="dlp-dots" id="dlp-dots">
<span class="dlp-dot" id="dlp-d-0"></span>
<span class="dlp-dot" id="dlp-d-1"></span>
<span class="dlp-dot" id="dlp-d-2"></span>
<span class="dlp-dot" id="dlp-d-3"></span>
<span class="dlp-dot" id="dlp-d-4"></span>
</div>
<!-- Background phase: shown after phase 1 completes -->
<div id="dlp-bg-dots" style="display:none;align-items:center;gap:4px">
<span class="dlp-dot" id="dlp-bg-skus" title="bulk_skus"></span>
<span class="dlp-dot" id="dlp-bg-alts" title="alternatives"></span>
<span class="dlp-dot" id="dlp-bg-price" style="opacity:.35" title="bulk_price"></span>
</div>
<svg fill="none" id="dlp-ready-icon" viewbox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 7.5L5.5 10.5L11.5 3.5" stroke="var(--tk-ok-500)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path>
</svg>
<span id="dlp-text">กำลังโหลด</span>
<span id="dlp-count" style="font-family:var(--tk-font-mono);font-size:11px;color:var(--tk-ok-dim-2)">0/5</span>
</div>
<div class="lgi-checking" id="login-overlay">
<!-- 25 ต.ค. 2569 (Bucci): หน้าเข้าสู่ระบบโลกเดียวกับในแอป — น้ำเงินดำ + ทอง + คำไทย (styles_auth.css) · id/ฟังก์ชันเดิมทุกตัว -->
<div class="lgi-aurora" aria-hidden="true"></div>
<div class="lgi-box">
<!-- Brand -->
<div class="lgi-brand">
<div class="lgi-mark" aria-hidden="true">
<svg fill="#f2c76b" height="38" viewbox="0 0 10 10" width="38" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
</div>
<div class="lgi-wordmark"><small>freshket</small>Sense</div>
<div class="lgi-sub">รู้ว่าร้านไหนต้องไปก่อน<br/>และ<b>เงินค่าคอมฯ</b>ของคุณอยู่ตรงไหน</div>
</div>
<!-- Checking state (visible while checkSession() runs, hidden once resolved) -->
<div class="lgi-checking-msg">
<div class="lgi-chk-dots"><span></span><span></span><span></span></div>
<span>กำลังเข้าระบบ…</span>
</div>
<!-- Password recovery area (shown only after Supabase recovery link) -->
<div class="pw-reset-area" id="password-reset-area">
<div class="pw-reset-title">ตั้งรหัสผ่านใหม่</div>
<div class="pw-reset-sub">ยืนยันลิงก์แล้ว ตั้งรหัสผ่านใหม่ก่อนเข้า Sense</div>
<div class="pw-reset-email" id="pw-reset-email"></div>
<div class="pw-reset-status" id="pw-reset-status"></div>
<div class="lgi-field">
<label class="lgi-label" for="reset-password">รหัสผ่านใหม่</label>
<input autocomplete="new-password" class="lgi-input" id="reset-password" onkeydown="if(event.key==='Enter')document.getElementById('reset-password-confirm').focus()" placeholder="อย่างน้อย 8 ตัวอักษร" type="password"/>
</div>
<div class="lgi-field">
<label class="lgi-label" for="reset-password-confirm">ยืนยันรหัสผ่าน</label>
<input autocomplete="new-password" class="lgi-input" id="reset-password-confirm" onkeydown="if(event.key==='Enter')submitPasswordReset()" placeholder="พิมพ์รหัสผ่านอีกครั้ง" type="password"/>
</div>
<button class="lgi-btn" id="pw-reset-btn" onclick="submitPasswordReset()">
<span id="pw-reset-btn-text">บันทึกรหัสผ่านใหม่</span>
</button>
<div class="pw-reset-note">บันทึกแล้ว ให้เข้าสู่ระบบอีกครั้งด้วยรหัสผ่านที่เพิ่งตั้ง</div>
</div>
<!-- Form area (hidden during session check) -->
<div class="lgi-form-area">
<!-- Fields -->
<div class="lgi-field">
<label class="lgi-label" for="login-email">อีเมลบริษัท</label>
<input autocomplete="email" class="lgi-input" id="login-email" onkeydown="if(event.key==='Enter')document.getElementById('login-password').focus()" placeholder="ชื่อ@freshket.co" type="email"/>
</div>
<div class="lgi-field lgi-field-pw">
<label class="lgi-label" for="login-password">รหัสผ่าน</label>
<input autocomplete="current-password" class="lgi-input" id="login-password" onkeydown="if(event.key==='Enter')doLogin()" placeholder="••••••••" type="password"/>
<button aria-label="แสดงรหัสผ่าน" class="lgi-eye" id="login-eye" onclick="_lgiTogglePw()" type="button">แสดง</button>
</div>
<label class="lgi-remember"><input checked="" id="login-remember" type="checkbox"/><span>จำอีเมลไว้ในเครื่องนี้</span></label>
<div class="lgi-err" id="login-error"></div>
<button class="lgi-btn" id="login-btn" onclick="doLogin()">
<span id="login-btn-text">เข้าสู่ระบบ</span><span aria-hidden="true" class="lgi-arr">→</span>
</button>
<!-- คนใหม่ที่เพิ่งถูกเพิ่มในชีทรายชื่อ ยังไม่มีรหัสผ่าน — ตั้งเองได้จากตรงนี้ -->
<button class="lgi-linkbtn" id="pw-link-btn" onclick="requestPasswordLink()" type="button">ลืมรหัสผ่าน หรือ เพิ่งเข้าทีม</button>
<div class="lgi-linknote" id="pw-link-status"></div>
<div class="lgi-foot">Freshket Commercial · ใช้ภายในเท่านั้น</div>
<!-- DEV BYPASS — local testing without Supabase -->
<button id="local-dev-btn" onclick="activateLocalMode()" onmouseout="this.style.color='rgba(255,255,255,.2)'" onmouseover="this.style.color='rgba(255,255,255,.5)'" style="
      display:block;margin:16px auto 0;
      background:transparent;border:none;
      font-size:10px;font-family:var(--tk-font-mono);
      color:rgba(255,255,255,.2);cursor:pointer;
      letter-spacing:.5px;padding:4px 8px;border-radius:4px;
      transition:all .3s;
      display:none;
    ">
      [ local dev ]
    </button>
</div><!-- /lgi-form-area -->
</div>
</div>
<!-- ══ SENSE SPLASH ══ -->
<!-- 25 ต.ค. 2569 (Bucci): หน้าโหลดใหม่ — ทักชื่อเล่น + เลขล่าสุดที่จำไว้ในเครื่อง (ไม่รอเน็ต) + บอกว่ากำลังโหลดอะไร
     ผ้าคลุม boot (สคริปต์ v216 ข้างล่าง) ใช้ div นี้ตัวเดียวกัน ⇒ _splFill วิ่งตั้งแต่ก่อน JS หลัก · #spl-ticker / #spl-bar คงไว้ (01 showSenseSplash) -->
<div id="sense-splash">
<div aria-hidden="true" class="spl-aurora"></div>
<div class="spl-orb">
<div class="spl-glow"></div>
<svg fill="#f2c76b" height="56" id="spl-star" viewbox="0 0 10 10" width="56"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
</div>
<div class="spl-brand">
<div class="spl-hi" id="spl-hi">ยินดีต้อนรับสู่</div>
<div class="spl-wordmark" id="spl-name">Sense</div>
</div>
<div class="spl-chips" id="spl-chips"></div>
<div class="spl-steps" id="spl-steps">
<div class="spl-st run"><i></i>พอร์ตร้าน</div>
<div class="spl-st"><i></i>ยอดย้อนหลัง</div>
<div class="spl-st"><i></i>สินค้าและสาขา</div>
</div>
<div class="spl-ticker-wrap"><span id="spl-ticker"></span></div>
<div class="spl-ver" id="spl-ver"></div>
<div class="spl-bar-track"><div id="spl-bar"></div></div>
</div><!-- แสดงเมื่อกด [local dev] -->
<script>
// 25 ต.ค. 2569: เติมคำทัก + เลขล่าสุดลงหน้าโหลดจากของที่จำในเครื่องเท่านั้น (ไม่ยิงเน็ต)
//   ชื่อ = ชื่อเล่นใน sense_last_identity_v1 (01 _lastIdentitySave) · ต้องเป็นคนเดียวกับ session ในเครื่อง (sb-*-auth-token)
//   %NRR = sense_nrr_headline_v1 ของตัวเอง (07b) ไม่เกิน 7 วัน · วันติด = sense_streak_last_v1 (06c) ไม่เกิน 3 วัน
//   ไม่รู้ใคร / คนละคน ⇒ "ยินดีต้อนรับสู่ Sense" ไม่มีตัวเลข · showSenseSplash เรียกซ้ำหลังรู้ตัวคนแล้ว
(function(){
  function sessionUid(){
    try{
      for(var i=0;i<localStorage.length;i++){
        var k=localStorage.key(i);
        if(k&&/^sb-.+-auth-token$/.test(k)){ var o=JSON.parse(localStorage.getItem(k)||'null'); var u=o&&(o.user||(o.currentSession&&o.currentSession.user)); if(u&&u.id) return u.id; }
      }
    }catch(e){}
    return '';
  }
  function txt(id,v){ var el=document.getElementById(id); if(el) el.textContent=v; }
  window._splFill=function(){
    try{
      var v=(window.FreshketSenseConfig&&window.FreshketSenseConfig.app&&window.FreshketSenseConfig.app.version)||'';
      txt('spl-ver', v?('Sense '+v):'');
      var id=null; try{ id=JSON.parse(localStorage.getItem('sense_last_identity_v1')||'null'); }catch(e){}
      var uid=sessionUid();
      if(!id||!id.id||!uid||id.id!==uid){ txt('spl-hi','ยินดีต้อนรับสู่'); txt('spl-name','Sense'); var c0=document.getElementById('spl-chips'); if(c0) c0.innerHTML=''; return; }
      var full=String(id.full_name||''), m=full.match(/\(([^)]+)\)/);
      var nick=m?m[1].trim():(full.split(/\s+/)[0]||'');
      var h=parseInt(new Date().toLocaleString('en-US',{timeZone:'Asia/Bangkok',hour:'numeric',hour12:false}),10)%24;
      var hi=(h>=5&&h<11)?'สวัสดีตอนเช้า':(h>=11&&h<16)?'สวัสดีตอนบ่าย':(h>=16&&h<21)?'สวัสดีตอนเย็น':'สวัสดี';
      txt('spl-hi', nick?hi:'ยินดีต้อนรับสู่'); txt('spl-name', nick?('คุณ'+(/^[A-Za-z]/.test(nick)?' ':'')+nick):'Sense');
      var em=String(id.email||'').toLowerCase(), now=Date.now(), chips=[];
      try{
        var H=JSON.parse(localStorage.getItem('sense_nrr_headline_v1')||'null');
        if(H&&H.uid===uid&&H.entries){
          var e=H.entries['kam|'+em]||H.entries['tl|'+em];
          if(e&&typeof e.pct==='number'&&isFinite(e.pct)&&now-(e.savedAt||0)<=7*864e5) chips.push(['g',(Math.round(e.pct*10)/10).toFixed(1)+'%','%NRR ล่าสุด']);
        }
      }catch(e){}
      try{
        var S=JSON.parse(localStorage.getItem('sense_streak_last_v1')||'null');
        if(S&&String(S.email||'').toLowerCase()===em&&S.count>0&&now-(S.at||0)<=3*864e5) chips.push(['ok',S.count+' วัน','ไฟวันติด']);
      }catch(e){}
      var box=document.getElementById('spl-chips');
      if(box) box.innerHTML=chips.map(function(c){ return '<div class="spl-chip '+c[0]+'"><b>'+c[1]+'</b><span>'+c[2]+'</span></div>'; }).join('');
    }catch(e){}
  };
  // แถบขั้นโหลด: n = ขั้นที่กำลังทำ (0 พอร์ต · 1 ยอดย้อนหลัง · 2 สินค้า) · 3 = ครบ
  window._splStep=function(n){
    try{ var st=document.querySelectorAll('#spl-steps .spl-st'); for(var i=0;i<st.length;i++) st[i].className='spl-st'+(i<n?' ok':(i===n?' run':'')); }catch(e){}
  };
  window._splFill();
})();
</script>
<script>
// v216 FIX 2B — sync boot cover. Runs immediately after splash/login HTML, BEFORE main JS init.
// If a Supabase auth session exists in localStorage, hide login overlay and show splash (same dark gradient)
// BEFORE the first paint. This eliminates the 1-frame login flash on PWA reload that the user reported.
// Without session: login overlay stays visible as before (CSS default display:flex).
(function(){
  'use strict';
  function _checkSession(){
    try{
      for(var i=0;i<localStorage.length;i++){
        var k=localStorage.key(i);
        if(k && /^sb-.+-auth-token$/.test(k)){
          var v=localStorage.getItem(k);
          if(v && v.length>20){ return true; }
        }
      }
    }catch(e){}
    return false;
  }
  // v_bootnet (2026-08-11): ผ้าคลุมต้องปลดตัวเองได้ ไม่พึ่ง JS หลัก
  //
  // ทำไม: บุชเจอ PWA บน iPhone ค้างจอโลโก้ถาวรหลังพักจอหลายวัน ต้อง kill app ทุกครั้ง
  // _checkSession() ข้างบนเช็คแค่ว่ามีคีย์ sb-*-auth-token ยาวเกิน 20 ตัวไหม —
  // **โทเคนหมดอายุก็ผ่าน** แล้ว _applyBootCover() เขียน inline style ทับ CSS ไว้
  // ทางที่จะปลดผ้าคลุมได้ทั้งหมดอยู่ใน JS หลักหลัง await auth ทั้งสิ้น ถ้าเส้นทางนั้น
  // ไม่จบ (โทเคนหมดอายุ / เน็ตค้างตอนปลุกเครื่อง / CDN supabase โหลดไม่ขึ้นทำให้
  // createClient โยน error แล้วบันเดิลตายทั้งก้อน) ก็ไม่มีอะไรมาปลดเลย
  //
  // 20 วิ: มากกว่าเพดานรวมของเส้นทางปกติ (getSession 8 + profiles 6) พอสมควร
  // เพื่อไม่ให้ไปยื้อ boot ที่แค่ช้าจริงๆ · ปลดแล้วไม่ทำลายอะไร — ถ้า auth มาถึง
  // ทีหลัง onAuthStateChange จะเรียก hideLoginOverlay() เข้าแอปตามปกติ
  var _senseBootCoverWatchdog = null;
  function _senseReleaseBootCover(){
    try{
      if(window.__senseBootTookOver) return;   // JS หลักรับช่วงต่อไปแล้ว
      var login=document.getElementById('login-overlay');
      var splash=document.getElementById('sense-splash');
      if(login){ login.style.display=''; login.classList.remove('lgi-checking'); }
      if(splash){ splash.style.display='none'; splash.style.opacity=''; }
      if(!document.getElementById('sense-bootcover-hint')){
        var h=document.createElement('div');
        h.id='sense-bootcover-hint';
        h.style.cssText='position:fixed;left:50%;transform:translateX(-50%);'+
          'top:calc(env(safe-area-inset-top,0px) + 10px);z-index:99991;background:var(--tk-bg-base,#0a1220);'+
          'border:1px solid rgba(188,215,255,.25);border-radius:12px;padding:10px 14px;'+
          'font-family:"Noto Sans Thai",sans-serif;font-size:12px;color:rgba(225,238,255,.92);'+
          'box-shadow:0 6px 24px rgba(0,0,0,.45);cursor:pointer;max-width:92vw;line-height:1.4';
        h.textContent='เชื่อมต่อไม่สำเร็จ · แตะเพื่อลองใหม่';
        h.addEventListener('click',function(){ try{location.reload();}catch(e){} });
        (document.body||document.documentElement).appendChild(h);
      }
      console.warn('[boot-cover] ปลดผ้าคลุมด้วย watchdog — JS หลักไม่ได้รับช่วงต่อภายในเวลา');
    }catch(e){}
  }
  function _applyBootCover(){
    var login=document.getElementById('login-overlay');
    if(login){ login.style.display='none'; }
    var splash=document.getElementById('sense-splash');
    if(splash){ splash.style.display='flex'; splash.style.opacity='1'; }
    clearTimeout(_senseBootCoverWatchdog);
    _senseBootCoverWatchdog=setTimeout(_senseReleaseBootCover, 20000);
  }
  try{
    if(_checkSession()){
      // Pass 1: session found immediately (normal case)
      _applyBootCover();
    } else {
      // v478-B1: Safari iOS sometimes hasn't flushed localStorage by first-paint.
      // Re-check after 80ms — if session found, hide login before it becomes visible.
      // 80ms is below human perception threshold (~100ms) for UI flicker.
      setTimeout(function(){
        try{ if(_checkSession()) _applyBootCover(); }catch(e){}
      }, 80);
    }
  }catch(e){}
})();
</script>
<div id="local-persona-overlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:10000;align-items:center;justify-content:center;padding:20px">
<div style="background:#1a1a2e;border-radius:16px;padding:24px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto">
<div style="font-family:var(--tk-font-mono);font-size:11px;color:var(--tk-ok-dim-2);letter-spacing:.8px;margin-bottom:4px">LOCAL DEV MODE</div>
<div style="font-size:15px;font-weight:700;color:#fff;margin-bottom:4px">เลือก Persona</div>
<div style="font-size:11px;color:rgba(255,255,255,.4);margin-bottom:20px">เสมือนจริง — ไม่ต้อง login Supabase</div>
<!-- Admin persona -->
<div style="font-size:10px;font-weight:700;color:rgba(255,255,255,.35);letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px">Admin</div>
<div style="display:flex;flex-direction:column;gap:8px;margin-bottom:16px">
<button onclick="_setLocalPersona('admin','boonwirat.t@freshket.co','Bucci (VP Revenue)')" style="background:rgba(240,80,0,.15);border:1px solid rgba(240,80,0,.4);border-radius:10px;padding:10px 14px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif">
<div style="font-size:13px;font-weight:700">Bucci (VP Revenue)</div>
<div style="font-size:11px;color:rgba(255,255,255,.45);margin-top:2px">boonwirat.t@freshket.co · ตั้ง target ทุกทีมได้</div>
</button>
</div>
<!-- TL personas -->
<div style="font-size:10px;font-weight:700;color:rgba(255,255,255,.35);letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px">Team Lead</div>
<div style="display:flex;flex-direction:column;gap:8px;margin-bottom:16px">
<button onclick="_setLocalPersona('tl','nitipat.s@freshket.co','Nitipat (Squad A)')" style="background:var(--tk-accent-dim-2);border:1px solid var(--tk-accent-dim-3);border-radius:10px;padding:10px 14px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif">
<div style="font-size:13px;font-weight:700">Nitipat (Squad A)</div>
<div style="font-size:11px;color:rgba(255,255,255,.45);margin-top:2px">nitipat.s@freshket.co · 7 KAMs</div>
</button>
<button onclick="_setLocalPersona('tl','pavarisa.mu@freshket.co','Pavarisa (Squad B)')" style="background:var(--tk-accent-dim-2);border:1px solid var(--tk-accent-dim-3);border-radius:10px;padding:10px 14px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif">
<div style="font-size:13px;font-weight:700">Pavarisa (Squad B)</div>
<div style="font-size:11px;color:rgba(255,255,255,.45);margin-top:2px">pavarisa.mu@freshket.co · 8 KAMs</div>
</button>
</div>
<!-- KAM personas -->
<div style="font-size:10px;font-weight:700;color:rgba(255,255,255,.35);letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px">KAM</div>
<div style="display:flex;flex-direction:column;gap:6px">
<button onclick="_setLocalPersona('rep','anusorn.k@freshket.co','Anusorn (Bookbig)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Anusorn (Bookbig) · nitipat.s</button>
<button onclick="_setLocalPersona('rep','chaklid.n@freshket.co','Chaklid (Dent)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Chaklid (Dent) · nitipat.s</button>
<button onclick="_setLocalPersona('rep','duangruedee.bu@freshket.co','Duangruedee (Ning)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Duangruedee (Ning) · nitipat.s</button>
<button onclick="_setLocalPersona('rep','guntinun.t@freshket.co','Guntinun (Monet)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Guntinun (Monet) · pavarisa.mu</button>
<button onclick="_setLocalPersona('rep','intuon.y@freshket.co','Intuon (Jane)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Intuon (Jane) · pavarisa.mu</button>
<button onclick="_setLocalPersona('rep','napat.k@freshket.co','Napat (To)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Napat (To) · nitipat.s</button>
<button onclick="_setLocalPersona('rep','natchita.b@freshket.co','Natchita (Foam)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Natchita (Foam) · pavarisa.mu</button>
<button onclick="_setLocalPersona('rep','niracha.s@freshket.co','Niracha (Cream)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Niracha (Cream) · pavarisa.mu</button>
<button onclick="_setLocalPersona('rep','nuttawan.ma@freshket.co','Nuttawan (Kwang)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Nuttawan (Kwang) · nitipat.s</button>
<button onclick="_setLocalPersona('rep','ploynitcha.r@freshket.co','Ploynitcha (Nitcha)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Ploynitcha (Nitcha) · nitipat.s</button>
<button onclick="_setLocalPersona('rep','puttipong.w@freshket.co','Puttipong (Tape)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Puttipong (Tape) · pavarisa.mu</button>
<button onclick="_setLocalPersona('rep','rinlaphat.s@freshket.co','Rinlaphat (Mild)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Rinlaphat (Mild) · nitipat.s</button>
<button onclick="_setLocalPersona('rep','siriprapa.p@freshket.co','Siriprapa (Pop)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Siriprapa (Pop) · pavarisa.mu</button>
<button onclick="_setLocalPersona('rep','warissara.c@freshket.co','Warissara (Ply)')" style="background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;color:#fff;font-family:var(--tk-font-body),sans-serif;font-size:12px">Warissara (Ply) · pavarisa.mu</button>
</div>
</div>
</div>
<svg style="display:none">
<symbol fill="none" id="ico-home" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"><path d="M3 10.5L12 3l9 7.5V20a1 1 0 01-1 1H4a1 1 0 01-1-1V10.5z"></path><path d="M9 21V13h6v8"></path></symbol>
<symbol fill="none" id="ico-chart" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"><rect height="8" rx="1" width="4" x="3" y="13"></rect><rect height="13" rx="1" width="4" x="10" y="8"></rect><rect height="17" rx="1" width="4" x="17" y="4"></rect></symbol>
<symbol fill="none" id="ico-bolt" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"><path d="M13 2L4.5 13.5H12L11 22 19.5 10.5H12L13 2z"></path></symbol>
<symbol fill="currentColor" id="ico-sense" stroke="none" viewbox="0 0 10 10"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></symbol>
<symbol fill="none" id="ico-products" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"><path d="M21 8l-9-5-9 5 9 5 9-5z"></path><path d="M3 8v8l9 5 9-5V8"></path><path d="M12 13v8"></path></symbol>
<symbol fill="none" id="ico-sliders" stroke="currentColor" stroke-linecap="round" stroke-width="1.8" viewbox="0 0 24 24"><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="18" y2="18"></line><circle cx="8" cy="6" fill="currentColor" r="2.5" stroke="none"></circle><circle cx="16" cy="12" fill="currentColor" r="2.5" stroke="none"></circle><circle cx="10" cy="18" fill="currentColor" r="2.5" stroke="none"></circle></symbol>
<symbol fill="none" id="ico-doc" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="8" x2="16" y1="13" y2="13"></line><line x1="8" x2="13" y1="17" y2="17"></line></symbol>
<symbol fill="none" id="ico-arrow" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><line x1="5" x2="19" y1="12" y2="12"></line><polyline points="13 6 19 12 13 18"></polyline></symbol>
<symbol fill="none" id="ico-check" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" viewbox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></symbol>
<symbol fill="none" id="ico-robot" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"><rect height="10" rx="2" width="18" x="3" y="11"></rect><path d="M12 11V7"></path><circle cx="12" cy="5" r="2"></circle><circle cx="8.5" cy="16" fill="currentColor" r="1.5" stroke="none"></circle><circle cx="15.5" cy="16" fill="currentColor" r="1.5" stroke="none"></circle></symbol>
<symbol fill="none" id="ico-send" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"><line x1="22" x2="11" y1="2" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></symbol>
<symbol fill="none" id="ico-folder" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"><path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"></path></symbol>
<symbol fill="none" id="ico-settings" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"></path></symbol>
</svg>
<input accept=".csv" id="fi-bulk-cats" onchange="handleFileUpload('bulk-categories',this)" style="display:none" type="file"/>
<input accept=".csv" id="fi-bulk-skus" onchange="handleFileUpload('bulk-skus',this)" style="display:none" type="file"/>
<input accept=".csv" id="fi-bulk-data" onchange="handleFileUpload('bulk-data',this)" style="display:none" type="file"/>
<input accept=".csv" id="fi-portview-bulk" onchange="handleFileUpload('portview-bulk',this)" style="display:none" type="file"/>
<input accept=".csv" id="fi-bulk-sku-current" onchange="handleFileUpload('bulk-sku-current',this)" style="display:none" type="file"/>
<input accept=".csv" id="fi-bulk-alternatives" onchange="handleFileUpload('bulk-alternatives',this)" style="display:none" type="file"/>
<input accept=".csv" id="fi-bulk-price" onchange="handleFileUpload('bulk-price',this)" style="display:none" type="file"/>
<input accept=".csv" id="fi-bulk-handover" onchange="handleFileUpload('bulk-handover',this)" style="display:none" type="file"/>
<input accept=".csv" id="fi-bulk-outlets" onchange="handleFileUpload('bulk-outlets',this)" style="display:none" type="file"/>
<!-- TOPBAR -->
<div class="topbar">
<div class="logo">
<div class="logo-box">
<img alt="Freshket Sense" src="/assets/sense-icon.png"/>
</div>
    freshket <span class="iq-badge"><svg class="iq-icon" fill="var(--tk-ok-bright)" viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>Sense</span>
</div>
<div class="topbar-right">
<span id="aip-badge" onclick="openDataPanel()" style="display:none;font-size:9px;font-weight:700;letter-spacing:.4px;padding:2px 7px;border-radius:20px;border:1px solid var(--tk-ok-border);background:var(--tk-ok-dim);color:var(--tk-ok-text);cursor:pointer;flex-shrink:0;transition:all .2s" title="AI Provider">Claude</span>
<button class="data-btn" id="dataBtnTop" onclick="openDataPanel()" title="จัดการข้อมูล">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24" width="16"><use href="#ico-settings"></use></svg>
</button>
<button onclick="doSignOut()" onmouseout="this.style.background='rgba(255,255,255,.1)'" onmouseover="this.style.background='rgba(255,255,255,.2)'" style="width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0;" title="ออกจากระบบ">
<svg fill="none" height="15" stroke="rgba(255,255,255,.7)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewbox="0 0 24 24" width="15"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg>
</button>
<div id="mode-toggle-wrap" style="display:none">
<div class="mode-toggle">
<div class="mode-slider"></div>
<button class="mbtn on" id="mbtn-restaurant" onclick="setMode('restaurant')">ร้าน</button>
<button class="mbtn" onclick="setMode('kam')">KAM</button>
</div>
</div>
</div>
</div>
<!-- kambar removed v356 -->
<!-- DATA PANEL -->
<div class="data-overlay" id="dataOverlay" onclick="closeDataPanel()"></div>
<div class="data-panel" id="dataPanel">
<div class="dp-handle"></div>
<div class="dp-head">
<div class="dp-title">จัดการข้อมูล</div>
<button class="dp-close" onclick="closeDataPanel()">✕</button>
</div>
<div class="dp-body">
<!-- ── MODE TABS ── -->
<div class="dp-mode-tabs" id="dp-mode-tabs">
<button class="dp-mode-tab on" id="dp-tab-quick" onclick="setDpMode('quick')">ตั้งค่า</button>
<button class="dp-mode-tab" id="dp-tab-bulk" onclick="setDpMode('bulk')">Bulk</button>
<button class="dp-mode-tab" id="dp-tab-admin" onclick="setDpMode('admin')" style="display:none">Admin</button>
</div>
<!-- ══════════════════════════════
         QUICK SWITCH MODE
    ══════════════════════════════ -->
<div id="dp-quick">
<!-- AI Provider -->
<div style="margin-bottom:14px;padding:12px 14px;background:rgba(0,0,0,.03);border:1px solid var(--n200);border-radius:10px">
<div style="font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--n500);margin-bottom:8px">AI Provider</div>
<div style="font-size:10px;color:var(--n600);line-height:1.5;margin-bottom:8px;background:var(--n50);border:1px solid var(--n100);border-radius:8px;padding:8px 10px">Production mode: AI calls should go through <span style="font-family:IBM Plex Mono,monospace">freshket_ai_proxy_url</span>. Browser keys are disabled by default.</div>
<div id="aip-proxy-status" style="font-size:10px;color:var(--n600);line-height:1.5;margin-bottom:8px;background:#fff;border:1px dashed var(--n200);border-radius:8px;padding:7px 10px">Proxy status: <span style="font-family:IBM Plex Mono,monospace">ตั้งค่าผ่าน freshket_ai_proxy_url</span></div>
<div id="aip-toggle-row" style="display:flex;gap:6px;margin-bottom:0">
<div id="aip-claude" onclick="setAiProvider('claude')" style="flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid var(--g500);background:var(--g900);cursor:pointer;transition:all .15s">
<div style="font-size:12px;font-weight:700;color:#fff">Claude</div>
<div style="font-size:10px;color:rgba(255,255,255,.5);margin-top:1px">Haiku / Sonnet</div>
</div>
<div id="aip-gemini" onclick="setAiProvider('gemini')" style="flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid var(--n200);background:var(--n50);cursor:pointer;transition:all .15s">
<div style="font-size:12px;font-weight:700;color:var(--n700)">Free · Gemini</div>
<div style="font-size:10px;color:var(--n400);margin-top:1px">2.0 Flash · 1,500/day</div>
</div>
</div>
<div id="aip-gemini-key-row" style="display:none!important"></div>
</div>
<!-- Matcher (Quick access) -->
<div id="aip-claude-section" style="transition:opacity .2s">
<div class="dp-matcher-section" id="dp-quick-matcher">
<div class="dp-matcher-title" style="display:flex;align-items:center;gap:6px;color:var(--tk-ok-text);letter-spacing:.5px">
<svg fill="var(--g500)" height="11" style="flex-shrink:0;filter:drop-shadow(0 0 3px var(--tk-ok-dim))" viewbox="0 0 10 10" width="11"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
          Freshket Sense — เทียบสเปค
        </div>
<!-- Mode (Fast = Haiku + fast schema, Detail = Sonnet + detail schema with note_th) -->
<div style="display:flex;gap:6px;margin-bottom:10px">
<div id="mm-haiku" onclick="setMatcherModel('haiku')" style="flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid var(--g500);background:var(--g900);cursor:pointer;transition:all .15s">
<div style="font-size:12px;font-weight:700;color:#fff">Fast</div>
<div style="font-size:10px;color:rgba(255,255,255,.55);margin-top:2px">เร็ว · แนะนำ</div>
</div>
<div id="mm-sonnet" onclick="setMatcherModel('sonnet')" style="flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid var(--n200);background:var(--n50);cursor:pointer;transition:all .15s">
<div style="font-size:12px;font-weight:700;color:var(--n700)">Detail</div>
<div style="font-size:10px;color:var(--n400);margin-top:2px">ละเอียด · ช้ากว่า</div>
</div>
</div>
<!-- API key (dev-only direct browser mode) -->
<div id="matcher-api-key-row" style="display:none!important"></div>
<!-- Scope + Run -->
<div class="ms-opts" style="margin-bottom:6px">
<button class="ms-opt on" id="ms-all" onclick="setMatcherScope('all',this)">ทั้งหมด</button>
<button class="ms-opt" id="ms-10" onclick="setMatcherScope('10',this)">Top 10</button>
<button class="ms-opt" id="ms-50" onclick="setMatcherScope('50',this)">Top 50</button>
<button class="ms-opt" id="ms-100" onclick="setMatcherScope('100',this)">Top 100</button>
<button class="ms-opt" id="ms-custom" onclick="setMatcherScope('custom',this)">กำหนดเอง</button>
</div>
<div id="ms-custom-row" style="display:none;margin-bottom:8px">
<input id="ms-custom-n" max="9999" min="1" oninput="this.style.borderColor=this.value&gt;0?'var(--g500)':'var(--n200)';updateMatcherPreStatus()" placeholder="จำนวน SKU" style="width:100%;padding:6px 12px;border:1.5px solid var(--n200);border-radius:20px;font-size:12px;font-family:var(--tk-font-mono);outline:none;background:var(--n50);color:var(--n900);transition:border-color .2s" type="number"/>
</div>
<div class="gen-pre-status" id="gen-pre-status">upload bulk_alternatives.csv หรือ matcher_input.csv ก่อน</div>
<button class="gen-btn" id="gen-btn" onclick="runMatcherInApp()">
<svg fill="none" height="15" stroke="currentColor" stroke-linecap="round" stroke-width="2.2" viewbox="0 0 24 24" width="15"><path d="M13 2L4.5 13.5H12L11 22 19.5 10.5H12L13 2z"></path></svg>
          Generate โอกาสประหยัด
        </button>
<div id="gen-reverify-link" style="display:none;text-align:center;margin-top:6px">
<button onclick="reVerifyAll()" style="background:none;border:none;color:var(--n400);font-size:11px;text-decoration:underline;cursor:pointer;font-family:var(--tk-font-body),sans-serif">↻ Re-verify ทั้งหมด</button>
</div>
<div class="gen-progress-wrap" id="gen-progress-wrap">
<div class="gen-prog-header">
<span class="gen-prog-sku" id="gen-prog-sku">SKU 0 / 0</span>
<span class="gen-prog-found" id="gen-prog-found">พบ 0 ตัวเลือก</span>
</div>
<div class="gen-progress-track"><div class="gen-progress-fill" id="gen-progress-fill"></div></div>
<div class="gen-prog-detail" id="gen-prog-detail">กำลังเริ่ม...</div>
<div class="gen-sku-log" id="gen-sku-log"></div>
</div>
<div class="gen-result" id="gen-result">
<div class="gen-result-summary" id="gen-result-summary"></div>
<div class="gen-result-table" id="gen-result-table"></div>
</div>
</div>
<!-- KAM AI Model -->
<div style="margin-top:12px;padding:12px 14px;background:rgba(26,58,107,.06);border:1px solid var(--tk-accent-dim);border-radius:10px">
<div style="font-size:10px;font-weight:700;color:var(--tk-accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px">KAM Briefing Model</div>
<div style="display:flex;gap:6px">
<div id="km-haiku" onclick="setKamModel('haiku')" style="flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid var(--n200);background:var(--n50);cursor:pointer;transition:all .15s">
<div style="font-size:12px;font-weight:700;color:var(--n700)">Haiku</div>
<div style="font-size:10px;color:rgba(255,255,255,.5);margin-top:2px">เร็ว · แนะนำ</div>
</div>
<div id="km-sonnet" onclick="setKamModel('sonnet')" style="flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid var(--tk-accent);background:var(--tk-accent-dark);cursor:pointer;transition:all .15s">
<div style="font-size:12px;font-weight:700;color:#fff">Sonnet</div>
<div style="font-size:10px;color:var(--n400);margin-top:2px">ละเอียดกว่า</div>
</div>
</div>
</div>
</div><!-- /aip-claude-section -->
</div><!-- /dp-quick -->
<!-- ══════════════════════════════
         BULK KAM MODE — ทุกร้านของ KAM
    ══════════════════════════════ -->
<div id="dp-bulk" style="display:none">
<!-- ── GOOGLE SHEETS LOADER (Ops only) ── -->
<div style="margin-bottom:16px;padding:12px 14px;background:var(--tk-accent-dim);border:1.5px solid var(--tk-accent-dim-2);border-radius:12px">
<div style="display:flex;align-items:center;justify-content:space-between;gap:8px">
<div>
<div style="font-size:12px;font-weight:700;color:var(--tk-accent-solid)">Cloudflare Data</div>
<div style="font-size:10px;color:var(--tk-accent-solid);margin-top:2px">โหลดอัตโนมัติตอน login · กดเพื่อ refresh</div>
</div>
<div style="display:flex;align-items:center;gap:6px">
<span id="sheets-loaded-count" style="display:none;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;background:var(--tk-accent-dim);color:var(--tk-accent-solid)">0/7</span>
<button id="sheets-load-btn" onclick="reloadFromGoogleSheets()" style="flex-shrink:0;padding:7px 14px;border-radius:8px;border:none;background:var(--tk-accent);color:#fff;font-size:12px;font-weight:700;font-family:var(--tk-font-body),sans-serif;cursor:pointer">
              โหลดซ้ำ
            </button>
</div>
</div>
<div id="sheets-progress" style="display:none;gap:5px;flex-wrap:wrap;margin-top:10px"></div>
</div>
<!-- ── FOLDER SHORTCUT (local dev only) ── -->
<div id="dp-folder-wrap" style="margin-bottom:14px;display:flex;align-items:center;gap:8px">
<button id="dp-folder-btn" onclick="pickFolder()" style="flex:1;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1.5px dashed var(--g500);background:var(--tk-ok-dim);cursor:pointer;font-family:var(--tk-font-body),sans-serif;font-size:12px;font-weight:700;color:var(--tk-ok-text);transition:all .2s;text-align:left">
<svg fill="none" height="16" stroke="var(--g500)" stroke-linecap="round" stroke-width="2" viewbox="0 0 24 24" width="16"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>
<span id="dp-folder-label">เลือก folder CSV</span>
</button>
</div>
<input accept=".csv" id="fi-folder-dir" onchange="_onFolderSelected(this)" style="display:none" type="file" webkitdirectory=""/>
<!-- DAILY -->
<div style="margin-bottom:16px">
<div style="display:flex;align-items:center;gap:8px;margin-bottom:8px">
<span style="font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;background:var(--tk-ok-dim);color:var(--tk-ok-text);border-radius:6px;padding:2px 8px">ทุกวัน</span>
<span style="font-size:11px;font-weight:700;color:var(--n700)">Portview + Pace + Churn</span>
</div>
<div class="dp-upload-slot" id="slot-portview-bulk" onclick="document.getElementById('fi-portview-bulk').click()" style="border-color:var(--tk-ok-border);margin-bottom:6px">
<div class="dp-slot-info"><div class="dp-slot-label" style="color:var(--tk-ok-text)">portview.csv</div><div class="dp-slot-desc">Q8E · Pace + Churn ทุกร้าน</div></div>
<div style="display:flex;align-items:center;gap:6px;flex-shrink:0">
<button class="dp-bulk-sql-btn" id="bsql-Q8E" onclick="event.stopPropagation();copyBulkSQL('Q8E',this)">SQL</button>
<span class="dp-slot-badge na" id="badge-portview-bulk">upload</span>
</div>
</div>
<div class="dp-upload-slot" id="slot-bulk-handover" onclick="document.getElementById('fi-bulk-handover').click()" style="border-color:var(--tk-ok-border);margin-bottom:6px">
<div class="dp-slot-info"><div class="dp-slot-label" style="color:var(--tk-ok-text)">portview_handover.csv</div><div class="dp-slot-desc">Q10 · Transfer out per KAM</div></div>
<div style="display:flex;align-items:center;gap:6px;flex-shrink:0">
<button class="dp-bulk-sql-btn" id="bsql-Q10" onclick="event.stopPropagation();copyBulkSQL('Q10',this)">SQL</button>
<span class="dp-slot-badge na" id="badge-bulk-handover">upload</span>
</div>
</div>
<div class="dp-upload-slot" id="slot-bulk-sku-current" onclick="document.getElementById('fi-bulk-sku-current').click()" style="border-color:var(--tk-ok-border)">
<div class="dp-slot-info"><div class="dp-slot-label" style="color:var(--tk-ok-text)">bulk_sku_current.csv</div><div class="dp-slot-desc">Q7B · SKU ออเดอร์เดือนนี้ทุกร้าน</div></div>
<div style="display:flex;align-items:center;gap:6px;flex-shrink:0">
<button class="dp-bulk-sql-btn" id="bsql-Q7B" onclick="event.stopPropagation();copyBulkSQL('Q7B',this)">SQL</button>
<span class="dp-slot-badge na" id="badge-bulk-sku-current">upload</span>
</div>
</div>
<div class="dp-upload-slot" id="slot-bulk-outlets" onclick="document.getElementById('fi-bulk-outlets').click()" style="border-color:var(--tk-ok-border);margin-bottom:6px">
<div class="dp-slot-info"><div class="dp-slot-label" style="color:var(--tk-ok-text)">bulk_outlets.csv</div><div class="dp-slot-desc">Q5B · outlet breakdown + เดือนนี้ (MTD)</div></div>
<div style="display:flex;align-items:center;gap:6px;flex-shrink:0">
<button class="dp-bulk-sql-btn" id="bsql-Q5B" onclick="event.stopPropagation();copyBulkSQL('Q5B',this)">SQL</button>
<span class="dp-slot-badge na" id="badge-bulk-outlets">upload</span>
</div>
</div>
<div class="dp-upload-slot" id="slot-bulk-cats" onclick="document.getElementById('fi-bulk-cats').click()" style="border-color:var(--tk-ok-border)">
<div class="dp-slot-info"><div class="dp-slot-label" style="color:var(--tk-ok-text)">bulk_categories.csv</div><div class="dp-slot-desc">Q2B · หมวดหมู่ทุกร้าน + เดือนนี้ MTD</div></div>
<div style="display:flex;align-items:center;gap:6px;flex-shrink:0">
<button class="dp-bulk-sql-btn" id="bsql-Q2B" onclick="event.stopPropagation();copyBulkSQL('Q2B',this)">SQL</button>
<span class="dp-slot-badge na" id="badge-bulk-cats">upload</span>
</div>
</div>
</div>
<!-- WEEKLY -->
<div>
<div style="display:flex;align-items:center;gap:8px;margin-bottom:6px">
<span style="font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;background:var(--tk-accent-dim);color:var(--tk-accent);border-radius:6px;padding:2px 8px">ทุกจันทร์</span>
<span style="font-size:11px;font-weight:700;color:var(--n700)">Bulk Data</span>
</div>
<div style="font-size:10px;color:var(--n400);background:var(--n50);border-radius:8px;padding:6px 10px;margin-bottom:8px;line-height:1.6">
          upload ตามลำดับ · <strong style="color:var(--n700)">skus ก่อน alternatives และ outlets</strong>
</div>
<div class="dp-upload-slot" id="slot-bulk-data" onclick="document.getElementById('fi-bulk-data').click()" style="border-color:var(--tk-ok-border);margin-bottom:6px">
<div class="dp-slot-info"><div class="dp-slot-label" style="color:var(--tk-ok-text)">bulk_history.csv</div><div class="dp-slot-desc">Q9 · ประวัติ 6 เดือนทุกร้าน</div></div>
<div style="display:flex;align-items:center;gap:6px;flex-shrink:0">
<button class="dp-bulk-sql-btn" id="bsql-Q9B" onclick="event.stopPropagation();copyBulkSQL('Q9B',this)">SQL</button>
<span class="dp-slot-badge na" id="badge-bulk-data">upload</span>
</div>
</div>
<div class="dp-upload-slot" id="slot-bulk-skus" onclick="document.getElementById('fi-bulk-skus').click()" style="border-color:var(--tk-ok-border);margin-bottom:6px">
<div class="dp-slot-info">
<div class="dp-slot-label" style="color:var(--tk-ok-text)">bulk_skus.csv</div>
<div class="dp-slot-desc">Q3B · SKU ทุกร้าน (2 เดือน + เดือนนี้ MTD) <strong style="color:var(--n700)">← ก่อน</strong></div>
</div>
<div style="display:flex;align-items:center;gap:6px;flex-shrink:0">
<button class="dp-bulk-sql-btn" id="bsql-Q3B" onclick="event.stopPropagation();copyBulkSQL('Q3B',this)">SQL</button>
<span class="dp-slot-badge na" id="badge-bulk-skus">upload</span>
</div>
</div>
<div class="dp-upload-slot" id="slot-bulk-alternatives" onclick="document.getElementById('fi-bulk-alternatives').click()" style="border-color:var(--tk-ok-border);margin-bottom:6px">
<div class="dp-slot-info"><div class="dp-slot-label" style="color:var(--tk-ok-text)">bulk_alternatives.csv</div><div class="dp-slot-desc">Q4B · ทางเลือกประหยัดทุกร้าน (unverified)</div></div>
<div style="display:flex;align-items:center;gap:6px;flex-shrink:0">
<button class="dp-bulk-sql-btn" id="bsql-Q4B" onclick="event.stopPropagation();copyBulkSQL('Q4B',this)">SQL</button>
<span class="dp-slot-badge na" id="badge-bulk-alternatives">upload</span>
</div>
</div>
<div class="dp-upload-slot" id="slot-bulk-price" onclick="document.getElementById('fi-bulk-price').click()" style="border-color:var(--tk-ok-border);margin-bottom:6px">
<div class="dp-slot-info"><div class="dp-slot-label" style="color:var(--tk-ok-text)">bulk_price.csv</div><div class="dp-slot-desc">Q6B · ประวัติราคา 6 เดือน (sparkline baseline · GMV ≥ ฿100/เดือน)</div></div>
<div style="display:flex;align-items:center;gap:6px;flex-shrink:0">
<button class="dp-bulk-sql-btn" id="bsql-Q6B" onclick="event.stopPropagation();copyBulkSQL('Q6B',this)">SQL</button>
<span class="dp-slot-badge na" id="badge-bulk-price">upload</span>
</div>
</div>
</div>
</div><!-- /dp-bulk -->

<!-- ══════════════════════════════
         ADMIN MODE — Echo Skill Config
    ══════════════════════════════ -->
<div id="dp-admin" style="display:none">
  <div style="margin-bottom:14px">
    <div style="font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ac,#FF385C);margin-bottom:2px;font-family:'IBM Plex Mono',monospace">Echo · Skill Rubric</div>
    <div style="font-size:11px;color:var(--n500,#636366)">แก้ไขเพื่อส่งผลกับ Gemini ทันที — ไม่ต้อง redeploy</div>
  </div>
  <!-- Stats row -->
  <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px" id="adm-stats">
    <div style="background:rgba(0,0,0,.04);border-radius:8px;padding:10px 12px"><div style="font-size:16px;font-weight:700;color:var(--n900,#1C1C1E);font-family:'IBM Plex Mono',monospace" id="adm-stat-total">—</div><div style="font-size:9px;color:var(--n400,#AEAEB2);text-transform:uppercase;letter-spacing:.06em;margin-top:2px">Skills</div></div>
    <div style="background:rgba(52,199,89,.08);border-radius:8px;padding:10px 12px"><div style="font-size:16px;font-weight:700;color:#1a8a3a;font-family:'IBM Plex Mono',monospace" id="adm-stat-echo">—</div><div style="font-size:9px;color:var(--n400,#AEAEB2);text-transform:uppercase;letter-spacing:.06em;margin-top:2px">Echo On</div></div>
    <div style="background:rgba(255,56,92,.06);border-radius:8px;padding:10px 12px"><div style="font-size:16px;font-weight:700;color:#FF385C;font-family:'IBM Plex Mono',monospace" id="adm-stat-obs">—</div><div style="font-size:9px;color:var(--n400,#AEAEB2);text-transform:uppercase;letter-spacing:.06em;margin-top:2px">Has Hint</div></div>
  </div>
  <!-- Add button -->
  <button onclick="admOpenModal(null)" style="width:100%;padding:9px;background:#FF385C;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:12px;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px">
    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
    เพิ่ม Skill ใหม่
  </button>
  <!-- Skill list -->
  <div id="adm-skill-list" style="display:flex;flex-direction:column;gap:1px;border:0.5px solid var(--n100,#E5E5EA);border-radius:10px;overflow:hidden;max-height:400px;overflow-y:auto">
    <div style="text-align:center;padding:24px;color:var(--n400,#AEAEB2);font-size:12px" id="adm-list-loading">กำลังโหลด...</div>
  </div>
</div>
</div>
</div>
<!-- KAM BRIEFING SECTION (shows in KAM mode, injected before main) -->
<div class="main">
<div class="swipe-grp on" id="swipe-grp-a">
<!-- ══ OVERVIEW ══ -->
<div class="scr on" id="scr-overview">
<div id="rest-overview">
<div class="hero">
<div class="h-sub" id="h-acct-name">บริษัท ลีฟ ทู อีท จำกัด</div>
<!-- Month + KAM merged row · P7 (25 ต.ค. 2569): ในแผ่นร้านของ KAM "Chain · KAM: ชื่อ" ซ้าย เดือนชิดขวาบรรทัดเดียวกัน (styles_restaurant.css) -->
<div class="h-meta-row">
<div class="h-id" id="hid" style="display:none"></div>
<div class="h-mo" style="margin-bottom:0">
<svg fill="none" height="12" stroke="currentColor" stroke-linecap="round" stroke-width="2" viewbox="0 0 24 24" width="12"><rect height="18" rx="2" width="18" x="3" y="4"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg>
<span id="hMonthLabel">เมษายน 2569</span>
</div>
<div class="h-kam-row" id="h-kam-row" style="display:none;margin-bottom:0">
<div class="h-kam-dot"><svg fill="rgba(0,64,48,.85)" height="7" viewbox="0 0 10 10" width="7"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg></div>
<div class="h-kam-text">KAM: <span class="h-kam-name" id="h-kam-name">—</span></div>
</div>
</div>
<div class="hero-main-row">
<div class="hero-fact">
<div class="hero-frame-label" style="margin-bottom:5px">ซื้อแล้วเดือนนี้</div>
<div class="hero-amt" id="hspend">฿0</div>
<div class="hero-sub" id="hOrders" style="display:none"></div>
<div class="hero-mom" id="hero-mom" style="display:none">
<span class="mom-delta" id="hero-mom-delta"></span>
<span id="hero-mom-label"></span>
</div>
</div>
<div class="hero-forecast" id="hero-forecast" style="display:none">
<div class="hero-fc-lbl" id="hero-fc-lbl">คาดทั้งเดือน</div>
<div class="hero-fc-num" id="hero-fc-num">—</div>
<div class="hero-fc-chip" hidden id="hero-fc-chip"></div>
<div class="hero-fc-base" id="hero-fc-base"></div>
</div>
</div>
<div id="hero-pace-wrap" style="display:none">
<div class="hero-pace-track"><div class="hero-pace-fill" id="hero-pace-fill"></div></div>
<div class="hero-pace-row">
<span class="hero-pace-days" id="hero-pace-days"></span>
<span class="hero-pace-pct" id="hero-pace-pct"></span>
</div>
</div>
<!-- hidden: used by refreshAll -->
<span id="hsav" style="display:none">฿0</span>
<span id="hsav-mo" style="display:none">฿0</span>
</div><!-- /hero -->
<!-- ══ OVERVIEW PRICE STRIP ══ -->
<div id="ov-price-strip-wrap" style="display:none">
<div class="ov-price-strip">
<div style="font-size:var(--text-xs);font-weight:700;color:#9a6500;flex-shrink:0;margin-right:8px">ราคาเปลี่ยน</div>
<div class="ov-ps-chips" id="ov-ps-chips"></div>
<div class="ov-ps-var" id="ov-ps-var"></div>
<button aria-label="รายละเอียด" class="ov-ps-i" onclick="document.getElementById('ov-price-panel').classList.toggle('open')">i</button>
</div>
<div class="ov-price-panel" id="ov-price-panel">
<div class="ov-price-panel-lbl">ผลกระทบราคา คืออะไร?</div>
<div class="ov-price-panel-desc">คำนวณโดยใช้ปริมาณสั่งเดือนที่แล้วเป็น baseline × ส่วนต่างราคาต่อหน่วย — แสดงผลจากราคาเท่านั้น ไม่รวมการเพิ่ม/ลดปริมาณสั่ง</div>
<div id="ov-price-cats"></div>
<div class="ov-price-net" id="ov-price-net"></div>
</div>
</div>
<!-- ══ CHART + INTERPRETATION ══ -->
<div class="sec mt8">
<div class="card">
<div class="ch"><span class="ct">ย้อนหลัง 6 เดือน</span><span class="link" onclick="showScreen('portfolio')">ดูรายละเอียด →</span></div>
<div class="chart-container">
<div class="tbars" id="tbars"></div>
<div class="chart-selected-info" id="chart-sel-info" style="display:none">
<span class="month-name" id="chartMonthName">—</span>
<span class="month-amt" id="chartMonthAmt">—</span>
</div>
</div>
<!-- interpretation inline under chart -->
<div id="interp-strip-wrap" style="display:none">
<div class="interp-divider"></div>
<div class="interp-strip" id="interp-strip">
<div class="interp-main" id="interp-main"></div>
<div class="interp-sub" id="interp-sub"></div>
</div>
</div>
<div class="chart-insight" id="chart-insight" style="display:none"></div>
</div>
</div>
<!-- ══ CATEGORY BREAKDOWN ══ -->
<div class="sec mt8" id="overview-cats-sec" style="display:none">
<div class="card">
<div class="ch" style="margin-bottom:10px"><span class="ct">หมวดหมู่</span></div>
<div id="catbars"></div>
</div>
</div>
<!-- ══ LENS CARDS ══ -->
<div class="sec mt8" style="padding-bottom:0">
<div id="overview-stats"></div>
</div>
<!-- ══ OUTLET BREAKDOWN ══ -->
<div class="sec mt8" id="outlet-card-wrap" style="display:none">
<div class="card">
<div class="ch" onclick="toggleOutletCard()" style="cursor:pointer;margin-bottom:0">
<span class="ct">Outlets<span class="outlet-count-badge" id="outlet-count-badge">—</span></span>
<span id="outlet-month-note" style="font-size:11px;color:var(--n400)"></span>
<span id="outlet-chev" style="font-size:12px;color:var(--n400);transition:transform .2s;display:inline-block">▾</span>
</div>
<div class="outlet-list" id="outlet-list" style="display:none"></div>
</div>
</div>
<!-- SENSE CARD — hidden from overview (user goes via โอกาส tab) -->
<div id="score-sec" style="display:none">
<div class="sense-card" id="dial-clickwrap" onclick="triggerRestAI()">
<div class="sense-card-hdr"><span class="sense-card-eyebrow">Cost IQ Score</span><button class="dial-info-btn" id="score-info-btn" onclick="event.stopPropagation();toggleScoreTooltip()"><i style="font-style:italic;font-family:Georgia,serif;font-size:12px;font-weight:400">i</i></button></div>
<div class="sense-standby-body" id="dial-standby-overlay"><div class="sense-star-ring"><span class="sense-star">✦</span></div><div class="sense-invite-title">Freshket Sense</div><div class="sense-invite-sub">แตะให้ Sense เช็คราคาวัตถุดิบ</div></div>
<div class="sense-load-body rest-ai-load" id="rest-ai-load" style="display:none"><div class="rest-ai-step" id="ras-1"><div class="rest-ai-step-dot"></div><span>กำลังอ่าน portfolio ของร้าน...</span></div><div class="rest-ai-step" id="ras-2"><div class="rest-ai-step-dot"></div><span>เปรียบเทียบราคาตลาด Freshket...</span></div><div class="rest-ai-step" id="ras-3"><div class="rest-ai-step-dot"></div><span>คัดสินค้าที่สเปคใกล้เคียง...</span></div><div class="rest-ai-step" id="ras-4"><div class="rest-ai-step-dot"></div><span>Freshket Sense กำลังจัดลำดับ<span class="ras-dots-anim" id="ras-dots"></span></span></div></div>
<div class="sense-done-body" id="sense-done-wrap" style="display:none"><div class="sense-score-row"><div style="flex-shrink:0"><svg height="100" id="dial-svg" style="display:block" viewbox="0 0 100 100" width="100"><circle cx="50" cy="50" fill="none" r="42" stroke="rgba(255,255,255,.1)" stroke-width="10"></circle><defs><filter height="160%" id="arc-glow" width="160%" x="-30%" y="-30%"><fegaussianblur result="blur" stddeviation="3"></fegaussianblur><femerge><femergenode in="blur"></femergenode><femergenode in="SourceGraphic"></femergenode></femerge></filter></defs><circle cx="50" cy="50" fill="none" filter="url(#arc-glow)" id="darc" r="42" stroke="var(--g500)" stroke-dasharray="263.9" stroke-dashoffset="263.9" stroke-linecap="round" stroke-width="10" style="transition:stroke-dashoffset 1.3s ease" transform="rotate(-90 50 50)"></circle><text fill="#ffffff" font-family="IBM Plex Mono" font-size="24" font-weight="700" id="dtxt" text-anchor="middle" x="50" y="57"></text></svg></div><div class="sense-score-info"><div class="dlb" id="dlb"></div><div class="dval" id="dval"></div><div class="dsc" id="score-desc"></div></div></div></div>
<div class="score-tooltip" id="score-tooltip"><button class="st-close" onclick="event.stopPropagation();toggleScoreTooltip()">✕ ปิด</button><div class="st-headline">Score คำนวณจากอะไร?</div><div class="st-sub">วัดจากสัดส่วนวัตถุดิบในพอร์ตที่มีราคาคุ้มกว่าใน catalog<br/>ยิ่งสูง แปลว่าพอร์ตของคุณเรียบร้อยดีอยู่แล้ว</div><div class="st-why" id="st-why-block"><div class="st-why-label">Score สะท้อนอะไร?</div><div class="st-why-txt" id="st-why-txt">—</div></div><div class="st-bands"><div class="st-band hi"><span class="st-band-score">85+</span><span class="st-band-text">Sense พบโอกาสปรับราคาน้อย — บริหารต้นทุนได้ดีมากแล้ว</span></div><div class="st-band md"><span class="st-band-score">72–84</span><span class="st-band-text">บริหารดี ยังมีช่องอีก — เลือกวัตถุดิบที่ Sense หาได้</span></div><div class="st-band lo"><span class="st-band-score">&lt; 72</span><span class="st-band-text">Sense เจอวัตถุดิบราคาคุ้มกว่ามาก — เริ่มจากชุดสเปคใกล้เคียงเดิมก่อน</span></div></div><div class="st-divider"></div><div class="st-action-row"><div class="st-dot up"></div><div style="color:rgba(255,255,255,.8)"><strong style="color:var(--g500)">คะแนนขึ้น</strong> เมื่อเปลี่ยนมาใช้วัตถุดิบที่ราคาคุ้มกว่า</div></div><div class="st-action-row"><div class="st-dot dn"></div><div style="color:rgba(255,255,255,.8)"><strong style="color:rgba(255,120,80,.9)">คะแนนลง</strong> เมื่อ Sense พบวัตถุดิบในพอร์ตที่ยังจ่ายแพงกว่าใน catalog</div></div></div>
</div>
<div class="sense-preview" id="rest-ai-preview" style="display:none"><div class="sense-preview-eyebrow"><span class="rap-star">✦</span> Sense เช็คให้แล้ว</div><div class="rap-opps" id="rap-opps">—</div><div class="rap-savings-note" id="rap-sub">—</div><button class="rap-cta" onclick="showScreen('opportunities')">ดูวัตถุดิบที่เจอ →</button></div>
</div>
<div id="kamsec" style="display:none"><div class="card" style="border-left:3px solid var(--tk-accent)"><div class="ch"><span class="ct" style="color:var(--tk-accent)">Talking Points — KAM</span></div><div id="tpts"></div></div></div>
<div style="height:8px"></div>
</div><!-- /rest-overview -->
<!-- ══ KAM OVERVIEW — 3-Zone Layout (v184) ══ -->
<div id="kam-overview" style="display:none">
<!-- ── ZONE 1: Sticky dark header ── -->
<div id="kav-z1">
<!-- Row 1: breadcrumb (whole row clickable) | spacer | micro-toggle -->
<div class="kav-z1-toprow">
<button id="kam-back-btn" onclick="_goBackToPortfolio()" style="display:none"><span class="kam-bc-arrow">‹</span><span class="kav-dept-kam" id="kav-dept-kam-label">—</span></button>
<div style="flex:1"></div>
<div class="kav-micro-toggle" id="kam-subtabs" style="display:none">
<button class="kav-mt-btn on" id="kstab-thismonth" onclick="setKamSubtab('thismonth')">เดือนนี้</button>
<button class="kav-mt-btn" id="kstab-lastmonth" onclick="setKamSubtab('lastmonth')"><span id="kstab-lastmonth-label">เม.ย.</span></button>
</div>
</div>
<!-- Account name — hero, full width -->
<div class="kav-acct-name" id="kam-acct-name2">—</div>
<!-- hidden legacy meta (still written by _renderKamHeader) -->
<div id="kam-acct-dept" style="display:none"></div>
<div id="kam-acct-meta2" style="display:none"></div>
<!-- Status ring + inline stats (v191: pace ring replaces bar) -->
<div id="kav-status-strip" style="display:none">
<div class="kav-ring-zone">
<!-- Pace ring column: ring + days label beneath -->
<div class="kav-ring-col">
<div class="kav-ring-wrap">
<svg class="kav-ring-svg" height="92" viewbox="0 0 92 92" width="92">
<circle class="kav-ring-track" cx="46" cy="46" r="38"></circle>
<circle class="kav-ring-fill" cx="46" cy="46" id="kav-ss-bar-fill" r="38" style="stroke-dasharray:0 238.8" transform="rotate(-90 46 46)"></circle>
<circle class="kav-days-track" cx="46" cy="46" r="28"></circle>
<circle class="kav-days-fill" cx="46" cy="46" id="kav-days-arc-fill" r="28" style="stroke-dasharray:0 175.9" transform="rotate(-90 46 46)"></circle>
</svg>
<div class="kav-ring-center">
<span class="kav-pace-num" id="kav-pace-pct">—</span>
<span class="kav-status-label" id="kav-pace-chip">—</span>
</div>
</div>
<!-- Days label beneath ring — contextual to inner arc -->
<div class="kav-ring-days-below">
<span class="kav-days-lbl" id="kav-days-lbl">— / — วัน</span>
</div>
</div>
<!-- Inline stats (right of ring) — RUN RATE on top as hero -->
<div class="kav-ring-stats">
<div class="kav-ring-stat-row">
<span class="kav-stat-label">ยอดต่อ 30 วัน <button class="kav-i-btn" id="kav-fcst-i-btn" onclick="_toggleKavFormula()">i</button></span>
<span class="kav-ring-rr-pair">
<span class="kav-stat-val kav-rr-hero" id="kav-fcst-val">—</span>
<span class="kav-stat-sep">/</span>
<span class="kav-stat-val kav-base-dim" id="kav-base-val">—</span>
</span>
</div>
<div class="kav-ring-stat-row">
<span class="kav-stat-label">ยอดจริงเดือนนี้</span>
<span class="kav-stat-val" id="kav-mtd-val">—</span>
</div>
<div class="kav-ring-stat-row">
<span class="kav-stat-label">ควรได้ตอนนี้</span>
<span class="kav-ring-stat-val-sm" id="kav-exp-val">—</span>
</div>
</div>
</div>
</div>
<!-- kav-stat-row: stats moved into ring zone above; stub retained for JS compatibility -->
<div id="kav-stat-row" style="display:none"></div>
<!-- Formula expand (tap ⓘ) -->
<div class="kav-formula-wrap" id="kav-formula-wrap" style="display:none">
<div id="kav-formula-text"></div>
</div>
</div><!-- /kav-z1 -->
<!-- 25 ต.ค. 2569 (Bucci): หัวร้านไม่ค้างกินจอ — หัวเต็มเลื่อนหายไปตามปกติ แล้วแถบบางบรรทัดเดียวนี้ขึ้นแทน (05 _kavMini*)
     แตะแถบ = กลับขึ้นบนสุด (เห็นหัวเต็ม + ปุ่มเดือนนี้/เดือนก่อน) -->
<div aria-hidden="true" id="kav-mini" onclick="_kavMiniTop()">
<button class="kav-mini-back" id="kav-mini-back" onclick="event.stopPropagation();_goBackToPortfolio()" style="display:none">‹</button>
<span class="kav-mini-name" id="kav-mini-name">—</span>
<span class="kav-mini-pct" id="kav-mini-pct"></span>
<span class="kav-mini-rr" id="kav-mini-rr"></span>
</div>
<!-- ── ZONE 2: Scrollable content ── -->
<div class="sec" id="kav-z2" style="padding-top:14px">
<!-- Brief button — glowing outline, first card in Zone 2 —
     v_key (2026-08-16 pivot): split 50/50 with the new Key SKU entry so no
     row is added — SKU movement etc. below keep their exact position. -->
<div class="kav-brief-row">
<button class="kam-insight-btn kav-brief-btn" id="kam-insight-btn" onclick="handleKamInsightBtn()">
<svg class="kam-insight-star" fill="rgba(180,210,255,.9)" height="11" viewbox="0 0 10 10" width="11" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
<span id="kam-insight-btn-label">Account Insight</span>
</button>
<button class="kam-insight-btn kav-brief-btn key-sku-btn" id="key-sku-split-btn" style="display:none" onclick="_keyScreenEntryFrom='overview';showScreen('key')">
<svg class="kam-insight-star" fill="#ffe4c2" height="11" viewbox="0 0 10 10" width="11" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
<span id="key-sku-split-btn-label">Key SKU</span>
</button>
</div>

<!-- Signal bar — rule-based, renders immediately -->
<div class="kam-signal-bar" id="kam-signal-bar"></div>
<!-- AI Loading -->
<div class="kam-loading" id="kam-loading2" style="display:none">
<div class="kam-loading-star-wrap">
<div class="kam-loading-star-ring"></div>
<div class="kam-loading-star-ring2"></div>
<svg class="kam-loading-star" fill="#4a90e2" height="32" viewbox="0 0 10 10" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
</div>
<div class="kam-loading-step" id="kam-loading-step">กำลังอ่านข้อมูลร้าน...</div>
<div class="kam-loading-sub">AI กำลังวิเคราะห์</div>
</div>
<!-- Cards container (เดือนนี้) -->
<div id="kam-cards" style="display:none"></div>
<!-- Last month cards (เม.ย.) -->
<div id="kam-lastmonth-section" style="display:none"></div>
<!-- Talkline -->
<div id="kam-talkline-wrap" style="display:none">
<div class="kam-dc" id="kam-talkline-card" style="display:none">
<div class="kam-dc-head"><span class="kam-dc-head-label">ชวนลูกค้าคุยเรื่องอะไรดี</span></div>
<div class="kam-dc-body" id="kam-talkline-body"></div>
</div>
<div id="kam-tl-loading" style="display:none;padding:14px 16px;background:var(--tk-accent-dim);border:1px solid var(--tk-accent-dim);border-radius:10px;margin-bottom:10px">
<div style="display:flex;align-items:center;gap:8px;margin-bottom:10px">
<div style="width:12px;height:12px;border-radius:50%;border:2px solid rgba(100,160,255,.6);border-top-color:transparent;animation:spin .7s linear infinite;flex-shrink:0"></div>
<span style="font-size:11px;font-weight:600;color:rgba(180,210,255,.7)">กำลังสร้าง Talk Line...</span>
</div>
<div style="display:flex;flex-direction:column;gap:6px">
<div style="height:11px;background:rgba(255,255,255,.07);border-radius:4px;width:88%;animation:skeleton-pulse 1.4s ease-in-out infinite"></div>
<div style="height:11px;background:rgba(255,255,255,.07);border-radius:4px;width:72%;animation:skeleton-pulse 1.4s ease-in-out infinite .2s"></div>
<div style="height:11px;background:rgba(255,255,255,.07);border-radius:4px;width:81%;animation:skeleton-pulse 1.4s ease-in-out infinite .4s"></div>
</div>
</div>
<!-- hidden talkline trigger — Zone 3 primary btn calls generateTalklines() directly -->
<button class="kam-talkline-btn" id="kam-talkline-btn" onclick="generateTalklines()" style="display:none"></button>
</div>
<!-- No-data state -->
<div id="kam-empty-state" style="display:none;text-align:center;padding:32px 16px">
<div style="font-size:13px;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:6px">ยังไม่มีข้อมูลร้าน</div>
<div style="font-size:11px;color:rgba(255,255,255,.4);line-height:1.6;margin-bottom:14px">อัปโหลดข้อมูลก่อนเริ่มวิเคราะห์</div>
<button onclick="openDataPanel()" style="font-size:12px;font-weight:700;color:rgba(180,210,255,.9);background:var(--tk-accent-dim-2);border:1px solid var(--tk-accent-dim-3);border-radius:20px;padding:7px 18px;cursor:pointer;font-family:var(--tk-font-body),sans-serif">อัปโหลดข้อมูล</button>
</div>
<!-- No-account state -->
<div id="kam-no-acct-state" style="display:none;text-align:center;padding:40px 24px 60px">
<div style="display:flex;justify-content:center;margin-bottom:18px">
<svg class="kna-sparkle" fill="rgba(140,180,255,.55)" height="48" viewbox="0 0 10 10" width="48"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
</div>
<div style="font-size:15px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.4">เลือกร้านก่อน Sense ถึงจะวิเคราะห์ได้</div>
<div style="font-size:12px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:22px">Insight แสดงผลรายร้าน — พอเลือกร้านจากพอร์ตแล้ว<br/>Sense จะคุยสถานการณ์ของร้านนั้นให้ฟัง</div>
<button onclick="showScreen('portview')" style="font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--tk-subtab-active),rgba(60,130,240,.4));border:1px solid rgba(140,200,255,.6);border-radius:22px;padding:11px 28px;cursor:pointer;font-family:var(--tk-font-body),sans-serif;box-shadow:0 4px 14px var(--tk-accent-dim-3),inset 0 1px 0 rgba(255,255,255,.15);transition:all .15s">ไปที่พอร์ต →</button>
<div id="kna-recent-wrap" style="display:none;margin-top:36px">
<div style="font-size:10px;font-weight:700;color:rgba(180,210,255,.45);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px">ร้านที่เพิ่งดู</div>
<div id="kna-recent-list" style="display:flex;flex-direction:column;gap:6px;text-align:left"></div>
</div>
</div>
</div><!-- /kav-z2 -->
<!-- ── ZONE 3: Minimal sticky context strip ── -->
<div id="kav-z3">
<button class="kav-z3-ctx" id="kav-z3-secondary" onclick="setMode('restaurant')">
<svg fill="none" height="13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="13"><rect height="11" rx="2" width="18" x="3" y="11"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
          เปิดมุมมองร้าน
        </button>
</div><!-- /kav-z3 -->
</div><!-- /kam-overview -->
</div>
<!-- ══ PORTFOLIO ══ -->
<div class="scr" id="scr-portfolio">
<div class="sec" style="padding-top:16px">
<div id="port-top">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
<div class="stit" style="margin-bottom:0">สินค้า</div>
<span id="port-month-label" style="font-size:11px;font-family:var(--tk-font-mono);color:var(--n400)"></span>
</div>
<div class="port-month-bar" id="port-month-bar"></div>
<div class="port-mom-insight" id="port-mom-insight" style="display:none"></div>
<div class="top-sku-card" id="top-sku-card" style="margin-bottom:12px"></div>
</div>
<div id="portfolio-sticky-wrap">
<div class="card" id="sku-panel" style="padding-bottom:8px;margin-bottom:0">
<div class="ch" style="margin-bottom:10px">
<div style="flex:1;min-width:0;display:flex;align-items:center;gap:6px">
<span class="ct">SKU ทั้งหมด</span>
<span id="sku-total-count" style="font-size:11px;color:var(--n400)">0 รายการ</span>
</div>
<div class="sku-view-toggle" style="display:flex;align-items:center;gap:6px">
<button class="svt-btn on" id="svt-gmv" onclick="setSkuView('gmv')">ยอดซื้อ</button>
<button class="svt-btn" id="svt-price" onclick="setSkuView('price')">ราคา</button>
<button id="sparkline-info-btn" onclick="toggleSparklineNote()" style="display:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--n300);background:transparent;color:var(--n500);font-size:11px;font-style:italic;font-family:Georgia,serif;font-weight:700;cursor:pointer;flex-shrink:0;display:none;align-items:center;justify-content:center;transition:all .2s" title="ข้อมูลเพิ่มเติม">i</button>
</div>
</div>
<div id="sparkline-note" style="display:none;margin:6px 0 2px;padding:10px 12px;background:var(--n50);border:1px solid var(--n200);border-radius:10px">
<div style="font-size:13px;font-weight:700;color:var(--n700);margin-bottom:4px">กราฟราคาคืออะไร?</div>
<div style="font-size:12px;color:var(--n600);line-height:1.65">แสดงราคาซื้อจริง (฿/kg) ของแต่ละ SKU ย้อนหลังสูงสุด 6 เดือน</div>
<div style="margin-top:6px;padding-top:6px;border-top:1px solid var(--n200)">
<div style="font-size:11px;color:var(--n400);line-height:1.6"><span style="font-weight:600;color:var(--n600)">SKU ที่ไม่มีกราฟ</span> = ยอดซื้อต่ำกว่า <span style="font-family:var(--tk-font-mono);font-weight:700;color:var(--n600)">฿100/เดือน</span> หรือยังไม่มีข้อมูลย้อนหลัง</div>
</div>
</div>
<div class="sku-search-row">
<input class="sku-search" id="skuSearch" oninput="filterSKUs()" placeholder="ค้นหาชื่อสินค้า..."/>
</div>
<div class="sku-filter-wrap" id="skuCatFilter"></div>
<div style="display:flex;align-items:center;justify-content:space-between;margin:6px 0 4px">
<span class="sku-count" id="sku-showing-count"></span>
<div id="sku-price-filter-row" style="display:flex;gap:6px"></div>
</div>
<div class="sku-list" id="skulist"></div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /swipe-grp-a -->
<div class="swipe-grp" id="swipe-grp-b">
<!-- ══ OPPORTUNITIES ══ -->
<div class="scr" id="scr-opportunities">
<div class="sec" style="padding-top:24px">
<!-- Sense Compact Header (shown when senseActivated, replaces opphdr) -->
<div id="sense-result-hdr" style="display:none">
<div class="sense-score-bar" id="sense-score-bar">
<div class="ssb-ring-wrap">
<div class="ssb-glow-ring"></div>
<svg height="90" viewbox="0 0 100 100" width="90">
<defs>
<filter height="160%" id="ssb-arc-glow" width="160%" x="-30%" y="-30%">
<fegaussianblur result="b" stddeviation="2.5"></fegaussianblur>
<femerge><femergenode in="b"></femergenode><femergenode in="SourceGraphic"></femergenode></femerge>
</filter>
</defs>
<circle cx="50" cy="50" fill="none" r="42" stroke="var(--tk-ok-dim)" stroke-width="10"></circle>
<circle cx="50" cy="50" fill="none" filter="url(#ssb-arc-glow)" id="sch-darc" r="42" stroke="var(--g500)" stroke-dasharray="263.9" stroke-dashoffset="263.9" stroke-linecap="round" stroke-width="10" style="transition:stroke-dashoffset 1.2s ease" transform="rotate(-90 50 50)"></circle>
<text fill="#1a4a3a" font-family="IBM Plex Mono" font-size="26" font-weight="700" id="sch-score-txt" text-anchor="middle" x="50" y="55">—</text>
</svg>
</div>
<div class="ssb-info">
<div class="ssb-eyebrow-row">
<span class="ssb-eyebrow-lbl">SAVE SCORE</span>
<button class="ssb-i-btn" onclick="event.stopPropagation();toggleSsbTooltip()"><i style="font-style:italic;font-family:Georgia,serif;font-size:10px;font-weight:400">i</i></button>
</div>
<div class="ssb-band-lbl" id="ssb-band">—</div>
<div class="ssb-count-lbl" id="srh-count">—</div>
<div class="ssb-sub-lbl" id="srh-sub">—</div>
<div class="ssb-bridge-lbl" id="srh-bridge">เลือกชุดที่อยากจัดก่อน ↓</div>
</div>
</div>
<div class="ssb-tooltip" id="ssb-tooltip">
<button class="ssb-tt-close" onclick="event.stopPropagation();toggleSsbTooltip()">✕ ปิด</button>
<div class="ssb-tt-head">Save Score คืออะไร?</div>
<div class="ssb-tt-sub">Save Score วัดจากสัดส่วนวัตถุดิบในพอร์ตที่มีราคาคุ้มกว่าใน catalog — ยิ่งสูง แปลว่าต้นทุนของร้านเรียบร้อยดีอยู่แล้ว</div>
<div class="ssb-tt-bands">
<div class="ssb-tt-band hi"><span class="ssb-tt-score">85+</span><span class="ssb-tt-text">บริหารต้นทุนได้ดีมาก — Sense แทบหาช่องไม่เจอ</span></div>
<div class="ssb-tt-band md"><span class="ssb-tt-score">72–84</span><span class="ssb-tt-text">บริหารดี ยังมีช่องอีก — เลือกวัตถุดิบที่ Save หาได้</span></div>
<div class="ssb-tt-band lo"><span class="ssb-tt-score">&lt; 72</span><span class="ssb-tt-text">Sense เจอวัตถุดิบราคาคุ้มกว่ามาก — เริ่มจากสเปคใกล้เคียงเดิมก่อน</span></div>
</div>
</div>
</div>
<!-- Hero savings header (hidden when senseActivated) -->
<div class="opphdr" id="opphdr">
<div class="opphdr-top">
<div class="opphdr-label" id="opphdr-cond-label">ถ้าเปลี่ยนครบทุกรายการ</div>
<div class="opct" id="opphdr-pct">—</div>
</div>
<div class="opphdr-body">
<div>
<div class="opphdr-yr" id="opphdr-yr">—</div>
<div class="opphdr-yr-unit" id="opphdr-yr-unit">ต่อปี</div>
</div>
<div class="opphdr-mo">
<div class="opphdr-mo-amt" id="opphdr-mo">—</div>
<div class="opphdr-mo-unit">/ เดือน</div>
</div>
</div>
<div class="opphdr-vintage" id="opphdr-vintage">
          ประมาณการจากยอดซื้อ <span class="opphdr-vintage-chip" id="opphdr-vintage-mo">—</span>
<span id="opphdr-ai-context" style="display:none;margin-left:4px;font-size:9px;color:rgba(190,255,220,.55)">· AI ตรวจ <span id="opphdr-ai-pairs">—</span> คู่</span>
</div>
</div>
<div id="opplist"></div>
</div>
</div>
<!-- ══ ยืนยันแผน ══ -->
<!-- ══ REPORT ══ -->
<div class="scr" id="scr-report">
<div class="rpt-wrap" style="padding:0 0 80px">
<div class="rpt2" id="rpt2-doc">
<div class="rpt2-head">
<div class="rpt2-brand">
<div class="rpt2-logo-box"><img alt="Freshket Sense" src="/assets/sense-icon.png"/></div>
<div>
<div class="rpt2-wordmark">freshket<span class="lgi-badge" style="margin-left:6px;font-size:9px;padding:1px 5px;animation:none"><svg fill="var(--tk-ok-bright)" height="7" viewbox="0 0 10 10" width="7"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>Sense</span></div>
<div class="rpt2-sub">Cost Reduction Report</div>
</div>
</div>
<div class="rpt2-info">
<div class="rpt2-acct" id="rpt2-acct">—</div>
<div class="rpt2-date" id="rpt2-date">—</div>
<div class="rpt2-kam" id="rpt2-kam">—</div>
</div>
</div>
<div class="rpt2-kpi-strip">
<div class="rpt2-kpi">
<div class="rpt2-kpi-lbl">ยอดซื้อ / เดือน</div>
<div class="rpt2-kpi-val" id="rpt2-kpi-spend">—</div>
<div class="rpt2-kpi-sub" id="rpt2-kpi-spend-mo">จากยอดซื้อเดือนล่าสุด</div>
</div>
<div class="rpt2-kpi">
<div class="rpt2-kpi-lbl">ประหยัดได้ / เดือน</div>
<div class="rpt2-kpi-val rpt2-kpi-green" id="rpt2-kpi-save-mo">—</div>
<div class="rpt2-kpi-sub" id="rpt2-kpi-save-count">— รายการที่เลือก</div>
</div>
<div class="rpt2-kpi">
<div class="rpt2-kpi-lbl">ประหยัดได้ / ปี</div>
<div class="rpt2-kpi-val rpt2-kpi-green" id="rpt2-kpi-save-yr">—</div>
<div class="rpt2-kpi-sub" id="rpt2-kpi-pct">— ของยอดซื้อ</div>
</div>
</div>

<div class="rpt2-table-wrap">
<table class="rpt2-table">
<thead><tr><th class="rpt2-th-num">#</th><th class="rpt2-th-sku">สินค้าปัจจุบัน</th><th class="rpt2-th-arr"></th><th class="rpt2-th-sku">สินค้าแนะนำ</th><th class="rpt2-th-gmv">ยอดซื้อ / เดือน</th><th class="rpt2-th-save">ประหยัด / เดือน</th></tr></thead>
<tbody id="rpt2-tbody"></tbody>
<tfoot id="rpt2-tfoot"></tfoot>
</table>
</div>
<div class="rpt2-note" id="rpt2-note">* ประมาณการจากยอดซื้อและราคาสินค้าเดือนล่าสุด</div>
<div class="rpt2-foot">
<div class="rpt2-foot-brand">freshket.co · เฉพาะใช้ภายใน</div>
<div class="rpt2-foot-sense"><svg fill="rgba(0,144,74,.5)" height="8" viewbox="0 0 10 10" width="8"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>Freshket Sense</div>
</div>
</div>
<div id="rpt2-share-wrap" style="padding:14px 16px">
<button id="rpt2-share-btn" class="sbtn green" onclick="shareReport()" style="width:100%;justify-content:center;gap:10px;font-size:14px;font-weight:700;padding:14px"><svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg>แชร์รายงาน</button>
<div id="rpt2-share-status" style="text-align:center;margin-top:8px;font-size:11px;color:rgba(0,0,0,.4);min-height:16px"></div>
</div>
</div>
</div>
</div><!-- /swipe-grp-b -->
<!-- /main -->
<!-- SKU PRICE DETAIL SHEET -->
<div class="sku-detail-overlay" id="skuDetailOverlay" onclick="closeSkuDetail()"></div>
<div class="sku-detail-sheet" id="skuDetailSheet">
<div class="dp-handle"></div>
<div class="sku-detail-head">
<div>
<div class="sku-detail-cat" id="skuDetailCat">—</div>
<div class="sku-detail-title" id="skuDetailTitle">—</div>
</div>
<button class="dp-close" onclick="closeSkuDetail()">✕</button>
</div>
<div class="sku-detail-body" id="skuDetailBody"></div>
</div>
<!-- RESTAURANT SWIPE CUE (v154) -->
<div aria-label="Restaurant swipe navigation" class="compact" id="swipe-pill" onclick="window._handleSwipeCueTap&amp;&amp;window._handleSwipeCueTap()" role="button">
<div class="sp-compact">
<span class="sp-seg on" id="sp-left-label">ภาพรวม</span>
<span class="sp-dots">
<span class="sp-dot on" id="spda0"></span>
<span class="sp-dot" id="spda1"></span>
</span>
<span class="sp-seg" id="sp-right-label">พอร์ต</span>
<span class="sp-mini-arrow" id="sp-mini-arrow">→</span>
</div>
<div class="sp-teach-text" id="sp-teach-text"><span class="sp-teach-icon">↔</span><span id="sp-teach-copy">ปัดซ้ายดูพอร์ตสินค้า →</span></div>
</div>
<!-- RESTAURANT SHEET — data-panel pattern (v183) -->
<div id="rest-sheet-body">
<!-- P1b (25 ต.ค. 2569 · บอร์ด ProfileNew): ปุ่มสลับ ภาพรวม | พอร์ตสินค้า อยู่ในหัวแผ่น เห็นตลอด (เดิมปุ่มลอยครึ่งตัวอยู่ใต้แผ่นแล้วหายเอง) -->
<div id="rest-sheet-cap">
<div class="rsc-pill" aria-hidden="true"></div>
<div class="rsc-row">
<div aria-label="หน้าในแผ่นร้าน" class="rsc-seg" role="tablist">
<button aria-selected="true" class="on" id="rsc-seg-0" onclick="_restSheetGo(0)" role="tab" type="button">ภาพรวม</button>
<button aria-selected="false" id="rsc-seg-1" onclick="_restSheetGo(1)" role="tab" type="button">พอร์ตสินค้า</button>
</div>
<button aria-label="ปิด" id="rest-sheet-close" onclick="closeRestaurantSheet()">✕</button>
</div>
</div>
<!-- swipe-grp-a and swipe-grp-b moved here by JS on open -->
</div>
<!-- TAP BACKDROP TO CLOSE -->
<div aria-label="ปิด overlay" id="rest-backdrop" onclick="closeRestaurantSheet()"></div>
<!-- KAM nav drag handle — visible on account view, swipe up = open overlay -->
<div id="kam-nav-handle" onclick="openRestaurantSheet()" title="เปิด overlay"></div>
<!-- BOTTOM NAV -->
<nav class="bnav">
<!-- ภาพรวม / พอร์ต — label+icon+route swap by KAM mode -->
<button class="ni on" id="nav-overview" onclick="_navPortTap()">
<div class="nwrap">
<svg class="ico-non-kam" height="22" width="22"><use href="#ico-home"></use></svg>
<svg class="ico-kam" fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="display:none" viewbox="0 0 24 24" width="22"><rect height="5" rx="1.5" width="18" x="3" y="3"></rect><rect height="5" rx="1.5" width="12" x="3" y="10"></rect><rect height="5" rx="1.5" width="7" x="3" y="17"></rect></svg>
</div>
<span class="lb" id="nav-overview-label">ภาพรวม</span>
</button>
<!-- ร้าน overlay button — KAM mode only (v183) -->
<button aria-label="เปิด/ปิดมุมมองร้านอาหาร" class="ni kam-only nav-disabled" id="nav-restaurant" onclick="toggleRestaurantSheet()">
<div class="nwrap">
<svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22">
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline>
</svg>
</div>
<span class="lb" id="nav-restaurant-label">Profile</span>
</button>
<!-- Portfolio home button — restaurant mode shows; routes to portview if KAM context -->
<button class="ni rest-only nav-home" id="nav-portfolio" onclick="navPortHome()">
<div class="nwrap"><svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><rect height="7" width="7" x="3" y="3"></rect><rect height="7" width="7" x="14" y="3"></rect><rect height="7" width="7" x="3" y="14"></rect><path d="M14 17h7M17 14v7"></path></svg></div>
<span class="lb">พอร์ต</span>
</button>
<!-- Restaurant-only tabs -->
<!-- Echo — AI conversation assistant (KAM + Sales, all modes) -->
<button class="ni rest-only echo-nav-btn" id="nav-echo" onclick="echoOpen()" aria-label="Echo">
<div class="nwrap">
<div class="echo-pill" id="echo-nav-pill">
<!-- 25 ต.ค. 2569 (Bucci): หมุดเช็คอินแทนแท่งเสียง · ชื่อ Check-in · กำลังอัด = หมุดเต้น + วงแดง (styles_echo.css) -->
<svg aria-hidden="true" class="echo-pin" fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><path d="M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0C18.5 15.4 12 21 12 21z"></path><path d="M9.3 10.2l1.9 1.9 3.6-3.7"></path></svg>
</div>
</div>
<span class="lb">Check-in</span>
</button>
<!-- Products — v_key (2026-08-16): was "Save"/Sense-only, now a shared entry point for
     Save + Key SKU. Tapping opens a small in-flow popover (toggleProductsPopover) instead
     of navigating directly — the popover's own two rows call the original Save action
     (productsGoSave, byte-identical to what this onclick used to do) or the new Key SKU
     action (productsGoKeySku). Badge now shows Key SKU's portfolio pending count, not
     OPPS.length (that moved into the popover's SAVE row subline instead). -->
<button class="ni rest-only kam-disabled-sense nav-disabled" id="nav-opportunities" onclick="toggleProductsPopover(this)">
<div class="nwrap" style="position:relative"><svg height="22" style="overflow:visible" width="22"><use href="#ico-products"></use></svg><span class="nbadge" id="key-nav-badge" style="display:none">0</span></div>
<span class="lb">Products</span>
</button>
<!-- H10 (25 ต.ค. 2569): ค้นหาร้าน — KAM เท่านั้น (12_nav_config) · แตะ = กลับพอร์ต เปิดช่องค้นหา ขึ้นแป้นพิมพ์ในแตะเดียว -->
<button aria-label="ค้นหาร้าน" class="ni kam-only" id="nav-search" onclick="_navSearchGo()" style="display:none">
<div class="nwrap"><svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-width="2" viewbox="0 0 24 24" width="22"><circle cx="11" cy="11" r="6.5"></circle><path d="M16 16l4.5 4.5"></path></svg></div>
<span class="lb">ค้นหาร้าน</span>
</button>
<button class="ni rest-only" id="nav-report" onclick="showScreen('report');document.body.classList.add('sense-on-report');if(typeof savePlanBadge_onReport==='function')savePlanBadge_onReport();">
<div class="nwrap"><svg height="22" width="22"><use href="#ico-doc"></use></svg></div>
<span class="lb">รายงาน</span>
</button>
<!-- Echo — KAM mode (visible for all roles that can use Echo) -->
<button class="ni kam-only echo-nav-btn" id="nav-echo-kam" onclick="echoOpen()" aria-label="Echo">
<div class="nwrap">
<div class="echo-pill" id="echo-nav-pill-kam">
<!-- 25 ต.ค. 2569 (Bucci): หมุดเช็คอินแทนแท่งเสียง · ชื่อ Check-in · กำลังอัด = หมุดเต้น + วงแดง (styles_echo.css) -->
<svg aria-hidden="true" class="echo-pin" fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><path d="M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0C18.5 15.4 12 21 12 21z"></path><path d="M9.3 10.2l1.9 1.9 3.6-3.7"></path></svg>
</div>
</div>
<span class="lb">Check-in</span>
</button>
<!-- KAM-only: Portview (home button) -->
<button class="ni kam-only nav-home" id="nav-portview" onclick="showScreen('portview')">
<div class="nwrap" style="position:relative">
<svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><rect height="7" width="7" x="3" y="3"></rect><rect height="7" width="7" x="14" y="3"></rect><rect height="7" width="7" x="3" y="14"></rect><path d="M14 17h7M17 14v7"></path></svg>
<span class="nbadge" id="port-nav-badge" style="display:none">0</span>
</div>
<span class="lb">พอร์ต</span>
</button>
<!-- TL/Admin only: Team tab — CSS tl-only shows only when body.tl-mode -->
<button class="ni tl-only" id="nav-teamview" onclick="showScreen('teamview')">
<div class="nwrap">
<svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
</div>
<span class="lb">ทีม</span>
</button>
<!-- Sales: Portfolio (พอร์ต) — sales-only -->
<button class="ni sales-only nav-home" id="nav-sales-portview" onclick="showScreen('sales-portview')">
<div class="nwrap" style="position:relative">
<svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><rect height="7" width="7" x="3" y="3"></rect><rect height="7" width="7" x="14" y="3"></rect><rect height="7" width="7" x="3" y="14"></rect><path d="M14 17h7M17 14v7"></path></svg>
<span class="nbadge" id="sales-port-badge" style="display:none">0</span>
</div>
<span class="lb">พอร์ต</span>
</button>
<!-- Sales: Pipeline — sales-only -->
<button class="ni sales-only" id="nav-sales-pipeline" onclick="showScreen('sales-pipeline')">
<div class="nwrap">
<svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><path d="M22 12h-4l-3 9L9 3l-3 9H2"></path></svg>
</div>
<span class="lb">Pipeline</span>
</button>
<!-- Sales: Commission (Coming Soon) — sales-only -->
<button class="ni sales-only" id="nav-sales-commission" onclick="showScreen('sales-commission')">
<div class="nwrap">
<svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><line x1="12" x2="12" y1="1" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
</div>
<span class="lb">Commission</span>
</button>
<!-- Sales TL: Team — sales-tl-only -->
<button class="ni sales-tl-only" id="nav-sales-teamview" onclick="showScreen('sales-teamview')">
<div class="nwrap">
<svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
</div>
<span class="lb">Team</span>
</button>
<!-- Skills: ทักษะ — sales + sales_tl + future KAM -->
<button class="ni sales-any-btn" id="nav-skills" onclick="showScreen('skills');skillsInit()">
<div class="nwrap" style="position:relative">
<svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="22"><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"/></svg>
<span id="skills-nav-badge"></span>
</div>
<span class="lb">Skills</span>
</button>
</nav>
<!-- Products quick-pick popover — v_key (2026-08-16). Positioned by JS (toggleProductsPopover)
     to sit centered above whichever button opened it. Filled by renderProductsPopover(). -->
<div id="products-popover-backdrop" onclick="toggleProductsPopover(null,true)" style="display:none;position:fixed;inset:0;z-index:299"></div>
<div id="products-popover" class="products-popover" style="display:none"></div>
<!-- ══ SALES SCREENS ══ -->
<div class="scr" id="scr-sales-portview"></div>
<div class="scr" id="scr-sales-pipeline"></div>
<div class="scr" id="scr-sales-commission"></div>
<div class="scr" id="scr-sales-teamview"></div>
<!-- ══ SKILLS SCREEN ══ -->
<div class="scr" id="scr-skills"></div>
<!-- ══ KEY SKU — cross-portfolio queue + per-account picker ══ -->
<div class="scr" id="scr-key-queue" style="background:var(--tk-bg-base)"></div>
<div class="scr" id="scr-key" style="background:var(--tk-bg-base)"></div>
<!-- ══ TEAMVIEW — Team tab (TL/Admin only) ══ -->
<div class="scr" id="scr-teamview" style="background:var(--tk-bg-base)">
<div class="portview-header">
<div id="tv-back-wrap" style="display:none">
<button class="portview-back-btn" onclick="teamviewGoBack()">
<svg fill="none" height="14" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" viewbox="0 0 24 24" width="14"><polyline points="15 18 9 12 15 6"></polyline></svg>
<span id="tv-back-label">ภาพรวมทีม</span>
</button>
</div>
<div class="portview-title-row">
<div class="portview-title">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
<span id="tv-title">ภาพรวมทีม</span>
</div>
<!-- TL/Admin action buttons — mirror of portview header -->
<div id="tv-action-btns" style="display:flex;align-items:center;gap:6px;margin-left:auto">
<button id="tv-target-btn" onclick="openTargetSetup(window._tgtAdminMode||'tl')" style="display:none;align-items:center;gap:4px;background:var(--tk-ok-dim);border:1px solid var(--tk-ok-border);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;color:var(--tk-ok-bright);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0">
<svg fill="none" height="11" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" viewbox="0 0 24 24" width="11"><circle cx="12" cy="12" r="9"></circle><circle cx="12" cy="12" r="4"></circle><line x1="12" x2="12" y1="2" y2="4"></line></svg>
            Target
          </button>
<button class="comm-btn" id="tv-commission-btn" onclick="openCommissionCockpit('lock')" title="Open Commission Cockpit">
<svg fill="none" height="12" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" viewbox="0 0 24 24" width="12"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7H14.5a3.5 3.5 0 0 1 0 7H6"></path></svg>
            Commission
          </button>
<button id="tv-portfolio-btn" onclick="showScreen('portview')" style="display:none;align-items:center;gap:5px;background:var(--tk-accent-dim-2);border:1px solid var(--tk-accent-dim-3);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;color:rgba(255,255,255,.85);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0">
<svg fill="none" height="12" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" viewbox="0 0 24 24" width="12"><rect height="7" rx="1" width="7" x="3" y="3"></rect><rect height="7" rx="1" width="7" x="14" y="3"></rect><rect height="7" rx="1" width="7" x="3" y="14"></rect><rect height="7" rx="1" width="7" x="14" y="14"></rect></svg>
            พอร์ต
          </button>
<span class="portview-level-badge">TL</span>
</div>
</div>
<!-- Team summary stats -->
<div id="tv-pace-bar" style="display:none;margin-bottom:12px"></div>
<!-- Compact strip — visible when scrolled (TV) -->
<div class="pv-compact-strip hidden" id="tv-compact-strip"></div>
<!-- Search expand (collapsed TV) -->
<div class="pv-sort-search-expand" id="tv-sort-search-expand">
<input id="tv-search-collapsed" oninput="document.getElementById('tv-search').value=this.value;renderTeamviewKamList()" placeholder="ค้นหา KAM..." type="text"/>
</div>
<!-- Sort sticky (TV) -->
<div class="pv-sort-sticky" id="tv-sort-sticky">
<span class="pv-toggle-count" id="tv-sort-count">— KAM</span>
</div>
<!-- Collapsible: summary + AI -->
<div class="pv-collapsible expanded" id="tv-collapsible">
<div class="portview-summary-row" id="tv-summary-row"></div>
<!-- AI Insight -->
<button class="portview-ai-btn" id="tv-ai-btn" onclick="generateTeamviewInsight()">
<svg class="portview-ai-star" fill="rgba(150,200,255,.9)" height="14" viewbox="0 0 10 10" width="14"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
<span id="tv-ai-label">Team Insight</span>
</button>
</div>
</div>
<div class="portview-ai-output" id="tv-ai-output" style="display:none;margin:0 16px 14px"></div>
<div id="teamview-content" style="padding-left:16px;padding-right:16px;padding-bottom:100px"></div>
</div>
<!-- ══ PORTVIEW — พอร์ตของฉัน (Tab 6) ══ -->
<div class="scr portview-screen" id="scr-portview">
<div class="portview-header">
<!-- Back button for drill-down levels -->
<div id="portview-back-wrap" style="display:none">
<button class="portview-back-btn" onclick="portviewGoBack()">
<svg fill="none" height="14" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" viewbox="0 0 24 24" width="14"><polyline points="15 18 9 12 15 6"></polyline></svg>
<span id="portview-back-label">กลับ</span>
</button>
</div>
<div class="portview-title-row">
<div class="portview-title">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16"><rect height="7" width="7" x="3" y="3"></rect><rect height="7" width="7" x="14" y="3"></rect><rect height="7" width="7" x="3" y="14"></rect><path d="M14 17h7M17 14v7"></path></svg>
<span id="portview-heading">พอร์ตของฉัน</span>
</div>
<!-- TL/Admin action buttons — flex group pushed right, consistent gap -->
<div id="pv-action-btns" style="display:flex;align-items:center;gap:6px;margin-left:auto">
<button id="portview-target-btn" onclick="openTargetSetup(window._tgtAdminMode||'tl')" style="display:none;align-items:center;gap:4px;background:var(--tk-ok-dim);border:1px solid var(--tk-ok-border);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;color:var(--tk-ok-bright);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0">
<svg fill="none" height="11" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" viewbox="0 0 24 24" width="11"><circle cx="12" cy="12" r="9"></circle><circle cx="12" cy="12" r="4"></circle><line x1="12" x2="12" y1="2" y2="4"></line></svg>
            Target
          </button>
<button id="portview-team-btn" onclick="showScreen('teamview')" style="display:none;align-items:center;gap:5px;background:var(--tk-accent-dim-2);border:1px solid var(--tk-accent-dim-3);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;color:rgba(255,255,255,.85);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0">
<svg fill="none" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="14"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
            ทีม
          </button>
<button class="kam-streak-chip" hidden="" id="kam-streak-chip" onclick="_kamStreakOpen()" type="button"></button>
<span class="portview-level-badge" id="portview-level-badge">KAM</span>
</div>
</div>
<!-- Compact strip — visible when scrolled -->
<div class="pv-compact-strip hidden" id="pv-compact-strip"></div>
<!-- Search expand (shown when search icon tapped while collapsed) -->
<!-- 25 ต.ค. 2569 (Bucci): โหมดค้นหา — body.pv-search-mode (06 _pvEnterSearchMode) ช่องใหญ่เรืองเขียวบนสุด + ยกเลิก + นับผล -->
<div class="pv-search-head" id="pv-search-head"><span>ค้นหาร้าน</span><button onclick="_pvSearchCancel()" type="button">ยกเลิก</button></div>
<div class="pv-sort-search-expand" id="pv-sort-search-expand">
<div class="pv-search-field"><svg aria-hidden="true" class="pv-search-ico" fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-width="2.4" viewbox="0 0 24 24" width="18"><circle cx="11" cy="11" r="6.5"></circle><path d="M16 16l4.5 4.5"></path></svg><input id="pv-search-collapsed" oninput="document.getElementById('portview-search').value=this.value;schedulePortviewListRender()" placeholder="ค้นหาชื่อร้าน..." type="text"/><button aria-label="ล้างคำค้น" class="pv-search-x" onclick="_pvClearSearch(true)" type="button">✕</button></div>
<div class="pv-search-count" id="pv-search-count"></div>
</div>
<!-- Collapsible: summary cards + AI button + search -->
<div class="pv-collapsible expanded" id="pv-collapsible">
<!-- Summary stats -->
<div id="portview-pace-bar" style="display:none;margin-bottom:12px" onclick="_qnrrOpen()" title="ดูสุขภาพพอร์ต Q3"></div>
<div class="pv-commission-strip-slot" id="pv-commission-strip"></div>
<div class="portview-summary-row" id="portview-summary-row"></div>
<!-- AI Insight button -->
<button class="portview-ai-btn" id="portview-ai-btn" onclick="generatePortviewInsight()">
<svg class="portview-ai-star" fill="rgba(150,200,255,.9)" height="14" viewbox="0 0 10 10" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
<span id="portview-ai-label">Portfolio Insight</span>
</button>
<!-- AI output area — outside sticky header so it doesn't overlay account list -->
<!-- Search box — hidden: auto-opens in compact strip when scrolled -->
<div style="display:none">
<input id="portview-search" oninput="schedulePortviewListRender()" placeholder="ค้นหาชื่อร้าน..." style="width:100%" type="text"/>
</div>
</div>
<!-- Filter pills area removed — compact strip handles filtering -->
<!-- Sort row: inside header — inherits 16px horizontal padding + sticky bg -->
<div class="pv-sort-sticky" id="pv-sort-sticky">
<div style="display:flex;align-items:center;gap:5px">
<span class="pv-toggle-count" id="pv-sort-count">— ร้าน</span>
<div class="pv-sort-divider"></div>
<button class="pv-sort-btn" id="psb-pace" onclick="setPvSort('pace')">NRR</button>
<button class="pv-sort-btn" id="psb-gmv" onclick="setPvSort('gmv')">GMV</button>
<button class="pv-sort-btn" id="psb-impact" onclick="setPvSort('impact')">IMPACT</button>
</div>
<div class="pv-toggle-btns">
<button class="pv-toggle-btn" id="ptb-full" onclick="setPvView('full')" title="แบบเต็ม"><svg fill="none" height="14" viewbox="0 0 14 14" width="14"><rect fill="currentColor" height="6" rx="1.5" width="14" x="0" y="0"></rect><rect fill="currentColor" height="6" rx="1.5" width="14" x="0" y="8"></rect></svg></button>
<button class="pv-toggle-btn" id="ptb-compact" onclick="setPvView('compact')" title="แบบ compact"><svg fill="none" height="14" viewbox="0 0 14 14" width="14"><line stroke="currentColor" stroke-linecap="round" stroke-width="1.5" x1="0" x2="14" y1="2.5" y2="2.5"></line><line stroke="currentColor" stroke-linecap="round" stroke-width="1.5" x1="0" x2="14" y1="7" y2="7"></line><line stroke="currentColor" stroke-linecap="round" stroke-width="1.5" x1="0" x2="14" y1="11.5" y2="11.5"></line></svg></button>
</div>
</div>
<!-- 25 ต.ค. 2569: คำค้นค้างนอกโหมดค้นหา (06 _pvSearchStatus) — อยู่ในหัวจอที่ค้างบนสุด จึงเห็นตลอดที่เลื่อน -->
<div class="pv-search-banner" hidden="" id="pv-search-banner"></div>
</div><!-- /portview-header -->
<!-- AI output — below sort row, expands above account list -->
<div class="portview-ai-output" id="portview-ai-output" style="display:none;margin:0 16px 14px"></div>
<!-- Account list / TL rep list -->
<div id="portview-list" style="padding:0 16px 20px"></div>
</div>
<!-- Plan Builder Sticky Footer -->
<div class="pb-footer hidden" id="pb-footer">
<div class="pb-footer-left">
<div class="pf-label">แผนที่เลือก</div>
<div class="pf-count" id="pf-count">0 รายการ</div>
</div>
<div class="pb-footer-center">
<div class="pf-mo" id="pf-mo">฿0 / เดือน</div>
<div class="pf-yr" id="pf-yr">฿0 / ปี</div>
<div class="pf-vintage" id="pf-vintage">จากยอดซื้อ —</div>
</div>
<div class="pb-footer-right" style="display:flex;flex-direction:column;gap:5px;align-items:flex-end">
<button class="pb-footer-cta" onclick="showScreen('report')" style="background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:rgba(200,255,230,.9)">สร้างรายงาน →</button>
</div>
</div>
<!-- ── DETAIL SHEET ── -->
<div class="detail-overlay" id="detailOverlay" onclick="closeDetailSheet()"></div>
<div class="detail-sheet" id="detailSheet">
<div class="dp-handle"></div>
<div class="detail-sheet-head">
<div>
<div class="detail-sheet-cat" id="detail-sheet-cat">หมวดหมู่</div>
<div class="detail-sheet-title" id="detail-sheet-title">—</div>
</div>
<button class="dp-close" onclick="closeDetailSheet()">✕</button>
</div>
<div class="detail-sheet-body" id="detail-sheet-body"></div>
</div>
<div class="overlay" id="overlay" onclick="closeChat()"></div>
<button class="aifab" id="aifab" onclick="toggleChat()">
<img alt="Olive" class="fab-avatar" id="fab-avatar-img"/>
<svg fill="none" height="26" id="fab-avatar-svg" viewbox="0 0 26 26" width="26" xmlns="http://www.w3.org/2000/svg">
<!-- Central 4-point sparkle star -->
<path class="fab-star-main" d="M13 3.5L14.52 9.48L20.5 11L14.52 12.52L13 18.5L11.48 12.52L5.5 11L11.48 9.48Z" fill="var(--tk-ok-bright)"></path>
<!-- Small top-right accent star -->
<path class="fab-star-sm1" d="M19.5 5.5L20.18 7.82L22.5 8.5L20.18 9.18L19.5 11.5L18.82 9.18L16.5 8.5L18.82 7.82Z" fill="var(--tk-ok-bright)"></path>
<!-- Tiny bottom-left star -->
<path class="fab-star-sm2" d="M6.5 17.5L6.98 19.02L8.5 19.5L6.98 19.98L6.5 21.5L6.02 19.98L4.5 19.5L6.02 19.02Z" fill="var(--tk-ok-glow)"></path>
</svg>
</button>
<div class="aipanel" id="aipanel">
<div class="aiph">
<div class="aiav">
<img alt="Olive" class="aiav-img" id="aiav-img"/>
<svg fill="none" height="18" id="aiav-svg" viewbox="0 0 26 26" width="18" xmlns="http://www.w3.org/2000/svg">
<path d="M13 3.5L14.52 9.48L20.5 11L14.52 12.52L13 18.5L11.48 12.52L5.5 11L11.48 9.48Z" fill="var(--tk-ok-bright)"></path>
<path d="M19.5 5.5L20.18 7.82L22.5 8.5L20.18 9.18L19.5 11.5L18.82 9.18L16.5 8.5L18.82 7.82Z" fill="var(--tk-ok-bright)"></path>
</svg>
</div>
<div style="flex:1;min-width:0">
<div class="ain" style="display:flex;align-items:center;gap:5px">
        Olive
        <span style="font-size:9px;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--tk-ok-dim);color:var(--tk-ok-text);border:1px solid var(--tk-ok-dim-2)">Freshket Sense</span>
</div>
<div class="aist" id="aist-sub">● พร้อมช่วยลดต้นทุนร้านคุณ</div>
</div>
<button class="aix" onclick="closeChat()">✕</button>
</div>
<div class="aimsgs" id="aimsgs">
<div class="msg a" id="chat-intro-msg"><div class="mb">สวัสดีค่ะ <strong>Olive</strong> พร้อมช่วยวิเคราะห์บัญชีลูกค้าจาก Freshket<br/><br/>วิเคราะห์ข้อมูลต้นทุนร้านคุณ และช่วยวางแผนลดต้นทุนได้เลยค่ะ</div></div>
</div>
<div class="aisugg" id="aisugg"></div>
<div class="aiinput-row">
<input class="aiinput" id="aiinput" onkeydown="if(event.key==='Enter')sendChat()" placeholder="ถามได้เลยค่ะ..."/>
<button class="aisend" onclick="sendChat()"><svg height="16" style="color:#fff" width="16"><use href="#ico-send"></use></svg></button>
</div>
</div>
<!-- ══ ONBOARDING OVERLAY ══ -->
<div class="onboard-overlay" id="onboard-overlay" style="display:none">
<div class="onboard-card">
<div class="onboard-logo-row">
<div class="onboard-logo-box">
<img alt="Freshket Sense" src="/assets/sense-icon.png"/>
</div>
<div>
<div class="onboard-logo-name">Freshket <em>Sense</em></div>
</div>
</div>
<div class="onboard-tagline">วิเคราะห์ต้นทุนวัตถุดิบ<br/>หาทางลดได้เลยทันที</div>
<div class="onboard-feats">
<div class="onboard-feat">
<div class="onboard-feat-icon" style="font-size:16px;color:var(--tk-ok-text);font-weight:900">→</div>
<div class="onboard-feat-body">
<strong>AI หาสินค้าทดแทน</strong>
<span>วิเคราะห์ทุก SKU ที่ซื้ออยู่ — หาตัวที่ถูกกว่าโดยไม่ลดคุณภาพ</span>
</div>
</div>
<div class="onboard-feat">
<div class="onboard-feat-icon">—</div>
<div class="onboard-feat-body">
<strong>เห็น Savings จริงเป็นตัวเลข</strong>
<span>คำนวณจากยอดซื้อจริง บอกเป็น ฿/เดือน และ ฿/ปี</span>
</div>
</div>
<div class="onboard-feat">
<div class="onboard-feat-icon">🎯</div>
<div class="onboard-feat-body">
<strong>สร้างแผนที่ลงมือได้จริง</strong>
<span>เลือกรายการ เรียงลำดับความเสี่ยง สร้างรายงานส่งได้ทันที</span>
</div>
</div>
</div>
<div class="onboard-ctas">
<button class="onboard-cta-p" onclick="onboardSample()">
<svg height="16" width="16"><use href="#ico-bolt"></use></svg>
        ดูตัวอย่างทันที — ไม่ต้องอัปโหลดอะไร
      </button>
<button class="onboard-cta-s" onclick="onboardSetup()">
        เริ่มต้นด้วยข้อมูลจริงของร้าน
      </button>
</div>
<div class="onboard-skip" onclick="closeOnboarding()">ข้ามไปก่อน</div>
</div>
</div>
<script id="freshket-data-client">
// src/shared/data_client.js — แนบ "บัตรผ่าน" ให้ทุกคำขอไฟล์ข้อมูลของแอป (/data/<ไฟล์>.csv)
//
// ใช้ร่วมกันทั้ง Sense และ /nrr · build.py / build_nrr.py ฉีดไฟล์นี้ก่อน bundle หลัก (มีด่านใน build)
//
// ที่มา (5 ต.ค. 2026): ไฟล์ยอดขายบน R2 เคยเปิดผ่านลิงก์ r2.dev ที่ใครก็โหลดได้ ⇒ ปิดลิงก์นั้นแล้ว
// ไฟล์อ่านได้ทางเดียวคือประตู functions/data/[[path]].js บนโดเมนเดียวกับแอป ซึ่งตรวจบัตรผ่าน
//
// ทำไมห่อ fetch ที่จุดเดียว แทนแก้ทีละที่: แอปโหลดไฟล์จาก ~40 จุดใน 10 ไฟล์ และระบบโหลด/แสดงผล
// ออกแบบไว้ดีแล้ว (แคชในเครื่อง · ลำดับการโหลด · ทางถอย) ⇒ ไม่แตะ loader เลย เปลี่ยนแค่ "ประตู"
//
// สิ่งที่ไฟล์นี้ทำ (เฉพาะคำขอที่ไป /data/ บนโดเมนเดียวกัน — คำขออื่นผ่านไปเหมือนเดิมทุกไบต์)
//   1. ลิงก์ r2.dev เดิมที่ยังหลงอยู่ (โค้ดเก่า/แคช) ถูกเปลี่ยนมาที่ /data ให้
//   2. แนบบัตรผ่านของ Supabase · บัตรจะหมดใน 60 วินาที → ขอใหม่ก่อน · Supabase ช้า → ใช้บัตรในเครื่อง
//   3. ได้ 401 → ขอบัตรใหม่ 1 ครั้งแล้วลองซ้ำ 1 ครั้ง · ยังไม่ผ่าน → หยุดขอไฟล์นั้น 60 วินาที + แถบบอกให้ล็อกอินใหม่
//   4. กันวนโหลดผิดปกติ: เกิน 120 คำขอต่อนาที → ตอบ 429 ในเครื่อง ไม่ยิงออกไป
(function (root) {
  'use strict';
  if (!root || typeof root.fetch !== 'function' || root.fetch.__senseDataClient) return;

  var OLD_PUBLIC = 'https://pub-12078d17646340808024e8cc95504995.r2.dev';
  var LS_KEY = 'sb-menslbnyyvpxiyvjywcm-auth-token';
  var SESSION_TIMEOUT_MS = 1500;
  var REFRESH_TIMEOUT_MS = 4000;
  var SUPPRESS_MS = 60000;
  var RATE_WINDOW_MS = 60000;
  var RATE_MAX = 120;

  var nativeFetch = root.fetch.bind(root);
  var origin = (root.location && root.location.origin) || '';
  var DATA_BASE = origin + '/data';
  var suppressedUntil = {};
  var recent = [];
  var refreshing = null;
  var stats = { attached: 0, refreshed: 0, retried: 0, suppressed: 0, rateLimited: 0, authFailed: 0 };

  function supaClient() {
    try { if (typeof supa !== 'undefined' && supa && supa.auth) return supa; } catch (e) {}
    try { if (root.supa && root.supa.auth) return root.supa; } catch (e) {}
    return null;
  }
  function withTimeout(p, ms) {
    return Promise.race([Promise.resolve(p).catch(function () { return null; }),
      new Promise(function (r) { setTimeout(function () { r(null); }, ms); })]);
  }
  function lsToken() {
    try {
      var raw = root.localStorage && root.localStorage.getItem(LS_KEY);
      if (!raw) return null;
      var d = JSON.parse(raw);
      var s = d && (d.currentSession || d);
      return s && s.access_token ? s.access_token : null;
    } catch (e) { return null; }
  }
  function refreshOnce() {
    if (refreshing) return refreshing;
    var c = supaClient();
    if (!c || !c.auth || typeof c.auth.refreshSession !== 'function') return Promise.resolve(null);
    refreshing = withTimeout(c.auth.refreshSession(), REFRESH_TIMEOUT_MS).then(function (r) {
      var s = r && r.data && r.data.session;
      if (s && s.access_token) { stats.refreshed++; return s.access_token; }
      return null;
    }).then(function (t) { refreshing = null; return t; }, function () { refreshing = null; return null; });
    return refreshing;
  }
  async function currentToken() {
    var c = supaClient();
    if (c && c.auth && typeof c.auth.getSession === 'function') {
      var r = await withTimeout(c.auth.getSession(), SESSION_TIMEOUT_MS);
      var s = r && r.data && r.data.session;
      if (s && s.access_token) {
        if (s.expires_at && s.expires_at * 1000 - Date.now() < 60000) {
          var fresh = await refreshOnce();
          if (fresh) return fresh;
        }
        return s.access_token;
      }
    }
    return lsToken();
  }

  function rewrite(url) {
    return (typeof url === 'string' && url.indexOf(OLD_PUBLIC + '/') === 0) ? DATA_BASE + url.slice(OLD_PUBLIC.length) : url;
  }
  function dataPath(url) {
    try {
      var u = new URL(url, origin || undefined);
      return (u.origin === origin && u.pathname.indexOf('/data/') === 0) ? u.pathname : null;
    } catch (e) { return null; }
  }
  function synth(status, reason) {
    return new Response(JSON.stringify({ error: reason }), {
      status: status, headers: { 'Content-Type': 'application/json', 'X-Data-Client': reason }
    });
  }
  function emit(name, detail) {
    try { root.dispatchEvent(new CustomEvent(name, { detail: detail })); } catch (e) {}
  }
  function withAuth(init, tok) {
    var o = Object.assign({}, init || {});
    var h = new Headers((init && init.headers) || undefined);
    if (tok && !h.has('Authorization')) { h.set('Authorization', 'Bearer ' + tok); stats.attached++; }
    o.headers = h;
    return o;
  }

  // ── แถบบอกให้ล็อกอินใหม่ (โผล่เฉพาะตอนบัตรผ่านใช้ไม่ได้จริง ๆ) ───────────────
  var BANNER_ID = 'sense-data-auth-banner';
  function showBanner() {
    try {
      var d = root.document;
      if (!d || !d.body || d.getElementById(BANNER_ID)) return;
      var el = d.createElement('div');
      el.id = BANNER_ID;
      el.setAttribute('role', 'status');
      el.style.cssText = 'position:fixed;left:0;right:0;top:0;z-index:2147482990;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;' +
        'padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;background:#FFF6E0;color:#5C4300;border-bottom:1px solid #EBD7A3;' +
        'font:500 14px/1.45 -apple-system,"Noto Sans Thai","IBM Plex Sans Thai",sans-serif;text-align:center';
      var msg = d.createElement('span');
      msg.textContent = 'การเข้าสู่ระบบหมดอายุ ตัวเลขบนจออาจไม่ใช่ล่าสุด';
      var btn = d.createElement('button');
      btn.type = 'button';
      btn.textContent = 'ล็อกอินใหม่';
      btn.style.cssText = 'border:1px solid #C9A34A;background:#fff;color:#5C4300;border-radius:999px;padding:4px 14px;font:inherit;cursor:pointer';
      btn.addEventListener('click', function () { try { root.location.reload(); } catch (e) {} });
      el.appendChild(msg); el.appendChild(btn);
      d.body.appendChild(el);
    } catch (e) {}
  }
  function hideBanner() {
    try { var el = root.document && root.document.getElementById(BANNER_ID); if (el) el.remove(); } catch (e) {}
  }

  async function dataFetch(url, init) {
    var key = dataPath(url) || String(url);
    var now = Date.now();
    if (suppressedUntil[key] && suppressedUntil[key] > now) { stats.suppressed++; return synth(401, 'suppressed_after_auth_failure'); }
    recent = recent.filter(function (t) { return now - t < RATE_WINDOW_MS; });
    if (recent.length >= RATE_MAX) {
      stats.rateLimited++;
      emit('sense:data-rate-limited', { path: key });
      return synth(429, 'client_rate_limited');
    }
    recent.push(now);

    var tok = await currentToken();
    var res = await nativeFetch(url, withAuth(init, tok));
    if (res.status === 401) {
      var tok2 = await refreshOnce();
      if (tok2 && tok2 !== tok) {
        stats.retried++;
        res = await nativeFetch(url, withAuth(init, tok2));
      }
      if (res.status === 401) {
        stats.authFailed++;
        suppressedUntil[key] = Date.now() + SUPPRESS_MS;
        emit('sense:data-auth-failed', { path: key, status: 401 });
        showBanner();
      }
    } else if (res.ok || res.status === 304) {
      hideBanner();
    }
    return res;
  }

  function wrappedFetch(input, init) {
    var isReq = (typeof Request !== 'undefined') && (input instanceof Request);
    var url = isReq ? input.url : (input && typeof input === 'object' && input.href) ? input.href : String(input);
    var target = rewrite(url);
    if (!dataPath(target)) return nativeFetch(input, init);
    if (isReq) {
      init = Object.assign({ method: input.method, headers: input.headers, signal: input.signal, cache: input.cache }, init || {});
    }
    return dataFetch(target, init);
  }
  wrappedFetch.__senseDataClient = true;
  root.fetch = wrappedFetch;

  root.SenseDataClient = {
    DATA_BASE: DATA_BASE,
    OLD_PUBLIC: OLD_PUBLIC,
    rewrite: rewrite,
    dataPath: dataPath,
    stats: stats,
    // คำขอไฟล์ข้อมูลกำลังถูกพักเพราะบัตรผ่านใช้ไม่ได้ ⇒ ตัวโหลดแบบไล่ทีละคน (preload ทีม · Compute) ควรหยุดก่อน
    authBlocked: function () {
      var t = Date.now();
      return Object.keys(suppressedUntil).some(function (k) { return suppressedUntil[k] > t; });
    },
    _resetForTest: function () { suppressedUntil = {}; recent = []; refreshing = null; Object.keys(stats).forEach(function (k) { stats[k] = 0; }); hideBanner(); }
  };
})(typeof window !== 'undefined' ? window : this);
</script>
<script id="freshket-domain">
/* freshket-domain-bundle v2 · generated by tools/lib/domain_bundle.mjs from src/domain/** · do not edit · modules: commission/defaults, commission/mode, commission/rule_set, commission/assignment, commission/tiers, commission/components, commission/eligibility, commission/expansion, commission/month_labels, commission/facts, commission/feed, commission/gate, commission/handover, commission/rule_view, commission/ladder, commission/upsell, commission/tl_mult, commission/live, commission/rules_used, commission/lock, commission/nrr, commission/payout, commission/preclose, commission/upsell_bundle, kam/streak, meta/version, nrr/bands, nrr/shop_index */
(function(){'use strict';
if (Object.prototype.hasOwnProperty.call(self, 'FK')) throw new Error('src/domain bundle: self.FK already exists — the bundle must be the only owner of FK');
const __FK_REG__ = {};
(function(__FK_REG__){'use strict';
// @concept commission.defaults
// Owns: every commission rule number that lives in code — the frozen Q3-2026 globals used ONLY by legacy periods, the bootstrap plan codes, and the retired team-upsell cut-offs (kept as a record only).
//
// Rule: no other file may hold a commission rule number. Explicit periods (>= 2026-10)
// read rules only from the plan rows — the TL's team-upsell qualification too (the P1/P3
// of the team's KAM plan, components.js explicitTeamBasis, since 24 Oct 2026).
//
// Why frozen constants instead of live target_settings for legacy periods
// (appendix A §B2, A13): Q3 must never move again. target_settings was last
// changed 2026-06-11; these values were checked against the live mirror on 2026-10-15.

function deepFreeze(o) {
  if (o && typeof o === 'object' && !Object.isFrozen(o)) {
    Object.freeze(o);
    Object.keys(o).forEach(k => deepFreeze(o[k]));
  }
  return o;
}

// target_settings as of 2026-10-15 (unchanged since 2026-06-11).
// gmv_gate_params · upsell_sku_params · upsell_outlet_params · handover_params.
// tl_mult_table is NOT from target_settings: Sense never reads tl_upsell_mult_params —
// the legacy multiplier fallback is the hard-coded table at 07a:1876-1882, copied here.
const LEGACY_GLOBALS_2026Q3 = deepFreeze({
  source: 'target_settings@2026-06-11 + 07a:1876-1882',
  gmv_gate: { threshold_1: 98, threshold_2: 95, cap_1: 0.5, cap_2: 0 },
  upsell_sku: { p1_rate: 0.015, p3_rate: 0.015, p3_threshold_pct: 2, p1_min_gmv: 5000, p3_min_incremental: 8000 },
  upsell_outlet: { rate: 0.005 },
  handover: {
    tier2_pct: 100, tier3_pct: 120, tier2_payout: 2500, tier3_bonus: 2500,
    gmv_tiers: [
      { tier_order: 1, gmv_min: 20000, gmv_max: 49999, label: 'Tier 1',
        thresholds: [{ min_retention_pct: 100, payout: 1000 }, { min_retention_pct: 120, payout: 2000 }] },
      { tier_order: 2, gmv_min: 50000, gmv_max: null, label: 'Tier 2',
        thresholds: [{ min_retention_pct: 100, payout: 2500 }, { min_retention_pct: 120, payout: 5000 }] }
    ]
  },
  tl_mult_table: [
    { min_pct: 0, max_pct: 1.99, multiplier: 1.00 },
    { min_pct: 2, max_pct: 2.99, multiplier: 1.20 },
    { min_pct: 3, max_pct: 3.99, multiplier: 1.35 },
    { min_pct: 4, max_pct: 4.99, multiplier: 1.50 },
    { min_pct: 5, max_pct: null, multiplier: 1.80 }
  ]
});

// The engine's own last-resort plan code per role when no assignment row exists
// at all (07a:3454-3459 _COMM_BOOTSTRAP_PLAN). Legacy resolution only — explicit
// periods treat reaching this layer as "not assigned" and refuse.
const BOOTSTRAP_PLAN = deepFreeze({
  kam: 'KAM_NRR_STD', tl: 'TL_NRR_STD',
  pm: 'PM_NRR_STD', admin: 'ADMIN_NRR_STD',
  sales: 'SALES_NRR_STD', sales_tl: 'SALES_TL_NRR_STD',
  ad: 'AD_NRR_STD', ad_tl: 'AD_TL_NRR_STD'
});

function bootstrapPlanCode(role) {
  return BOOTSTRAP_PLAN[role] || BOOTSTRAP_PLAN.kam;
}

// The two placeholder plans the Sense loader adds when the DB has none (07a:2467-2468).
const PLACEHOLDER_PLANS = deepFreeze([
  { plan_code: 'TL_NRR_STD', plan_name: 'TL NRR Standard', beneficiary_role: 'tl', status: 'active' },
  { plan_code: 'KAM_NRR_STD', plan_name: 'KAM NRR Standard', beneficiary_role: 'kam', status: 'active' }
]);

// The team-upsell cut-offs used up to 23 Oct 2026 (Q3 and the first weeks of Q4): a member
// KAM's contribution = P1 GMV + P3 incremental, qualified with these values. They are still
// baked into sql/q3c_upsell_team_summary_v4.sql (the data team's file behind the in-month
// team summary). No payout reads this any more: from 24 Oct 2026 an explicit period
// qualifies members with the P1/P3 of the team's own KAM plan (components.js explicitTeamBasis).
// Kept as the record of the old definition — never edit it.
const TEAM_UPSELL_BASIS_V1 = deepFreeze({
  id: 'team_upsell_basis_v1',
  p1_min_gmv: 5000,
  p3_threshold_pct: 2,
  p3_min_incremental: 8000,
  p3_gates: null
});

const SPEC_VERSION = 1;

// Oldest app builds whose drafts may be locked for explicit periods (R1-5), per app, used only
// when target_settings has no commission_min_build / commission_min_build_nrr. Sense stamps
// engine_build 'v338'…; /nrr stamps 'nrr-v181'… (its own version series, prefixed so the two
// are never compared with each other). Raising the floor = set the target_settings key.
const MIN_BUILD_DEFAULT = deepFreeze({ sense: 'v338', nrr: 'nrr-v181' });

// ×1 — a gate or multiplier that has no effect: (legacy only) a component switched off, a TL with no
// leak/upsell effect, a plan tier stored without a payout value or a %NRR that matched no gate
// tier (07a:1263, 1283, 1869, 1873). Explicit periods never use it as a silent fallback:
// planComponents refuses tiers without a payout, evaluators refuse a miss, and payout refuses a
// gate / TL multiplier switched off ('gate_off' / 'tl_mult_off', same as Sense M2).
const NO_EFFECT_MULTIPLIER = 1;
__FK_REG__['commission/defaults']=Object.freeze({LEGACY_GLOBALS_2026Q3,BOOTSTRAP_PLAN,bootstrapPlanCode,PLACEHOLDER_PLANS,TEAM_UPSELL_BASIS_V1,SPEC_VERSION,MIN_BUILD_DEFAULT,NO_EFFECT_MULTIPLIER});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.mode
// Owns: which rules mode a commission period runs in — 'legacy' (frozen pre-Q4 path) or 'explicit' (no fallbacks, refuse when incomplete).
//
// Round 1 has no period-lifecycle columns in the database yet, so the mode is a
// frozen date line, the same pattern as `HO_ONCE_FROM` (src/07a_commission_engine.js). It no longer
// depends on what happened to load (the old "strict = any kam_under_tl row exists"
// guess turned strict mode OFF whenever assignments failed to load — appendix A, A3).
// From round 3 the commission_periods.rules_mode column replaces this constant and
// the constant stays as an assertion.

const EXPLICIT_FROM = '2026-10';

const PERIOD_RE = /^\d{4}-\d{2}$/;

// true only for a real 'YYYY-MM' string
function isPeriod(period) {
  return PERIOD_RE.test(String(period == null ? '' : period));
}

// 'explicit' for every real period on or after EXPLICIT_FROM, otherwise 'legacy'.
// A malformed period is 'legacy' so callers fall through to today's untouched path,
// which already refuses periods it cannot parse.
function periodMode(period) {
  const p = String(period == null ? '' : period);
  return (PERIOD_RE.test(p) && p >= EXPLICIT_FROM) ? 'explicit' : 'legacy';
}
__FK_REG__['commission/mode']=Object.freeze({EXPLICIT_FROM,isPeriod,periodMode});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.rule_set
// Owns: the immutable RuleSet — commission plans, rules, tiers, assignments and policies as loaded for one compute, plus its completeness flag and content hash.
//
// Money functions take a RuleSet argument instead of reading _commRuleConfig /
// nrrCommPlansCache, so (a) unsaved Cockpit edits can never leak into a payout
// (appendix A, A4) and (b) a partial load is visible: complete=false makes every
// explicit-mode call refuse (A3, use cases D1/D2).
//
// The indexes reproduce the Sense loader `_loadTargetsInner` (src/07a_commission_engine.js) exactly, so the legacy
// path can be a line-for-line port:
//   plans          plan_code → plan, status 'inactive' excluded (archived kept), plus the
//                  two in-memory placeholders the loader adds when the DB has none
//   all_plans      every plan row, any status (explicit mode reports 'plan_inactive')
//   nrr_rules      plan_id → its 'nrr' rule (last row wins, like the loader)
//   component_rules  'plan_id|metric_code|metric_variant' → rule (last row wins)
//   tiers          rule_id → tiers ordered by tier_order
//   assignments    rows with plan_code filled from plan_id when missing
//   policies       period_month → the 'all/all' nrr_policies row

const {PLACEHOLDER_PLANS}=__FK_REG__['commission/defaults'];

function deepFreeze(o) {
  if (o && typeof o === 'object' && !Object.isFrozen(o)) {
    Object.freeze(o);
    Object.keys(o).forEach(k => deepFreeze(o[k]));
  }
  return o;
}

function clone(v) {
  return v === undefined ? undefined : JSON.parse(JSON.stringify(v));
}

// JSON with object keys sorted, so the same content always hashes the same.
function canonicalJson(v) {
  if (v === null || typeof v !== 'object') return JSON.stringify(v === undefined ? null : v);
  if (Array.isArray(v)) return '[' + v.map(canonicalJson).join(',') + ']';
  return '{' + Object.keys(v).sort().map(k => JSON.stringify(k) + ':' + canonicalJson(v[k])).join(',') + '}';
}

// cyrb53 — small, well-distributed 53-bit string hash. Not cryptographic; it only
// has to tell two rule sets apart. Returned as 14 hex characters.
function hash53(str) {
  let h1 = 0xdeadbeef, h2 = 0x41c6ce57;
  for (let i = 0; i < str.length; i++) {
    const ch = str.charCodeAt(i);
    h1 = Math.imul(h1 ^ ch, 2654435761);
    h2 = Math.imul(h2 ^ ch, 1597334677);
  }
  h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909);
  h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909);
  const n = 4294967296 * (2097151 & h2) + (h1 >>> 0);
  return n.toString(16).padStart(14, '0');
}

function sortedRows(rows) {
  return (rows || []).map(canonicalJson).sort();
}

function planIsActive(plan) {
  const st = String((plan && plan.status) || 'active').toLowerCase();
  return st !== 'inactive' && st !== 'archived';
}

const TABLES = Object.freeze(['plans', 'rules', 'tiers', 'assignments']);

// rows: { plans, rules, tiers, assignments, policies? } — raw table rows.
// meta: { complete: Boolean, loadedAt?, source?, reason? } — the caller asserts that
//       every table loaded without error in THIS session (not from a local copy).
function buildRuleSet(rows, meta) {
  const m = meta || {};
  const r = rows || {};
  const missingTables = TABLES.filter(t => !Array.isArray(r[t]));
  const complete = m.complete === true && missingTables.length === 0;
  const incompleteReason = complete ? null
    : (missingTables.length ? 'rows_missing:' + missingTables.join(',') : (m.reason || 'load_not_confirmed'));

  const plansIn = clone(r.plans || []);
  const rulesIn = clone(r.rules || []);
  const tiersIn = clone(r.tiers || []);
  const asgIn = clone(r.assignments || []);
  const polIn = clone(r.policies || []);

  const allPlans = {}, plansById = {}, plans = {};
  plansIn.forEach(p => {
    if (!p || !p.plan_code) return;
    allPlans[p.plan_code] = p;
    if (p.id) plansById[p.id] = p;
    if (String(p.status || '').toLowerCase() !== 'inactive') plans[p.plan_code] = p;
  });
  PLACEHOLDER_PLANS.forEach(ph => { if (!plans[ph.plan_code]) plans[ph.plan_code] = clone(ph); });

  const nrrRules = {}, componentRules = {};
  rulesIn.forEach(rule => {
    if (!rule) return;
    if (rule.metric_code === 'nrr') nrrRules[rule.plan_id] = rule;
    else componentRules[rule.plan_id + '|' + rule.metric_code + '|' + (rule.metric_variant || '')] = rule;
  });

  const tiers = {};
  tiersIn.slice().sort((a, b) => Number(a.tier_order) - Number(b.tier_order)).forEach(t => {
    if (!t) return;
    if (!tiers[t.rule_id]) tiers[t.rule_id] = [];
    tiers[t.rule_id].push(t);
  });

  const visiblePlanList = Object.keys(plans).map(k => plans[k]);
  const assignments = asgIn.filter(Boolean).map(a => Object.assign({}, a, {
    plan_code: a.plan_code || ((visiblePlanList.find(p => p.id === a.plan_id) || {}).plan_code) || null
  }));

  const policies = {};
  polIn.forEach(p => {
    if (!p || !p.period_month) return;
    if ((p.scope_type || 'all') === 'all' && (p.scope_key || 'all') === 'all') policies[p.period_month] = p;
  });

  const hash = hash53(canonicalJson({
    plans: sortedRows(plansIn), rules: sortedRows(rulesIn), tiers: sortedRows(tiersIn),
    assignments: sortedRows(asgIn), policies: sortedRows(polIn)
  }));

  return deepFreeze({
    schema: 1,
    complete,
    incomplete_reason: incompleteReason,
    hash,
    loaded_at: m.loadedAt == null ? null : m.loadedAt,
    source: m.source || null,
    plans, all_plans: allPlans, plans_by_id: plansById,
    nrr_rules: nrrRules, component_rules: componentRules, tiers,
    assignments, policies
  });
}

// Sense's _commGetRuleForMetric (07a:133-146) over a RuleSet: the component rule of a
// visible plan, wrapped with its tiers. null when the plan or the rule does not exist.
function ruleFor(ruleSet, planCode, metricCode, metricVariant) {
  const plan = (ruleSet.plans || {})[planCode];
  if (!plan || !plan.id) return null;
  const rule = (ruleSet.component_rules || {})[plan.id + '|' + metricCode + '|' + (metricVariant || '')];
  if (!rule) return null;
  return {
    rule,
    active: rule.active !== false,
    params: rule.params || {},
    tiers: (ruleSet.tiers && ruleSet.tiers[rule.id]) || [],
    tier_config: rule.tier_config || null
  };
}

// The NRR tier rows of a visible plan, exactly as _commGetDraftByCode reads them
// (07a:3500-3520): no active check on the nrr rule; no plan / no rule → [].
function nrrTiersFor(ruleSet, planCode) {
  const plan = (ruleSet.plans || {})[planCode] || null;
  const rule = plan ? (ruleSet.nrr_rules || {})[plan.id] : null;
  return rule ? ((ruleSet.tiers || {})[rule.id] || []) : [];
}

// The nrr rule wrapper (with active flag) for explicit-mode completeness checks.
function nrrRuleFor(ruleSet, planCode) {
  const plan = (ruleSet.plans || {})[planCode] || null;
  const rule = plan && plan.id ? (ruleSet.nrr_rules || {})[plan.id] : null;
  if (!rule) return null;
  return { rule, active: rule.active !== false, params: rule.params || {},
           tiers: (ruleSet.tiers || {})[rule.id] || [], tier_config: rule.tier_config || null };
}
__FK_REG__['commission/rule_set']=Object.freeze({canonicalJson,hash53,planIsActive,buildRuleSet,ruleFor,nrrTiersFor,nrrRuleFor});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.assignment
// Owns: which plan pays this person in this period, and why — the legacy resolver (frozen port of Sense) and the explicit resolver (allowed layers per role, refuse instead of falling back).
//
// Layers, in order: person → team (KAM only, 'kam_under_tl') → role_default → bootstrap.
//
// Legacy (< 2026-10): line-for-line port of `_commResolveAssignment` (src/07b_commission_cockpit.js),
// `_commGetAssignmentPlan` (src/07b_commission_cockpit.js) and `_commActivePlanCode` (src/07a_commission_engine.js),
// minus the unsaved-Cockpit 'pending' layer (a RuleSet holds saved
// rows only). Output keeps Sense's keys: planCode, via, teamLeadEmail, squad, strict, missed.
//
// Explicit (>= 2026-10): the first layer that has a row decides. If that layer is not
// allowed for the role, if nothing but bootstrap is found, or if the plan is inactive /
// missing, the result is { status:'unresolved', reason } — never a substitute plan.
// planCode/via still name what was found so screens can explain it.

const {periodMode}=__FK_REG__['commission/mode'];
const {bootstrapPlanCode}=__FK_REG__['commission/defaults'];
const {planIsActive}=__FK_REG__['commission/rule_set'];

const ALLOWED_LAYERS = Object.freeze({
  kam: Object.freeze(['person', 'team']),
  tl: Object.freeze(['person']),
  ad: Object.freeze(['person', 'role_default']),
  pm: Object.freeze(['person', 'role_default']),
  default: Object.freeze(['person', 'role_default'])
});

function allowedLayers(role) {
  return ALLOWED_LAYERS[role] || ALLOWED_LAYERS.default;
}

// May a plan found through layer `via` pay `role` in an explicit period?
// via: 'person' | 'team' | 'role_default' | 'bootstrap' | 'pending'.
// 'bootstrap' (the in-code default) is never allowed. 'pending' (an unsaved Cockpit
// assignment) is allowed for resolution/preview; compute must separately refuse
// while unsaved edits exist.
function layerAllowed(role, via) {
  if (via === 'bootstrap') return false;
  if (via === 'pending') return true;
  return allowedLayers(role).indexOf(via) >= 0;
}

const RESOLVE_REASON_TH = Object.freeze({
  ruleset_incomplete: 'โหลดเกณฑ์ค่าคอมฯ ไม่ครบ (ตารางเกณฑ์/การผูกเกณฑ์โหลดไม่สำเร็จ) — ยังคิดเงินงวดนี้ไม่ได้',
  not_assigned: 'ยังไม่ได้ผูกเกณฑ์ค่าคอมฯ ให้คนนี้ในงวดนี้',
  // R1 UI #6: ภาษาคน — เดิม "เกณฑ์ที่หาเจอมาจากชั้นที่ตำแหน่งนี้ใช้ไม่ได้ (…)" เป็นศัพท์ของตัวหาเกณฑ์ (จอฝั่งพนักงานใช้
  // _commPlainRuleReasonTh ใน 07b_cds.js แทนอยู่แล้ว ข้อความนี้เหลือให้เจ้าของระบบอ่านใน Cockpit และ /nrr)
  layer_not_allowed: 'ยังไม่ได้ผูกเกณฑ์รายทีมหรือรายคนของงวดนี้ — เจอแค่เกณฑ์กลางของตำแหน่ง ซึ่งงวดนี้ตำแหน่งนี้ใช้ไม่ได้',
  plan_inactive: 'เกณฑ์ที่ผูกไว้ถูกปิดใช้งานแล้ว',
  plan_missing: 'เกณฑ์ที่ผูกไว้ไม่มีอยู่ในระบบ',
  plan_role_mismatch: 'เกณฑ์ที่ผูกไว้เป็นของตำแหน่งอื่น',
  missed: 'งวดนี้ตั้งเกณฑ์รายทีมแล้ว แต่คนนี้ตกไปใช้เกณฑ์กลาง (ตกหล่นตอนตั้งค่า)'
});

function norm(s) {
  return String(s == null ? '' : s).trim().toLowerCase();
}

// _commActivePlanCode (07a:3560-3571): an inactive/archived/unknown plan is silently
// swapped for the role's bootstrap code. Legacy only.
function legacyActivePlanCode(ruleSet, planCode, role) {
  const boot = bootstrapPlanCode(role);
  const code = planCode || boot;
  if (code === boot) return code;
  const plan = (ruleSet.plans || {})[code];
  return (plan && planIsActive(plan)) ? code : boot;
}

// _commPeriodUsesTeamPlans (07b:184-192) without the pending layer.
function legacyPeriodUsesTeamPlans(ruleSet, period) {
  return (ruleSet.assignments || []).some(a => a && a.period_month === period && a.assignment_scope === 'kam_under_tl');
}

// Legacy codeOf() mirrors 07b:197-199: plan_code, else the visible plan with that id,
// else the role's bootstrap code (a silent substitute — legacy only).
function legacyCodeOf(ruleSet, role) {
  const plansList = Object.keys(ruleSet.plans || {}).map(k => ruleSet.plans[k]);
  return a => a.plan_code
    || ((plansList.find(p => p.id === a.plan_id) || {}).plan_code)
    || bootstrapPlanCode(role);
}

// Explicit codeOf(): plan_code, else any plan row with that id (inactive included, so
// the caller can say "inactive"), else null. Never a substitute.
function explicitCodeOf(ruleSet) {
  return a => a.plan_code || (((ruleSet.plans_by_id || {})[a.plan_id] || {}).plan_code) || null;
}

// Find the layer row exactly as _commResolveAssignment does. Returns { code, via } or
// { code:null, via:'bootstrap' }.
function findLayer(ruleSet, period, scope, assignee, role, tlEmail, codeOf) {
  const assigns = ruleSet.assignments || [];

  const person = assigns.find(a => a.period_month === period && a.assignment_scope === scope && a.assignee_key === assignee);
  if (person) return { code: codeOf(person), via: 'person' };

  if (scope === 'kam' && tlEmail) {
    const team = assigns.find(a => a.period_month === period && a.assignment_scope === 'kam_under_tl'
      && norm(a.assignee_key) === tlEmail);
    if (team) return { code: codeOf(team), via: 'team' };
  }

  const roleDefault = assigns.find(a => a.period_month === period && a.assignment_scope === 'role_default' && a.assignee_key === role);
  if (roleDefault) return { code: codeOf(roleDefault), via: 'role_default' };

  return { code: null, via: 'bootstrap' };
}

// args: { period, email, role, scope?, teamLeadEmail?, squad? }
//   scope defaults to role (every money call site passes the same value for both).
//   teamLeadEmail is the KAM's TL for that month (the caller's roster lookup); it is
//   only used for role 'kam' — like Sense, other roles never get a team layer.
function resolvePlan(ruleSet, args) {
  const a = args || {};
  const period = a.period, role = a.role || 'kam';
  const scope = a.scope || role;
  const assignee = a.email;
  const tlEmail = (scope === 'kam' && a.teamLeadEmail) ? norm(a.teamLeadEmail) : null;
  const squad = tlEmail ? (a.squad || null) : null;
  const mode = periodMode(period);

  if (mode === 'legacy') {
    const strict = legacyPeriodUsesTeamPlans(ruleSet, period);
    const hit = findLayer(ruleSet, period, scope, assignee, role, tlEmail, legacyCodeOf(ruleSet, role));
    const rawCode = hit.via === 'bootstrap' ? bootstrapPlanCode(role) : hit.code;
    const extra = (hit.via === 'person') ? { teamLeadEmail: null, squad: null } : { teamLeadEmail: tlEmail, squad };
    const missed = strict && (hit.via === 'role_default' || hit.via === 'bootstrap');
    return {
      status: missed ? 'unresolved' : 'ok',
      reason: missed ? 'missed' : null,
      reason_th: missed ? RESOLVE_REASON_TH.missed : null,
      mode,
      planCode: legacyActivePlanCode(ruleSet, rawCode, role),
      via: hit.via,
      teamLeadEmail: extra.teamLeadEmail,
      squad: extra.squad,
      strict,
      missed
    };
  }

  // ── explicit ──
  const base = { mode, strict: true, teamLeadEmail: null, squad: null, planCode: null, via: null, missed: false };
  if (!ruleSet || ruleSet.complete !== true) {
    return Object.assign(base, { status: 'unresolved', reason: 'ruleset_incomplete',
      reason_th: RESOLVE_REASON_TH.ruleset_incomplete, missed: true });
  }
  const hit = findLayer(ruleSet, period, scope, assignee, role, tlEmail, explicitCodeOf(ruleSet));
  const out = Object.assign(base, {
    via: hit.via,
    planCode: hit.via === 'bootstrap' ? bootstrapPlanCode(role) : hit.code,
    teamLeadEmail: hit.via === 'person' ? null : tlEmail,
    squad: hit.via === 'person' ? null : squad
  });
  const refuse = (reason) => Object.assign(out, { status: 'unresolved', reason, reason_th: RESOLVE_REASON_TH[reason], missed: true });

  if (hit.via === 'bootstrap') return refuse('not_assigned');
  if (!layerAllowed(role, hit.via)) return refuse('layer_not_allowed');
  return checkPlanUsable(ruleSet, out, role);
}

// The KAM plan a TL plan counts its team's upsell with (P1/P3 qualification for the
// multiplier's team upsell %). Bucci, 24 Oct 2026: the upsell rules of a KAM rep and of
// their TL must always be the same — so a TL plan owns no P1/P3 of its own; it uses the
// plan its team's KAMs are paid on in the same month. Found through the assignment rows:
// every explicit-period month this TL plan pays a TL ('tl' row) → that TL's team row
// ('kam_under_tl') of the same month. All of them must name one KAM plan.
// → { status:'ok', planCode } | { status:'missing'|'ambiguous', why }
function teamKamPlanForTlPlan(ruleSet, tlPlanCode) {
  const assigns = (ruleSet && ruleSet.assignments) || [];
  const codeOf = explicitCodeOf(ruleSet || {});
  const found = new Set();
  let paid = 0;
  assigns.forEach(a => {
    if (!a || a.assignment_scope !== 'tl' || periodMode(a.period_month) !== 'explicit' || codeOf(a) !== tlPlanCode) return;
    paid++;
    const team = assigns.find(t => t && t.period_month === a.period_month && t.assignment_scope === 'kam_under_tl'
      && norm(t.assignee_key) === norm(a.assignee_key));
    found.add(team ? codeOf(team) : null);
  });
  if (!paid) return { status: 'missing', why: 'tl_plan_not_assigned' };
  if (found.has(null)) return { status: 'missing', why: 'team_kam_plan_missing' };
  if (found.size > 1) return { status: 'ambiguous', why: 'team_kam_plan_ambiguous' };
  return { status: 'ok', planCode: found.values().next().value };
}

// Explicit: the plan must exist and be active, and be meant for this role.
function checkPlanUsable(ruleSet, out, role) {
  const plan = out.planCode ? (ruleSet.all_plans || {})[out.planCode] : null;
  const refuse = (reason) => Object.assign(out, { status: 'unresolved', reason, reason_th: RESOLVE_REASON_TH[reason], missed: true });
  if (!plan || !plan.id) return refuse('plan_missing');
  if (!planIsActive(plan)) return refuse('plan_inactive');
  if (plan.beneficiary_role && plan.beneficiary_role !== role) return refuse('plan_role_mismatch');
  return Object.assign(out, { status: 'ok', reason: null, reason_th: null, planId: plan.id });
}

// A plan code that was frozen into a snapshot row at draft time
// (breakdown.config_snapshot.assigned_plan_code). Explicit periods re-check it the
// same way a fresh resolution is checked (exists, active, right role); legacy periods
// use it as-is, like Sense's NRR-only recompute does today.
function usePlanCode(ruleSet, args) {
  const a = args || {};
  const mode = periodMode(a.period);
  const out = { mode, planCode: a.planCode || null, via: a.via || 'frozen', strict: mode === 'explicit',
                missed: false, teamLeadEmail: a.teamLeadEmail || null, squad: a.squad || null };
  if (mode === 'legacy') return Object.assign(out, { status: 'ok', reason: null, reason_th: null });
  if (!ruleSet || ruleSet.complete !== true) {
    return Object.assign(out, { status: 'unresolved', reason: 'ruleset_incomplete', reason_th: RESOLVE_REASON_TH.ruleset_incomplete, missed: true });
  }
  return checkPlanUsable(ruleSet, out, a.role || 'kam');
}
__FK_REG__['commission/assignment']=Object.freeze({ALLOWED_LAYERS,allowedLayers,layerAllowed,RESOLVE_REASON_TH,legacyPeriodUsesTeamPlans,resolvePlan,teamKamPlanForTlPlan,usePlanCode});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.tiers
// Owns: round1 and the comparator library — how each money component decides which side of a boundary a value falls on.
//
// Every comparator here is an EXACT port of what the Sense engine does today
// (src/07a_commission_engine.js), so moving a formula onto it never moves a baht.
// Appendix A §B3 of docs/architecture lists which component uses which comparator.
// Do not "unify" them: P1 ฿7,999.96 must stay ฿0 and P3 at exactly 3.0× must stay ฿0.
//
// Pure: no DOM, no globals, no clock. Inputs are plain numbers / tier rows.

// Round a PERCENT to 1 decimal before a boundary check (07a:3681 _commTierPct).
// Never pass baht through this — ฿4,999.96 must not become ฿5,000.0.
function round1(x) {
  if (x === null || x === undefined || isNaN(x)) return x;
  return Math.round(Number(x) * 10) / 10;
}

const CMP = Object.freeze({
  halfOpen1dp: 'halfOpen1dp',
  halfOpenRaw: 'halfOpenRaw',
  legacyGateThresholds1dp: 'legacyGateThresholds1dp',
  scanDownMinInclusiveRaw: 'scanDownMinInclusiveRaw',
  minInclusiveRaw: 'minInclusiveRaw',
  gateByMinIncremental: 'gateByMinIncremental',
  strictlyGreaterRaw: 'strictlyGreaterRaw',
  closedRangeRaw: 'closedRangeRaw',
  bucketByMin: 'bucketByMin',
  scanDownMinInclusive1dp: 'scanDownMinInclusive1dp',
  legacyFlat1dp: 'legacyFlat1dp'
});

// Sort tiers by min_value ascending, null min first (07a:3607 / 3640).
function sortByMin(tiers) {
  return (tiers || []).slice().sort((a, b) =>
    (Number(a.min_value ?? -999999)) - (Number(b.min_value ?? -999999)));
}

// The shared body of _commMatchTierByCode / _commMatchTierInRule:
// min ≤ x < max, null or '' = open end, first match after sorting by min.
function halfOpenOn(tiers, v) {
  const sorted = sortByMin(tiers);
  for (const t of sorted) {
    const minOk = (t.min_value === null || t.min_value === '' || v >= Number(t.min_value));
    const maxOk = (t.max_value === null || t.max_value === '' || v < Number(t.max_value));
    if (minOk && maxOk) return t;
  }
  return null;
}

// NRR tiers, plan gate, plan TL multiplier (07a:3600-3612, 1265-1283, 3630-3646).
// Rounds x to 1 dp, then min ≤ x < max. Returns the matched tier row, or null.
function halfOpen1dp(tiers, x) {
  if (x === null || x === undefined || isNaN(x)) return null;
  return halfOpenOn(tiers, round1(x));
}

// Same as halfOpen1dp but on the raw value — used only when a tier rule's
// measurement_scope contains "gmv" (baht tiers are never rounded, 07a:3638-3639).
function halfOpenRaw(tiers, x) {
  if (x === null || x === undefined || isNaN(x)) return null;
  return halfOpenOn(tiers, x);
}

// Legacy global gate (07a:1289-1296): x = round1(pct);
// x < threshold_2 → cap_2 · x < threshold_1 → cap_1 · otherwise 1.
// Returns { cap, band } where band is 'zero' | 'half' | 'full'.
function legacyGateThresholds1dp(params, pct) {
  const g = round1(pct);
  if (g < params.threshold_2) return { cap: params.cap_2, band: 'zero' };
  if (g < params.threshold_1) return { cap: params.cap_1, band: 'half' };
  return { cap: 1.0, band: 'full' };
}

// Legacy hard-coded TL multiplier table (07a:1883-1889): raw value, scan from the
// top row down, first row whose min ≤ x wins. Returns { row, index } or null.
function scanDownMinInclusiveRaw(rows, x, minKey) {
  const key = minKey || 'min_pct';
  const list = rows || [];
  for (let i = list.length - 1; i >= 0; i--) {
    if (x >= Number(list[i][key] || 0)) return { row: list[i], index: i };
  }
  return null;
}

// P1 minimum (07a:568) and the P3 incremental floor (07a:599): passes unless x < min.
// Written as !(x < min) so a NaN behaves exactly like today's `if (x < min) return`.
function minInclusiveRaw(min, x) {
  return !(x < min);
}

// P3 gate selection (07a:219-234 _commP3GateFor): gates sorted by min_incremental
// descending; the first gate whose min the incremental clears wins. No gates →
// the single fallback gate. Below the smallest gate → null (fails every gate).
function gateByMinIncremental(gates, incremental, fallbackThresh, fallbackMin) {
  if (!Array.isArray(gates) || !gates.length) {
    return { threshold_pct: fallbackThresh, min_incremental: fallbackMin, gate: null };
  }
  const sorted = gates.slice().filter(g => g && g.threshold_pct != null)
    .sort((a, b) => Number(b.min_incremental || 0) - Number(a.min_incremental || 0));
  for (let i = 0; i < sorted.length; i++) {
    if (incremental >= Number(sorted[i].min_incremental || 0)) {
      return { threshold_pct: Number(sorted[i].threshold_pct),
               min_incremental: Number(sorted[i].min_incremental || 0),
               gate: i };
    }
  }
  return null;
}

// P3 growth test (07a:600): current must be STRICTLY greater than base × multiple.
// Written as !(x <= base*multiple) to match `if (curr <= base * mult) return`.
function strictlyGreaterRaw(x, base, multiple) {
  return !(x <= base * multiple);
}

// Handover GMV bucket, spec v1 (07a:1182-1185): first bucket in array order with
// gmv_min ≤ x ≤ gmv_max (null max = open). On a float baseline this leaves the
// ฿49,999.01–49,999.99 gap that matches nothing — kept as-is for periods before 2026-10.
function closedRangeRaw(buckets, x) {
  return (buckets || []).find(t =>
    x >= Number(t.gmv_min || 0) &&
    (t.gmv_max === null || t.gmv_max === undefined || x <= Number(t.gmv_max))) || null;
}

// Handover GMV bucket, spec v2 (owner approved 15 Oct for periods >= 2026-10):
// the bucket with the highest gmv_min ≤ x; gmv_max is ignored, so buckets are
// contiguous by construction and ฿49,999.5 lands in the lower bucket.
function bucketByMin(buckets, x) {
  const sorted = (buckets || []).slice()
    .sort((a, b) => Number(b.gmv_min || 0) - Number(a.gmv_min || 0));
  for (let i = 0; i < sorted.length; i++) {
    if (x >= Number(sorted[i].gmv_min || 0)) return sorted[i];
  }
  return null;
}

// Handover retention ladder (07a:1188-1199): round1(retention), thresholds sorted
// by min_retention_pct descending, first one cleared wins.
// Returns { row, tier } (tier = thresholds.length - i) or null.
function scanDownMinInclusive1dp(thresholds, retentionPct) {
  const sorted = (thresholds || []).slice()
    .sort((a, b) => Number(b.min_retention_pct || 0) - Number(a.min_retention_pct || 0));
  const cmp = round1(retentionPct);
  for (let i = 0; i < sorted.length; i++) {
    if (cmp >= Number(sorted[i].min_retention_pct || 0)) {
      return { row: sorted[i], tier: sorted.length - i };
    }
  }
  return null;
}

// Legacy flat Handover (07a:1204-1210), used only when no gmv_tiers exist:
// round1(retention) ≥ tier3_pct → tier 3 (tier2_payout + tier3_bonus) · ≥ tier2_pct → tier 2.
function legacyFlat1dp(params, retentionPct) {
  const cmp = round1(retentionPct);
  if (cmp >= params.tier3_pct) return { tier: 3, payout: params.tier2_payout + params.tier3_bonus };
  if (cmp >= params.tier2_pct) return { tier: 2, payout: params.tier2_payout };
  return { tier: 0, payout: 0 };
}

// Explicit-mode helper: do these percent tiers cover every value with no gap and no
// overlap? (first min open, each min equals the previous max, last max open).
// Used by the completeness check so a plan with a hole refuses instead of paying ×1.
function tiersContiguous(tiers) {
  const s = sortByMin(tiers);
  if (!s.length) return false;
  const isOpen = v => v === null || v === undefined || v === '';
  if (!isOpen(s[0].min_value)) return false;
  for (let i = 1; i < s.length; i++) {
    if (isOpen(s[i - 1].max_value)) return false;
    if (Number(s[i].min_value) !== Number(s[i - 1].max_value)) return false;
  }
  return isOpen(s[s.length - 1].max_value);
}
__FK_REG__['commission/tiers']=Object.freeze({round1,CMP,halfOpen1dp,halfOpenRaw,legacyGateThresholds1dp,scanDownMinInclusiveRaw,minInclusiveRaw,gateByMinIncremental,strictlyGreaterRaw,closedRangeRaw,bucketByMin,scanDownMinInclusive1dp,legacyFlat1dp,tiersContiguous});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.components
// Owns: what each money component of a plan IS for one period — tiers, rates, minimums, gates, Handover ladder — and whether the plan is complete enough to pay.
//
// Legacy (< 2026-10): every value is resolved exactly the way the Sense engine
// resolves it today — the plan's own rule when it exists, otherwise the frozen
// LEGACY_GLOBALS_2026Q3 constant (never live target_settings). Never refuses here.
//
// Explicit (>= 2026-10): REQUIRED_COMPONENTS for the role must all be present.
// A component is either active with valid values, or explicitly switched off
// (active=false → pays nothing / gate and multiplier ×1). Anything missing →
// { status:'refused', missing:[…] }. There are no fallback values.

const {periodMode}=__FK_REG__['commission/mode'];
const {LEGACY_GLOBALS_2026Q3}=__FK_REG__['commission/defaults'];
const {ruleFor,nrrTiersFor,nrrRuleFor}=__FK_REG__['commission/rule_set'];
const {teamKamPlanForTlPlan}=__FK_REG__['commission/assignment'];
const {CMP,tiersContiguous}=__FK_REG__['commission/tiers'];

const REQUIRED_COMPONENTS = Object.freeze({
  kam: Object.freeze(['nrr', 'portfolio_gate', 'p1', 'p3', 'outlet_expansion', 'handover']),
  ad: Object.freeze(['nrr', 'portfolio_gate', 'p1', 'p3', 'outlet_expansion', 'handover']),
  tl: Object.freeze(['nrr', 'tl_upsell_mult'])
});

const COMPONENT_TH = Object.freeze({
  nrr: 'ขั้นเงินจาก %NRR',
  portfolio_gate: 'เกตพอร์ต',
  p1: 'P1 (กลุ่มสินค้าใหม่)',
  p3: 'P3 (ซื้อเพิ่มจากเดิม)',
  outlet_expansion: 'Expansion (สาขาใหม่)',
  handover: 'Handover',
  tl_upsell_mult: 'ตัวคูณ upsell ของหัวหน้าทีม',
  team_basis: 'เกณฑ์นับยอด upsell ของทีม',
  role_spec: 'ข้อกำหนดก้อนเงินของตำแหน่งนี้'
});

const EMPTY_RATE_MAP = Object.freeze({ categoryRates: Object.freeze({}), groupRates: Object.freeze({}) });

function isGmvScope(found) {
  return /gmv/.test(String((found && found.rule && found.rule.measurement_scope) || ''));
}

function tierRows(tiers) {
  return (tiers || []).map(t => ({ min_value: t.min_value, max_value: t.max_value, payout_value: t.payout_value }));
}

// _commResolveUpsellRateMap (07a:174-186): one shared per-category / per-group map.
function categoryBonusOf(ruleSet, planCode) {
  const r = planCode ? ruleFor(ruleSet, planCode, 'upsell_gmv', 'category_bonus') : null;
  if (!r || r.active === false || !r.tier_config) return EMPTY_RATE_MAP;
  const tc = r.tier_config;
  return {
    categoryRates: (tc.category_rates && typeof tc.category_rates === 'object') ? tc.category_rates : {},
    groupRates: (tc.group_rates && typeof tc.group_rates === 'object') ? tc.group_rates : {}
  };
}

// ── legacy: Sense's resolution order, globals frozen ─────────────────────────
function legacyComponents(ruleSet, planCode) {
  const G = LEGACY_GLOBALS_2026Q3;
  const gateR = ruleFor(ruleSet, planCode, 'portfolio_gate', null);
  const ownGate = !!(gateR && gateR.active && gateR.tiers && gateR.tiers.length);

  const p1R = ruleFor(ruleSet, planCode, 'upsell_gmv', 'p1_new_sku');
  const p3R = ruleFor(ruleSet, planCode, 'upsell_gmv', 'p3_growth');
  const outR = ruleFor(ruleSet, planCode, 'upsell_gmv', 'outlet_expansion');
  const hoR = ruleFor(ruleSet, planCode, 'handover', null);
  const multR = ruleFor(ruleSet, planCode, 'tl_upsell_mult', null);
  const p1T = (p1R && p1R.active && p1R.tiers[0]) ? p1R.tiers[0] : null;
  const p3T = (p3R && p3R.active && p3R.tiers[0]) ? p3R.tiers[0] : null;
  const outT = (outR && outR.active && outR.tiers[0]) ? outR.tiers[0] : null;
  const hoTiers = (hoR && hoR.active && hoR.tier_config && Array.isArray(hoR.tier_config.gmv_tiers))
    ? hoR.tier_config.gmv_tiers : G.handover.gmv_tiers;

  const p1 = {
    rate: p1T ? Number(p1T.payout_value) : G.upsell_sku.p1_rate,
    min_gmv: (p1T && p1T.min_value != null) ? Number(p1T.min_value) : G.upsell_sku.p1_min_gmv,
    source: p1T ? 'plan' : 'legacy_global_2026Q3', cmp: CMP.minInclusiveRaw
  };
  const p3 = {
    rate: p3T ? Number(p3T.payout_value) : G.upsell_sku.p3_rate,
    threshold_pct: (p3R && p3R.params.threshold_pct != null) ? Number(p3R.params.threshold_pct) : G.upsell_sku.p3_threshold_pct,
    min_incremental: (p3R && p3R.params.min_incremental != null) ? Number(p3R.params.min_incremental) : G.upsell_sku.p3_min_incremental,
    gates: (p3R && Array.isArray(p3R.params.gates)) ? p3R.params.gates : null,
    source: p3R ? 'plan' : 'legacy_global_2026Q3', cmp: CMP.strictlyGreaterRaw, gate_cmp: CMP.gateByMinIncremental
  };
  return {
    nrr: { tiers: nrrTiersFor(ruleSet, planCode), off: false, cmp: CMP.halfOpen1dp, source: 'plan' },
    portfolio_gate: ownGate
      ? { kind: 'plan', tiers: gateR.tiers, raw: isGmvScope(gateR), off: false, cmp: CMP.halfOpen1dp, source: 'plan' }
      : { kind: 'legacy_global', params: G.gmv_gate, off: false, cmp: CMP.legacyGateThresholds1dp, source: 'legacy_global_2026Q3' },
    p1, p3,
    outlet_expansion: { rate: outT ? Number(outT.payout_value) : G.upsell_outlet.rate, source: outT ? 'plan' : 'legacy_global_2026Q3' },
    handover: { gmv_tiers: hoTiers, flat: hoTiers.length ? null : G.handover, off: false,
                bucket_cmp: CMP.closedRangeRaw, retention_cmp: hoTiers.length ? CMP.scanDownMinInclusive1dp : CMP.legacyFlat1dp,
                source: (hoR && hoR.active && hoR.tier_config && Array.isArray(hoR.tier_config.gmv_tiers)) ? 'plan' : 'legacy_global_2026Q3' },
    category_bonus: categoryBonusOf(ruleSet, planCode),
    tl_upsell_mult: (multR && multR.active && multR.tiers.length)
      ? { kind: 'plan', tiers: multR.tiers, raw: isGmvScope(multR), off: false, cmp: CMP.halfOpen1dp,
          fallback_table: G.tl_mult_table, source: 'plan' }
      : { kind: 'legacy_table', tiers: [], off: false, cmp: CMP.scanDownMinInclusiveRaw,
          fallback_table: G.tl_mult_table, source: 'legacy_table_07a' },
    // Members of a TL team are qualified with the TL plan's own P1/P3 values
    // (falling back to the globals), exactly like _commComputeTeamUpsellMult.
    team_basis: { p1_min_gmv: p1.min_gmv, p3_threshold_pct: p3.threshold_pct,
                  p3_min_incremental: p3.min_incremental, p3_gates: p3.gates, source: 'tl_plan_or_legacy_global' }
  };
}

// ── explicit: everything from the plan, missing = refuse ─────────────────────
function present(v) { return v !== null && v !== undefined && v !== '' && !isNaN(Number(v)); }

function explicitComponent(ruleSet, planCode, key) {
  switch (key) {
    case 'nrr': {
      const r = nrrRuleFor(ruleSet, planCode);
      if (!r) return { missing: true };
      if (!r.active) return { tiers: [], off: true, cmp: CMP.halfOpen1dp, source: 'plan' };
      if (!r.tiers.length) return { missing: true, why: 'active_without_tiers' };
      if (!r.tiers.every(t => present(t.payout_value))) return { missing: true, why: 'payout_missing' };
      return { tiers: r.tiers, off: false, cmp: CMP.halfOpen1dp, source: 'plan' };
    }
    case 'portfolio_gate': {
      const r = ruleFor(ruleSet, planCode, 'portfolio_gate', null);
      if (!r) return { missing: true };
      if (!r.active) return { kind: 'plan', tiers: [], off: true, cmp: CMP.halfOpen1dp, source: 'plan' };
      if (!r.tiers.length) return { missing: true, why: 'active_without_tiers' };
      if (!tiersContiguous(r.tiers)) return { missing: true, why: 'tier_gap' };
      if (!r.tiers.every(t => present(t.payout_value))) return { missing: true, why: 'payout_missing' };
      return { kind: 'plan', tiers: r.tiers, raw: isGmvScope(r), off: false, cmp: CMP.halfOpen1dp, source: 'plan' };
    }
    case 'p1': {
      const r = ruleFor(ruleSet, planCode, 'upsell_gmv', 'p1_new_sku');
      if (!r) return { missing: true };
      if (!r.active) return { rate: 0, min_gmv: 0, off: true, source: 'plan', cmp: CMP.minInclusiveRaw };
      const t = r.tiers[0];
      if (!t || !present(t.payout_value) || !present(t.min_value)) return { missing: true, why: 'rate_or_min_missing' };
      return { rate: Number(t.payout_value), min_gmv: Number(t.min_value), off: false, source: 'plan', cmp: CMP.minInclusiveRaw };
    }
    case 'p3': {
      const r = ruleFor(ruleSet, planCode, 'upsell_gmv', 'p3_growth');
      if (!r) return { missing: true };
      if (!r.active) return { rate: 0, threshold_pct: null, min_incremental: null, gates: null, off: true, source: 'plan',
                              cmp: CMP.strictlyGreaterRaw, gate_cmp: CMP.gateByMinIncremental };
      const t = r.tiers[0];
      if (!t || !present(t.payout_value)) return { missing: true, why: 'rate_missing' };
      const p = r.params || {};
      const gates = (Array.isArray(p.gates) && p.gates.length) ? p.gates : null;
      if (gates) {
        if (!gates.every(g => g && present(g.threshold_pct) && present(g.min_incremental))) return { missing: true, why: 'gate_incomplete' };
      } else if (!present(p.threshold_pct) || !present(p.min_incremental)) {
        return { missing: true, why: 'multiple_or_min_missing' };
      }
      return { rate: Number(t.payout_value),
               threshold_pct: present(p.threshold_pct) ? Number(p.threshold_pct) : null,
               min_incremental: present(p.min_incremental) ? Number(p.min_incremental) : null,
               gates, off: false, source: 'plan', cmp: CMP.strictlyGreaterRaw, gate_cmp: CMP.gateByMinIncremental };
    }
    case 'outlet_expansion': {
      const r = ruleFor(ruleSet, planCode, 'upsell_gmv', 'outlet_expansion');
      if (!r) return { missing: true };
      if (!r.active) return { rate: 0, off: true, source: 'plan' };
      const t = r.tiers[0];
      if (!t || !present(t.payout_value)) return { missing: true, why: 'rate_missing' };
      return { rate: Number(t.payout_value), off: false, source: 'plan' };
    }
    case 'handover': {
      const r = ruleFor(ruleSet, planCode, 'handover', null);
      if (!r) return { missing: true };
      if (!r.active) return { gmv_tiers: [], flat: null, off: true, source: 'plan',
                              bucket_cmp: CMP.bucketByMin, retention_cmp: CMP.scanDownMinInclusive1dp };
      const gt = r.tier_config && r.tier_config.gmv_tiers;
      if (!Array.isArray(gt) || !gt.length) return { missing: true, why: 'gmv_tiers_missing' };
      if (!gt.every(b => b && present(b.gmv_min) && Array.isArray(b.thresholds) && b.thresholds.length &&
                         b.thresholds.every(x => x && present(x.min_retention_pct) && present(x.payout)))) {
        return { missing: true, why: 'gmv_tiers_incomplete' };
      }
      return { gmv_tiers: gt, flat: null, off: false, source: 'plan',
               bucket_cmp: CMP.bucketByMin, retention_cmp: CMP.scanDownMinInclusive1dp };
    }
    case 'tl_upsell_mult': {
      const r = ruleFor(ruleSet, planCode, 'tl_upsell_mult', null);
      if (!r) return { missing: true };
      if (!r.active) return { kind: 'plan', tiers: [], off: true, cmp: CMP.halfOpen1dp, source: 'plan' };
      if (!r.tiers.length) return { missing: true, why: 'active_without_tiers' };
      if (!tiersContiguous(r.tiers)) return { missing: true, why: 'tier_gap' };
      if (!r.tiers.every(t => present(t.payout_value))) return { missing: true, why: 'payout_missing' };
      return { kind: 'plan', tiers: r.tiers, raw: isGmvScope(r), off: false, cmp: CMP.halfOpen1dp, source: 'plan' };
    }
    default:
      return { missing: true };
  }
}

// TL team-upsell qualification in explicit mode = the P1/P3 rules of the KAM plan the
// TL's team is paid on that month (teamKamPlanForTlPlan). Bucci, 24 Oct 2026: the upsell
// rules of a KAM rep and of their TL must always be the same, so there is no TL-only copy
// to drift — P1/P3 rows on the TL plan itself are ignored, and there is no in-code
// fallback. No team plan, or its P1/P3 incomplete → refuse. A part the KAM plan switched
// off pays the KAMs nothing, so the team counts nothing from it either: its cut-off becomes
// TEAM_BASIS_NEVER, which no item reaches (Sense mirrors this in _commTeamUpsellRule).
const TEAM_BASIS_NEVER = Number.POSITIVE_INFINITY;
function explicitTeamBasis(ruleSet, planCode) {
  const team = teamKamPlanForTlPlan(ruleSet, planCode);
  if (team.status !== 'ok') return { missing: true, why: team.why };
  const p1 = explicitComponent(ruleSet, team.planCode, 'p1');
  const p3 = explicitComponent(ruleSet, team.planCode, 'p3');
  if (p1.missing || p3.missing) return { missing: true, why: 'team_kam_plan_upsell_incomplete' };
  return { p1_min_gmv: p1.off ? TEAM_BASIS_NEVER : p1.min_gmv,
           p3_threshold_pct: p3.off ? TEAM_BASIS_NEVER : p3.threshold_pct,
           p3_min_incremental: p3.off ? TEAM_BASIS_NEVER : p3.min_incremental,
           p3_gates: p3.off ? null : p3.gates, p1_off: !!p1.off, p3_off: !!p3.off,
           source: 'kam_plan', kam_plan_code: team.planCode };
}

// planComponents(ruleSet, planCode, period, mode?, role?)
//   → { status:'ok'|'refused', mode, plan_code, plan_id, role, components, missing:[key], missing_detail:{key:why}, reason_th }
function planComponents(ruleSet, planCode, period, mode, role) {
  const md = mode || periodMode(period);
  const visible = (ruleSet.plans || {})[planCode] || null;
  const r = role || (visible && visible.beneficiary_role) || 'kam';
  const base = { mode: md, plan_code: planCode, plan_id: (visible && visible.id) || null, role: r };

  if (md === 'legacy') {
    return Object.assign(base, { status: 'ok', components: legacyComponents(ruleSet, planCode), missing: [], missing_detail: {}, reason_th: null });
  }

  const required = REQUIRED_COMPONENTS[r];
  if (!required) {
    return Object.assign(base, { status: 'refused', components: {}, missing: ['role_spec'], missing_detail: { role_spec: 'no_spec_for_role' },
      reason_th: 'ตำแหน่ง ' + r + ' ยังไม่มีข้อกำหนดก้อนเงินในงวดแบบใหม่' });
  }
  const components = {}, missing = [], detail = {};
  required.forEach(key => {
    const c = explicitComponent(ruleSet, planCode, key);
    if (c.missing) { missing.push(key); detail[key] = c.why || 'no_rule'; }
    else components[key] = c;
  });
  components.category_bonus = categoryBonusOf(ruleSet, planCode);
  if (r === 'tl') {
    const tb = explicitTeamBasis(ruleSet, planCode);
    if (tb.missing) { missing.push('team_basis'); detail.team_basis = tb.why; }
    else components.team_basis = tb;
  }
  return Object.assign(base, {
    status: missing.length ? 'refused' : 'ok',
    components, missing, missing_detail: detail,
    reason_th: missing.length ? ('เกณฑ์ ' + planCode + ' ยังไม่ครบ: ' + missing.map(k => COMPONENT_TH[k] || k).join(', ')) : null
  });
}
__FK_REG__['commission/components']=Object.freeze({REQUIRED_COMPONENTS,COMPONENT_TH,tierRows,TEAM_BASIS_NEVER,planComponents});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.eligibility
// Owns: whether one person is in a commission period at all, from the start / end dates on their roster row — started after the quarter's base month (in from the next quarter) or left before the period began — with the Thai reason Sense writes on its ฿0 "not eligible" row.
//
// Same rule as `_commEligibility` (src/07a_commission_engine.js), on a roster row passed in instead of
// Sense's roster global, so /nrr can apply it to the live numbers it shows:
//   - no roster row, or no period            → eligible (Sense treats an unknown person as in)
//   - start date = started_on, else the date part of created_at (people added before the base were added together)
//   - started after the last day of baseMonth → not eligible until the next quarter
//   - ended_on before the first day of period → not eligible (left before the period)
// Dates are 'YYYY-MM-DD' strings compared as calendar days (UTC), exactly like Sense.
// Pure: no DOM, globals, network, storage or clock.

// person: { started_on?, ended_on?, created_at? } | null · period 'YYYY-MM' · baseMonth 'YYYY-MM' | null
// → { eligible: true } | { eligible: false, reason }
function eligibility(person, period, baseMonth) {
  if (!person || !period) return { eligible: true };
  const pp = String(period).split('-').map(Number);
  const periodStart = Date.UTC(pp[0], pp[1] - 1, 1);
  const startedOn = person.started_on || (person.created_at ? String(person.created_at).slice(0, 10) : null);
  if (startedOn && baseMonth) {
    const bp = String(baseMonth).split('-').map(Number);
    const lastBaseDay = Date.UTC(bp[0], bp[1], 0);
    if (Date.parse(startedOn + 'T00:00:00Z') > lastBaseDay) {
      return { eligible: false, reason: 'เริ่มงาน ' + startedOn + ' หลังเดือนฐาน ' + baseMonth + ' — เข้าเกณฑ์ค่าคอมฯ ตั้งแต่ไตรมาสถัดไป' };
    }
  }
  if (person.ended_on && Date.parse(person.ended_on + 'T00:00:00Z') < periodStart) {
    return { eligible: false, reason: 'ลาออก ' + person.ended_on + ' ก่อนงวด ' + period + ' เริ่ม' };
  }
  return { eligible: true };
}
__FK_REG__['commission/eligibility']=Object.freeze({eligibility});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.expansion
// Owns: Expansion commission — the rate paid on the month's GMV of outlets that are new to the portfolio.
//
// Port of the quarterly branch of `_commComputeUpsellOutlet` (src/07a_commission_engine.js): the month's
// own expansion GMV × rate, never summed across months and never rounded here
// (Sense keeps the float; rounding happens once on the final payout).

// comp: { rate, off } · facts: { outlet_gmv_thb, outlet_ids }
function evalExpansion(comp, facts) {
  const gmv = (facts && facts.outlet_gmv_thb) || 0;
  const rate = (!comp || comp.off) ? 0 : comp.rate;
  return {
    outlet_gmv: gmv,
    commission: gmv * rate,
    expansion_gmv: gmv,
    rate,
    expansion_outlets: (facts && Array.isArray(facts.outlet_ids)) ? facts.outlet_ids.length : 0
  };
}
__FK_REG__['commission/expansion']=Object.freeze({evalExpansion});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.month_labels
// Owns: the clock-free month arithmetic the commission code needs (Thai month labels, used as keys in the upsell files and on the rule screens; days in a month; base-month windows; period ± n months).
//
// These are exact ports of the Sense helpers `_commPeriodToLabel` (src/07a_commission_engine.js),
// `_commDaysInLabel` (src/07a_commission_engine.js), `_commBaseMonthLabels` (src/07a_commission_engine.js) and their /nrr twins
// `nrrThMonthLabel` (src/nrr/nrr_data.js), `nrrDaysInLabel` (src/nrr/nrr_data.js), `nrrP3WindowLabels` (src/nrr/nrr_data.js);
// monthLabelTh / monthShortTh / addMonths are the rule screens' helpers (re-exported by rule_view.js).
// They belong to the future src/domain/period module; they live here until that
// module exists so both apps already share one copy.

const TH_MONTHS = Object.freeze(['ม.ค.', 'ก.พ.', 'มี.ค.', 'เม.ย.', 'พ.ค.', 'มิ.ย.',
  'ก.ค.', 'ส.ค.', 'ก.ย.', 'ต.ค.', 'พ.ย.', 'ธ.ค.']);

const PERIOD_RE = /^(\d{4})-(\d{2})$/;

// 'YYYY-MM' → { y, mo } · anything else → null (String() of the input, trimmed)
function parsePeriod(period) {
  const m = PERIOD_RE.exec(String(period == null ? '' : period).trim());
  if (!m) return null;
  const y = parseInt(m[1], 10), mo = parseInt(m[2], 10);
  if (!y || mo < 1 || mo > 12) return null;
  return { y, mo };
}
// (y, mo) with mo possibly outside 1..12 → 'YYYY-MM' (integer month arithmetic, no Date)
function fmtPeriod(y, mo) {
  const d = (y * 12 + (mo - 1));
  const yy = Math.floor(d / 12), mm = d - yy * 12 + 1;
  return yy + '-' + (mm < 10 ? '0' : '') + mm;
}
// '2026-10' → 'ต.ค. 2569' · unparseable → null
function monthLabelTh(period) {
  const p = parsePeriod(period);
  return p ? TH_MONTHS[p.mo - 1] + ' ' + (p.y + 543) : null;
}
// '2026-10' → 'ต.ค.'
function monthShortTh(period) {
  const p = parsePeriod(period);
  return p ? TH_MONTHS[p.mo - 1] : null;
}
// '2026-10', -1 → '2026-09' · unparseable → null
function addMonths(period, n) {
  const p = parsePeriod(period);
  return p ? fmtPeriod(p.y, p.mo + Number(n || 0)) : null;
}

// '2026-10' → 'ต.ค. 2569' · anything unparseable → null (never a guessed "today")
// (the money path's label; pinned with its Sense and /nrr twins — T48)
function periodToThaiLabel(period) {
  if (!period || typeof period !== 'string') return null;
  const m = /^(\d{4})-(\d{2})$/.exec(period.trim());
  if (!m) return null;
  const yr = parseInt(m[1], 10), mo = parseInt(m[2], 10);
  if (!yr || mo < 1 || mo > 12) return null;
  return TH_MONTHS[mo - 1] + ' ' + (yr + 543);
}

// 'ต.ค. 2569' → 31 · unparseable → 30 (same fallback as 07a:272)
function daysInThaiLabel(label) {
  try {
    const parts = String(label).split(' ');
    const mIdx = TH_MONTHS.indexOf(parts[0]);
    const year = parseInt(parts[1], 10) - 543;
    if (mIdx < 0 || !year) return 30;
    return new Date(year, mIdx + 1, 0).getDate();
  } catch (e) { return 30; }
}

// Labels of baseMonth and the (count-1) months before it, newest first.
// '2026-09', 3 → ['ก.ย. 2569', 'ส.ค. 2569', 'ก.ค. 2569'] — the frozen P3 baseline window.
function baseMonthLabels(baseMonth, count) {
  const parts = String(baseMonth).split('-');
  const yr = parseInt(parts[0], 10), mo = parseInt(parts[1], 10);
  const out = [];
  for (let i = 0; i < count; i++) {
    const d = new Date(yr, mo - 1 - i, 1);
    out.push(TH_MONTHS[d.getMonth()] + ' ' + (d.getFullYear() + 543));
  }
  return out;
}

// '2026-10' → '2026-09'
function shiftPeriod(period, n) {
  const parts = String(period).split('-');
  const d = new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1 + n, 1);
  return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0');
}
__FK_REG__['commission/month_labels']=Object.freeze({TH_MONTHS,parsePeriod,fmtPeriod,monthLabelTh,monthShortTh,addMonths,periodToThaiLabel,daysInThaiLabel,baseMonthLabels,shiftPeriod});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.facts
// Owns: the CommissionFacts contract (appendix A §B0) — the measured inputs a payout is computed from — and the small pure builders both apps use to produce them from their loaded data.
//
// A fact that was not loaded is { status:'missing' }, never 0. Explicit periods refuse
// on any missing fact; legacy periods keep Sense's historical behaviour (see payout.js).
//
// The builders are ports of the exact arithmetic in Sense: P3 30-day normalisation (v313) in
// `_commComputeUpsellSku` (src/07a_commission_engine.js), Expansion in `_commComputeUpsellOutlet` (src/07a_commission_engine.js),
// Handover normalisation in `_commComputeHandoverRetention` (src/07a_commission_engine.js), team membership in
// `_commComputeTeamUpsellMult` (src/07a_commission_engine.js), team baseline in `_qnrrCompute` (src/07c_qnrr_view.js). They are metric-layer
// work and will move to src/domain/perf with round 9; until then both apps call them
// here so there is one copy.
//
// CommissionFacts = {
//   period, email, role,
//   nrr:       { status:'ok'|'missing', pct /* percent, UNROUNDED */, period_missing? },
//   upsell:    { status, groups:[UpsellGroupFact] },
//   expansion: { status, outlet_ids:[…], outlet_gmv_thb },
//   handover:  { status:'ok'|'missing'|'ledger_missing', rows:[{ baseline_norm30_thb, perf_norm30_thb }] }  // rows already HO-once filtered
//   team:      { status, members:[{ email, upsell:{status, groups}, baseline_gmv_thb }] }   // TL only
//   leak:      { status, used, present, passed, leak_pct, norm_pct, squad }                // TL only
//   provenance:{ qnrr_as_of, upsell_as_of, ho_as_of }
// }
// UpsellGroupFact = { account_id, outlet_id, group_key, category, is_new, total_gmv_thb,
//                     existing_raw_thb, existing_norm30_thb, max_baseline_norm30_thb, max_baseline_month, curr_days }

const {daysInThaiLabel}=__FK_REG__['commission/month_labels'];

const FACT_TH = Object.freeze({
  nrr: '%NRR ของเดือนนี้',
  upsell: 'ไฟล์ upsell รายคน',
  expansion: 'รายการสาขาใหม่ (Expansion)',
  handover: 'ไฟล์ Handover',
  team: 'ยอด upsell ของลูกทีม',
  leak: 'ผลวัดพอร์ตรั่ว'
});

function hasIn(container, key) {
  if (!container) return false;
  if (typeof container.has === 'function') return container.has(key);
  if (Array.isArray(container)) return container.indexOf(key) >= 0;
  return !!container[key];
}

// One upsell group fact per (account, outlet, group) that has a row for evalLabel.
// data      { accountId: { outletId: { groupKey: { 'ต.ค. 2569': { totalGmv, existingGmv } } } } }
// baseline  { accountId: { outletId: Set|{groupKey:true} } } — groups bought in the 3-month baseline
// p3Labels  baseMonthLabels(base_month, 3) — the frozen P3 baseline window
// expansionIds  outlets already paid as Expansion; excluded from P1/P3 (07a:531)
function buildUpsellGroups(input) {
  const inp = input || {};
  const data = inp.data || {};
  const baseline = inp.baseline || {};
  const lbl = inp.evalLabel;
  const p3Labels = inp.p3Labels || [];
  const groupCategory = inp.groupCategory || {};
  const exp = inp.expansionIds || [];
  const currDays = daysInThaiLabel(lbl);
  const out = [];
  Object.keys(data).forEach(accountId => {
    const outletMap = data[accountId] || {};
    const baselineByOutlet = baseline[accountId] || {};
    Object.keys(outletMap).forEach(outletId => {
      if (hasIn(exp, String(outletId))) return;
      const outletGroups = outletMap[outletId] || {};
      const outletBaseline = baselineByOutlet[outletId] || {};
      Object.keys(outletGroups).forEach(groupKey => {
        const monthData = outletGroups[groupKey] || {};
        const row = monthData[lbl];
        if (!row) return;
        const isNew = !hasIn(outletBaseline, groupKey);
        const cat = groupCategory[groupKey];
        const rawTotal = row.totalGmv || 0;
        const rawExisting = row.existingGmv || 0;
        const fact = { account_id: accountId, outlet_id: outletId, group_key: groupKey,
                       category: cat || null, is_new: isNew, total_gmv_thb: rawTotal,
                       existing_raw_thb: rawExisting, curr_days: currDays };
        if (!isNew) {
          let maxBaseline = 0, maxBaselineMonth = p3Labels[0];
          for (let i = 0; i < p3Labels.length; i++) {
            const l = p3Labels[i];
            const lRow = monthData[l];
            if (!lRow) continue;
            const d = daysInThaiLabel(l);
            const norm30 = d > 0 ? lRow.totalGmv / d * 30 : lRow.totalGmv;
            if (norm30 > maxBaseline) { maxBaseline = norm30; maxBaselineMonth = l; }
          }
          fact.existing_norm30_thb = currDays > 0 ? rawExisting / currDays * 30 : rawExisting;
          fact.max_baseline_norm30_thb = maxBaseline;
          fact.max_baseline_month = maxBaselineMonth;
        }
        out.push(fact);
      });
    });
  });
  return out;
}

// Expansion outlets of the month from the NRR engine's month rows (07a:904-913).
function expansionFromRows(rows) {
  const ids = [];
  let gmv = 0;
  (rows || []).forEach(r => {
    if (r && r.movement_type === 'expansion') {
      if (r.outlet_id) ids.push(String(r.outlet_id));
      gmv += parseFloat(r.curr_gmv) || 0;
    }
  });
  return { status: 'ok', outlet_ids: ids, outlet_gmv_thb: gmv };
}

// Handover 30-day normalisation of one row (07a:1146-1149).
function handoverNorm30(gmv, days) {
  const d = days > 0 ? days : 30;
  return (gmv || 0) / d * 30;
}

// Team members of a TL for one month (07a:1763-1776): every comm_kam_email under
// comm_tl_email in that month's rows, first-seen order, minus people whose real
// role is not KAM (nonKam: Set or array of lower-case emails).
function teamMembersForPeriod(rows, tlEmail, period, nonKam) {
  const seen = {}, out = [];
  (rows || []).forEach(r => {
    if (!r || r.comm_tl_email !== tlEmail || !r.comm_kam_email) return;
    if (period && r.period_month !== period) return;
    if (hasIn(nonKam, String(r.comm_kam_email).toLowerCase())) return;
    if (seen[r.comm_kam_email]) return;
    seen[r.comm_kam_email] = true;
    out.push(r.comm_kam_email);
  });
  return out;
}

// A KAM's normalised base GMV for the month (07c:807 baselinePrevGmv):
// round(effective_base_norm × 30), falling back to the quarter base_norm.
function kamBaselineGmv(effectiveBaseNorm, baseNorm) {
  return Math.round((effectiveBaseNorm != null ? effectiveBaseNorm : baseNorm || 0) * 30);
}

function ok(f) { return !!(f && f.status === 'ok'); }

// Which facts are not usable for a role. KAM/AD need nrr, upsell, expansion, handover;
// TL needs nrr, team, leak. NRR must also be a finite number.
function missingFacts(facts, role) {
  const f = facts || {};
  const need = role === 'tl' ? ['nrr', 'team', 'leak'] : ['nrr', 'upsell', 'expansion', 'handover'];
  const miss = need.filter(k => !ok(f[k]));
  if (ok(f.nrr) && (f.nrr.pct === null || f.nrr.pct === undefined || isNaN(f.nrr.pct))) miss.push('nrr');
  if (role === 'tl' && ok(f.team)) {
    if (!Array.isArray(f.team.members) || !f.team.members.length) miss.push('team');
    else if (f.team.members.some(m => !m || !ok(m.upsell) || m.baseline_gmv_thb == null || isNaN(m.baseline_gmv_thb))) miss.push('team');
  }
  return miss.filter((k, i) => miss.indexOf(k) === i);
}
__FK_REG__['commission/facts']=Object.freeze({FACT_TH,buildUpsellGroups,expansionFromRows,handoverNorm30,teamMembersForPeriod,kamBaselineGmv,missingFacts});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.feed_completeness
// Owns: whether the input files of a month cover the WHOLE month before its money may be computed (R1-3 i) — %NRR rows, per-person upsell files and the Handover file.
//
// The one copy of the rule (per-file upsell rule, review minor 4): Sense `_commFeedCompleteness`
// (src/07a_commission_engine.js) and /nrr `_nrrExplicitFeedCheck` (src/nrr/nrr_commission.js) pass
// their loaded data in; neither keeps its own copy:
//   %NRR      every row of the month has curr_days ≥ the days of the month
//   upsell    the month is in the files, and EACH person's file either says data_asof_date ≥
//             month end, or — a file without that column — already has the next month in
//             THAT person's own file (another person's file cannot stand in for it)
//   Handover  rows transferred the month before have perf_days ≥ the days of the month
//             (no such rows → decided by the HO-once file check, not here)
// Pure: no clock. → { ok, problems:[Thai], provenance:{ qnrr_as_of, upsell_as_of, ho_as_of } }

const {periodToThaiLabel,shiftPeriod}=__FK_REG__['commission/month_labels'];

// what to do when an upsell file is not complete yet (same sentence as Sense COMM_UPSELL_ASOF_HOWTO_TH)
const UPSELL_ASOF_HOWTO_TH = 'วิธีแก้: รัน sql/q3c_upsell_bulk_all_kams_v4.sql หลังสิ้นเดือนแล้วอัปโหลดไฟล์ upsell รายคนขึ้น R2 ใหม่ ' +
  'จากนั้นกดคำนวณอีกครั้ง (ตอนกดคำนวณ แอปโหลดไฟล์ใหม่ของทุกคนเอง ไม่ต้องปิดเปิดแอป)';

function daysInPeriod(period) {
  const m = /^(\d{4})-(\d{2})$/.exec(String(period || ''));
  return m ? new Date(Date.UTC(parseInt(m[1], 10), parseInt(m[2], 10), 0)).getUTCDate() : NaN;
}

// input: {
//   period,
//   qnrr:     { loaded:Boolean, rows:[{ period_month, curr_days }] } | null,
//   upsell:   { loaded:Boolean,
//               labels:[Thai month labels present in any file] | null,
//               asOfByPerson:{ email: 'YYYY-MM-DD' | null }      (file has rows; null = file does not say),
//               labelsByPerson:{ email: [Thai month labels in THAT file] },
//               refetchFailed:[emails whose file could not be reloaded this run] } | null,
//   handover: { loaded:Boolean, rows:[{ transfer_month, perf_days }] } | null
// }
function feedCompleteness(input) {
  const inp = input || {};
  const period = inp.period;
  const problems = [], prov = { qnrr_as_of: null, upsell_as_of: null, ho_as_of: null };
  const label = periodToThaiLabel(period);
  const days = daysInPeriod(period);
  const head = 'ข้อมูลเดือน ' + (label || String(period || '')) + ' ยังมาไม่ครบ: ';
  if (!label || !isFinite(days)) return { ok: false, problems: [head + 'อ่านงวดไม่ออก'], provenance: prov };
  // %NRR
  const q = inp.qnrr;
  if (!q || !q.loaded || !Array.isArray(q.rows)) problems.push(head + 'ไฟล์ %NRR ยังไม่โหลด');
  else {
    let minDays = Infinity;
    q.rows.forEach(r => { if (r && r.period_month === period) minDays = Math.min(minDays, Number(r.curr_days)); });
    if (minDays === Infinity) problems.push(head + 'ไฟล์ %NRR ยังไม่มีเดือนนี้');
    else if (!(minDays >= days)) {
      problems.push(head + 'ไฟล์ %NRR มีข้อมูลถึงวันที่ ' + (isFinite(minDays) ? minDays : '?') + ' จาก ' + days + ' วัน');
      prov.qnrr_as_of = isFinite(minDays) ? period + '-' + String(minDays).padStart(2, '0') : null;
    } else prov.qnrr_as_of = period + '-' + String(days).padStart(2, '0');
  }
  // upsell — file by file
  const u = inp.upsell;
  const have = (u && u.loaded && Array.isArray(u.labels)) ? u.labels : null;
  const next = periodToThaiLabel(shiftPeriod(period, 1));
  const monthEnd = period + '-' + String(days).padStart(2, '0');
  const asOf = (u && u.asOfByPerson && typeof u.asOfByPerson === 'object') ? u.asOfByPerson : {};
  const labs = (u && u.labelsByPerson && typeof u.labelsByPerson === 'object') ? u.labelsByPerson : {};
  const files = Array.from(new Set(Object.keys(asOf).concat(Object.keys(labs)))).sort();
  const failed = new Set(((u && u.refetchFailed) || []).map(e => String(e || '').trim().toLowerCase()));
  if (!have) problems.push(head + 'ไฟล์ upsell ยังไม่โหลด หรือไม่บอกว่ามีเดือนไหน');
  else if (have.indexOf(label) < 0) problems.push(head + 'ไฟล์ upsell ยังไม่มีเดือนนี้');
  else if (!files.length) problems.push(head + 'ไม่รู้ว่าไฟล์ upsell แต่ละคนมีข้อมูลถึงวันไหน — ' + UPSELL_ASOF_HOWTO_TH);
  else {
    const bad = [], dated = [];
    let viaNext = 0;
    files.forEach(k => {
      const tag = k + (failed.has(String(k).trim().toLowerCase()) ? ' (โหลดไฟล์ใหม่ไม่สำเร็จ ใช้ไฟล์เดิมในเครื่อง)' : '');
      const a = asOf[k];
      if (typeof a === 'string' && a) {
        if (a < monthEnd) bad.push(tag + ' มีข้อมูลถึงวันที่ ' + a);
        else dated.push(a);
        return;
      }
      const own = labs[k];
      if (next && Array.isArray(own) && own.indexOf(next) >= 0) { viaNext++; return; }
      bad.push(tag + ' ไม่บอกวันที่ของข้อมูล (data_asof_date) และไฟล์ของคนนี้ยังไม่มีเดือนถัดไป');
    });
    dated.sort();
    if (bad.length) {
      problems.push(head + 'ไฟล์ upsell ' + bad.length + ' ไฟล์ยังไม่ครบถึง ' + monthEnd + ': ' +
        bad.slice(0, 3).join(' · ') + (bad.length > 3 ? ' …' : '') + ' — ' + UPSELL_ASOF_HOWTO_TH);
    } else prov.upsell_as_of = (dated.length && !viaNext) ? dated[0] : (dated[0] || ('after ' + period));
  }
  // Handover
  const h = inp.handover;
  if (!h || !h.loaded || !Array.isArray(h.rows)) problems.push(head + 'ไฟล์ Handover ยังไม่โหลด');
  else {
    const prev = shiftPeriod(period, -1);
    let minPerf = Infinity;
    h.rows.forEach(r => { if (r && r.transfer_month === prev) minPerf = Math.min(minPerf, Number(r.perf_days)); });
    if (minPerf === Infinity) prov.ho_as_of = null;
    else if (!(minPerf >= days)) problems.push(head + 'ไฟล์ Handover วัดยอดได้ ' + (isFinite(minPerf) ? minPerf : '?') + ' จาก ' + days + ' วัน');
    else prov.ho_as_of = period + '-' + String(days).padStart(2, '0');
  }
  return { ok: !problems.length, problems, provenance: prov };
}
__FK_REG__['commission/feed']=Object.freeze({UPSELL_ASOF_HOWTO_TH,feedCompleteness});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.gate
// Owns: the portfolio gate — the multiplier (×0 / ×0.5 / ×1) a KAM's or AD's whole subtotal is capped by, from %NRR.
//
// Legacy: exact port of `_commComputeGmvGate` (src/07a_commission_engine.js) — plan gate when the plan
// has one, otherwise the frozen global 98/95 thresholds; null %NRR → ×1.0 'legacy';
// in a "team-plan" period with no plan gate → source 'missing' (caller refuses).
// Explicit: plan gate only. Off → ×1. No matching tier → refused (never ×1 by default).

const {halfOpen1dp,halfOpenRaw,legacyGateThresholds1dp}=__FK_REG__['commission/tiers'];
const {NO_EFFECT_MULTIPLIER}=__FK_REG__['commission/defaults'];

function noPct(pct) { return pct === null || pct === undefined; }

// comp: planComponents(...).components.portfolio_gate
// opts: { mode:'legacy'|'explicit', strict: Boolean (legacy team-plan period) }
// → Sense-shaped { ach_pct, cap_multiplier, gate_active, source, zero_below, half_below, tiers_used }
//   plus { status:'ok'|'refused', reason } for explicit callers.
function evalGate(comp, pct, opts) {
  const o = opts || {};
  const explicit = o.mode === 'explicit';

  if (!explicit && noPct(pct)) {
    return { status: 'ok', ach_pct: null, cap_multiplier: NO_EFFECT_MULTIPLIER, gate_active: false,
             source: 'legacy', zero_below: null, half_below: null, tiers_used: null };
  }
  if (explicit && (noPct(pct) || isNaN(pct))) {
    return { status: 'refused', reason: 'nrr_missing', ach_pct: null, cap_multiplier: null, gate_active: false,
             source: 'plan', zero_below: null, half_below: null, tiers_used: null };
  }

  let cap = NO_EFFECT_MULTIPLIER, source = 'legacy', zeroBelow = null, halfBelow = null, tiersUsed = null;
  if (comp && comp.kind === 'plan' && !comp.off) {
    source = 'plan';
    tiersUsed = comp.tiers.map(t => ({ min_value: t.min_value, max_value: t.max_value, payout_value: t.payout_value }));
    comp.tiers.forEach(t => {
      const v = Number(t.payout_value);
      if (v === 0) zeroBelow = t.max_value;
      else if (v > 0 && v < 1) halfBelow = t.max_value;
    });
    const match = comp.raw ? halfOpenRaw(comp.tiers, pct) : halfOpen1dp(comp.tiers, pct);
    if (!match && explicit) {
      return { status: 'refused', reason: 'gate_no_match', ach_pct: pct, cap_multiplier: null, gate_active: false,
               source, zero_below: zeroBelow, half_below: halfBelow, tiers_used: tiersUsed };
    }
    cap = match ? Number(match.payout_value ?? NO_EFFECT_MULTIPLIER) : NO_EFFECT_MULTIPLIER;
  } else if (comp && comp.kind === 'plan' && comp.off) {
    source = 'plan_off';
    cap = NO_EFFECT_MULTIPLIER;
  } else if (explicit) {
    return { status: 'refused', reason: 'gate_missing', ach_pct: pct, cap_multiplier: null, gate_active: false,
             source: 'missing', zero_below: null, half_below: null, tiers_used: null };
  } else if (o.strict) {
    source = 'missing';
    cap = NO_EFFECT_MULTIPLIER;
  } else {
    const p = comp.params;
    zeroBelow = p.threshold_2; halfBelow = p.threshold_1;
    cap = legacyGateThresholds1dp(p, pct).cap;
  }
  return { status: 'ok', ach_pct: pct, cap_multiplier: cap, gate_active: cap < NO_EFFECT_MULTIPLIER,
           source, zero_below: zeroBelow, half_below: halfBelow, tiers_used: tiersUsed };
}
__FK_REG__['commission/gate']=Object.freeze({evalGate});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.handover
// Owns: Handover commission — the GMV bucket chosen by the summed 30-day-normalised baseline of outlets handed over by Sales, and the retention ladder inside that bucket.
//
// Port of the payout part of `_commComputeHandoverRetention` (src/07a_commission_engine.js).
// HO-once ("each outlet counts once", from 2026-10) is NOT decided here: the caller
// passes only the rows that are counted this period, exactly as today.
//
// Bucket comparator by mode:
//   legacy   closedRangeRaw — gmv_min ≤ x ≤ gmv_max on a float, which leaves the
//            ฿49,999.01–49,999.99 gap that pays ฿0 (kept so paid months never move)
//   explicit bucketByMin    — highest gmv_min ≤ x (owner approved 15 Oct 2026), so the
//            gap now pays the lower bucket
// Retention is rounded to 1 dp before the ladder in both modes.

const {closedRangeRaw,bucketByMin,scanDownMinInclusive1dp,legacyFlat1dp}=__FK_REG__['commission/tiers'];

// comp: planComponents(...).components.handover · rows: [{ baseline_norm30_thb, perf_norm30_thb }]
// mode: 'legacy' | 'explicit'
function evalHandover(comp, rows, mode) {
  const list = rows || [];
  let baselineNorm = 0, perfNorm = 0;
  list.forEach(r => { baselineNorm += r.baseline_norm30_thb; perfNorm += r.perf_norm30_thb; });
  const retentionPct = baselineNorm > 0 ? Math.round((perfNorm / baselineNorm * 100) * 10) / 10 : 0;
  const explicit = mode === 'explicit';
  const out = {
    accounts: list.length,
    baseline_gmv: Math.round(baselineNorm),
    current_gmv: Math.round(perfNorm),
    retention_pct: retentionPct,
    tier: 0, payout: 0,
    gmv_tier_label: null,
    gmv_bucket_gmv: Math.round(baselineNorm),
    bucket_cmp: explicit ? 'bucketByMin' : 'closedRangeRaw'
  };
  if (!list.length) {
    out.retention_pct = 0;
    return out;
  }
  if (!comp || comp.off) return out;
  const gmvTiers = comp.gmv_tiers || [];
  if (gmvTiers.length) {
    const matched = explicit ? bucketByMin(gmvTiers, baselineNorm) : closedRangeRaw(gmvTiers, baselineNorm);
    if (matched) {
      out.gmv_tier_label = matched.label || null;
      const hit = scanDownMinInclusive1dp(matched.thresholds || [], retentionPct);
      if (hit) { out.payout = Number(hit.row.payout || 0); out.tier = hit.tier; }
    }
  } else if (comp.flat) {
    const r = legacyFlat1dp(comp.flat, retentionPct);
    out.tier = r.tier; out.payout = r.payout;
  }
  return out;
}
__FK_REG__['commission/handover']=Object.freeze({evalHandover});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.rule_view
// Owns: the RuleView — which commission rules one person is on in one period, as display fields (value, the number actually compared, unit, source, status, Thai reason); screens read rules only from here.
//
// Every number in a RuleView comes from the same domain modules the payout uses:
//   resolvePlan  (assignment.js)  which plan pays this person this month, and through which layer
//   planComponents (components.js) what each money component of that plan is for the month
//   periodMode   (mode.js)        'legacy' (before 2026-10, frozen Q3 path) or 'explicit'
//   tiers.js                       round1 and the comparators the payout uses at a boundary
// so the screen can never show a rule the payout is not using.
//
// Explicit periods (>= 2026-10): there are no fallback values. A component the plan
// does not have is { status:'refused', value:null, reason_th } and the screen shows
// "—" with the reason. Legacy periods show exactly what the frozen legacy path pays
// (the Q3 STD plans, which equal the old global settings).
//
// Pure: no DOM, globals, network, storage or clock. The app passes in what it knows
// about the person (team lead of that month, squad, NRR policy, eligibility).

const {resolvePlan,layerAllowed}=__FK_REG__['commission/assignment'];
const {planComponents}=__FK_REG__['commission/components'];
const {periodMode}=__FK_REG__['commission/mode'];
const {NO_EFFECT_MULTIPLIER}=__FK_REG__['commission/defaults'];
const {parsePeriod,fmtPeriod,monthLabelTh:mlMonthLabelTh,monthShortTh:mlMonthShortTh,addMonths:mlAddMonths}=__FK_REG__['commission/month_labels'];
const {round1,halfOpen1dp,halfOpenRaw,legacyGateThresholds1dp,scanDownMinInclusiveRaw,gateByMinIncremental,closedRangeRaw,bucketByMin}=__FK_REG__['commission/tiers'];

const RULE_VIEW_SCHEMA = 1;

const PERIOD_RE = /^(\d{4})-(\d{2})$/;

const SQUAD_LABEL = Object.freeze({ chain: 'Chain', sa_mc: 'SA/MC' });

// Thai name of each money component, used in "missing" reasons. Plain words, no plan codes.
const PART_TH = Object.freeze({
  nrr: 'ขั้นเงินจาก %NRR',
  portfolio_gate: 'เกต %NRR',
  p1: 'เกณฑ์สินค้าใหม่',
  p3: 'เกณฑ์ซื้อเพิ่ม',
  outlet_expansion: 'อัตราสาขาเปิดใหม่',
  handover: 'ขั้นค่า Handover',
  tl_upsell_mult: 'ตัวคูณ upsell ทีม',
  team_basis: 'เกณฑ์นับยอด upsell ของทีม'
});

const REASON_TH = Object.freeze({
  loading: 'กำลังโหลดเกณฑ์…',
  no_plan: 'ตำแหน่งนี้ยังไม่มีแผนค่าคอมฯ',
  no_policy: 'ยังไม่มีกติกาวิธีคิด %NRR ของเดือนนี้',
  tl_no_gate: 'หัวหน้าทีมไม่มีเกต',
  not_tl_part: 'ส่วนนี้ไม่ได้ใช้กับหัวหน้าทีม',
  tl_only: 'ใช้กับหัวหน้าทีมเท่านั้น'
});

// ── month helpers ────────────────────────────────────────────────────────────
// One copy, in month_labels.js; re-exported because the Sense screens call them on this module
// (07b_cds.js: FK.mod['commission/rule_view'].monthLabelTh / monthShortTh / addMonths).
const monthLabelTh = mlMonthLabelTh;   // '2026-10' → 'ต.ค. 2569' · unparseable → null
const monthShortTh = mlMonthShortTh;   // '2026-10' → 'ต.ค.'
const addMonths = mlAddMonths;         // '2026-10', -1 → '2026-09'
// The three periods of the calendar quarter that holds `period`.
function quarterPeriodsOf(period) {
  const p = parsePeriod(period);
  if (!p) return [];
  const first = p.mo - ((p.mo - 1) % 3);
  return [0, 1, 2].map(i => fmtPeriod(p.y, first + i));
}
// The 3-month window that ends at the base month, as 'ก.ค.–ก.ย.' (the P1/P3 baseline window).
function baseWindowTh(baseMonth) {
  const first = addMonths(baseMonth, -2);
  return (first && baseMonth) ? monthShortTh(first) + '–' + monthShortTh(baseMonth) : null;
}

// ── fields ───────────────────────────────────────────────────────────────────
function field(status, value, extra) {
  const e = extra || {};
  return Object.freeze({
    value: value === undefined ? null : value,
    value_cmp: e.value_cmp === undefined ? null : e.value_cmp,
    unit: e.unit || null,
    source: e.source || 'none',
    status,
    reason_th: e.reason_th || null
  });
}
const blank = (status, reason, unit) => field(status, null, { reason_th: reason, unit });

function num(v) {
  return (v === null || v === undefined || v === '' || isNaN(Number(v))) ? null : Number(v);
}

function sourceOf(comp, planCode, hash) {
  const s = comp && comp.source;
  if (s === 'plan' || s === 'tl_plan') return 'plan:' + planCode + (hash ? '#' + hash : '');
  return s || 'none';
}

// NRR tier rows → { tiers, steps (paying tiers, ascending), step1, step2, top_pay, pays }
function nrrValue(comp) {
  const rows = (comp && !comp.off && comp.tiers) ? comp.tiers : [];
  const tiers = rows.map(t => ({ min: num(t.min_value), max: num(t.max_value), pay: num(t.payout_value) || 0 }))
    .sort((a, b) => (a.min == null ? -Infinity : a.min) - (b.min == null ? -Infinity : b.min));
  const steps = tiers.filter(t => t.pay > 0 && t.min != null).map(t => ({ from: t.min, pay: t.pay }));
  return {
    tiers, steps, rows,
    step1: steps.length ? steps[0].from : null,
    step2: steps.length > 1 ? steps[1].from : null,
    top_pay: steps.length ? steps[steps.length - 1].pay : 0,
    pays: steps.length > 0
  };
}

// Gate component → { kind, tiers [{min,max,mult}], zero_below, half_below, off }
function gateValue(comp) {
  if (!comp) return null;
  if (comp.off) return { kind: 'off', off: true, tiers: [], zero_below: null, half_below: null, comp };
  let tiers;
  if (comp.kind === 'legacy_global') {
    const p = comp.params || {};
    tiers = [
      { min: null, max: num(p.threshold_2), mult: num(p.cap_2) },
      { min: num(p.threshold_2), max: num(p.threshold_1), mult: num(p.cap_1) },
      { min: num(p.threshold_1), max: null, mult: NO_EFFECT_MULTIPLIER }
    ];
  } else {
    tiers = (comp.tiers || []).map(t => ({ min: num(t.min_value), max: num(t.max_value), mult: num(t.payout_value) }))
      .sort((a, b) => (a.min == null ? -Infinity : a.min) - (b.min == null ? -Infinity : b.min));
  }
  // zero_below: where the multiplier first rises above 0 · half_below: where it first reaches ×1
  const firstPaying = tiers.find(t => (t.mult || 0) > 0);
  const firstFull = tiers.find(t => (t.mult || 0) >= 1);
  return {
    kind: comp.kind || 'plan', off: false, tiers,
    zero_below: firstPaying ? firstPaying.min : null,
    half_below: firstFull ? firstFull.min : null,
    comp
  };
}

// P3 → gates sorted by size of the increment, largest first (the order the payout tries them)
function p3Value(comp) {
  if (!comp || comp.off) return { rate: 0, gates: [], off: true, comp };
  const list = (Array.isArray(comp.gates) && comp.gates.length)
    ? comp.gates.map(g => ({ min_incremental: num(g.min_incremental) || 0, multiple: num(g.threshold_pct) }))
    : [{ min_incremental: num(comp.min_incremental) || 0, multiple: num(comp.threshold_pct) }];
  list.sort((a, b) => b.min_incremental - a.min_incremental);
  return { rate: num(comp.rate), gates: list, off: false, comp };
}

function hoValue(comp, onceFrom, period) {
  if (!comp || comp.off) return { off: true, gmv_tiers: [], flat: null, bucket_cmp: null, once_from: onceFrom || null, once_applies: false };
  const tiers = (comp.gmv_tiers || []).map(t => ({
    gmv_min: num(t.gmv_min) || 0, gmv_max: num(t.gmv_max), label: t.label || null,
    thresholds: (t.thresholds || []).map(x => ({ min_retention_pct: num(x.min_retention_pct), payout: num(x.payout) || 0 }))
      .sort((a, b) => a.min_retention_pct - b.min_retention_pct)
  })).sort((a, b) => a.gmv_min - b.gmv_min);
  return {
    off: false, gmv_tiers: tiers, flat: comp.flat || null,
    bucket_cmp: comp.bucket_cmp || null, retention_cmp: comp.retention_cmp || null,
    once_from: onceFrom || null,
    once_applies: !!(onceFrom && PERIOD_RE.test(String(period)) && String(period) >= onceFrom),
    comp
  };
}

function tlMultValue(comp, nrrTopPay) {
  if (!comp) return null;
  if (comp.off) return { kind: 'off', off: true, tiers: [], top_mult: 1, max_payout: nrrTopPay, comp };
  let tiers;
  if (comp.kind === 'plan' && comp.tiers && comp.tiers.length) {
    tiers = comp.tiers.map(t => ({ from: num(t.min_value), to: num(t.max_value), mult: num(t.payout_value) }))
      .sort((a, b) => (a.from == null ? -Infinity : a.from) - (b.from == null ? -Infinity : b.from));
  } else {
    tiers = (comp.fallback_table || []).map(t => ({ from: num(t.min_pct), to: num(t.max_pct), mult: num(t.multiplier) }));
  }
  const top = tiers.reduce((m, t) => Math.max(m, t.mult || 0), 0);
  return { kind: comp.kind || 'plan', off: false, tiers, top_mult: top, max_payout: (nrrTopPay || 0) * top, comp };
}

function teamBasisValue(comp) {
  if (!comp) return null;
  const gates = (Array.isArray(comp.p3_gates) && comp.p3_gates.length)
    ? comp.p3_gates.map(g => ({ min_incremental: num(g.min_incremental) || 0, multiple: num(g.threshold_pct) }))
    : [{ min_incremental: num(comp.p3_min_incremental) || 0, multiple: num(comp.p3_threshold_pct) }];
  gates.sort((a, b) => b.min_incremental - a.min_incremental);
  return { p1_min_gmv: num(comp.p1_min_gmv), p3_gates: gates };
}

function planLabelTh(role, via, squad, mode) {
  const sq = SQUAD_LABEL[squad] || null;
  if (role === 'ad' || role === 'ad_tl') return 'เกณฑ์ของ AD';
  if (role === 'tl') return sq ? 'เกณฑ์หัวหน้าทีม ' + sq : 'เกณฑ์หัวหน้าทีม';
  if (role === 'kam') {
    if (via === 'team' && sq) return 'เกณฑ์ทีม ' + sq;
    if (via === 'team') return 'เกณฑ์ของทีม';
    if (via === 'person' || via === 'pending') return 'เกณฑ์เฉพาะตัว';
    return mode === 'legacy' ? 'เกณฑ์มาตรฐาน' : 'เกณฑ์ที่ยังไม่ได้ผูก';
  }
  return 'เกณฑ์ของตำแหน่งนี้';
}

function eligibilityOf(e) {
  if (!e) return Object.freeze({ eligible: null, reason_th: null });
  return Object.freeze({ eligible: e.eligible === false ? false : (e.eligible === true ? true : null), reason_th: e.reason || e.reason_th || null });
}

function policyField(a, ruleSet, period) {
  const pol = a.policy || ((ruleSet && ruleSet.policies) || {})[period] || null;
  if (!pol) return field('unresolved', null, { reason_th: REASON_TH.no_policy });
  const base = pol.base_month || null;
  return field('ok', {
    commission_mode: pol.commission_mode || null,
    base_mode: pol.base_mode || null,
    base_month: base,
    base_label: base ? monthLabelTh(base) : null,
    base_short: base ? monthShortTh(base) : null,
    base_window_th: base ? baseWindowTh(base) : null,
    quarterly: pol.commission_mode === 'quarterly',
    defaulted: !!pol._defaulted
  }, { value_cmp: base, source: a.policy ? 'policy' : 'ruleset_policy' });
}

const KAM_PARTS = Object.freeze(['nrr', 'gate', 'p1', 'p3', 'expansion', 'category_bonus', 'handover']);
const ALL_FIELDS = Object.freeze(['nrr', 'gate', 'p1', 'p3', 'expansion', 'category_bonus', 'handover', 'tl_mult', 'team_basis']);

function freezeView(v) {
  return Object.freeze(v);
}

// ruleView(ruleSet, args) → RuleView
//   args: { period:'YYYY-MM', email, role (engine role: kam|tl|ad|pm|admin|sales…),
//           teamLeadEmail?, squad? ('chain'|'sa_mc'), policy? ({commission_mode, base_month, …}),
//           hoOnceFrom? ('YYYY-MM'), eligibility? ({eligible, reason}), fresh? }
//   ruleSet null/undefined = not loaded yet → every field 'loading'.
function ruleView(ruleSet, args) {
  const a = args || {};
  const period = String(a.period == null ? '' : a.period);
  const role = String(a.role || 'kam').trim().toLowerCase();
  const email = a.email || null;
  const mode = periodMode(period);
  const head = {
    schema: RULE_VIEW_SCHEMA, period, email, role, mode,
    month_label: monthLabelTh(period), month_short: monthShortTh(period),
    ruleset_hash: (ruleSet && ruleSet.hash) || null,
    fresh: a.fresh !== false,
    eligibility: eligibilityOf(a.eligibility)
  };

  const fill = (status, reason, extra) => {
    const out = Object.assign({}, head, { status, reason_th: reason || null }, extra || {});
    ALL_FIELDS.forEach(k => { if (!out[k]) out[k] = blank(status === 'loading' ? 'loading' : (status === 'no_plan' ? 'not_applicable' : status), reason); });
    return out;
  };

  if (!ruleSet) {
    return freezeView(fill('loading', REASON_TH.loading, { plan: blank('loading', REASON_TH.loading), policy: blank('loading', REASON_TH.loading) }));
  }

  const policy = policyField(a, ruleSet, period);
  const res = resolvePlan(ruleSet, { period, email, role, teamLeadEmail: a.teamLeadEmail || null, squad: a.squad || null }) || {};
  const pc = planComponents(ruleSet, res.planCode, period, mode, role) || {};
  const squad = a.squad || res.squad || null;
  const planVal = {
    code: res.planCode || null,
    via: res.via || null,
    via_allowed: mode === 'explicit' ? (res.via ? layerAllowed(role, res.via) : false) : true,
    team_lead_email: res.teamLeadEmail || a.teamLeadEmail || null,
    squad,
    squad_label: SQUAD_LABEL[squad] || null,
    label_th: planLabelTh(role, res.via, squad, mode)
  };

  // Roles with no scheme at all (PM, admin, sales …): explicit = no component spec for the
  // role; legacy = the resolved plan does not exist (PM's bootstrap PM_NRR_STD).
  const noSpec = (pc.missing || []).indexOf('role_spec') >= 0;
  if (noSpec || (mode === 'legacy' && !pc.plan_id)) {
    return freezeView(fill('no_plan', REASON_TH.no_plan, {
      plan: field('not_applicable', Object.assign({}, planVal, { label_th: null }), { reason_th: REASON_TH.no_plan }),
      policy
    }));
  }

  if (res.status !== 'ok') {
    const why = res.reason_th || 'ยังหาเกณฑ์ของเดือนนี้ไม่เจอ';
    return freezeView(fill('unresolved', why, {
      plan: field('unresolved', planVal, { reason_th: why }),
      policy
    }));
  }

  const hash = (ruleSet && ruleSet.hash) || null;
  const C = pc.components || {};
  const missing = pc.missing || [];
  const refusedReason = key => 'เกณฑ์ของเดือนนี้ยังไม่มี' + (PART_TH[key] || key) + ' — แจ้งเจ้าของระบบ';
  const isTl = role === 'tl';
  const out = Object.assign({}, head, {
    plan: field('ok', planVal, { value_cmp: res.planCode || null, source: sourceOf({ source: 'plan' }, res.planCode, hash) }),
    policy
  });

  // NRR steps
  if (missing.indexOf('nrr') >= 0) out.nrr = blank('refused', refusedReason('nrr'), 'pct');
  else {
    const v = nrrValue(C.nrr);
    out.nrr = field('ok', v, { unit: 'pct', value_cmp: v.steps.map(s => s.from), source: sourceOf(C.nrr, res.planCode, hash) });
  }

  if (isTl) {
    out.gate = blank('not_applicable', REASON_TH.tl_no_gate, 'pct');
    ['p1', 'p3', 'expansion', 'category_bonus', 'handover'].forEach(k => { out[k] = blank('not_applicable', REASON_TH.not_tl_part); });
    if (missing.indexOf('tl_upsell_mult') >= 0) out.tl_mult = blank('refused', refusedReason('tl_upsell_mult'), 'mult');
    else {
      const v = tlMultValue(C.tl_upsell_mult, out.nrr.status === 'ok' ? out.nrr.value.top_pay : 0);
      out.tl_mult = v ? field('ok', v, { unit: 'mult', value_cmp: v.tiers.map(t => t.from), source: sourceOf(C.tl_upsell_mult, res.planCode, hash) })
        : blank('refused', refusedReason('tl_upsell_mult'), 'mult');
    }
    if (missing.indexOf('team_basis') >= 0) out.team_basis = blank('refused', refusedReason('team_basis'), 'thb');
    else {
      const v = teamBasisValue(C.team_basis);
      out.team_basis = v ? field('ok', v, { unit: 'thb', value_cmp: v.p1_min_gmv, source: (C.team_basis && C.team_basis.source) || 'none' })
        : blank('not_applicable', null, 'thb');
    }
  } else {
    out.tl_mult = blank('not_applicable', REASON_TH.tl_only, 'mult');
    out.team_basis = blank('not_applicable', REASON_TH.tl_only, 'thb');
    // gate
    if (missing.indexOf('portfolio_gate') >= 0) out.gate = blank('refused', refusedReason('portfolio_gate'), 'pct');
    else {
      const v = gateValue(C.portfolio_gate);
      out.gate = v ? field('ok', v, { unit: 'pct', value_cmp: [v.zero_below, v.half_below], source: sourceOf(C.portfolio_gate, res.planCode, hash) })
        : blank('refused', refusedReason('portfolio_gate'), 'pct');
    }
    // P1
    if (missing.indexOf('p1') >= 0 || !C.p1) out.p1 = blank('refused', refusedReason('p1'), 'thb');
    else out.p1 = field('ok', { rate: num(C.p1.rate), min_gmv: num(C.p1.min_gmv), off: !!C.p1.off },
      { unit: 'thb', value_cmp: num(C.p1.min_gmv), source: sourceOf(C.p1, res.planCode, hash) });
    // P3
    if (missing.indexOf('p3') >= 0 || !C.p3) out.p3 = blank('refused', refusedReason('p3'), 'thb');
    else {
      const v = p3Value(C.p3);
      out.p3 = field('ok', v, { unit: 'thb', value_cmp: v.gates.map(g => [g.min_incremental, g.multiple]), source: sourceOf(C.p3, res.planCode, hash) });
    }
    // Expansion
    const ex = C.outlet_expansion;
    if (missing.indexOf('outlet_expansion') >= 0 || !ex) out.expansion = blank('refused', refusedReason('outlet_expansion'), 'rate');
    else out.expansion = field('ok', { rate: num(ex.rate), off: !!ex.off }, { unit: 'rate', value_cmp: num(ex.rate), source: sourceOf(ex, res.planCode, hash) });
    // Category bonus (optional component — never refused)
    const cb = C.category_bonus || { categoryRates: {}, groupRates: {} };
    out.category_bonus = field('ok', {
      category_rates: cb.categoryRates || {}, group_rates: cb.groupRates || {},
      any: Object.keys(cb.categoryRates || {}).length + Object.keys(cb.groupRates || {}).length > 0
    }, { unit: 'rate', source: 'plan:' + res.planCode });
    // Handover
    if (missing.indexOf('handover') >= 0 || !C.handover) out.handover = blank('refused', refusedReason('handover'), 'thb');
    else {
      const v = hoValue(C.handover, a.hoOnceFrom || null, period);
      out.handover = field('ok', v, { unit: 'thb', value_cmp: v.gmv_tiers.map(t => t.gmv_min), source: sourceOf(C.handover, res.planCode, hash) });
    }
  }

  const refused = (isTl ? ['nrr', 'tl_mult', 'team_basis'] : KAM_PARTS).filter(k => out[k] && out[k].status === 'refused');
  out.status = refused.length ? 'refused' : 'ok';
  out.reason_th = refused.length ? refused.map(k => out[k].reason_th).join(' · ') : null;
  return freezeView(out);
}

// ── helpers on a RuleView (all compare on the same rounding the payout uses) ──

const okVal = f => (f && f.status === 'ok') ? f.value : null;

// Where `pct` (unrounded %NRR) lands on the NRR steps.
// → { pct_cmp, pay, top, next:{from, pay, gap} | null } · null when the steps are unknown
function nrrStepAt(view, pct) {
  const v = okVal(view && view.nrr);
  if (!v || pct === null || pct === undefined || isNaN(pct)) return null;
  const x = round1(pct);
  const hit = halfOpen1dp(v.rows || [], pct);
  const pay = hit ? (num(hit.payout_value) || 0) : 0;
  const next = v.steps.find(s => s.pay > pay && s.from > x) || null;
  return {
    pct_cmp: x, pay,
    top: v.pays && pay >= v.top_pay,
    next: next ? { from: next.from, pay: next.pay, gap: round1(next.from - x) } : null
  };
}

// Gate band of `pct`: → { pct_cmp, mult, band:'zero'|'half'|'full' } · null when there is no gate
function gateBandAt(view, pct) {
  const v = okVal(view && view.gate);
  if (!v || v.off || pct === null || pct === undefined || isNaN(pct)) return null;
  const x = round1(pct);
  let mult;
  if (v.kind === 'legacy_global') mult = legacyGateThresholds1dp(v.comp.params, pct).cap;
  else {
    const t = v.comp.raw ? halfOpenRaw(v.comp.tiers, pct) : halfOpen1dp(v.comp.tiers, pct);
    if (!t) return null;
    mult = num(t.payout_value);
  }
  return { pct_cmp: x, mult, band: mult >= 1 ? 'full' : (mult > 0 ? 'half' : 'zero') };
}

// Bucci 25 ต.ค. 2569: คำของเกตมาจากตัวคูณที่ตั้งไว้ในเกณฑ์ ห้ามเขียน "ได้ 50%" / "ได้ 0" ตายตัว (ทั้ง Sense และ /nrr)
//   ×0 → "ได้ 0%" · ×0.5 → "ได้ 50%" · ×0.3 → "ได้ 30%" · ×1 ขึ้นไป → "ได้เต็ม" · ไม่รู้ตัวคูณ → null
function gateWordTh(mult) {
  if (mult === null || mult === undefined || mult === '' || isNaN(mult)) return null;
  const m = Number(mult);
  if (m >= 1) return 'ได้เต็ม';
  const p = Math.round(Math.max(0, m) * 1000) / 10;
  return 'ได้ ' + (p % 1 === 0 ? p.toFixed(0) : p.toFixed(1)) + '%';
}

// ตัวคูณของช่วงล่างของเกตคนนี้เดือนนี้ (อ่านจากเกณฑ์ที่ตั้งไว้ ผ่าน gateBandAt ตัวเดียวกับตัวจ่ายเงิน)
//   below = ต่ำกว่าเส้นล่างสุด · mid = ระหว่างเส้นล่างกับเส้นได้เต็ม (null ถ้าไม่มีช่วงกลาง) · ไม่มีเกต → null
function gateMults(view) {
  const v = okVal(view && view.gate);
  if (!v || v.off) return null;
  const z = (v.zero_below === null || v.zero_below === undefined) ? null : Number(v.zero_below);
  const h = (v.half_below === null || v.half_below === undefined) ? null : Number(v.half_below);
  const at = p => { const b = gateBandAt(view, p); return b ? b.mult : null; };
  // ช่วงล่างสุด = ตัวคูณของแถบแรกที่ตั้งไว้ (ไม่เดาว่าเป็น 0) · ช่วงกลาง = ตัวคูณที่เส้นล่าง
  const first = (v.tiers && v.tiers.length) ? v.tiers[0] : null;
  const low = z !== null ? z : h;
  return {
    below: first && first.mult !== null && first.mult !== undefined ? Number(first.mult) : (low !== null ? at(round1(low - 0.1)) : null),
    mid: (z !== null && h !== null && z < h) ? at(z) : null
  };
}

// TL multiplier at team upsell `pct`: → { pct_cmp, mult, next:{from, mult, gap} | null }
// pct_cmp is the value actually compared (1 dp for plan tiers, raw for the legacy table).
function tlMultAt(view, pct) {
  const v = okVal(view && view.tl_mult);
  if (!v || pct === null || pct === undefined || isNaN(pct)) return null;
  if (v.off) return { pct_cmp: round1(pct), mult: NO_EFFECT_MULTIPLIER, next: null };
  let mult = null, x;
  if (v.kind === 'plan') {
    x = v.comp.raw ? Number(pct) : round1(pct);
    const t = v.comp.raw ? halfOpenRaw(v.comp.tiers, pct) : halfOpen1dp(v.comp.tiers, pct);
    mult = t ? num(t.payout_value) : null;
  } else {
    x = Number(pct);
    const hit = scanDownMinInclusiveRaw(v.comp.fallback_table || [], pct, 'min_pct');
    mult = hit ? num(hit.row.multiplier) : NO_EFFECT_MULTIPLIER;
  }
  const next = v.tiers.find(t => t.from != null && t.from > x && (t.mult || 0) > (mult || 0)) || null;
  return { pct_cmp: x, mult, next: next ? { from: next.from, mult: next.mult, gap: Math.round((next.from - x) * 100) / 100 } : null };
}

// Which P3 gate an increment (30-day baht) falls into, the way the payout picks it.
// → { index, size:'large'|'small'|'only', min_incremental, multiple } · null = below every gate
function p3GateAt(view, incremental) {
  const v = okVal(view && view.p3);
  if (!v || v.off || !v.gates.length) return null;
  const gates = v.gates.map(g => ({ min_incremental: g.min_incremental, threshold_pct: g.multiple }));
  const hit = gateByMinIncremental(gates, Number(incremental), null, null);
  if (!hit) return null;
  const i = hit.gate == null ? 0 : hit.gate;
  const size = v.gates.length < 2 ? 'only' : (i === 0 ? 'large' : 'small');
  return { index: i, size, min_incremental: hit.min_incremental, multiple: hit.threshold_pct };
}

// Which Handover bucket a summed baseline (30-day baht) lands in, with the bucket
// comparator of the period. → { index, bucket } · null = below every bucket
function hoBucketAt(view, baseGmv) {
  const v = okVal(view && view.handover);
  if (!v || v.off || !v.gmv_tiers.length || baseGmv === null || baseGmv === undefined || isNaN(baseGmv)) return null;
  const rows = v.gmv_tiers.map(t => ({ gmv_min: t.gmv_min, gmv_max: t.gmv_max, label: t.label, thresholds: t.thresholds }));
  const hit = v.bucket_cmp === 'bucketByMin' ? bucketByMin(rows, Number(baseGmv)) : closedRangeRaw(rows, Number(baseGmv));
  if (!hit) return null;
  const index = rows.findIndex(r => r.gmv_min === hit.gmv_min);
  return { index, bucket: v.gmv_tiers[index] };
}
__FK_REG__['commission/rule_view']=Object.freeze({RULE_VIEW_SCHEMA,SQUAD_LABEL,PART_TH,REASON_TH,monthLabelTh,monthShortTh,addMonths,quarterPeriodsOf,baseWindowTh,ruleView,nrrStepAt,gateBandAt,gateWordTh,gateMults,tlMultAt,p3GateAt,hoBucketAt});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.ladder
// Owns: the %NRR ladder shown on the KAM home card (gate marks + money steps of one person's RuleView for one month) and the "ขายเพิ่มอีก ฿X ถึงขั้นถัดไป · ค่าคอมฯ +฿Y" line — the baht of sales still needed and the payout it would add, re-derived with the payout's own formula and refused (money hidden) when the re-derivation of today's payout does not equal the engine's number.
//
// Bucci 25 ต.ค. 2569 (บอร์ด HomeNew · H4/H5): บันไดเกณฑ์จริงแทนแถบเขียวเต็มหลอด
//   "103% ได้ 50% · 106% ขั้น 1 ฿5,000 · 110% ขั้น 2 ฿10,000" (ต.ค. KAM) — ทุกเส้นจาก RuleView ไม่มีเลขในไฟล์นี้
//   AD = เส้นเกตอย่างเดียว (ไม่มีขั้นเงิน %NRR) · PM / ไม่มีแผน / ยังโหลด = บันไดว่าง
// เงินที่บอกต้องเท่าตัวจ่าย: final = round((ขั้น %NRR + upsell + สาขาใหม่ + HO) × ตัวคูณเกต) (payout.js payoutKam)
//   คิด final ของวันนี้ซ้ำด้วยสูตรนี้ก่อน · ไม่เท่าเลขของตัวจ่าย (ส่วนประกอบไม่ตรง) ⇒ ไม่บอกเงิน บอกแค่ยอดที่ต้องขาย

const {nrrStepAt,gateBandAt,gateWordTh,gateMults}=__FK_REG__['commission/rule_view'];
const {round1}=__FK_REG__['commission/tiers'];
// ไม่มีเกต = ตัวคูณที่ไม่เปลี่ยนเงิน (ค่าจากเจ้าของเลขกฎ defaults.js)
const {NO_EFFECT_MULTIPLIER}=__FK_REG__['commission/defaults'];

const isNum = v => v !== null && v !== undefined && v !== '' && !isNaN(v);
const okVal = f => (f && f.status === 'ok') ? f.value : null;

// บันได: [{ from, kind: 'half'|'full'|'step', step, pay, word_th }] เรียงจากต่ำไปสูง · เส้นเดียวกันรวมเป็นขั้นเดียว
// (ต.ค. KAM: เกตเต็ม 106 = ขั้น 1 106 ⇒ "106% ขั้น 1 ฿5,000")
function ladderOf(view) {
  if (!view || view.status !== 'ok') return Object.freeze([]);
  const g = okVal(view.gate);
  const n = okVal(view.nrr);
  const marks = new Map();
  const put = (from, m) => {
    const k = round1(Number(from));
    const cur = marks.get(k);
    // ขั้นเงินชนะคำของเกตที่เส้นเดียวกัน (ขั้น 1 พูดมากกว่า "ได้เต็ม")
    if (!cur || (m.kind === 'step' && cur.kind !== 'step')) marks.set(k, Object.assign({ from: k }, m));
  };
  if (g && !g.off) {
    // คำของช่วงกลางมาจากตัวคูณที่ตั้งไว้ (gateWordTh) ไม่ใช่ "ได้ 50%" ตายตัว
    const gm = gateMults(view);
    if (isNum(g.zero_below) && isNum(g.half_below) && Number(g.zero_below) < Number(g.half_below)) put(g.zero_below, { kind: 'half', step: null, pay: null, word_th: gateWordTh(gm && gm.mid) || 'ได้บางส่วน' });
    if (isNum(g.half_below)) put(g.half_below, { kind: 'full', step: null, pay: null, word_th: 'ได้เต็ม' });
  }
  const steps = (n && n.steps) ? n.steps.filter(s => isNum(s.from)).slice().sort((a, b) => a.from - b.from) : [];
  steps.forEach((s, i) => put(s.from, { kind: 'step', step: i + 1, pay: Number(s.pay) || 0, word_th: 'ขั้น ' + (i + 1) }));
  return Object.freeze([...marks.values()].sort((a, b) => a.from - b.from).map(m => Object.freeze(m)));
}

// เงินที่ % หนึ่งจะได้ด้วยส่วนอื่นเท่าเดิม (สูตรเดียวกับ payoutKam) · ไม่มีเกต = ตัวคูณที่ไม่เปลี่ยนเงิน
function finalAt(view, pct, others) {
  const st = nrrStepAt(view, pct);
  const gb = gateBandAt(view, pct);
  const pay = st ? (st.pay || 0) : 0;
  const mult = gb ? gb.mult : NO_EFFECT_MULTIPLIER;
  return Math.round((pay + others) * mult);
}

// args: { view, pct, parts: { upsell, outlet, ho } (บาท · null = ยังไม่รู้), final (เลขของตัวจ่ายวันนี้ · null = ไม่รู้),
//         baseGmv (ยอดเดือนฐานปรับ 30 วัน), daysInMonth, roundTo (ปัดยอดขึ้น · ค่าเริ่ม 1000) }
// → null (ถึงขั้นสูงสุดแล้ว / ไม่มีบันได / ข้อมูลไม่พอ)
//   | { from, gap, word_th, baht, bahtRounded, delta: number|null, deltaReason: null|'parts_unknown'|'final_mismatch'|'final_unknown' }
// ยอดที่ต้องขายเพิ่ม = gap% × (ฐาน ÷ 30) × วันของเดือน — มาจากร้านในฐาน/กลับมาซื้อเท่านั้น (ร้านใหม่/รับจาก Sales ไม่ขยับ %NRR)
function nextGain(args) {
  const a = args || {};
  const view = a.view;
  if (!view || view.status !== 'ok' || !isNum(a.pct) || !isNum(a.baseGmv) || !(Number(a.baseGmv) > 0) || !isNum(a.daysInMonth)) return null;
  const x = round1(Number(a.pct));
  const lad = ladderOf(view);
  const p = a.parts || {};
  const known = isNum(p.upsell) && isNum(p.outlet) && isNum(p.ho);
  const others = known ? Number(p.upsell) + Number(p.outlet) + Number(p.ho) : 0;
  const now = finalAt(view, x, others);
  // เส้นถัดไปที่ "เงินขึ้นจริง" (ส่วนอื่นยังไม่รู้ ⇒ เส้นถัดไปที่ขั้น %NRR หรือตัวคูณเกตเพิ่ม)
  let target = null;
  for (const m of lad) {
    if (!(m.from > x)) continue;
    const st0 = nrrStepAt(view, x), st1 = nrrStepAt(view, m.from);
    const g0 = gateBandAt(view, x), g1 = gateBandAt(view, m.from);
    const m0 = g0 ? g0.mult : NO_EFFECT_MULTIPLIER, m1 = g1 ? g1.mult : NO_EFFECT_MULTIPLIER;
    const moves = ((st1 ? st1.pay : 0) > (st0 ? st0.pay : 0)) || (m1 > m0);
    if (moves) { target = m; break; }
  }
  if (!target) return null;
  const gap = round1(target.from - x);
  const baht = gap / 100 * (Number(a.baseGmv) / 30) * Number(a.daysInMonth);
  const step = isNum(a.roundTo) && Number(a.roundTo) > 0 ? Number(a.roundTo) : 1000;
  const bahtRounded = Math.ceil(baht / step) * step;   // ปัดขึ้น — ไม่บอกน้อยกว่าที่ต้องขายจริง
  let delta = null, deltaReason = null;
  if (!known) deltaReason = 'parts_unknown';
  else if (!isNum(a.final)) deltaReason = 'final_unknown';
  else if (now !== Math.round(Number(a.final))) deltaReason = 'final_mismatch';
  else delta = finalAt(view, target.from, others) - now;
  return Object.freeze({ from: target.from, gap, word_th: target.word_th, baht, bahtRounded, delta, deltaReason });
}
__FK_REG__['commission/ladder']=Object.freeze({ladderOf,nextGain});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.upsell
// Owns: P1 (new product group) and P3 (growth on an existing group) commission, including the per-category / per-group bonus rate.
//
// Exact port of the money part of `_commComputeUpsellSku` (src/07a_commission_engine.js), on facts
// instead of the bundle: P1 pays total GMV × rate when total ≥ min (raw baht, never
// rounded); P3 picks a gate by the size of the 30-day-normalised increment, then needs
// increment ≥ the gate's floor AND current > baseline × multiple (strictly). Group
// order and the reduce() sums are kept so totals match Sense to the last bit.

const {minInclusiveRaw,gateByMinIncremental,strictlyGreaterRaw}=__FK_REG__['commission/tiers'];

// _commUpsellRateFor (07a:192-200): group override > category override > base rate.
// A stored 0 is a real "pay nothing" and must win, hence != null, not ||.
function upsellRateFor(rateMap, baseRate, category, groupKey) {
  if (rateMap) {
    if (groupKey != null && rateMap.groupRates && rateMap.groupRates[groupKey] != null) return Number(rateMap.groupRates[groupKey]);
    if (category != null && rateMap.categoryRates && rateMap.categoryRates[category] != null) return Number(rateMap.categoryRates[category]);
  }
  return baseRate;
}

// groups: UpsellGroupFact[] (facts.js) · p1: { rate, min_gmv, off } · p3: { rate, threshold_pct, min_incremental, gates, off }
// rateMap: { categoryRates, groupRates }
// → { p1:{gmv,comm,groups}, p3:{gmv_incremental,comm,groups}, total_comm, total_gmv_eligible, tl_upsell_base }
//   group rows have the same keys, in the same order, as the rows Sense writes to breakdown.upsell_sku.
function evalUpsell(groups, p1, p3, rateMap) {
  const p1Groups = [], p3Groups = [];
  (groups || []).forEach(g => {
    const cat = g.category == null ? undefined : g.category;
    if (g.is_new) {
      if (!p1 || p1.off) return;
      if (!minInclusiveRaw(p1.min_gmv, g.total_gmv_thb)) return;
      const r = upsellRateFor(rateMap, p1.rate, cat, g.group_key);
      p1Groups.push({ accountId: g.account_id, outletId: g.outlet_id, groupKey: g.group_key, category: cat || null,
        applied_rate: r, total_gmv: g.total_gmv_thb, commission: g.total_gmv_thb * r });
      return;
    }
    if (!p3 || p3.off) return;
    const maxBaseline = g.max_baseline_norm30_thb;
    const currNorm = g.existing_norm30_thb;
    const incremental = currNorm - maxBaseline;
    const g3 = gateByMinIncremental(p3.gates, incremental, p3.threshold_pct, p3.min_incremental);
    if (!g3) return;
    if (!minInclusiveRaw(g3.min_incremental, incremental)) return;
    if (!strictlyGreaterRaw(currNorm, maxBaseline, g3.threshold_pct)) return;
    const r3 = upsellRateFor(rateMap, p3.rate, cat, g.group_key);
    p3Groups.push({ accountId: g.account_id, outletId: g.outlet_id, groupKey: g.group_key, category: cat || null,
      applied_rate: r3,
      existing_curr: currNorm,
      existing_curr_raw: g.existing_raw_thb,
      curr_days: g.curr_days,
      max_baseline: maxBaseline,
      max_baseline_month: g.max_baseline_month,
      gate_used: g3.gate, gate_threshold_pct: g3.threshold_pct,
      gate_min_incremental: g3.min_incremental,
      incremental: incremental, commission: incremental * r3 });
  });
  const p1Gmv = p1Groups.reduce((s, x) => s + x.total_gmv, 0);
  const p1Comm = p1Groups.reduce((s, x) => s + x.commission, 0);
  const p3Incr = p3Groups.reduce((s, x) => s + x.incremental, 0);
  const p3Comm = p3Groups.reduce((s, x) => s + x.commission, 0);
  return {
    p1: { gmv: p1Gmv, comm: p1Comm, groups: p1Groups },
    p3: { gmv_incremental: p3Incr, comm: p3Comm, groups: p3Groups },
    total_comm: p1Comm + p3Comm,
    total_gmv_eligible: p1Gmv + p3Incr,
    tl_upsell_base: p1Gmv + p3Incr
  };
}
__FK_REG__['commission/upsell']=Object.freeze({upsellRateFor,evalUpsell});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.tl_mult
// Owns: the TL multiplier — team upsell % (members' P1 GMV + P3 increment over the team's base GMV) and the multiplier tier it lands in.
//
// Port of `_commComputeTeamUpsellMult` (src/07a_commission_engine.js) on facts:
//   team_upsell_gmv  = Σ member P1 GMV + P3 incremental, members qualified with the
//                      team basis (explicit periods: P1/P3 of the team's KAM plan,
//                      components.js) — rates do not matter here, only qualification
//   team_baseline    = Σ member base GMV of the month
//   upsell %         = gmv / baseline × 100 (0 when baseline is 0), unrounded for the match
// Legacy: plan tier (1 dp, min ≤ x < max) when matched, otherwise the hard-coded
// table (raw, highest min ≤ x). Explicit: plan tier only; no match → refused.

const {halfOpen1dp,halfOpenRaw,scanDownMinInclusiveRaw}=__FK_REG__['commission/tiers'];
const {evalUpsell}=__FK_REG__['commission/upsell'];
const {NO_EFFECT_MULTIPLIER}=__FK_REG__['commission/defaults'];

const NO_RATES = Object.freeze({ categoryRates: Object.freeze({}), groupRates: Object.freeze({}) });

// members: [{ email, upsell:{ groups }, baseline_gmv_thb }] · basis: components.team_basis
function teamUpsell(members, basis) {
  const p1 = { rate: 0, min_gmv: basis.p1_min_gmv, off: false };
  const p3 = { rate: 0, threshold_pct: basis.p3_threshold_pct, min_incremental: basis.p3_min_incremental,
               gates: basis.p3_gates || null, off: false };
  let upsellGmv = 0, baselineGmv = 0;
  const per = [];
  (members || []).forEach(m => {
    const u = evalUpsell((m.upsell && m.upsell.groups) || [], p1, p3, NO_RATES);
    upsellGmv += u.tl_upsell_base;
    baselineGmv += m.baseline_gmv_thb || 0;
    per.push({ email: m.email, tl_upsell_base: u.tl_upsell_base, baseline_gmv: m.baseline_gmv_thb || 0 });
  });
  const pct = baselineGmv > 0 ? (upsellGmv / baselineGmv * 100) : 0;
  return { upsell_gmv: upsellGmv, baseline_gmv: baselineGmv, upsell_pct: pct, members: per };
}

// comp: components.tl_upsell_mult · upsellPct: unrounded percent · mode
// → { status, multiplier, tier, source }
function evalTlMult(comp, upsellPct, mode) {
  const explicit = mode === 'explicit';
  if (comp && comp.off) return { status: 'ok', multiplier: NO_EFFECT_MULTIPLIER, tier: 1, source: 'plan_off' };
  if (comp && comp.kind === 'plan' && comp.tiers && comp.tiers.length) {
    const t = comp.raw ? halfOpenRaw(comp.tiers, upsellPct) : halfOpen1dp(comp.tiers, upsellPct);
    if (t) return { status: 'ok', multiplier: Number(t.payout_value ?? NO_EFFECT_MULTIPLIER), tier: t.tier_order || 1, source: 'plan' };
    if (explicit) return { status: 'refused', reason: 'mult_no_match', multiplier: null, tier: null, source: 'plan' };
  } else if (explicit) {
    return { status: 'refused', reason: 'mult_missing', multiplier: null, tier: null, source: 'missing' };
  }
  const hit = scanDownMinInclusiveRaw((comp && comp.fallback_table) || [], upsellPct, 'min_pct');
  // legacy table rows all carry a multiplier (LEGACY_GLOBALS_2026Q3.tl_mult_table, frozen), so 07a's
  // `|| 1.0` can never fire for them; nothing matched (a negative %) → the ×1 start value
  if (hit) return { status: 'ok', multiplier: Number(hit.row.multiplier), tier: hit.index + 1, source: 'legacy_table' };
  return { status: 'ok', multiplier: NO_EFFECT_MULTIPLIER, tier: 1, source: 'legacy_table' };
}
__FK_REG__['commission/tl_mult']=Object.freeze({teamUpsell,evalTlMult});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.live
// Owns: assembling one person's CommissionFacts for a month that is still open, from plain inputs an app already has (unrounded %NRR, Expansion rows, counted Handover rows, the person's parsed upsell file, team members), so a screen can show the exact amount payroll will pay instead of an estimate.
//
// Nothing here computes money: it only shapes facts with the builders in facts.js
// (buildUpsellGroups, expansionFromRows, handoverNorm30) and leaves the money to payout.js
// payoutKam / payoutTl — the same functions /nrr's rewrite uses. A fact the caller could not
// get is { status:'missing', why } and the payout refuses on it; nothing becomes 0.
//
// TL members are kept small on purpose (a team screen may hold every member at once):
// teamMemberFact keeps only the upsell groups that add to the team upsell under the team basis
// (P1/P3 of the team's KAM plan). Groups that add exactly nothing are dropped, which leaves every sum in teamUpsell
// (tl_mult.js) — and therefore the multiplier — bit-for-bit the same.

const {buildUpsellGroups,expansionFromRows,handoverNorm30}=__FK_REG__['commission/facts'];
const {teamUpsell}=__FK_REG__['commission/tl_mult'];
const {daysInThaiLabel}=__FK_REG__['commission/month_labels'];

function missing(why) {
  return { status: 'missing', why: why || null };
}

// Upsell facts of one person for one month from a parsed upsell file (upsell_bundle.js or an
// app's own ingest: { data, baselineGroups, groupCategory, monthLabels? }).
// opts: { evalLabel, p3Labels, expansionIds, requireMonth } — requireMonth: refuse when the file
// does not contain evalLabel (the app passes the month list it trusts; omitted = no check).
function upsellFacts(bundle, opts) {
  const o = opts || {};
  if (!bundle || !bundle.data) return missing('no_bundle');
  if (!Object.keys(bundle.data).length) return missing('empty_bundle');
  if (Array.isArray(o.requireMonth) && o.requireMonth.length && o.requireMonth.indexOf(o.evalLabel) < 0) {
    return missing('month_not_in_file');
  }
  return { status: 'ok', groups: buildUpsellGroups({ data: bundle.data, baseline: bundle.baselineGroups || {},
    evalLabel: o.evalLabel, p3Labels: o.p3Labels || [], expansionIds: o.expansionIds || [],
    groupCategory: bundle.groupCategory || {} }) };
}

// Group facts of EVERY outlet (built once per file with expansionIds [] and kept small), minus the
// outlets paid as Expansion this time — the same skip buildUpsellGroups applies per outlet, so
// building with the ids or filtering afterwards gives the same facts in the same order. Lets an app
// keep one person's facts across changes of %NRR/rules instead of re-reading the file.
// allGroups = buildUpsellGroups(... expansionIds: []) · opts: { evalLabel, months (the file's months), expansionIds }
function upsellFromGroups(allGroups, opts) {
  const o = opts || {};
  if (!Array.isArray(allGroups)) return missing('no_bundle');
  if (!Array.isArray(o.months) || !o.months.length) return missing('empty_bundle');
  if (o.months.indexOf(o.evalLabel) < 0) return missing('month_not_in_file');
  const exp = {};
  (o.expansionIds || []).forEach(id => { exp[String(id)] = true; });
  return { status: 'ok', groups: allGroups.filter(g => !exp[String(g.outlet_id)]) };
}

// A month's existing-customer GMV on the 30-day basis P3 compares (v313: both sides normalised) —
// the same normalisation buildUpsellGroups applies to the evaluated month, for screens that look at
// other months of the quarter. monthLabel 'ต.ค. 2569'.
function existingNorm30(rawExisting, monthLabel) {
  const d = daysInThaiLabel(monthLabel);
  const raw = rawExisting || 0;
  return d > 0 ? raw / d * 30 : raw;
}

// Expansion fact: from the month's NRR rows (quarterly) or an already-built fact (monthly mode).
function expansionFact(input) {
  const i = input || {};
  if (i.fact && i.fact.status === 'ok') return i.fact;
  if (Array.isArray(i.rows)) return expansionFromRows(i.rows);
  return missing('no_expansion');
}

// Handover fact: status from the app ('ok' | 'missing' | 'ledger_missing') and the rows it counted
// this period (HO-once already applied), as raw { baseline_gmv, baseline_days, perf_gmv, perf_days }.
function handoverFact(status, rows) {
  if (status !== 'ok') return { status: status === 'ledger_missing' ? 'ledger_missing' : 'missing' };
  return { status: 'ok', rows: (rows || []).map(r => ({
    baseline_norm30_thb: handoverNorm30(r.baseline_gmv, r.baseline_days),
    perf_norm30_thb: handoverNorm30(r.perf_gmv, r.perf_days)
  })) };
}

function nrrFact(input) {
  if (input && input.period_missing) return { status: 'missing', period_missing: true, pct: null };
  const pct = input ? input.pct : null;
  if (pct === null || pct === undefined) return { status: 'missing', pct: null };
  return { status: 'ok', pct };
}

// KAM / AD facts for payoutKam.
// input: { period, email, role, nrr:{ pct, period_missing }, upsell, expansion, handover, provenance }
//   upsell / expansion / handover = the facts above
function kamLiveFacts(input) {
  const i = input || {};
  return { period: i.period, email: i.email, role: i.role || 'kam', nrr: nrrFact(i.nrr),
           upsell: i.upsell || missing('no_upsell'), expansion: i.expansion || missing('no_expansion'),
           handover: i.handover || { status: 'missing' }, provenance: i.provenance || null };
}

// One team member of a TL, reduced to what the TL multiplier reads.
// upsell = upsellFacts(...) of the member · baselineGmv = the member's base GMV of the month (null = unknown)
// basis = planComponents(...).components.team_basis of the TL's plan
function teamMemberFact(email, upsell, baselineGmv, basis) {
  const base = (baselineGmv === null || baselineGmv === undefined || isNaN(baselineGmv)) ? null : baselineGmv;
  if (!upsell || upsell.status !== 'ok') return { email, upsell: missing(upsell && upsell.why), baseline_gmv_thb: base };
  const kept = (upsell.groups || []).filter(g =>
    teamUpsell([{ email, upsell: { groups: [g] }, baseline_gmv_thb: 0 }], basis).upsell_gmv !== 0);
  return { email, upsell: { status: 'ok', groups: kept }, baseline_gmv_thb: base };
}

// TL facts for payoutTl.
// input: { period, email, nrr:{ pct, period_missing }, members:[teamMemberFact] | null, leak:{ used, present, passed,
//          leak_pct, norm_pct, squad } | null, provenance }
function tlLiveFacts(input) {
  const i = input || {};
  const team = Array.isArray(i.members) ? { status: 'ok', members: i.members } : missing('no_members');
  const leak = i.leak ? Object.assign({ status: 'ok' }, i.leak) : missing('no_leak');
  return { period: i.period, email: i.email, role: 'tl', nrr: nrrFact(i.nrr), team, leak,
           provenance: i.provenance || null };
}
__FK_REG__['commission/live']=Object.freeze({upsellFacts,upsellFromGroups,existingNorm30,expansionFact,handoverFact,kamLiveFacts,teamMemberFact,tlLiveFacts});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.rules_used
// Owns: the rules_used record (schema 1, appendix A §B5) written into breakdown.rules_used of every explicit-mode payout row — which plan, values and comparators produced the money.
//
// History screens must read this record instead of today's rules. Legacy rows do not
// get it (they keep their existing keys).

const {SPEC_VERSION}=__FK_REG__['commission/defaults'];
const {canonicalJson,hash53}=__FK_REG__['commission/rule_set'];

const COMM_DOMAIN_VERSION = '0.1.0';
const RULES_USED_SCHEMA = 1;

function tierTriples(tiers) {
  return (tiers || []).map(t => [t.min_value == null ? null : Number(t.min_value),
                                 t.max_value == null ? null : Number(t.max_value),
                                 Number(t.payout_value)]);
}

// The tiers a payout row was actually computed with, read back from the row itself:
// rules_used (schema 1) first, else the config_snapshot keys Sense writes
// (nrr_tiers_used; gate_tiers_used when gate_source === 'plan').
// → { tiers:[{min_value,max_value,payout_value}], off, source:'rules_used'|'config_snapshot' } or null
// (null = the row never recorded them — callers must not substitute today's tiers).
// which: 'nrr' | 'gate'. Used by the NRR-only recompute of explicit periods (use case T7).
function frozenTiersOf(breakdown, which) {
  const bd = breakdown || {};
  const ru = (bd.rules_used && bd.rules_used.schema === RULES_USED_SCHEMA) ? bd.rules_used : null;
  const key = which === 'gate' ? 'gate' : 'nrr';
  const comp = ru && ru.components ? ru.components[key] : null;
  if (comp && Array.isArray(comp.tiers)) {
    return { tiers: comp.tiers.map(t => ({ min_value: t[0], max_value: t[1], payout_value: t[2] })),
             off: comp.off === true, source: 'rules_used' };
  }
  const cs = bd.config_snapshot || {};
  if (which === 'gate') {
    if (cs.gate_source === 'plan' && Array.isArray(cs.gate_tiers_used) && cs.gate_tiers_used.length) {
      return { tiers: cs.gate_tiers_used, off: false, source: 'config_snapshot' };
    }
    return null;
  }
  return (Array.isArray(cs.nrr_tiers_used) && cs.nrr_tiers_used.length)
    ? { tiers: cs.nrr_tiers_used, off: false, source: 'config_snapshot' } : null;
}

// Fingerprint of the RULES in a rules_used.components record (schema 1) — the values and comparators
// a payout row was computed with. The lock compares it with the same record built from the plan's
// CURRENT rules (lock.js rulesNowFor), so a rule edited after Compute cannot be locked unnoticed.
// Left out on purpose: handover.once_from (a date line, not a plan rule), tl_mult.team_basis.source
// (WHERE the team-upsell cut-offs come from — since 24 Oct 2026 always the team's KAM plan — not
// their values: a draft made with the same values must not be invalidated), policy,
// provenance and ruleset_hash (that one moves on ANY plan edit, not only this plan's).
// The record is JSON-normalised first, so a freshly built record and one read back from the DB
// (jsonb) hash the same.
function rulesFingerprint(componentsRecord) {
  if (!componentsRecord || typeof componentsRecord !== 'object') return null;
  const c = JSON.parse(JSON.stringify(componentsRecord));
  if (c.handover && typeof c.handover === 'object') delete c.handover.once_from;
  if (c.tl_mult && c.tl_mult.team_basis && typeof c.tl_mult.team_basis === 'object') delete c.tl_mult.team_basis.source;
  return hash53(canonicalJson(c));
}

// rulesUsed — the public builder (appendix A §B4). Two call shapes:
//   rulesUsed({ mode, ruleSet, resolution, components, policy, provenance, periodStatus, role, hoOnceFrom })
//   rulesUsed(resolution, components, policy, provenance, extra?)   // extra: { mode, ruleSet, periodStatus, role, hoOnceFrom }
// `components` is planComponents(...).components (or the whole planComponents result).
function rulesUsed(a, components, policy, provenance, extra) {
  if (arguments.length >= 2) {
    const x = extra || {};
    const comps = components && components.components ? components.components : components;
    return buildRulesUsed(Object.assign({}, x, {
      mode: x.mode || (a && a.mode) || (components && components.mode) || null,
      resolution: a, components: comps, policy, provenance }));
  }
  return buildRulesUsed(a);
}

// args: { mode, ruleSet, resolution, components, policy, provenance, periodStatus, role }
function buildRulesUsed(args) {
  const a = args || {};
  const c = a.components || {};
  const res = a.resolution || {};
  const pol = a.policy || {};
  const prov = a.provenance || {};
  const comps = {};
  if (c.nrr) comps.nrr = { tiers: tierTriples(c.nrr.tiers), off: !!c.nrr.off, cmp: c.nrr.cmp || 'halfOpen1dp' };
  if (c.portfolio_gate) comps.gate = { tiers: tierTriples(c.portfolio_gate.tiers), off: !!c.portfolio_gate.off,
                                        cmp: c.portfolio_gate.raw ? 'halfOpenRaw' : 'halfOpen1dp' };
  if (c.p1) comps.p1 = { rate: c.p1.rate, min_gmv_thb: c.p1.min_gmv, off: !!c.p1.off, cmp: 'minInclusiveRaw' };
  if (c.p3) comps.p3 = { rate: c.p3.rate, off: !!c.p3.off,
                         gates: (c.p3.gates && c.p3.gates.length)
                           ? c.p3.gates.map(g => [Number(g.min_incremental), Number(g.threshold_pct)])
                           : [[c.p3.min_incremental, c.p3.threshold_pct]],
                         normalise: 'norm30_both_sides', cmp: 'strictlyGreaterRaw', gate_cmp: 'gateByMinIncremental' };
  if (c.outlet_expansion) comps.expansion = { rate: c.outlet_expansion.rate, off: !!c.outlet_expansion.off };
  if (c.category_bonus) comps.category_bonus = { category_rates: c.category_bonus.categoryRates || {},
                                                  group_rates: c.category_bonus.groupRates || {} };
  if (c.handover) comps.handover = { gmv_tiers: c.handover.gmv_tiers || [], off: !!c.handover.off,
                                     bucket_cmp: c.handover.bucket_cmp, retention_cmp: c.handover.retention_cmp,
                                     once_from: a.hoOnceFrom || null };
  if (c.tl_upsell_mult) comps.tl_mult = { tiers: tierTriples(c.tl_upsell_mult.tiers), off: !!c.tl_upsell_mult.off,
                                           cmp: c.tl_upsell_mult.raw ? 'halfOpenRaw' : 'halfOpen1dp',
                                           team_basis: c.team_basis ? {
                                             source: c.team_basis.source, p1_min_gmv_thb: c.team_basis.p1_min_gmv,
                                             p3_multiple: c.team_basis.p3_threshold_pct, p3_min_incremental_thb: c.team_basis.p3_min_incremental,
                                             p3_gates: c.team_basis.p3_gates || null } : null };
  const plan = ((a.ruleSet && a.ruleSet.all_plans) || {})[res.planCode] || {};
  return {
    schema: RULES_USED_SCHEMA,
    module: 'commrules@' + COMM_DOMAIN_VERSION,
    mode: a.mode,
    ruleset_hash: (a.ruleSet && a.ruleSet.hash) || null,
    period_status: a.periodStatus || 'draft',
    role: a.role || null,
    plan: { code: res.planCode || null, id: plan.id || res.planId || null, via: res.via || null,
            team_lead_email: res.teamLeadEmail || null, squad: res.squad || null, spec_version: SPEC_VERSION },
    policy: { commission_mode: pol.commission_mode || null, base_mode: pol.base_mode || null,
              base_month: pol.base_month || null, quarter_id: pol.quarter_id || null },
    components: comps,
    provenance: Object.assign({ qnrr_as_of: null, upsell_as_of: null, ho_as_of: null, computed_by: null }, prov)
  };
}
__FK_REG__['commission/rules_used']=Object.freeze({COMM_DOMAIN_VERSION,RULES_USED_SCHEMA,frozenTiersOf,rulesFingerprint,rulesUsed,buildRulesUsed});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.lock
// Owns: whether a period's commission rows may be locked (draft → final) or rewritten — exactly one complete compute run, every row stamped, from a build not older than the floor.
//
// The one lock rule (R1-5): Sense `_commLockDraftsProblem` (src/07a_commission_engine.js) and /nrr
// `nrrSchemeLockPeriod` (src/nrr/nrr_scheme.js) both call lockProblems. The DB backstop
// docs/supabase-migration-commission-lock-guard-2026-10.sql enforces the same thing for old clients —
// APPLIED in production (migration commission_lock_guard_2026_10):
//   1. there are drafts                                   'no_drafts'
//   2. every draft has engine_build and compute_id, and every draft that is not
//      "not eligible" (type 'skipped') has rules_used schema 1        'unstamped'
//   3. every draft was computed by a build ≥ the floor of its app       'old_build'
//   4. all drafts carry ONE compute_id                                  'mixed_runs'
//   5. the number of drafts equals that run's compute_rows              'incomplete_run'
// Checks 1-5 and their Thai messages are byte-for-byte Sense's for Sense-stamped drafts.
// Added (inert when, like Sense, the caller passes drafts only):
//   6. no row of the period is already final                           'partially_locked'
//   7. no row has a status other than draft/final                      'unknown_status'
//   and builds stamped by /nrr ('nrr-v181') are compared with the /nrr floor, never with Sense's.
// Added round D (19 Oct 2569 — draft months became editable on #/scheme), when the caller passes
// opts.rulesNow (rulesNowFor over the CURRENT rules, read fresh):
//   8. every draft's person still resolves to the plan it was computed with, through the period's
//      CURRENT assignments (opts.plansNow = plansNowFor)                   'plan_changed'
//   9. every draft's rules_used still equals its plan's current rules  'rules_changed'
//      (rows whose rules_used carries no plan/components — test stubs — are not compared)
// Legacy periods (< 2026-10) are not checked: they lock exactly as before.

const {periodMode}=__FK_REG__['commission/mode'];
const {MIN_BUILD_DEFAULT}=__FK_REG__['commission/defaults'];
const {planComponents}=__FK_REG__['commission/components'];
const {buildRulesUsed,rulesFingerprint}=__FK_REG__['commission/rules_used'];
const {resolvePlan}=__FK_REG__['commission/assignment'];

const RULES_CHANGED_TH = 'เกณฑ์เปลี่ยนหลังคำนวณร่าง — กดคำนวณใหม่ก่อนล็อก';
const PLAN_CHANGED_TH = 'ผูกเกณฑ์ใหม่หลังคำนวณร่าง — กดคำนวณใหม่ก่อนล็อก';

// 'v338' → { app:'sense', n:338 } · 'nrr-v181' → { app:'nrr', n:181 } · anything else → null
function parseBuild(v) {
  const s = String(v == null ? '' : v).trim();
  const m = /^(nrr-)?v?(\d+)/i.exec(s);
  if (!m) return null;
  return { app: m[1] ? 'nrr' : 'sense', n: parseInt(m[2], 10), text: s };
}

// { sense, nrr } floors from target_settings values (strings or null) with the code defaults
function minBuilds(senseMin, nrrMin) {
  const t = v => (v != null && String(v).trim() !== '') ? String(v).trim().replace(/^"|"$/g, '') : null;
  return { sense: t(senseMin) || MIN_BUILD_DEFAULT.sense, nrr: t(nrrMin) || MIN_BUILD_DEFAULT.nrr };
}

function floorsOf(minBuild) {
  if (minBuild && typeof minBuild === 'object') return minBuilds(minBuild.sense, minBuild.nrr);
  return minBuilds(minBuild, null);
}

// is build `v` not older than the floor of its own app?
function buildAtLeast(v, minBuild) {
  const p = parseBuild(v);
  if (!p) return false;
  const floor = parseBuild(floorsOf(minBuild)[p.app]);
  return !!(floor && floor.app === p.app && p.n >= floor.n);
}

function bdOf(r) { return (r && r.breakdown && typeof r.breakdown === 'object') ? r.breakdown : {}; }
function statusOf(r) { return String((r && r.snapshot_status) || '').toLowerCase(); }
function stamped(r) {
  const bd = bdOf(r);
  return !!(bd.engine_build && bd.compute_id && (bd.type === 'skipped' || (bd.rules_used && bd.rules_used.schema === 1)));
}
// the plan a stamped draft was computed with: 'PLAN_CODE|role' · null = nothing to compare (stub / skipped row)
function planKeyOf(r) {
  const ru = bdOf(r).rules_used;
  if (!ru || ru.schema !== 1 || !ru.plan || !ru.plan.code || !ru.components) return null;
  return ru.plan.code + '|' + (ru.role || (r && r.beneficiary_role) || '');
}

// The CURRENT rules fingerprint of every plan the period's drafts were computed with:
// { 'PLAN_CODE|role': fingerprint | null } — null = the plan is now missing/inactive/incomplete for that role.
// Built exactly like the rows' own record: planComponents → buildRulesUsed().components → rulesFingerprint.
// ruleSet must be the rules read fresh from the database at lock time (not a copy loaded hours earlier).
function rulesNowFor(ruleSet, rows, period) {
  const out = {};
  (rows || []).filter(Boolean).forEach(r => {
    const k = planKeyOf(r);
    if (!k || Object.prototype.hasOwnProperty.call(out, k)) return;
    const cut = k.lastIndexOf('|');
    let fp = null;
    try {
      const pc = planComponents(ruleSet, k.slice(0, cut), period, 'explicit', k.slice(cut + 1));
      if (pc.status === 'ok') fp = rulesFingerprint(buildRulesUsed({ components: pc.components }).components);
    } catch (e) { fp = null; }
    out[k] = fp;
  });
  return out;
}

// who a stamped draft pays: 'role|email' (lower-case) — the key of plansNowFor
function personKeyOf(r) {
  const ru = bdOf(r).rules_used;
  return (ru.role || (r && r.beneficiary_role) || '') + '|' + String((r && r.beneficiary_email) || '').trim().toLowerCase();
}

// The plan each stamped draft's person resolves to NOW: { 'role|email': planCode | null } (null = unresolved).
// Same resolver and inputs as the money path: period, email, role (scope = role), and for a KAM the team
// lead RECORDED in the row (rules_used.plan.team_lead_email) — the apps look a KAM's team lead up from
// different sources (Sense portview, /nrr the %NRR file then portview), so a live lookup could resolve a
// different squad plan for a /nrr lock of a Sense draft and refuse wrongly. Only rows that recorded none
// (person layer) ask teamLeadOf(email): a deleted person row then resolves to the team plan and is caught.
// ruleSet must carry the period's assignments read fresh at lock
// time: a re-point after Compute (AD role_default → a monthly plan, a new person plan, a team plan
// replacing a person's) leaves the old plan's rules unchanged, so check 9 alone would not see it.
function plansNowFor(ruleSet, rows, period, teamLeadOf) {
  const out = {};
  (rows || []).filter(Boolean).forEach(r => {
    if (!planKeyOf(r)) return;
    const k = personKeyOf(r);
    if (Object.prototype.hasOwnProperty.call(out, k)) return;
    const ru = bdOf(r).rules_used;
    const role = ru.role || r.beneficiary_role;
    let tl = null;
    if (role === 'kam') {
      tl = ru.plan.team_lead_email || null;
      if (!tl) {
        try { tl = (typeof teamLeadOf === 'function' && teamLeadOf(r.beneficiary_email)) || null; } catch (e) { tl = null; }
      }
    }
    let code = null;
    try {
      const res = resolvePlan(ruleSet, { period, email: r.beneficiary_email, role, teamLeadEmail: tl, squad: ru.plan.squad || null });
      code = res.status === 'ok' ? res.planCode : null;
    } catch (e) { code = null; }
    out[k] = code;
  });
  return out;
}

function ok(extra) { return Object.assign({ ok: true, code: '', th: '' }, extra || {}); }
function bad(code, th, extra) { return Object.assign({ ok: false, code, th }, extra || {}); }

// rows: every row of the period the caller read (any status) or, like Sense, the drafts only.
// opts: { period, minBuild: 'v338' | { sense, nrr }, now? (reserved; no rule depends on time yet) }
// → { ok, code, th, computeId?, rows? }   th = '' when ok
function lockProblems(rows, opts) {
  const o = opts || {};
  if (o.period && periodMode(o.period) !== 'explicit') return ok({ code: 'legacy' });
  const all = (rows || []).filter(Boolean);
  const drafts = all.filter(r => statusOf(r) === 'draft');
  if (!drafts.length) return bad('no_drafts', 'ไม่มีร่างของงวดนี้ — กดคำนวณก่อน');
  const unstamped = drafts.filter(r => !stamped(r));
  if (unstamped.length) {
    return bad('unstamped', 'ร่าง ' + unstamped.length + ' แถวไม่มีบันทึกเกณฑ์ที่ใช้หรือรุ่นของแอป (คิดจากแอปรุ่นก่อนตัวกันชุดนี้) — กดคำนวณใหม่ก่อนล็อก',
      { count: unstamped.length });
  }
  const floors = floorsOf(o.minBuild);
  const old = drafts.filter(r => !buildAtLeast(bdOf(r).engine_build, floors));
  if (old.length) {
    const p = parseBuild(bdOf(old[0]).engine_build);
    return bad('old_build', 'ร่าง ' + old.length + ' แถวคิดจากแอปรุ่น ' + bdOf(old[0]).engine_build + ' ซึ่งเก่ากว่ารุ่นต่ำสุด (' +
      floors[(p && p.app) || 'sense'] + ') — กดคำนวณใหม่ก่อนล็อก', { count: old.length });
  }
  const ids = [];
  drafts.forEach(r => { const id = bdOf(r).compute_id; if (ids.indexOf(id) < 0) ids.push(id); });
  if (ids.length > 1) return bad('mixed_runs', 'ร่างของงวดนี้มาจากการคำนวณ ' + ids.length + ' รอบปนกัน — กดคำนวณใหม่ก่อนล็อก', { ids });
  const want = Number(bdOf(drafts[0]).compute_rows);
  if (!(want > 0) || drafts.length !== want) {
    return bad('incomplete_run', 'ร่างของรอบคิดล่าสุดไม่ครบ (มี ' + drafts.length + ' จาก ' + (want > 0 ? want : '?') + ' แถว) — กดคำนวณใหม่ก่อนล็อก');
  }
  const finals = all.filter(r => statusOf(r) === 'final');
  if (finals.length) {
    return bad('partially_locked', 'งวดนี้มีแถวที่ปิดไปแล้ว ' + finals.length + ' แถวปนอยู่กับร่าง — ปิดซ้อนแบบนี้ไม่ได้ แจ้งผู้ดูแลระบบ');
  }
  const other = all.filter(r => statusOf(r) !== 'draft' && statusOf(r) !== 'final');
  if (other.length) return bad('unknown_status', 'มี ' + other.length + ' แถวที่สถานะไม่ใช่ร่างหรือปิดแล้ว — แจ้งผู้ดูแลระบบ');
  if (o.plansNow && typeof o.plansNow === 'object') {
    const moved = drafts.filter(r => {
      if (!planKeyOf(r)) return false;
      const now = o.plansNow[personKeyOf(r)];
      return !now || now !== bdOf(r).rules_used.plan.code;
    });
    if (moved.length) {
      return bad('plan_changed', PLAN_CHANGED_TH, { count: moved.length,
        people: moved.map(r => ({ email: r.beneficiary_email, was: bdOf(r).rules_used.plan.code, now: o.plansNow[personKeyOf(r)] || null })) });
    }
  }
  if (o.rulesNow && typeof o.rulesNow === 'object') {
    const stale = drafts.filter(r => {
      const k = planKeyOf(r);
      if (!k) return false;
      const now = o.rulesNow[k];
      return !now || now !== rulesFingerprint(bdOf(r).rules_used.components);
    });
    if (stale.length) {
      const plans = [];
      stale.forEach(r => { const c = bdOf(r).rules_used.plan.code; if (plans.indexOf(c) < 0) plans.push(c); });
      return bad('rules_changed', RULES_CHANGED_TH, { count: stale.length, plans });
    }
  }
  return ok({ computeId: ids[0], rows: drafts.length });
}

// Is this set of rows (all of ONE status — e.g. the drafts or the finals a rewrite replaces)
// one complete, stamped compute run? Same rules as lockProblems minus the build floor
// (the run is about to be replaced, its build does not matter). → { ok, code, th, computeId }
function runProblems(rows) {
  const list = (rows || []).filter(Boolean);
  if (!list.length) return bad('no_rows', 'งวดนี้ยังไม่มีแถวค่าคอมฯ');
  const unstamped = list.filter(r => !stamped(r));
  if (unstamped.length) {
    return bad('unstamped', unstamped.length + ' แถวของงวดนี้ไม่มีบันทึกเกณฑ์ที่ใช้หรือรุ่นของแอป (คิดจากแอปรุ่นเก่า) — กดคำนวณในแอป Sense ก่อน');
  }
  const ids = [];
  list.forEach(r => { const id = bdOf(r).compute_id; if (ids.indexOf(id) < 0) ids.push(id); });
  if (ids.length > 1) return bad('mixed_runs', 'แถวของงวดนี้มาจากการคำนวณ ' + ids.length + ' รอบปนกัน — กดคำนวณในแอป Sense ใหม่ก่อน', { ids });
  const want = Number(bdOf(list[0]).compute_rows);
  if (!(want > 0) || list.length !== want) {
    return bad('incomplete_run', 'แถวของรอบคิดล่าสุดไม่ครบ (มี ' + list.length + ' จาก ' + (want > 0 ? want : '?') + ' แถว) — กดคำนวณในแอป Sense ใหม่ก่อน');
  }
  return ok({ computeId: ids[0], rows: list.length });
}

// Thai text for the DB backstop's error codes (both apps show it instead of the raw message)
const LOCK_DB_ERROR_TH = Object.freeze({
  COMM_LOCK_UNSTAMPED: 'ฐานข้อมูลไม่รับ: มีแถวที่ปิดงวดแล้วแต่ไม่มีบันทึกเกณฑ์ที่ใช้ รุ่นของแอป หรือเลขรอบคิด — กดคำนวณใหม่ในแอปรุ่นล่าสุดก่อน',
  COMM_LOCK_OLD_BUILD: 'ฐานข้อมูลไม่รับ: แถวคิดจากแอปรุ่นเก่ากว่ารุ่นต่ำสุดที่คิดเงินได้ — ปิดแล้วเปิดแอปใหม่ แล้วกดคำนวณใหม่',
  COMM_LOCK_MIXED_RUNS: 'ฐานข้อมูลไม่รับ: แถวที่ปิดงวดมาจากการคำนวณหลายรอบปนกัน — กดคำนวณใหม่ก่อนปิดงวด',
  COMM_LOCK_INCOMPLETE_RUN: 'ฐานข้อมูลไม่รับ: ปิดงวดได้ไม่ครบทุกแถวของรอบคิด (ห้ามปิดครึ่งงวด) — กดคำนวณใหม่ก่อนปิดงวด'
});
function lockDbErrorTh(message) {
  const m = /(COMM_LOCK_[A-Z_]+)/.exec(String(message == null ? '' : message));
  return m && LOCK_DB_ERROR_TH[m[1]] ? LOCK_DB_ERROR_TH[m[1]] : null;
}
__FK_REG__['commission/lock']=Object.freeze({RULES_CHANGED_TH,PLAN_CHANGED_TH,parseBuild,minBuilds,buildAtLeast,rulesNowFor,plansNowFor,lockProblems,runProblems,LOCK_DB_ERROR_TH,lockDbErrorTh});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.nrr_tier
// Owns: the baht a %NRR earns from a plan's NRR tier ladder (not the %NRR itself — that is a metric).
//
// Port of `_commMatchTierByCode` (src/07a_commission_engine.js) + `_commPayoutForPctByCode` (src/07a_commission_engine.js):
// round to 1 dp, min ≤ x < max, no match → ฿0 (in both modes — an NRR ladder that
// starts at 106% legitimately pays nothing below it).

const {halfOpen1dp,round1}=__FK_REG__['commission/tiers'];

// comp: { tiers, off } from planComponents · pct: percent, unrounded (null allowed in legacy)
function evalNrr(comp, pct) {
  const valueCmp = (pct === null || pct === undefined || isNaN(pct)) ? null : round1(pct);
  if (!comp || comp.off) return { amount: 0, tier: null, value_cmp: valueCmp };
  const t = halfOpen1dp(comp.tiers || [], pct);
  return { amount: t ? Number(t.payout_value || 0) : 0, tier: t, value_cmp: valueCmp };
}
__FK_REG__['commission/nrr']=Object.freeze({evalNrr});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.payout
// Owns: how the components add up to one person's money for one period — KAM/AD (subtotal × gate) and TL (NRR tier × team multiplier) — and every reason a payout is refused.
//
// Composition is an exact port of `_commBuildKamPayout` (src/07a_commission_engine.js) and
// `_commBuildTlPayout` (src/07a_commission_engine.js), including the order of the refusal checks:
//   KAM/AD  subtotal = nrr + (P1 + P3) + expansion + handover ; final = round(subtotal × gate)
//   TL      leak gate first ; final = round(nrr tier × team multiplier)
//
// Legacy periods (< 2026-10) reproduce Sense byte-for-byte (frozen globals, silent
// fallbacks kept). Explicit periods (>= 2026-10) refuse instead: incomplete rule set,
// unresolved plan, missing component, missing fact, gate/multiplier tier gap, and a
// portfolio gate / TL multiplier switched off in the plan (Sense M2, f542eb7: the spec
// says a component may be switched off, not that an off money multiplier pays ×1 —
// that waits for the owner, so it is refused with 'gate_off' / 'tl_mult_off').
// Other components switched off pay ฿0 (evaluators). A refused result has final_payout = null — never 0.

const {periodMode}=__FK_REG__['commission/mode'];
const {resolvePlan,usePlanCode}=__FK_REG__['commission/assignment'];
const {planComponents}=__FK_REG__['commission/components'];
const {missingFacts,FACT_TH}=__FK_REG__['commission/facts'];
const {evalNrr}=__FK_REG__['commission/nrr'];
const {evalGate}=__FK_REG__['commission/gate'];
const {evalUpsell}=__FK_REG__['commission/upsell'];
const {evalExpansion}=__FK_REG__['commission/expansion'];
const {evalHandover}=__FK_REG__['commission/handover'];
const {teamUpsell,evalTlMult}=__FK_REG__['commission/tl_mult'];
const {buildRulesUsed}=__FK_REG__['commission/rules_used'];
const {NO_EFFECT_MULTIPLIER}=__FK_REG__['commission/defaults'];

const REFUSAL_TH = Object.freeze({
  data_unavailable: 'ไฟล์ %NRR ยังไม่มีข้อมูลเดือนนี้',
  plan_unavailable: 'ยังไม่ได้ผูกเกณฑ์ค่าคอมฯ ของงวดนี้ให้คนนี้',
  plan_incomplete: 'เกณฑ์ค่าคอมฯ ที่ผูกไว้ยังตั้งไม่ครบ',
  facts_missing: 'ข้อมูลที่ใช้คิดเงินยังไม่ครบ',
  upsell_unavailable: 'ไฟล์ upsell รายคนยังโหลดไม่ครบ',
  ho_ledger_missing: 'ยังคิดค่า Handover งวดนี้ไม่ได้ (ดึงรายชื่อสาขาที่เคยได้ HO ไม่สำเร็จ)',
  ho_file_missing: 'ไฟล์ Handover ยังไม่มีเดือนที่รับโอนของงวดนี้',
  nrr_missing: 'ยังไม่มี %NRR ของเดือนนี้',
  gate_no_match: '%NRR ตกช่องว่างของเกตในเกณฑ์ (เกณฑ์เกตไม่ครบทุกช่วง)',
  gate_missing: 'เกณฑ์ไม่มีเกตพอร์ต',
  leak_unavailable: 'ยังไม่มีผลวัดพอร์ตรั่วของทีมนี้',
  mult_no_match: 'ยอด upsell ทีมตกช่องว่างของตัวคูณในเกณฑ์',
  mult_missing: 'เกณฑ์ไม่มีตัวคูณ upsell ของหัวหน้าทีม',
  gate_off: 'เกตพอร์ตของเกณฑ์ถูกปิดไว้ (active=false) — ยังไม่ได้ตกลงว่าปิดเกตแล้วจ่ายเต็ม ×1 หรือไม่ จึงยังไม่คิดเงิน',
  tl_mult_off: 'ตัวคูณ upsell ของเกณฑ์ถูกปิดไว้ (active=false) — ยังไม่ได้ตกลงว่าปิดแล้วคูณ ×1 หรือไม่ จึงยังไม่คิดเงิน'
});

// The exact sentences Sense shows (07a _commBuildKamPayout / _commBuildTlPayout, M2) — plan code included
function gateOffTh(planCode) {
  return 'เกตพอร์ตของเกณฑ์ ' + planCode + ' ถูกปิดไว้ (active=false) — ' +
    'ยังไม่ได้ตกลงว่าปิดเกตแล้วจ่ายเต็ม ×1 หรือไม่ จึงยังไม่คิดเงิน (เปิดเกตในเกณฑ์ หรือให้เจ้าของระบบยืนยันก่อน)';
}
function tlMultOffTh(planCode) {
  return 'ตัวคูณ upsell ของเกณฑ์ ' + planCode + ' ถูกปิดไว้ (active=false) — ' +
    'ยังไม่ได้ตกลงว่าปิดแล้วคูณ ×1 หรือไม่ จึงยังไม่คิดเงิน (เปิดตัวคูณในเกณฑ์ หรือให้เจ้าของระบบยืนยันก่อน)';
}

function reason(code, th, extra) {
  return Object.assign({ code, th: th || REFUSAL_TH[code] || code }, extra || {});
}

function resolutionFor(ruleSet, facts, opts) {
  if (opts.resolution) return opts.resolution;
  const args = { period: facts.period, email: facts.email, role: facts.role || opts.role || 'kam',
                 teamLeadEmail: opts.teamLeadEmail, squad: opts.squad };
  if (opts.planCode) return usePlanCode(ruleSet, Object.assign(args, { planCode: opts.planCode, via: opts.via || 'frozen' }));
  return resolvePlan(ruleSet, args);
}

function planOf(res) {
  return res ? { code: res.planCode || null, via: res.via || null, team_lead_email: res.teamLeadEmail || null,
                 squad: res.squad || null, strict: !!res.strict, missed: !!res.missed } : null;
}

function refusedResult(base, reasons, extra) {
  return Object.assign(base, { status: 'refused', reasons, final_payout: null }, extra || {});
}

function factsMissingReason(miss) {
  return reason('facts_missing', 'ข้อมูลยังไม่ครบ: ' + miss.map(k => FACT_TH[k] || k).join(', '), { missing: miss });
}

// payoutKam(ruleSet, facts, opts) — KAM and AD (and any role paid like a KAM).
// opts: { resolution? | planCode? (frozen) , teamLeadEmail?, squad?, policy?, periodStatus?, hoOnceFrom? }
function payoutKam(ruleSet, facts, opts) {
  const f = facts || {}, o = opts || {};
  const role = f.role || o.role || 'kam';
  const mode = periodMode(f.period);
  const base = { status: null, mode, period: f.period, email: f.email, role, reasons: [], plan: null, rules_used: null };

  if (f.nrr && f.nrr.period_missing) return refusedResult(base, [reason('data_unavailable')]);
  const res = resolutionFor(ruleSet, f, o);
  base.plan = planOf(res);
  if (res.status !== 'ok') {
    return refusedResult(base, [reason(mode === 'legacy' ? 'plan_unavailable' : (res.reason || 'plan_unavailable'), res.reason_th)],
      { plan_unavailable: true });
  }
  const pc = planComponents(ruleSet, res.planCode, f.period, mode, role);
  if (pc.status !== 'ok') return refusedResult(base, [reason('plan_incomplete', pc.reason_th, { missing: pc.missing })], { plan_unavailable: true });
  const C = pc.components;
  if (mode === 'explicit' && C.portfolio_gate && C.portfolio_gate.off === true) {
    return refusedResult(base, [reason('gate_off', gateOffTh(res.planCode))], { gate_off: true, nrr_pct: (f.nrr && f.nrr.status === 'ok') ? f.nrr.pct : null });
  }

  if (mode === 'explicit') {
    const miss = missingFacts(f, role);
    if (f.handover && f.handover.status === 'ledger_missing') return refusedResult(base, [reason('ho_ledger_missing')]);
    if (f.handover && f.handover.status === 'missing') return refusedResult(base, [reason('ho_file_missing')]);
    if (miss.length) return refusedResult(base, [factsMissingReason(miss)]);
  }

  const pct = (f.nrr && f.nrr.status === 'ok') ? f.nrr.pct : null;
  const nrr = evalNrr(C.nrr, pct);

  if (!f.upsell || f.upsell.status !== 'ok') return refusedResult(base, [reason('upsell_unavailable')], { upsell_unavailable: true });
  const sku = evalUpsell(f.upsell.groups, C.p1, C.p3, C.category_bonus);
  const outlet = evalExpansion(C.outlet_expansion, (f.expansion && f.expansion.status === 'ok') ? f.expansion : null);

  const hoStatus = (f.handover && f.handover.status) || 'missing';
  if (hoStatus === 'ledger_missing') return refusedResult(base, [reason('ho_ledger_missing')]);
  const ho = evalHandover(C.handover, hoStatus === 'ok' ? f.handover.rows : [], mode);
  ho.data_missing = hoStatus === 'missing';

  const gate = evalGate(C.portfolio_gate, pct, { mode, strict: !!res.strict });
  if (gate.status === 'refused') return refusedResult(base, [reason(gate.reason)], { gate });
  if (gate.source === 'missing') {
    return refusedResult(base, [reason('plan_unavailable', 'งวดนี้ตั้งเกณฑ์รายทีมแล้ว แต่เกณฑ์ของคนนี้ไม่มีเกตพอร์ต', { missing_component: 'portfolio_gate' })],
      { plan_unavailable: true, gate });
  }

  const subtotal = nrr.amount + sku.total_comm + outlet.commission + ho.payout;
  const finalPayout = Math.round(subtotal * gate.cap_multiplier);
  return Object.assign(base, {
    status: 'ok',
    nrr_pct: pct,
    nrr_payout: nrr.amount,
    nrr_value_cmp: nrr.value_cmp,
    upsell_sku: sku,
    upsell_outlet: outlet,
    handover: ho,
    gate,
    subtotal,
    gate_cap: gate.cap_multiplier,
    final_payout: finalPayout,
    rules_used: mode === 'explicit'
      ? buildRulesUsed({ mode, ruleSet, resolution: res, components: C, policy: o.policy, provenance: f.provenance,
                         periodStatus: o.periodStatus, role, hoOnceFrom: o.hoOnceFrom })
      : null
  });
}

// payoutTl(ruleSet, facts, opts) — team lead.
function payoutTl(ruleSet, facts, opts) {
  const f = facts || {}, o = opts || {};
  const role = 'tl';
  const mode = periodMode(f.period);
  const base = { status: null, mode, period: f.period, email: f.email, role, reasons: [], plan: null, rules_used: null };

  if (f.nrr && f.nrr.period_missing) return refusedResult(base, [reason('data_unavailable')]);
  const pct = (f.nrr && f.nrr.status === 'ok') ? f.nrr.pct : null;
  const res = resolutionFor(ruleSet, Object.assign({}, f, { role }), o);
  base.plan = planOf(res);
  if (res.status !== 'ok') {
    return refusedResult(base, [reason(mode === 'legacy' ? 'plan_unavailable' : (res.reason || 'plan_unavailable'), res.reason_th)],
      { plan_unavailable: true, nrr_pct: pct });
  }
  const pc = planComponents(ruleSet, res.planCode, f.period, mode, role);
  if (pc.status !== 'ok') return refusedResult(base, [reason('plan_incomplete', pc.reason_th, { missing: pc.missing })], { plan_unavailable: true });
  const C = pc.components;
  if (mode === 'explicit' && C.tl_upsell_mult && C.tl_upsell_mult.off === true) {
    return refusedResult(base, [reason('tl_mult_off', tlMultOffTh(res.planCode))], { tl_mult_off: true, nrr_pct: pct });
  }

  if (mode === 'explicit') {
    const miss = missingFacts(f, role);
    if (miss.length) return refusedResult(base, [factsMissingReason(miss)]);
  }

  const leak = (f.leak && f.leak.status === 'ok') ? f.leak : { used: false, present: true, passed: true };
  if (leak.used && !leak.present) return refusedResult(base, [reason('leak_unavailable')], { leak_unavailable: true, nrr_pct: pct });
  if (leak.used && !leak.passed) {
    return Object.assign(base, {
      status: 'ok', nrr_pct: pct, nrr_payout: 0,
      leak_gate: { passed: false, leak_pct: leak.leak_pct, norm_pct: leak.norm_pct, squad: leak.squad || null },
      upsell_mult: { multiplier: NO_EFFECT_MULTIPLIER, tier: 1 }, final_payout: 0,
      rules_used: mode === 'explicit'
        ? buildRulesUsed({ mode, ruleSet, resolution: res, components: C, policy: o.policy, provenance: f.provenance,
                           periodStatus: o.periodStatus, role })
        : null
    });
  }

  const nrr = evalNrr(C.nrr, pct);

  if (!f.team || f.team.status !== 'ok') return refusedResult(base, [reason('upsell_unavailable')], { upsell_unavailable: true, nrr_pct: pct });
  const members = f.team.members || [];
  if (members.some(m => !m || !m.upsell || m.upsell.status !== 'ok')) {
    return refusedResult(base, [reason('upsell_unavailable')], { upsell_unavailable: true, nrr_pct: pct });
  }
  let upsellMult;
  if (!members.length) {
    upsellMult = { team_upsell_gmv: 0, team_baseline_gmv: 0, team_upsell_pct: 0, multiplier: NO_EFFECT_MULTIPLIER, tier: 1 };
  } else {
    const t = teamUpsell(members, C.team_basis);
    const m = evalTlMult(C.tl_upsell_mult, t.upsell_pct, mode);
    if (m.status === 'refused') return refusedResult(base, [reason(m.reason)], { nrr_pct: pct });
    upsellMult = { team_upsell_gmv: t.upsell_gmv, team_baseline_gmv: t.baseline_gmv,
                   team_upsell_pct: Math.round(t.upsell_pct * 100) / 100, multiplier: m.multiplier, tier: m.tier,
                   kam_count: members.length };
    if (mode === 'explicit') upsellMult.members = t.members;
  }
  const finalPayout = Math.round(nrr.amount * upsellMult.multiplier);
  return Object.assign(base, {
    status: 'ok',
    nrr_pct: pct,
    nrr_payout: nrr.amount,
    nrr_value_cmp: nrr.value_cmp,
    leak_gate: leak.used ? { passed: true, leak_pct: leak.leak_pct, norm_pct: leak.norm_pct, squad: leak.squad || null } : null,
    upsell_mult: upsellMult,
    final_payout: finalPayout,
    rules_used: mode === 'explicit'
      ? buildRulesUsed({ mode, ruleSet, resolution: res, components: C, policy: o.policy, provenance: f.provenance,
                         periodStatus: o.periodStatus, role })
      : null
  });
}

// One plain-Thai sentence for a refused result (preview lists, skipped rows).
function refusalTh(result) {
  if (!result || result.status !== 'refused') return '';
  return (result.reasons || []).map(r => r.th || r.code).join(' · ');
}
__FK_REG__['commission/payout']=Object.freeze({REFUSAL_TH,gateOffTh,tlMultOffTh,payoutKam,payoutTl,refusalTh});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.preclose
// Owns: the checks a month must pass before its commission is closed — nobody who has left is paid, every working KAM/AD has data in every money file, no shop belongs to two people in the same month, and every money file covers the same day — computed from what an app already loaded, so the admin sees a red line instead of finding the error next month.

// ตรวจค่าคอมฯ ต.ค. 2569 (29–30 ต.ค.) เจอ 3 เรื่องที่ไม่มีอะไรบอกเลย จนต้องไล่มือ:
//   Wanmai ลาออกแล้วยังได้ ฿5,000 · Jajee เข้าทีมแล้วไม่มีข้อมูลในไฟล์ไหนเลย · ไฟล์อัปเดตไม่พร้อมกัน
// โมดูลนี้ไม่คิดเงินและไม่ตัดใครออก — บอกอย่างเดียวว่าข้อไหนไม่ผ่าน พร้อมรายชื่อ ให้คนตัดสิน

const CHECK_KEYS = Object.freeze(['left_paid', 'active_no_data', 'shop_two_owners', 'asof_mismatch']);
const PAID_ROLES = Object.freeze(['kam', 'ad']);           // คนที่ต้องมีข้อมูลในไฟล์ของตัวเอง
const TITLE_TH = Object.freeze({
  left_paid: 'คนที่ลาออกแล้วต้องไม่ได้เงิน',
  active_no_data: 'KAM / AD ที่ยังทำงานต้องมีข้อมูลครบทุกไฟล์',
  shop_two_owners: 'ร้านหนึ่งร้านเป็นของคนเดียวในเดือนนี้',
  asof_mismatch: 'ไฟล์เงินทุกไฟล์ต้องเป็นข้อมูลวันเดียวกัน'
});

function lc(s) { return String(s == null ? '' : s).trim().toLowerCase(); }

// input:
//   payees      [{ email, role }]                 คนที่มีแถวเงินงวดนี้ (KAM/AD/TL)
//   people      [{ email, role, active }]         รายชื่อจากระบบ (active=false = ลาออกแล้ว) · role: kam | ad | tl | pm | …
//   ownerRows   [{ outlet_id, owner_email, movement }]   แถว %NRR ของเดือนนี้ (KAM + AD/PM) · movement transfer_out ไม่นับเป็นเจ้าของ
//   upsellFiles { email: true | false }           มีไฟล์ upsell รายคนไหม (ไม่ส่งคีย์ = ไม่ได้ตรวจ)
//   asOf        { 'kam_rep_view.csv': 'YYYY-MM-DD', … }   วันข้อมูลล่าสุดของแต่ละไฟล์ (ไม่ส่ง = ไม่ได้ตรวจ)
// → { status: 'ok' | 'fail', checks: [{ key, ok, title_th, items: [{ who, why_th }], skipped }] }
function preCloseChecks(input) {
  const i = input || {};
  const people = new Map();
  (i.people || []).forEach(p => { if (p && p.email) people.set(lc(p.email), p); });

  const leftPaid = [];
  (i.payees || []).forEach(p => {
    const em = lc(p && p.email);
    if (!em) return;
    const who = people.get(em);
    if (!who) leftPaid.push({ who: em, why_th: 'ได้เงินงวดนี้ แต่ไม่มีชื่อในรายชื่อทีม' });
    else if (who.active === false) leftPaid.push({ who: em, why_th: 'ได้เงินงวดนี้ ทั้งที่สถานะลาออกแล้ว' });
  });

  const rowsBy = new Map(), owners = new Map();
  (i.ownerRows || []).forEach(r => {
    if (!r || r.movement === 'transfer_out') return;
    const em = lc(r.owner_email);
    if (!em) return;
    rowsBy.set(em, (rowsBy.get(em) || 0) + 1);
    const o = String(r.outlet_id);
    if (!owners.has(o)) owners.set(o, new Set());
    owners.get(o).add(em);
  });

  const noData = [];
  people.forEach((p, em) => {
    if (p.active === false || PAID_ROLES.indexOf(lc(p.role)) < 0) return;
    const why = [];
    if (!rowsBy.get(em)) why.push('ไม่มีร้านในไฟล์ %NRR เดือนนี้');
    if (i.upsellFiles && Object.prototype.hasOwnProperty.call(i.upsellFiles, em) && i.upsellFiles[em] === false) why.push('ไม่มีไฟล์ upsell');
    if (why.length) noData.push({ who: em, why_th: why.join(' · ') });
  });

  const twoOwners = [];
  owners.forEach((set, outlet) => {
    if (set.size > 1) twoOwners.push({ who: outlet, why_th: 'อยู่ในไฟล์ของ ' + Array.from(set).sort().join(' และ ') });
  });

  const asof = i.asOf || null;
  const asofItems = [];
  if (asof) {
    const days = Array.from(new Set(Object.values(asof).filter(Boolean))).sort();
    if (days.length > 1) {
      const latest = days[days.length - 1];
      Object.keys(asof).sort().forEach(f => { if (asof[f] !== latest) asofItems.push({ who: f, why_th: 'ข้อมูลถึง ' + (asof[f] || 'ไม่ทราบ') + ' (ไฟล์อื่นถึง ' + latest + ')' }); });
    }
  }

  const checks = [
    { key: 'left_paid', items: leftPaid, skipped: !(i.people && i.payees) },
    { key: 'active_no_data', items: noData, skipped: !(i.people && i.ownerRows) },
    { key: 'shop_two_owners', items: twoOwners.sort((a, b) => (a.who < b.who ? -1 : 1)), skipped: !i.ownerRows },
    { key: 'asof_mismatch', items: asofItems, skipped: !asof }
  ].map(c => Object.assign(c, { ok: !c.skipped && c.items.length === 0, title_th: TITLE_TH[c.key] }));
  // ตรวจไม่ได้ ≠ ผ่าน: ข้อที่ไม่มีข้อมูลให้ตรวจทำให้ผลรวมเป็น 'incomplete' ไม่ใช่ 'ok'
  const status = checks.some(c => !c.skipped && c.items.length) ? 'fail' : checks.some(c => c.skipped) ? 'incomplete' : 'ok';
  return { status, checks };
}
__FK_REG__['commission/preclose']=Object.freeze({CHECK_KEYS,PAID_ROLES,preCloseChecks});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept commission.upsell_bundle
// Owns: reading ONE person's upsell file (sense_upsell_{key}.csv) from its text into the bundle the payout needs — month rows per (account, outlet, group), the groups bought in the P1 baseline window, group categories, the months the file covers and its data_asof_date — without any app's global ingest.
//
// Why it exists: Sense's ingest (`ingestCSVText` 'bulk-upsell', src/02_data_pipeline.js) merges every
// file into one global and costs ~20 MB of heap per person, so a team screen cannot load everyone.
// This parser keeps only what payout needs (optionally only the months it needs) so the caller can
// build facts and drop the rest. Field for field it produces what the Sense parser and /nrr's
// `nrrFetchUpsellBundle` (src/nrr/nrr_data.js) produce:
//   columns     account_id, outlet_id, month_label, group_key, existing_gmv, total_gmv, category, …
//               (trailing columns are ignored; data_asof_date is found by its header name)
//   leaf        data[account][outlet][group][month] = { existingGmv, totalGmv } — a repeated row wins
//   baseline    a group counts as bought when total_gmv > 0 in a P1 baseline month (p1BaselineWindow)
//   category    the first non-empty category seen for a group
//   asOf        undefined = no data rows · null = the file does not say (no column, or a bad value)
//               · otherwise the smallest 'YYYY-MM-DD'
// Where the two apps differ the caller chooses (opts):
//   header        'first_line' = Sense (line 1 is always the header) · 'detect' = /nrr (only when it names account_id)
//   requireOutlet false = Sense (a row without outlet_id is kept under '') · true = /nrr (dropped)
// A file whose first data row starts with an e-mail is the old all-KAM format → { status:'error' }.

const {baseMonthLabels,addMonths,monthLabelTh}=__FK_REG__['commission/month_labels'];

const ASOF_RE = /^\d{4}-\d{2}-\d{2}$/;

// The P1 "bought before" window and the month that never counts as its own baseline.
// baseMonth ('YYYY-MM') = quarterly: the frozen base month and the two before it, nothing excluded.
// No baseMonth = rolling: the three months before lagPeriod (the data month, 'YYYY-MM'), and lagPeriod
// itself is excluded. Same window as the Sense ingest (v233/v836/v854) and nrrP1BaselineLabels.
function p1BaselineWindow(baseMonth, lagPeriod) {
  if (baseMonth) return { labels: baseMonthLabels(baseMonth, 3), exclude: null };
  const labels = [];
  for (let i = 1; i <= 3; i++) {
    const p = addMonths(lagPeriod, -i);
    if (p) labels.push(monthLabelTh(p));
  }
  return { labels, exclude: monthLabelTh(lagPeriod) };
}

// One CSV line → trimmed fields. Same answer as the apps' parseCSVRow: "" inside quotes is one quote,
// a quote anywhere outside quotes opens quoting, every field is trimmed.
function splitCsvLine(line) {
  if (line.indexOf('"') < 0) return line.split(',').map(s => s.trim());
  const fields = [];
  let field = '', quoted = false, quoteSeen = false;
  for (let k = 0; k < line.length; k++) {
    const ch = line.charAt(k);
    if (quoteSeen) {
      quoteSeen = false;
      if (ch === '"') { field += ch; continue; }
      quoted = false;
    }
    if (quoted) {
      if (ch === '"') quoteSeen = true; else field += ch;
    } else if (ch === '"') {
      quoted = true;
    } else if (ch === ',') {
      fields.push(field.trim());
      field = '';
    } else {
      field += ch;
    }
  }
  fields.push(field.trim());
  return fields;
}

// A string cut out of the file text (split/slice/trim) can be a V8 "sliced string" that keeps the
// WHOLE file (~10 MB) alive for as long as the piece lives — a 20-character category kept in a stored
// payout retained every file read (review 19 Oct: 10 files → 102 MB). Every string this parser
// returns goes through ownCopy, which makes a property key (always a flat copy) once per distinct
// value; the pool is local to one parse, so nothing outlives it.
function ownCopy(pool, s) {
  if (!s) return s;
  let v = pool.get(s);
  if (v === undefined) {
    const o = {};
    o[s] = 0;
    v = Object.keys(o)[0];
    pool.set(s, v);
  }
  return v;
}

function toSet(list) {
  const out = {};
  (list || []).forEach(x => { if (x) out[x] = true; });
  return out;
}

// text → { status:'ok', data, baselineGroups, groupCategory, monthLabels:[…], asOf, rows }
//      | { status:'error', reason:'legacy_format', reason_th }
// opts: { baselineLabels:[…], exclude: label|null, keepLabels: [...]|null (null = every month),
//         header: 'first_line'|'detect' (default 'detect'), requireOutlet: Boolean }
function parseUpsellBundle(text, opts) {
  const o = opts || {};
  const baseSet = toSet(o.baselineLabels);
  const keep = Array.isArray(o.keepLabels) ? toSet(o.keepLabels) : null;
  const exclude = o.exclude || null;
  const body = String(text == null ? '' : text).trim();
  const data = {}, baselineGroups = {}, groupCategory = {}, seenMonths = {}, monthLabels = [];
  const pool = new Map();
  let asOf, rows = 0, asofIdx = -1, first = true, headerDone = false, legacy = false;
  let pos = 0;
  while (pos <= body.length && !legacy) {
    let end = body.indexOf('\n', pos);
    if (end < 0) end = body.length;
    let line = body.slice(pos, end);
    pos = end + 1;
    if (line.charAt(line.length - 1) === '\r') line = line.slice(0, -1);
    if (!headerDone) {
      headerDone = true;
      const isHeader = o.header === 'first_line' || /account_id/i.test(line);
      if (isHeader) {
        asofIdx = splitCsvLine(line).map(h => String(h || '').trim().replace(/^"|"$/g, '')).indexOf('data_asof_date');
        continue;
      }
    }
    if (!line.trim()) continue;
    if (first) {
      first = false;
      if ((line.split(',')[0] || '').indexOf('@') >= 0) { legacy = true; break; }
    }
    const p = splitCsvLine(line);
    const accountId = ownCopy(pool, (p[0] || '').trim()), outletId = ownCopy(pool, (p[1] || '').trim());
    const monthLabel = ownCopy(pool, (p[2] || '').trim()), groupKey = ownCopy(pool, (p[3] || '').trim());
    if (!accountId || !monthLabel || !groupKey) continue;
    if (o.requireOutlet && !outletId) continue;
    const existingGmv = parseFloat(p[4]) || 0, totalGmv = parseFloat(p[5]) || 0;
    const category = ownCopy(pool, (p[6] || '').trim());
    if (asofIdx >= 0) {
      const a = ownCopy(pool, (p[asofIdx] || '').trim().replace(/^"|"$/g, ''));
      asOf = (!ASOF_RE.test(a) || asOf === null) ? null : ((asOf === undefined || a < asOf) ? a : asOf);
    } else if (asOf === undefined) {
      asOf = null;
    }
    if (category && !groupCategory[groupKey]) groupCategory[groupKey] = category;
    if (!seenMonths[monthLabel]) { seenMonths[monthLabel] = true; monthLabels.push(monthLabel); }
    if (!keep || keep[monthLabel]) {
      const byOutlet = data[accountId] || (data[accountId] = {});
      const byGroup = byOutlet[outletId] || (byOutlet[outletId] = {});
      const byMonth = byGroup[groupKey] || (byGroup[groupKey] = {});
      byMonth[monthLabel] = { existingGmv, totalGmv };
    }
    if ((!exclude || monthLabel !== exclude) && totalGmv > 0 && baseSet[monthLabel]) {
      const bo = baselineGroups[accountId] || (baselineGroups[accountId] = {});
      const bg = bo[outletId] || (bo[outletId] = {});
      bg[groupKey] = true;
    }
    rows++;
  }
  if (legacy) {
    return { status: 'error', reason: 'legacy_format',
             reason_th: 'ไฟล์ upsell เป็นรูปแบบเก่าแบบรวมทุกคน (คอลัมน์แรกเป็นอีเมล) ไม่ใช่ไฟล์รายคน' };
  }
  return { status: 'ok', data, baselineGroups, groupCategory, monthLabels, asOf, rows };
}
__FK_REG__['commission/upsell_bundle']=Object.freeze({p1BaselineWindow,parseUpsellBundle});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept kam.streak
// Owns: how many working days in a row a person opened Sense and looked at a shop (the flame on the KAM home), from the days the server recorded and the company holiday list — which days count (Monday–Friday that are not holidays), when the run breaks (a working day with no record, not today), the best run ever, the flame level, the next milestone and this month's tally for the calendar.
//
// Bucci 24 ต.ค. 2569 (บอร์ด StreakSheet / StreakStates): นับจันทร์–ศุกร์ที่เปิด Sense แล้วเปิดดูร้านอย่างน้อย 1 ร้าน
//   เสาร์ อาทิตย์ และวันหยุดบริษัท ไม่ทำให้ไฟดับ · วันนี้ยังไม่ได้เปิด ⇒ ไฟยังไม่ดับ (นับถึงวันทำงานก่อนหน้า)
//   วันที่ (YYYY-MM-DD ตามเวลาไทย) มาจากเซิร์ฟเวอร์ทั้งหมด — ไฟล์นี้ไม่อ่านนาฬิกาเอง (today เป็นพารามิเตอร์)
//   grace = จำนวนวันทำงานที่ขาดได้ต่อเดือนโดยไฟไม่ดับ · ค่าเริ่ม 0 (ตามบอร์ด: ขาดวันที่ 7 ⇒ เริ่มนับใหม่วันที่ 8)

const STREAK_MILESTONES = Object.freeze([5, 10, 15, 20]);
// ไฟ 5 ระดับ: ดับ · ถ่านแดง 1–4 · ส้ม 5–9 · ทอง 10–19 · ฟ้าขาว 20+
const STREAK_LEVELS = Object.freeze([
  Object.freeze({ key: 'off', from: 0 }),
  Object.freeze({ key: 'l1', from: 1 }),
  Object.freeze({ key: 'l2', from: 5 }),
  Object.freeze({ key: 'l3', from: 10 }),
  Object.freeze({ key: 'l4', from: 20 })
]);

const YMD = /^(\d{4})-(\d{2})-(\d{2})$/;
const DAY_MS = 86400000;

function toUtc(ymd) {
  const m = YMD.exec(String(ymd || ''));
  return m ? Date.UTC(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : null;
}
function fromUtc(ms) {
  const d = new Date(ms);
  return d.getUTCFullYear() + '-' + String(d.getUTCMonth() + 1).padStart(2, '0') + '-' + String(d.getUTCDate()).padStart(2, '0');
}
function setOf(list) {
  const s = new Set();
  (list || []).forEach(x => { const v = String(x || '').slice(0, 10); if (YMD.test(v)) s.add(v); });
  return s;
}

// วันทำงาน = จันทร์–ศุกร์ ที่ไม่อยู่ในรายการวันหยุด
function isStreakWorkday(ymd, holidays) {
  const t = toUtc(ymd);
  if (t === null) return false;
  const dow = new Date(t).getUTCDay();
  if (dow === 0 || dow === 6) return false;
  return !(holidays && holidays.has && holidays.has(ymd));
}

function streakLevelOf(count) {
  const n = Number(count) || 0;
  let lv = STREAK_LEVELS[0];
  STREAK_LEVELS.forEach(l => { if (n >= l.from) lv = l; });
  return lv.key;
}

// วิ่งถอยหลังจากวันหนึ่ง: นับวันทำงานที่มีบันทึกติดกัน · วันหยุดข้าม · วันทำงานที่ไม่มีบันทึก = จบ (เว้นแต่ใช้ grace ของเดือนนั้น)
function runBackFrom(startMs, done, hol, grace, floorMs) {
  let count = 0, first = null;
  const used = new Map();
  for (let t = startMs; t >= floorMs; t -= DAY_MS) {
    const d = fromUtc(t);
    if (!isStreakWorkday(d, hol)) continue;
    if (done.has(d)) { count++; first = d; continue; }
    const mo = d.slice(0, 7), u = used.get(mo) || 0;
    if (u < grace) { used.set(mo, u + 1); continue; }
    break;
  }
  return { count, first };
}

// args: { days: ['YYYY-MM-DD'] (วันที่มีบันทึก), holidays: ['YYYY-MM-DD'], today: 'YYYY-MM-DD' (เวลาไทย), grace: 0 }
// → { count, todayDone, todayWorkday, startedOn, best, level, next: { at, left } | null, month: { workdays, done, days: [{ day, state }] } }
//   state ของวันในปฏิทิน: on (มีบันทึก) · miss (วันทำงานที่ผ่านไปแล้วไม่มีบันทึก) · today · fut · off (วันหยุดในวันธรรมดา)
function streakOf(args) {
  const a = args || {};
  const todayMs = toUtc(a.today);
  if (todayMs === null) return null;
  const done = setOf(a.days), hol = setOf(a.holidays);
  const grace = Math.max(0, Math.floor(Number(a.grace) || 0));
  const floor = todayMs - 800 * DAY_MS;
  const today = fromUtc(todayMs);
  const todayWorkday = isStreakWorkday(today, hol);
  const todayDone = done.has(today) && todayWorkday;
  // วันนี้ยังไม่ได้เปิด ⇒ ยังไม่ดับ: เริ่มนับจากเมื่อวาน
  const cur = runBackFrom(todayDone ? todayMs : todayMs - DAY_MS, done, hol, grace, floor);
  // สถิติสูงสุด: ทุกวันที่มีบันทึก (เรียงเก่าไปใหม่) ลองเป็นวันจบของรอบ
  let best = cur.count;
  [...done].sort().forEach(d => {
    const t = toUtc(d);
    if (t === null || t > todayMs || !isStreakWorkday(d, hol)) return;
    const nx = fromUtc(t + DAY_MS);
    if (done.has(nx) && isStreakWorkday(nx, hol)) return;   // ไม่ใช่วันจบของรอบ
    const r = runBackFrom(t, done, hol, grace, floor);
    if (r.count > best) best = r.count;
  });
  const nextAt = STREAK_MILESTONES.find(m => m > cur.count);
  // ปฏิทินเดือนนี้ (จันทร์–ศุกร์)
  const y = Number(today.slice(0, 4)), mo = Number(today.slice(5, 7));
  const days = [];
  let workdays = 0, doneN = 0;
  for (let t = Date.UTC(y, mo - 1, 1); new Date(t).getUTCMonth() === mo - 1; t += DAY_MS) {
    const d = fromUtc(t), dow = new Date(t).getUTCDay();
    if (dow === 0 || dow === 6) continue;
    let state;
    if (hol.has(d)) state = 'off';
    else if (done.has(d)) state = 'on';
    else if (t === todayMs) state = 'today';
    else if (t > todayMs) state = 'fut';
    else state = 'miss';
    // วันนี้นับเป็นวันทำงานของเดือนเมื่อเปิดแล้วเท่านั้น (ยังไม่หมดวัน ⇒ ยังไม่ใช่วันที่ขาด)
    if (state !== 'off' && (t < todayMs || state === 'on')) { workdays++; if (state === 'on') doneN++; }
    days.push(Object.freeze({ day: d, dow, state }));
  }
  return Object.freeze({
    count: cur.count, todayDone, todayWorkday, startedOn: cur.count > 0 ? cur.first : null, best,
    level: streakLevelOf(cur.count),
    next: nextAt ? Object.freeze({ at: nextAt, left: nextAt - cur.count }) : null,
    month: Object.freeze({ workdays, done: doneN, days: Object.freeze(days) })
  });
}

// หมุดที่เพิ่งข้าม (ใช้ชมครั้งเดียวต่อหมุด): จำนวนวันตอนนี้ถึงหมุดไหนแล้วที่ยังไม่เคยชม
function streakMilestoneReached(count, lastPraised) {
  const n = Number(count) || 0, p = Number(lastPraised) || 0;
  let hit = null;
  STREAK_MILESTONES.forEach(m => { if (n >= m && m > p) hit = m; });
  return hit;
}
__FK_REG__['kam/streak']=Object.freeze({STREAK_MILESTONES,STREAK_LEVELS,isStreakWorkday,streakLevelOf,streakOf,streakMilestoneReached});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept meta.version
// Owns: the version tag of the shared domain bundle, so an app, a harness or a
// worker can tell which src/domain code it is running. Bump DOMAIN_VERSION when a
// domain module changes behaviour (not for comments or new modules).

const DOMAIN_VERSION = '2026-10-15.1';

function domainVersion() {
  return DOMAIN_VERSION;
}
__FK_REG__['meta/version']=Object.freeze({DOMAIN_VERSION,domainVersion});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept nrr.bands
// Owns: which commission zone a %NRR lands in for one person and one month (ได้ 0 · ได้ 50% · ยังไม่ถึงขั้นแรก · ได้เต็ม · ขั้น 1..N · ไม่มีเกณฑ์) — the decision behind the colour and the word of a person's %NRR (KAM, team lead) in Sense and /nrr, read from that person's RuleView only — and the health of one shop (ON TRACK · MONITOR · AT RISK · glow at the owner's 2nd step), the colour of every shop on screen in both apps. Each app maps the keys to its own colour tokens.

// Bucci 24 ต.ค. 2569: สีของ %NRR ต้องมาจากเกณฑ์ค่าคอมฯ จริง ห้ามเขียนเส้นตายตัว
//   แดง = ช่วงที่ค่าคอมฯ โดนตัดเหลือครึ่ง · แดงเข้ม = ช่วงที่ได้ 0 · เขียว = ถึงขั้นแรก
//   ขั้น 2 / ขั้น 3 = สีที่พิเศษขึ้นเรื่อย ๆ · หัวหน้าทีม (ไม่มีเกต) ที่ยังไม่ถึงขั้นแรก = เหลือง
// เส้นทุกเส้นมาจาก RuleView ของคนนั้นเดือนนั้น (gateBandAt / nrrStepAt) ซึ่งปัดทศนิยม 1 ตำแหน่ง
// ก่อนเทียบแบบเดียวกับตัวจ่ายเงิน ⇒ สีกับเงินไม่มีวันขัดกัน
// ร้านเดี่ยวไม่มีค่าคอมฯ ของตัวเอง — แอปส่ง RuleView ของเจ้าของร้านเดือนนั้นเข้ามา (สีอย่างเดียว ไม่มีคำ)

const {nrrStepAt,gateBandAt,gateWordTh,gateMults}=__FK_REG__['commission/rule_view'];
const {round1}=__FK_REG__['commission/tiers'];

// key = ชื่อที่แอปใช้เลือกสี · group = กล่องนับบนหน้าพอร์ต
const ZONE_KEYS = Object.freeze(['zero', 'half', 'below1', 'gate_ok', 't1', 't2', 't3', 'none']);
const ZONE_GROUPS = Object.freeze(['reached', 'below1', 'half', 'zero', 'none']);

const ZONE_WORD_TH = Object.freeze({
  zero: 'ได้ 0%',
  half: 'ได้ 50%',
  below1: 'ยังไม่ถึงขั้นแรก',
  gate_ok: 'ได้เต็ม',
  none: 'ยังไม่มีเกณฑ์'
});

const GROUP_WORD_TH = Object.freeze({
  reached: 'ถึงขั้น',
  below1: 'ยังไม่ถึงขั้น',
  half: 'ได้ 50%',
  zero: 'ได้ 0%',
  none: 'ไม่มีเกณฑ์'
});

// ลำดับ "แย่ก่อน" สำหรับเรียงแถว: ได้ 0 → ได้ 50% → ยังไม่ถึงขั้นแรก → ไม่มีเกณฑ์ → ได้เต็ม / ขั้น 1 → ขั้น 2 → ขั้น 3
const ZONE_SORT = Object.freeze(['zero', 'half', 'below1', 'none', 'gate_ok', 't1', 't2', 't3']);

// สีมีถึงขั้น 3 — ขั้นที่ 4 ขึ้นไปใช้สีขั้น 3
const TIER_KEYS = Object.freeze(['t1', 't2', 't3']);

const okVal = f => (f && f.status === 'ok') ? f.value : null;
const isNum = v => v !== null && v !== undefined && v !== '' && !isNaN(v);

function zone(key, group, extra) {
  const e = extra || {};
  return Object.freeze({
    key, group,
    zone: e.zone || key,
    tier: e.tier || null,
    tiers: e.tiers || null,
    word_th: e.word_th || ZONE_WORD_TH[key] || null,
    pct_cmp: e.pct_cmp === undefined ? null : e.pct_cmp,
    next: e.next ? Object.freeze(e.next) : null,
    reason: e.reason || null
  });
}

const none = (reason, pctCmp) => zone('none', 'none', { reason, pct_cmp: pctCmp });

// view: RuleView ของคน/เดือน (commission/rule_view.js ruleView) · pct: %NRR ยังไม่ปัด
// → { key, group, zone, tier, tiers, word_th, pct_cmp, next:{from, gap, word_th}|null, reason }
//   reason ของ 'none': no_pct · loading · no_rules · refused · no_ladder
function nrrZoneAt(view, pct) {
  if (!isNum(pct)) return none('no_pct', null);
  if (!view || view.status === 'loading') return none('loading', null);
  if (view.status === 'no_plan' || view.status === 'unresolved') return none('no_rules', null);
  if (view.gate && view.gate.status === 'refused') return none('refused', null);

  const step = nrrStepAt(view, pct);
  const gate = gateBandAt(view, pct);
  const nrr = okVal(view.nrr);
  const steps = (nrr && nrr.steps) ? nrr.steps : [];
  const g = okVal(view.gate);
  const x = round1(Number(pct));
  const gapTo = (from, word) => ({ from, gap: round1(from - x), word_th: word });

  // Bucci 25 ต.ค. 2569: คำ "ได้ X%" มาจากตัวคูณที่ตั้งไว้ในเกณฑ์ของคนนี้ (gateWordTh) — ค่าคงที่ใน ZONE_WORD_TH เป็นแค่คำสำรอง
  if (gate && gate.band === 'zero') {
    const gm = gateMults(view);
    const nx = g && isNum(g.zero_below) ? gapTo(Number(g.zero_below), gateWordTh(gm && gm.mid) || ZONE_WORD_TH.half) : null;
    return zone('zero', 'zero', { pct_cmp: x, next: nx, word_th: gateWordTh(gate.mult) || ZONE_WORD_TH.zero });
  }
  if (gate && gate.band === 'half') {
    const full = g && isNum(g.half_below) ? Number(g.half_below) : null;
    const nx = full === null ? null : gapTo(full, (steps.length && steps[0].from <= full) ? 'ขั้น 1' : ZONE_WORD_TH.gate_ok);
    return zone('half', 'half', { pct_cmp: x, next: nx, word_th: gateWordTh(gate.mult) || ZONE_WORD_TH.half });
  }

  const reached = (step && step.pay) ? steps.filter(s => s.from <= x).length : 0;
  if (reached) {
    const n = steps.length;
    const after = steps[reached] || null;
    return zone(TIER_KEYS[Math.min(reached, TIER_KEYS.length) - 1], 'reached', {
      zone: 'tier', tier: reached, tiers: n, word_th: 'ขั้น ' + reached, pct_cmp: x,
      next: after ? gapTo(after.from, 'ขั้น ' + (reached + 1)) : null
    });
  }
  if (steps.length) {
    return zone('below1', 'below1', { pct_cmp: x, next: gapTo(steps[0].from, 'ขั้น 1') });
  }
  if (gate) return zone('gate_ok', 'reached', { pct_cmp: x });
  return none('no_ladder', x);
}

// ตำแหน่งในลำดับแย่ก่อน (ZONE_SORT) · ไม่รู้จัก = ตำแหน่งของ 'none'
function zoneSortIndex(z) {
  const i = ZONE_SORT.indexOf(z && z.key);
  return i < 0 ? ZONE_SORT.indexOf('none') : i;
}

// คำของกล่องนับ / ตัวกรองบนหน้าพอร์ต
function zoneGroupWordTh(group) {
  return GROUP_WORD_TH[group] || null;
}

// ── สุขภาพร้าน (Bucci 25 ต.ค. 2569) ───────────────────────────────────────────────────────────────
// ร้านไม่มีค่าคอมฯ ของตัวเอง ⇒ สีร้าน = %NRR ของร้านเทียบฐาน ไม่ใช่ช่วงเงินของเจ้าของร้าน (ที่ใช้ตั้งแต่ 24 ต.ค.)
//   on (ON TRACK) = ตั้งแต่เส้นสุขภาพ (nrr_threshold ใน target_settings) · monitor = ต่ำกว่าไม่เกิน SHOP_MONITOR_PTS จุด · risk = ต่ำกว่านั้น
//   glow (เขียวเรือง) = on และถึงขั้นเงินขั้นที่ 2 ของเจ้าของร้านเดือนนั้น (ร้านที่ช่วยดึง %NRR ของ KAM ขึ้น) — อยู่ในกล่อง ON TRACK
// ทุกเส้นรับเข้ามา (เส้นสุขภาพจากค่าตั้ง · ขั้น 2 จาก RuleView) — ปัดทศนิยม 1 ตำแหน่งก่อนเทียบแบบเดียวกับตัวจ่ายเงิน
// ยังไม่รู้เส้น (ค่าตั้งยังไม่มา) ⇒ 'none' ไม่ลงสี (ห้ามเดาเส้นแล้วสีกระโดดทีหลัง)
const SHOP_HEALTH_KEYS = Object.freeze(['glow', 'on', 'monitor', 'risk', 'none']);
const SHOP_HEALTH_GROUPS = Object.freeze(['on', 'monitor', 'risk']);
const SHOP_HEALTH_WORD = Object.freeze({ glow: 'ON TRACK', on: 'ON TRACK', monitor: 'MONITOR', risk: 'AT RISK', none: null });
// แย่ก่อนสำหรับเรียงร้าน: AT RISK → MONITOR → ON TRACK → เขียวเรือง → ไม่รู้
const SHOP_HEALTH_SORT = Object.freeze(['risk', 'monitor', 'on', 'glow', 'none']);
// ความกว้างช่วง MONITOR (จุด %NRR) ใต้เส้นสุขภาพ — ตัวเดียวกับ 07a _dispShopHealthBands (t2 = t1 − 3)
const SHOP_MONITOR_PTS = 3;

function shopHealth(key, x) {
  return Object.freeze({ key, group: key === 'glow' ? 'on' : (key === 'none' ? null : key), word_th: SHOP_HEALTH_WORD[key] || null, pct_cmp: x });
}

// เส้นจากค่าตั้งเส้นสุขภาพ → { t1, t2 } · ไม่ใช่ตัวเลข ⇒ null
function shopHealthBands(threshold) {
  if (!isNum(threshold)) return null;
  const t1 = Number(threshold);
  return Object.freeze({ t1, t2: t1 - SHOP_MONITOR_PTS });
}

// ขั้นเงินขั้นที่ 2 ของ %NRR ในเกณฑ์ของเจ้าของร้าน (RuleView) · ไม่มีขั้น 2 (AD ไม่มีขั้นเงิน · PM ไม่มีแผน · ยังโหลด) ⇒ null
function shopGlowFrom(view) {
  if (!view || view.status !== 'ok') return null;
  const nrr = okVal(view.nrr);
  const steps = (nrr && nrr.steps) ? nrr.steps.filter(s => s && isNum(s.from)).map(s => Number(s.from)).sort((a, b) => a - b) : [];
  return steps.length >= 2 ? steps[1] : null;
}

// pct: %NRR ร้าน (ยังไม่ปัด) · bands: shopHealthBands(...) · glowFrom: shopGlowFrom(view ของเจ้าของร้าน) หรือ null
function shopHealthAt(pct, bands, glowFrom) {
  if (!isNum(pct) || !bands || !isNum(bands.t1) || !isNum(bands.t2)) return shopHealth('none', null);
  const x = round1(Number(pct));
  if (x >= Number(bands.t1)) return shopHealth(isNum(glowFrom) && x >= Number(glowFrom) ? 'glow' : 'on', x);
  if (x >= Number(bands.t2)) return shopHealth('monitor', x);
  return shopHealth('risk', x);
}

function shopHealthSortIndex(h) {
  const i = SHOP_HEALTH_SORT.indexOf(h && h.key);
  return i < 0 ? SHOP_HEALTH_SORT.indexOf('none') : i;
}
__FK_REG__['nrr/bands']=Object.freeze({ZONE_KEYS,ZONE_GROUPS,ZONE_WORD_TH,GROUP_WORD_TH,ZONE_SORT,nrrZoneAt,zoneSortIndex,zoneGroupWordTh,SHOP_HEALTH_KEYS,SHOP_HEALTH_GROUPS,SHOP_HEALTH_WORD,SHOP_HEALTH_SORT,SHOP_MONITOR_PTS,shopHealthBands,shopGlowFrom,shopHealthAt,shopHealthSortIndex});
})(__FK_REG__);
(function(__FK_REG__){'use strict';
// @concept nrr.shop_index
// Owns: the per-account %NRR index built from the NRR file rows (kam_rep_view + pm_rep_view) — per month, per account: base and current GMV per day, the outlet kinds, how many outlets count, and the Sales hand-over origin. One copy for `_senseShopNrrIndex` (src/05b_nrr_signal.js) and `_nrrShopIndex` (src/nrr/nrr_portfolio.js), which keep only their memo and their own outlet → account map.

// Exact port of the loop both apps carried word for word (twin T23, v_shopnrr 10 ต.ค. 2569 · v_cardgap · v_shopkind · v_salesorigin):
//   ฐาน    = สาขาที่มียอดเดือนฐาน และเป็นร้านเดิม / รับโอน / กลับมาซื้อ (ไม่นับ handover · new_sales · expansion)
//   ตัวตั้ง = สาขาในฐาน + ร้านกลับมาซื้อ (แม้ไม่มียอดเดือนฐาน) · ไม่ใช้ร้านยกเว้น (waiver เป็นกติกาค่าคอมฯ ของคน)
//   แถวย้ายออก (transfer_out) ข้ามทั้งหมด: SQL ใส่ยอดเดือนนี้ 0.0 และกระจายลงทุกเดือนของไตรมาส
//   สาขาเดียวอาจมีสองแถว (ไฟล์ KAM ต่อก่อนไฟล์ PM) — ยอดเป็นของสาขา นับครั้งแรกครั้งเดียว
//   outletToAccount (สาขา → บัญชีวันนี้ จากไฟล์สาขา) ชนะรหัสบัญชีในไฟล์ NRR · ไม่มีแผนที่ = ใช้รหัสในไฟล์
// latest = เดือนล่าสุดที่มียอดจริง (ไม่มีเดือนไหนมียอด = เดือนล่าสุดในไฟล์)

const IN_BASE = Object.freeze({ core_nrr: true, comeback: true, transfer_in: true });

// rows: [{ period_month, outlet_id, account_id, movement_type, base_gmv, curr_gmv, base_days, curr_days, new_user_exp_date }]
// outletToAccount: { outlet_id: account_id } | null
// → { latest: 'YYYY-MM', byMonth: { 'YYYY-MM': { byAcct: { account_id: {…} }, seen: { outlet_id: true } } } }
function buildShopNrrIndex(rows, outletToAccount) {
  const oa = outletToAccount || null;
  const byMonth = {}, activity = {};
  (rows || []).forEach(r => {
    const mv = String(r.movement_type || '');
    if (mv === 'transfer_out') return;
    const pm = String(r.period_month || ''), oid = String(r.outlet_id || '').trim();
    const aid = String((oa && oa[oid]) || r.account_id || '').trim();
    if (!pm || !aid || !oid) return;
    const M = byMonth[pm] || (byMonth[pm] = { byAcct: {}, seen: {} });
    if (M.seen[oid]) return;
    M.seen[oid] = true;
    const a = M.byAcct[aid] || (M.byAcct[aid] = { basePerDay: 0, currPerDay: 0, baseGmv: 0, currGmv: 0, currDays: 0, kinds: {}, outlets: 0, counted: 0, exclCurr: 0 });
    const bg = Number(r.base_gmv) || 0, cg = Number(r.curr_gmv) || 0;
    const bd = Number(r.base_days) || 31, cd = Number(r.curr_days) || 0;
    const inBase = bg > 0 && IN_BASE[mv] === true;
    if (inBase) { a.basePerDay += bg / bd; a.baseGmv += bg; }
    if (inBase || mv === 'comeback') { a.currPerDay += cd > 0 ? cg / cd : 0; a.currGmv += cg; }
    a.kinds[mv] = (a.kinds[mv] || 0) + 1; a.outlets++;
    if (inBase || mv === 'comeback') a.counted++; else a.exclCurr += cg;
    (a.oids || (a.oids = [])).push(oid);
    if (mv === 'handover' || mv === 'new_sales') {
      if (!a.salesMv || mv === 'handover') a.salesMv = mv;
      const ex = String(r.new_user_exp_date || '');
      if (ex && (!a.salesExp || ex > a.salesExp)) a.salesExp = ex;
    }
    if (cd > a.currDays) a.currDays = cd;
    activity[pm] = (activity[pm] || 0) + cg;
  });
  let latest = '', any = '';
  Object.keys(byMonth).forEach(pm => { if (pm > any) any = pm; if (activity[pm] > 0 && pm > latest) latest = pm; });
  return { latest: latest || any, byMonth };
}
__FK_REG__['nrr/shop_index']=Object.freeze({buildShopNrrIndex});
})(__FK_REG__);
Object.defineProperty(self, 'FK', { value: Object.freeze({ mod: Object.freeze(__FK_REG__) }), writable: false, configurable: false, enumerable: true });
})();
</script>
<script id="freshket-qnrr-quarter">
// ══════════════════════════════════════════════════════════════════════════
// ไตรมาสของ %NRR อัตโนมัติ — ใช้ร่วมกันทั้ง Sense (index.html) และ /nrr (nrr.html)
// v_autoq (2026-10-02)
//
// เดิม QNRR_CFG เป็นค่าที่ต้องแก้มือทุกไตรมาสในสองไฟล์ (src/07c_qnrr_view.js, src/nrr/nrr_logic.js)
// 2 ต.ค. 2026 ไม่มีใครแก้ ⇒ %NRR ทั้งสองแอปค้างที่ Q3 ทั้งที่ไฟล์บน R2 เป็นข้อมูล ต.ค. แล้ว
//
// กติกา
//   • ไตรมาส = ไตรมาสของ "ข้อมูลในไฟล์ kam_rep_view.csv" (syncFromRows) — ไม่ใช่นาฬิกา
//     เช้าวันที่ 2 ไฟล์บน R2 ยังเป็นไตรมาสเก่าจน ~07:00 และ Sense เก็บไฟล์ในเครื่องได้ถึง 6 ชม.
//     ถ้าเชื่อนาฬิกาจะได้ป้าย Q4 ทับตัวเลข Q3 = "ตัวเลขเปลี่ยนไปมา" แบบที่เพิ่งแก้ไปใน v322
//   • ก่อนไฟล์มา ใช้นาฬิกา lag-1 แบบเวลาไทยตายตัว (UTC+7) — กติกาเดียวกับ SQL ที่สร้างไฟล์:
//     DATE_TRUNC(CURRENT_DATE('Asia/Bangkok') - 1 day, QUARTER) · ฐาน = เดือนก่อนต้นไตรมาส
//   • เลือกไตรมาสที่มี "แถวมากที่สุด" ไม่ใช่เดือนล่าสุด — ไฟล์มีแถวเดือนอนาคตแทรกได้
//   • แก้ QNRR_CFG "ในที่เดิม" เสมอ (ไม่สร้าง object ใหม่) — โค้ดหลายที่จับ q_months/months_th ไว้
//   • ป้ายเดือนไทยเพิ่มอย่างเดียว ไม่ลบ (ช่วงฐาน −12 ถึงเดือนท้าย +12) — ไตรมาส 1 ฐานเป็น ธ.ค. ปีก่อน
//   • เทสต์ pin ได้: ตั้ง QNRR_CFG {pinned:true,...} ไว้ก่อน หรือ QNRR_CFG_PIN = '2026q3' | 'YYYY-MM'
//     ตอน pin อยู่ syncFromRows แค่เตือน ไม่เปลี่ยนอะไร
//   • หน้าตั้งค่าค่าคอมฯ (Cockpit · ตั้งเกณฑ์) ยึดไตรมาสตามนาฬิกา ไม่ใช่ตามข้อมูล → ใช้ clockCfg()
// ══════════════════════════════════════════════════════════════════════════
var QNRR_CFG = (typeof QNRR_CFG !== 'undefined') ? QNRR_CFG : undefined;
(function (G, TOP) {
  'use strict';
  if (G.QnrrQuarter) return;   // ใส่ซ้ำสองรอบไม่ได้

  var TH = ['ม.ค.', 'ก.พ.', 'มี.ค.', 'เม.ย.', 'พ.ค.', 'มิ.ย.', 'ก.ค.', 'ส.ค.', 'ก.ย.', 'ต.ค.', 'พ.ย.', 'ธ.ค.'];
  var CSV = 'kam_rep_view.csv';

  function pad(n) { return (n < 10 ? '0' : '') + n; }
  function ymAdd(ym, n) {
    var p = String(ym).split('-'), y = parseInt(p[0], 10), m = parseInt(p[1], 10) - 1 + n;
    y += Math.floor(m / 12); m = ((m % 12) + 12) % 12;
    return y + '-' + pad(m + 1);
  }
  // เมื่อวาน (เวลาไทย) เป็นเดือนไหน — ไม่ขึ้นกับ timezone ของเครื่อง
  function lagYM(nowMs) {
    var t = (typeof nowMs === 'number' ? nowMs : Date.now()) + 7 * 3600 * 1000 - 24 * 3600 * 1000;
    var d = new Date(t);
    return d.getUTCFullYear() + '-' + pad(d.getUTCMonth() + 1);
  }
  function quarterKeyOf(ym) {   // '2026-11' → '2026q4'
    var p = String(ym || '').match(/^(\d{4})-(\d{2})/);
    if (!p) return null;
    return p[1] + 'q' + (Math.floor((parseInt(p[2], 10) - 1) / 3) + 1);
  }
  function firstMonthOf(qKey) {  // '2026q4' → '2026-10'
    var m = String(qKey || '').match(/^(\d{4})q([1-4])$/i);
    return m ? (m[1] + '-' + pad((parseInt(m[2], 10) - 1) * 3 + 1)) : null;
  }
  function thaiLabels(first) {
    var out = {};
    for (var i = -13; i <= 14; i++) {
      var ym = ymAdd(first, i);
      out[ym] = TH[parseInt(ym.split('-')[1], 10) - 1];
    }
    return out;
  }
  function deriveCfg(ym) {
    var q = quarterKeyOf(ym);
    if (!q) return null;
    var first = firstMonthOf(q);
    return { quarter: q, base_month: ymAdd(first, -1),
             q_months: [first, ymAdd(first, 1), ymAdd(first, 2)],
             months_th: thaiLabels(first), csv_file: CSV };
  }
  // ไตรมาสที่มีแถวมากที่สุด · เสมอกันเอาไตรมาสที่ใหม่กว่า · ไม่มีแถวที่อ่านเดือนได้ = null
  function quarterOfRows(rows) {
    var n = {};
    (rows || []).forEach(function (r) {
      var q = quarterKeyOf(r && r.period_month);
      if (q) n[q] = (n[q] || 0) + 1;
    });
    var best = null;
    Object.keys(n).forEach(function (q) {
      if (!best || n[q] > n[best] || (n[q] === n[best] && q > best)) best = q;
    });
    return best;
  }

  // ไตรมาสของไฟล์ CSV ทั้งไฟล์ (นับจากคอลัมน์ period_month) — ใช้ตัดสินว่าจะต่อไฟล์ PM เข้ากับไฟล์ KAM ได้ไหม
  // สองไฟล์ขึ้น R2 และเก็บในเครื่องแยกกัน เช้าวันที่ 2 อาจคนละไตรมาส
  function quarterOfCsvText(text) {
    try {
      var lines = String(text || '').trim().split('\n');
      if (lines.length < 2) return null;
      var head = lines[0].split(',').map(function (h) { return h.trim().replace(/^"|"$/g, ''); });
      var at = head.indexOf('period_month');
      if (at < 0) return null;
      var rows = [];
      for (var i = 1; i < lines.length; i++) {
        var v = (lines[i].split(',')[at] || '').replace(/^"|"$/g, '');
        if (v) rows.push({ period_month: v });
      }
      return quarterOfRows(rows);
    } catch (e) { return null; }
  }

  var listeners = [];
  var st = { pinned: false, source: 'clock', dataQuarter: null, rev: 0 };

  // ── ค่าเริ่ม ─────────────────────────────────────────────────────────────
  var cfg;
  if (QNRR_CFG && typeof QNRR_CFG === 'object' && QNRR_CFG.pinned === true) {
    cfg = QNRR_CFG;                                   // เทสต์ตั้งไว้ก่อน — ใช้ของเขา เติมช่องที่ขาด
    var d0 = deriveCfg(firstMonthOf(cfg.quarter) || (cfg.q_months && cfg.q_months[0]));
    if (d0) {
      if (!cfg.base_month) cfg.base_month = d0.base_month;
      if (!cfg.q_months) cfg.q_months = d0.q_months.slice();
      cfg.months_th = Object.assign({}, d0.months_th, cfg.months_th || {});
    }
    if (!cfg.csv_file) cfg.csv_file = CSV;
    st.pinned = true; st.source = 'pin';
  } else if (typeof QNRR_CFG_PIN !== 'undefined' && QNRR_CFG_PIN) {
    cfg = deriveCfg(firstMonthOf(String(QNRR_CFG_PIN).toLowerCase()) || String(QNRR_CFG_PIN));
    cfg.pinned = true; st.pinned = true; st.source = 'pin';
  } else {
    cfg = deriveCfg(lagYM());
  }
  QNRR_CFG = cfg;
  try { G.QNRR_CFG = cfg; } catch (e) {}

  function apply(next) {
    cfg.quarter = next.quarter;
    cfg.base_month = next.base_month;
    cfg.q_months.splice(0, cfg.q_months.length, next.q_months[0], next.q_months[1], next.q_months[2]);
    Object.keys(next.months_th).forEach(function (k) { cfg.months_th[k] = next.months_th[k]; });
    st.rev++;
    listeners.slice().forEach(function (fn) { try { fn(cfg); } catch (e) { try { console.warn('[QnrrQuarter] listener', e); } catch (_) {} } });
  }

  // เรียกทุกครั้งหลังอ่านไฟล์ kam_rep_view.csv — คืน true ถ้าไตรมาสเปลี่ยน
  function syncFromRows(rows) {
    var q = quarterOfRows(rows);
    if (!q) return false;
    st.dataQuarter = q;
    if (q === cfg.quarter) { if (!st.pinned) st.source = 'data'; return false; }
    if (st.pinned) {
      try { console.warn('[QnrrQuarter] ข้อมูลเป็น ' + q + ' แต่ไตรมาสถูก pin ไว้ที่ ' + cfg.quarter + ' — ไม่เปลี่ยน'); } catch (e) {}
      return false;
    }
    apply(deriveCfg(firstMonthOf(q)));
    st.source = 'data';
    return true;
  }
  function clockCfg(nowMs) { return deriveCfg(lagYM(nowMs)); }
  function status(nowMs) {
    var clock = quarterKeyOf(lagYM(nowMs));
    return { clockQuarter: clock, dataQuarter: st.dataQuarter, cfgQuarter: cfg.quarter,
             // ข้อมูลยังเป็นไตรมาสเก่ากว่านาฬิกา — เช้าวันที่ 2 ก่อนไฟล์ใหม่ขึ้น หรือไฟล์ในเครื่องค้าง
             mismatch: !!(st.dataQuarter && clock && st.dataQuarter !== clock),
             pinned: st.pinned, source: st.source, rev: st.rev };
  }
  function onChange(fn) { if (typeof fn === 'function') listeners.push(fn); }

  G.QnrrQuarter = {
    cfg: cfg, lagYM: lagYM, quarterKeyOf: quarterKeyOf, firstMonthOf: firstMonthOf,
    deriveCfg: deriveCfg, quarterOfRows: quarterOfRows, quarterOfCsvText: quarterOfCsvText, syncFromRows: syncFromRows,
    clockCfg: clockCfg, status: status, onChange: onChange
  };
  // ชื่อนี้มีไว้ให้ build.py / build_nrr.py ตรวจว่าใส่ครบหนึ่งชุด
  G.qnrrDeriveCfg = function qnrrDeriveCfg(ym) { return deriveCfg(ym); };
  // ในเบราว์เซอร์ window คือ global ตัวเดียวกัน · ในกล่องทดสอบอาจเป็นคนละตัว ⇒ ประกาศทั้งสองที่
  if (TOP && TOP !== G) { TOP.QnrrQuarter = G.QnrrQuarter; TOP.qnrrDeriveCfg = G.qnrrDeriveCfg; }
})(typeof window !== 'undefined' ? window : this, this);
</script>
<script>
// ══════════════════════════════════════════
// SUPABASE CONFIG + AUTH
// ══════════════════════════════════════════
const FRESHKET_APP_CONFIG = window.FreshketSenseConfig || {};
const SUPA_URL = (FRESHKET_APP_CONFIG.supabase && FRESHKET_APP_CONFIG.supabase.url) || 'https://menslbnyyvpxiyvjywcm.supabase.co';
const SUPA_KEY = (FRESHKET_APP_CONFIG.supabase && FRESHKET_APP_CONFIG.supabase.publishableKey) || 'sb_publishable_DRCzHd782Gry8Edu4ZIiHA_KuOgBIIG';

// v208e-fix1: defensive alias for legacy SKU verify button paths.
window.triggerSkuVerifyFromThisMonth = window.triggerSkuVerifyFromThisMonth || function(){
  if (typeof window.triggerSkuVerifyFromCurrentMonth === 'function') return window.triggerSkuVerifyFromCurrentMonth();
  if (typeof window.triggerSkuVerify === 'function') return window.triggerSkuVerify();
  console.warn('[SKU Verify] trigger function not available yet');
};
const supa = window.supabase.createClient(SUPA_URL, SUPA_KEY);

// v_bootnet (2026-08-11): เพดานเวลาสำหรับ promise ที่ "กั้นหน้าจอ" อยู่
//
// ทำไมต้องมี: บุชเจอ PWA บน iPhone ค้างหน้า loading ถาวรหลังพักจอหลายวัน
// ต้นเหตุคือ supa.auth.getSession() — พอ access token หมดอายุ มันไม่ใช่การถอด
// JWT ในเครื่องอีกต่อไป แต่ยิง refresh ผ่านเน็ตภายใต้ navigator.locks และ
// createClient ข้างบนไม่ได้ตั้ง option อะไรเลย = ไม่มี timeout ไม่มี AbortSignal
// ถ้าเน็ตเพิ่งกลับมาตอนปลุกเครื่องแล้วซ็อกเก็ตตาย promise นั้นจะไม่ settle
// ตลอดอายุของหน้าเว็บ → โค้ดหลัง await ไม่มีวันรัน → ไม่มีใครปิดผ้าคลุม boot
//
// กติกา: ไม่มีคำตอบใน ms ที่กำหนด = ถือว่า "ไม่รู้" แล้วไปต่อ (คืน null)
// ห้าม reject — เส้นทาง boot หลายจุดไม่มี .catch ถ้า reject จะกลายเป็น
// unhandled rejection แล้วเงียบไปเหมือนเดิม
//
// v_authfix (2026-08-14) — บทเรียนจาก auto-logout ที่ v256 ทำพังเอง:
// เดิม timeout และ error คืน `null` ซึ่งเป็น **ค่าเดียวกับ "Supabase ยืนยันว่า
// ไม่มี session"** ทุก caller จึงอ่าน "ไม่รู้" เป็น "ล็อกเอาต์แล้ว" → ผู้ใช้พัก
// จอกลับมา token หมดอายุพอดี getSession ต้องต่อเน็ต refresh ตอนวิทยุมือถือ
// เพิ่งตื่น → ค้าง/ล้ม → เด้งหน้า login ทุกครั้งทั้งที่ token ใน localStorage
// ยังดีอยู่ครบ · ตอนนี้ timeout/error คืน AUTH_UNKNOWN แทน — เป็น object ที่
// `_r && _r.data && _r.data.session` ยังประเมินเป็น falsy เหมือน null ทุกจุด
// ดังนั้น caller เดิมที่แปลว่า "ไม่มี session" ยังทำงานเหมือนเดิมเป๊ะ แต่จุดที่
// **ต้องแยก** "ไม่รู้" ออกจาก "ยืนยันแล้วว่าไม่มี" (เส้น resume) เช็คได้ด้วย
// _authUnknown(_r) ก่อนตัดสินใจเด้งผู้ใช้ออก
const SENSE_AUTH_TIMEOUT_MS = 8000;
const AUTH_UNKNOWN = Object.freeze({ __authUnknown: true, data: null });
// v_quotaguard (2026-08-21): AUTH_UNKNOWN เดิมครอบแค่ "ความเงียบ" (promise reject
// หรือ timeout 8 วิ) ซึ่งเป็นกรณีที่ v_authfix ออกแบบมาแก้ · แต่ **โควตาเกิน**
// ไม่เงียบเลย — Supabase ตอบ 402 กลับมาเร็วและมีรูปแบบสมบูรณ์ ⇒ getSession() ไม่
// reject แต่ resolve เป็น { data:{session:null}, error:AuthApiError(402) }
// ⇒ โค้ดเดิมอ่านว่า "ยืนยันแล้วว่าไม่มี session" แล้วเด้งผู้ใช้ออกทั้ง 3 ทาง
// แล้วล็อกอินกลับก็ 402 อีก = เข้าไม่ได้เลยทั้งบริษัท
//
// กติกาใหม่: error ที่ "ไม่ใช่คำตัดสินเรื่องสิทธิ์" ให้ถือว่า "ไม่รู้" ทั้งหมด
//   402 = เกินโควตา · 429 = ถูกจำกัดอัตรา · 408/5xx = ฝั่งเขามีปัญหา
// **ห้ามรวม 400/401/403** เพราะนั่นคือคำตอบจริงว่าไม่มีสิทธิ์ ถ้าเหมารวมจะกลายเป็น
// ไม่มีวันเด้งผู้ใช้ออกเลยแม้ session หมดอายุจริง
function _authUnknown(v){
  if (v && v.__authUnknown) return true;
  var e = v && v.error;
  if (!e) return false;
  var st = Number(e.status || e.statusCode || 0);
  if (st === 402 || st === 408 || st === 429 || (st >= 500 && st <= 599)) return true;
  var m = String((e && e.message) || '').toLowerCase();
  if (/failed to fetch|network|load failed|timed? ?out|econn|quota|exceeded/.test(m)) return true;
  return false;
}

// v_quotaguard: "กุญแจสำรอง" — จำไว้ว่าเครื่องนี้ใครล็อกอินอยู่ล่าสุด เพื่อให้เปิด
// โหมดดูอย่างเดียวได้ตอนหลังบ้านตอบไม่ได้ · TTL 24 ชม.เท่ากับ profile cache เดิม
// จึงไม่เปิดหน้าต่างความเสี่ยงใหม่เกินกว่าที่มีอยู่แล้ว · ล้างตอนกดออกจากระบบจริง
const _LAST_ID_KEY = 'sense_last_identity_v1';
// v_quotaguard2 (2026-08-21): 24 ชม. → 7 วัน · เดิมตั้งเท่า profile cache เพื่อไม่
// เปิดหน้าต่างความเสี่ยงใหม่ แต่ถ้า Supabase ถูกตัดจริงตั้งแต่ 22 ส.ค. ถึงโควตารีเซ็ต
// 2 ก.ย. คือ 11 วัน — 24 ชม. ทำให้เสาร์-อาทิตย์เดียวก็เข้าไม่ได้แล้ว
// ความเสี่ยงที่เพิ่มคือ: เครื่องที่เคยล็อกอินไว้เปิดดูข้อมูลแบบอ่านอย่างเดียวได้นาน
// ขึ้นตอนหลังบ้านล่ม · ยอมรับได้เพราะข้อมูลชุดเดียวกันถูกแคชไว้ในเครื่องอยู่แล้ว
// (IndexedDB/localStorage) และการกดออกจากระบบเองยังล้างทิ้งทันทีเหมือนเดิม
const _LAST_ID_TTL_MS = 7 * 24 * 60 * 60 * 1000;
function _lastIdentitySave(user, profile){
  try{
    if(!user || !user.id) return;
    localStorage.setItem(_LAST_ID_KEY, JSON.stringify({
      id: user.id, email: user.email || (profile && profile.email) || '',
      role: (profile && profile.role) || '', full_name: (profile && profile.full_name) || '',
      savedAt: Date.now()
    }));
  }catch(_){}
}
function _lastIdentityGet(){
  try{
    const raw = localStorage.getItem(_LAST_ID_KEY);
    if(!raw) return null;
    const o = JSON.parse(raw);
    if(!o || !o.id || !o.savedAt) return null;
    if(Date.now() - o.savedAt > _LAST_ID_TTL_MS) return null;   // เก่าเกินไป ไม่ให้ใช้
    return o;
  }catch(_){ return null; }
}
function _lastIdentityClear(){ try{ localStorage.removeItem(_LAST_ID_KEY); }catch(_){} }

// แถบแจ้งเตือนค้างบนจอ — ต้องไม่เงียบ ผู้ใช้ต้องรู้ว่ากำลังดูข้อมูลในโหมดจำกัด
let _readOnlyBannerShown = false;
function _showReadOnlyBanner(){
  if(_readOnlyBannerShown) return;
  _readOnlyBannerShown = true;
  window.SENSE_READONLY = true;
  try{
    const b = document.createElement('div');
    b.id = 'sense-readonly-banner';
    b.style.cssText = 'position:fixed;left:0;right:0;top:0;z-index:99999;' +
      'background:rgba(120,72,10,.97);color:#FFE7C2;padding:8px 14px;' +
      "font-family:'Noto Sans Thai',sans-serif;font-size:13px;line-height:1.45;" +
      'text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.35)';
    b.innerHTML = '⚠️ <b>โหมดดูอย่างเดียว</b> — ระบบหลังบ้านตอบไม่ได้ชั่วคราว ' +
      'ตัวเลขที่เห็นยังใช้ได้ แต่<b>บันทึกอะไรไม่ได้</b> (อัดเสียง/รีวิว/แก้คอมมิชชั่น)';
    document.body.appendChild(b);
    document.body.style.paddingTop = '38px';
  }catch(_){}
}
function _withTimeout(p, ms, label){
  var t = null;
  var limit = ms || SENSE_AUTH_TIMEOUT_MS;
  return Promise.race([
    Promise.resolve(p).catch(function(e){
      console.warn('[boot-guard] ' + (label || 'promise') + ' ล้มเหลว:', (e && e.message) || e);
      return AUTH_UNKNOWN;
    }),
    new Promise(function(resolve){
      t = setTimeout(function(){
        console.warn('[boot-guard] ' + (label || 'promise') + ' เกิน ' + limit + 'ms — ไปต่อโดยถือว่า "ไม่รู้" (ไม่ใช่ล็อกเอาต์)');
        resolve(AUTH_UNKNOWN);
      }, limit);
    })
  ]).then(function(v){ clearTimeout(t); return v; });
}

let currentUser = null;
let currentUserProfile = null;

// v210i: Canonical auth-role normalization.
// DB source of truth uses: admin / tl / rep / sales. UI may still label rep as KAM.
// SECTION:AUTH
function normalizeRole(role){
  const r = String(role || '').trim().toLowerCase();
  if(r === 'kam' || r === 'ka' || r === 'key_account' || r === 'key account') return 'rep';
  if(r === 'team_lead' || r === 'team lead') return 'tl';
  if(r === 'sales' || r === 'sale' || r === 'sales_rep') return 'sales';
  if(r === 'sales_tl' || r === 'sales_lead' || r === 'sales_team_lead') return 'sales_tl';
  // v498: AD (Account Development) — uses KAM data stack, KAM UI
  if(r === 'ad' || r === 'account_development' || r === 'account development') return 'ad';
  if(r === 'ad_tl' || r === 'ad_lead' || r === 'ad_team_lead') return 'ad_tl';
  // PM (Project/Portfolio Manager) — uses KAM data stack, KAM UI, own-portfolio-only.
  // NOTE: 'pm' here is a Supabase Auth login role, unrelated to commercial_owner='PM'
  // (sql/company_gmv.sql / nrr_company.js — that's an account-level GMV attribution tag).
  if(r === 'pm' || r === 'project_manager' || r === 'project manager') return 'pm';
  return r || 'rep';
}
function getCurrentRole(){
  try{ return normalizeRole(currentUserProfile && currentUserProfile.role); }catch(e){ return 'rep'; }
}
function isAdminRole(role){ return normalizeRole(role) === 'admin'; }
// v_ownertier (2026-09-04): ชั้นบนสุด — คนเดียวที่แก้ตัวเลขเงินได้
// (อัตราค่าคอมฯ, เป้า, ปิด/แก้ยอดจ่าย). admin ที่เหลือดูได้ทุกอย่างและอนุมัติ
// คำขอยกเว้นร้านได้ แต่เขียนตารางเงินไม่ได้ — ด่านจริงอยู่ที่ RLS ของ Supabase
// (policy "owner write targets"/"owner write target settings" → app_is_owner())
// ฝั่งนี้มีไว้ไม่ให้กดแล้วเจอ error เงียบๆ เท่านั้น
//
// ⚠️ fail closed: ค่าเริ่มต้นและทุก error path = ไม่ใช่ owner ห้ามใส่ `|| true`
// ที่ไหนก็ตาม ไม่งั้นคนที่โหลด RPC ไม่ติดจะกลายเป็น owner ทั้งบริษัท
window.currentUserIsOwner = false;
// RG-3: 'pending' (กำลังถาม) · 'unknown' (ถามแล้วไม่ได้คำตอบ กำลังถามใหม่) · 'yes' · 'no'
window._ownerFlagState = 'pending';
function isOwner(){ return window.currentUserIsOwner === true; }
let _ownerFlagInFlight = null;
async function _loadOwnerFlag(){
  window.currentUserIsOwner = false;
  if (_ownerFlagInFlight) return _ownerFlagInFlight;
  // RG-3 (16 ต.ค. 2569): ตอนบูตเย็น RPC นี้ต่อคิวหลังคำขออื่นจนเกิน 6 วิทุกครั้ง (เว็บจริง 6 ครั้งจาก 6)
  // เดิมถามครั้งเดียวแล้วเลิก ⇒ เจ้าของระบบไม่ใช่เจ้าของทั้ง session: ปุ่ม Commission หาย และ auto-draft วันที่ 1 ไม่ทำงาน
  // ตอนนี้: ไม่ได้คำตอบ (เกินเวลา/เครือข่าย/5xx/402) ⇒ ถามใหม่หลัง 2·5·10·20·40 วิ จนได้คำตอบชัด
  // ระหว่างนั้นยังถือว่าไม่ใช่เจ้าของ (fail closed เหมือนเดิม) · error ที่ตอบชัด (เช่น 401/403) = ไม่ใช่ ไม่ถามซ้ำ
  _ownerFlagInFlight = (async function(){
    window._ownerFlagState = 'pending';
    const waits = [0, 2000, 5000, 10000, 20000, 40000];
    for (let i = 0; i < waits.length; i++) {
      if (waits[i]) await new Promise(function(res){ setTimeout(res, waits[i]); });
      let r = null;
      try{ r = await _withTimeout(supa.rpc('app_is_owner'), 6000, 'app_is_owner'); }
      catch(e){ console.warn('[owner] rpc exception:', e && e.message); r = AUTH_UNKNOWN; }
      if (r && !_authUnknown(r)) {
        if(r && !r.error && r.data === true) window.currentUserIsOwner = true;
        else if(r && r.error) console.warn('[owner] rpc error:', r.error.message);
        window._ownerFlagState = isOwner() ? 'yes' : 'no';
        break;
      }
      window._ownerFlagState = 'unknown';
    }
    try{ document.body.classList.toggle('role-owner', isOwner()); }catch(e){}
    return window.currentUserIsOwner;
  })();
  try { return await _ownerFlagInFlight; } finally { _ownerFlagInFlight = null; }
}
function isTLRole(role){ return normalizeRole(role) === 'tl'; }
function isRepRole(role){ return normalizeRole(role) === 'rep'; }
function isSalesRole(role){ return normalizeRole(role) === 'sales'; }
function isSalesTLRole(role){ return normalizeRole(role) === 'sales_tl'; }
function isSalesAny(role){ const r=normalizeRole(role); return r==='sales'||r==='sales_tl'; }
// v498: AD role helpers
function isADRole(role){ return normalizeRole(role) === 'ad'; }
function isADTLRole(role){ return normalizeRole(role) === 'ad_tl'; }
function isADAny(role){ const r=normalizeRole(role); return r==='ad'||r==='ad_tl'; }
// PM role helper (no pm_tl variant — see plan)
function isPMRole(role){ return normalizeRole(role) === 'pm'; }
// ECHO GOAL 2 / Phase R: collapses the 8 auth roles down to the 4 buckets
// skill_definitions.roles is authored against. TL/admin bucket as 'kam' —
// they coach/view the KAM-stack visit feed by default.
function skillRoleBucket(role){
  const r = normalizeRole(role);
  if(r === 'sales' || r === 'sales_tl') return 'sales';
  if(r === 'ad' || r === 'ad_tl') return 'ad';
  if(r === 'pm') return 'pm';
  return 'kam'; // rep, tl, admin
}
// skill_definitions.roles is NULL/empty = applies to every bucket (no filtering)
function skillDefMatchesBucket(def, bucket){
  const roles = def && def.roles;
  if(!roles || !roles.length) return true;
  return roles.indexOf(bucket) !== -1;
}
// v_echofix (2026-07-21): deleted isEchoUser — it was never called anywhere
// and its role list (excluding tl/admin) contradicted the REAL gate,
// NAV_CONFIG in 12_nav_config.js, which deliberately shows Echo to
// tl/admin too (for the TL coaching feed). Misleading dead code.
function roleLabel(role){
  const r = normalizeRole(role);
  if(r === 'rep') return 'KAM';
  if(r === 'tl') return 'TL';
  if(r === 'admin') return 'Admin';
  if(r === 'sales') return 'Sales';
  if(r === 'sales_tl') return 'Sales TL';
  if(r === 'ad') return 'AD';
  if(r === 'ad_tl') return 'AD TL';
  if(r === 'pm') return 'PM';
  return role || '';
}
function normalizeCurrentUserProfileRole(){
  try{
    if(currentUserProfile){
      currentUserProfile.role = normalizeRole(currentUserProfile.role);
      currentUserProfile.role_label = roleLabel(currentUserProfile.role);
    }
  }catch(e){}
  return getCurrentRole();
}

// v744: Single entry point — called immediately after every profile set.
// Ensures _patchR2FilesForSales() runs synchronously before any fetch path
// evaluates _isSalesMode, eliminating the race between role detection and R2 fetch.
function _detectAndMarkSalesSession(){
  try{
    var _role=getCurrentRole();
    if(_role==='sales'||_role==='sales_tl'){
      if(typeof _patchR2FilesForSales==='function') _patchR2FilesForSales();
    }
  }catch(e){}
}
try{
  window.normalizeRole = normalizeRole;
  window.normalizeSenseRole = normalizeRole;
  window.getCurrentRole = getCurrentRole;
  window.isAdminRole = isAdminRole;
  window.isTLRole = isTLRole;
  window.isRepRole = isRepRole;
  window.isSalesRole = isSalesRole;
  window.isSalesTLRole = isSalesTLRole;
  window.isSalesAny = isSalesAny;
  window.isADRole = isADRole;
  window.isADTLRole = isADTLRole;
  window.isADAny = isADAny;
  window.isPMRole = isPMRole;
  window.isEchoUser = isEchoUser;
  window.roleLabel = roleLabel;
  window.skillRoleBucket = skillRoleBucket;
  window.skillDefMatchesBucket = skillDefMatchesBucket;
}catch(e){}

// v149: guarded splash transition + relogin runtime cleanup
let loginTransitionRunning = false;
let passwordRecoveryMode = false;


function resetRuntimeSessionState(){
  // v224e: cancel pending RenderBus timers BEFORE clearing data — prevents 0-flash
  // when token auto-refresh triggers SIGNED_OUT → portviewBulkData=[] → stale render fires
  try{ if(window.RenderBus) window.RenderBus.reset(); }catch(e){}
  try{ if(window.DataRegistry) window.DataRegistry.reset(); }catch(e){} // Phase 0G
  try { sheetsLoadStarted = false; } catch(e) {}
  try { if (typeof _cloudLoadToken !== 'undefined') _cloudLoadToken++; } catch(e) {}
  try {
    if (typeof _cloudInFlight !== 'undefined') {
      if (typeof _clearCloudInFlight === 'function') _clearCloudInFlight();
      else Object.keys(_cloudInFlight).forEach(k => delete _cloudInFlight[k]);
    }
  } catch(e) {}
  try {
    if (typeof _cloudLoadedTabs !== 'undefined' && _cloudLoadedTabs && typeof _cloudLoadedTabs.clear === 'function') {
      _cloudLoadedTabs.clear();
    }
  } catch(e) {}
  try { if (typeof _cloudInitialPromise !== 'undefined') _cloudInitialPromise = null; } catch(e) {}
  try { if (typeof _cloudBackgroundPromise !== 'undefined') _cloudBackgroundPromise = null; } catch(e) {}
  try { bulkSkusReady = false; } catch(e) {}
  try { bulkAltsReady = false; } catch(e) {}
  try { loginTransitionRunning = false; } catch(e) {}
  // Fix v194: reset auth flags so stale state never blocks next login attempt
  try { window._doLoginHandled = false; } catch(e) {}
  try { window._coldRetryFired = false; } catch(e) {}
  try { window._sessionCheckHandling = false; } catch(e) {}
  try { if (window._visibilityGraceTimer) { clearTimeout(window._visibilityGraceTimer); window._visibilityGraceTimer = null; } } catch(e) {}
  try { if (window._pgsGraceTimer) { clearTimeout(window._pgsGraceTimer); window._pgsGraceTimer = null; } } catch(e) {}
  try { window._pwaResumeCheckInFlight = null; } catch(e) {}
  // v202: clear ALL Sense + UI state so next login never inherits previous session
  try { portviewBulkData=[]; } catch(e) {}      // prevents splash from thinking cache=warm with old data
  try { bulkUpsellData={ byKam:{}, baselineGroups:{}, loaded:false }; } catch(e) {}  // Q3C: clear upsell index on logout
  try { bulkUpsellTeamData={}; } catch(e) {}  // clear team summary on logout
  try { bulkUpsellTeamGroups={}; } catch(e) {}  // v_catbonus: clear group-grain fast path on logout
  try { currentAccountId=null; } catch(e) {}    // prevents loadFromStorage restoring old account state
  try { senseActivated=false; } catch(e) {}
  try { _sgRunning=false; } catch(e) {}          // prevent stale gate blocking reset
  try { _sgRevealPending=false; } catch(e) {}
  try { footerUnlocked=false; } catch(e) {}       // prevent opportunity screen from being unlocked
  // v491-A: remove stale role classes BEFORE setMode so kam-mode add is not immediately undone.
  // Previous order: setMode adds kam-mode, then remove() strips it → body loses dark bg on re-login.
  try { document.body.classList.remove('sales-mode','sales-tl-mode','kad-mode','ad-tl-mode','kam-mode'); } catch(e) {}
  // v682: reset nav inline styles so NavConfig.render() starts from a clean slate
  // prevents stale display:flex / order values from previous session persisting
  try {
    var _navIds=['nav-overview','nav-portview','nav-restaurant','nav-echo-kam','nav-opportunities',
      'nav-skills','nav-teamview','nav-sales-portview','nav-sales-pipeline','nav-echo',
      'nav-sales-commission','nav-sales-teamview','nav-portfolio','nav-report'];
    _navIds.forEach(function(id){
      var el=document.getElementById(id);
      if(el){el.style.display='none';el.style.order='';}
    });
    var bnav=document.querySelector('.bnav');
    if(bnav) bnav.style.gridTemplateColumns='';
  } catch(e) {}
  try { document.documentElement.removeAttribute('data-theme'); } catch(e) {} // phase-0C
  try { if(typeof setMode==='function')setMode('kam'); } catch(e) {} // force KAM mode (prevent restaurant flash — must run AFTER remove)
  try { const b=document.getElementById('key-nav-badge');if(b){b.textContent='0';b.style.display='none';} } catch(e) {}
  // v202a bundle state
  try { _kamBundleLoaded.clear(); } catch(e) {}
  try { Object.keys(_kamBundleInFlight).forEach(k=>delete _kamBundleInFlight[k]); } catch(e) {}
  // v465: cross-session state reset — prevent data/UI bleed between logins
  // Bug: KAM→Sales→KAM left portviewLevel='rep-detail', portviewRepEmail=prev user, body class stale,
  //      bulk data vars unpurged → wrong commission, wrong pace bar, ghost TL button, missing account data
  try { portviewLevel='rep'; } catch(e) {}
  try { portviewRepEmail=null; } catch(e) {}
  try { bulkHistoryData={}; } catch(e) {}
  try { bulkCatsData={}; } catch(e) {}
  try { bulkSkuCurrentData={}; } catch(e) {}
  try { bulkOutletsData={}; } catch(e) {}
  // v479-G2: reset commission render key so _commGatedRender re-renders on next login
  try { if(typeof window._commResetKey==='function') window._commResetKey(); } catch(e) {}
}

function _showLoginOverlayClean(){
  resetRuntimeSessionState();
  // v577: ล้างจอ user เก่า — ซ่อนทุก screen + ลบ Echo sheet ค้าง
  // กัน "หน้า user ก่อนหน้า" โผล่ตอน login overlay fade out (privacy + UX)
  try {
    document.querySelectorAll('.scr').forEach(s => s.classList.remove('on'));
    const ciSheet = document.getElementById('ci-fullsheet');
    if (ciSheet) ciSheet.remove();
    // restore body scroll lock styles ถ้า Echo lock ค้าง
    ['position','top','left','right','width','maxWidth','marginLeft','marginRight'].forEach(p => { document.body.style[p] = ''; });
    // ล้าง stale account view (KAM single-account sheet)
    document.body.classList.remove('restaurant-sheet','rest-settled','rest-closing','echo-active','kam-sense-active');
    // v673: clear stale portview/commission UI from previous session so IDB-served data
    // doesn't flash old design (NRR 7500, pace 0%, old layout) before fresh R2 data arrives.
    ['portview-list','portview-summary-row','tgt-portview-bar','tgt-nrr-bar',
     'pv-commission-strip','pv-compact-strip','portview-pace-bar'].forEach(id => {
      const el = document.getElementById(id);
      if (el) el.innerHTML = '';
    });
    // v302: เลข %NRR หัวจอที่จำไว้ในเครื่องเป็นของคนที่กำลังออก — ลบตรงนี้ที่เดียว
    // (ห้ามลบใน resetRuntimeSessionState — มันวิ่งตอน token refresh ด้วย)
    try { localStorage.removeItem('sense_nrr_headline_v1'); } catch(e) {}
    // UIR: ความสูงหมายเหตุของแถบค่าคอมฯ รายคน (07b_cds) จำตามอีเมลของทุกคนที่เปิดดู — ไม่ใช่ของคนถัดไป
    try { localStorage.removeItem('sense_comm_strip_notes_h_v1'); } catch(e) {}
    // H8 (25 ต.ค. 2569): ยอดค่าคอมฯ ล่าสุด (สีเงินตอนเปิดแอป · 07b_cds) เป็นของคนที่กำลังออก
    try { localStorage.removeItem('sense_comm_last_v1'); } catch(e) {}
    // H9: วันที่เขียนไฟต่อเนื่องแล้ว / หมุดที่ชมแล้ว (06c) ของคนที่กำลังออก
    try { localStorage.removeItem('sense_streak_mark_v1'); localStorage.removeItem('sense_streak_praise_v1'); localStorage.removeItem('sense_streak_last_v1'); } catch(e) {}
  } catch(_) {}
  // รอบ B: ยอดจริงสด/ไฟล์ upsell ที่แปลงไว้ของคนก่อนต้องไม่ค้าง · งานที่รอไฟล์อยู่ทิ้งผลและไม่เขียนแคชในเครื่อง
  try { if (typeof _commLiveReset === 'function') _commLiveReset(); } catch (e) {}
  // R2 perf: เกณฑ์/ยอดที่ล็อก/waiver ที่โหลดด้วยสิทธิ์ของคนก่อน — เปิดแอปไม่ล้างให้แล้ว ต้องล้างตรงนี้
  try { if (typeof _tgtGovernanceSignOut === 'function') _tgtGovernanceSignOut(); } catch (e) {}
  // v_bootnet: บอก watchdog ของผ้าคลุม boot ว่า JS หลักรับช่วงต่อแล้ว
  try { window.__senseBootTookOver = true; } catch(e) {}
  const ov = document.getElementById('login-overlay');
  passwordRecoveryMode = false;
  if (ov) {
    ov.classList.remove('lgi-checking');
    ov.classList.remove('password-recovery');
    ov.style.display = 'flex';
    ov.style.opacity = '1';
  }
  const splash = document.getElementById('sense-splash');
  if (splash) {
    splash.style.display = 'none';
    splash.style.opacity = '';
    splash.style.transition = '';
  }
  const bar = document.getElementById('spl-bar');
  if (bar) {
    bar.style.transition = 'none';
    bar.style.width = '0';
  }
  const em = document.getElementById('login-email');
  const pw = document.getElementById('login-password');
  if (em) em.value = _lgiRememberedEmail();   // 25 ต.ค. 2569: จำอีเมลไว้ (ผู้ใช้เลือกเอง) — รหัสผ่านไม่จำ
  if (pw) { pw.value = ''; pw.type = 'password'; }
  try { const eye = document.getElementById('login-eye'); if (eye) eye.textContent = 'แสดง'; } catch(e) {}
  const rpw = document.getElementById('reset-password');
  const rpw2 = document.getElementById('reset-password-confirm');
  const rst = document.getElementById('pw-reset-status');
  if (rpw) rpw.value = '';
  if (rpw2) rpw2.value = '';
  if (rst) { rst.textContent = ''; rst.className = 'pw-reset-status'; }
}


// ── ขอลิงก์ตั้งรหัสผ่าน ──────────────────────────────────────────────────────
// คนใหม่ที่บุชชี่เพิ่มในชีทรายชื่อ จะได้บัญชีอัตโนมัติ "แบบยังไม่มีรหัสผ่าน"
// ⇒ ต้องมีทางให้เจ้าตัวตั้งรหัสของตัวเอง ไม่ใช่ให้ใครตั้งให้แล้วส่งรหัสต่อกันทางแชท
//
// ⚠️ ข้อความตอบกลับต้องเหมือนกันทุกกรณี ไม่ว่าอีเมลนั้นจะมีบัญชีจริงหรือไม่
//    ไม่งั้นหน้านี้จะกลายเป็นเครื่องมือเดาว่าใครทำงานที่นี่บ้าง
async function requestPasswordLink(){
  const btn = document.getElementById('pw-link-btn');
  const note = document.getElementById('pw-link-status');
  const email = String(document.getElementById('login-email')?.value || '').trim().toLowerCase();

  const say = (msg, kind) => {
    if (!note) return;
    note.textContent = msg;
    note.className = 'lgi-linknote show' + (kind ? ' ' + kind : '');
  };

  if (!/^[^@\s]+@freshket\.co$/.test(email)) {
    say('กรอกอีเมลบริษัทของคุณในช่องด้านบนก่อน แล้วกดปุ่มนี้อีกครั้ง', 'bad');
    document.getElementById('login-email')?.focus();
    return;
  }

  if (btn) { btn.disabled = true; }
  say('กำลังส่งลิงก์...');
  try {
    // กลับมาที่หน้าเดิมที่กดมา — Sense กับ /nrr คนละหน้ากัน
    const backTo = window.location.origin + window.location.pathname;
    const { error } = await supa.auth.resetPasswordForEmail(email, { redirectTo: backTo });
    if (error && /rate|limit|too many|seconds/i.test(error.message || '')) {
      say('ขอลิงก์ถี่เกินไป รอสักครู่แล้วลองใหม่อีกครั้ง', 'bad');
      return;
    }
    if (error) {
      console.warn('[password link]', error.message);
      say('ส่งลิงก์ไม่สำเร็จ ลองใหม่อีกครั้ง ถ้ายังไม่ได้ให้แจ้งทีม Commercial', 'bad');
      return;
    }
    say('ส่งลิงก์ไปที่ ' + email + ' แล้ว เปิดอีเมลแล้วกดลิงก์เพื่อตั้งรหัสผ่าน ' +
        'ถ้าไม่เจอในกล่องจดหมาย ลองดูในสแปม', 'ok');
  } catch(e) {
    console.error('[password link]', e);
    say('ส่งลิงก์ไม่สำเร็จ ลองใหม่อีกครั้ง', 'bad');
  } finally {
    // หน่วงไว้สักครู่ กันกดรัวจนโดนระบบจำกัดจำนวน
    setTimeout(() => { if (btn) btn.disabled = false; }, 8000);
  }
}
try { window.requestPasswordLink = requestPasswordLink; } catch(e) {}

function _urlLooksLikePasswordRecovery(){
  const raw = String(window.location.search || '') + ' ' + String(window.location.hash || '');
  return /(?:^|[?#&])type=recovery(?:&|$)/i.test(raw) || /password[_-]?recovery/i.test(raw);
}

function _clearPasswordRecoveryUrl(){
  try {
    const keep = new URLSearchParams(window.location.search);
    ['code','token','token_hash','type','access_token','refresh_token','expires_in','expires_at'].forEach(k => keep.delete(k));
    const qs = keep.toString();
    const clean = window.location.pathname + (qs ? '?' + qs : '');
    window.history.replaceState({}, document.title, clean);
  } catch(e) {}
}

function showPasswordResetForm(){
  // v_bootnet: JS หลักรับช่วงต่อแล้ว — watchdog ไม่ต้องแทรก
  try { window.__senseBootTookOver = true; } catch(e) {}
  passwordRecoveryMode = true;
  loginTransitionRunning = false;
  const ov = document.getElementById('login-overlay');
  if (ov) {
    ov.classList.remove('lgi-checking');
    ov.classList.add('password-recovery');
    ov.style.display = 'flex';
    ov.style.opacity = '1';
  }
  const splash = document.getElementById('sense-splash');
  if (splash) {
    splash.style.display = 'none';
    splash.style.opacity = '';
    splash.style.transition = '';
  }
  const em = document.getElementById('pw-reset-email');
  if (em) em.textContent = currentUser?.email ? currentUser.email : '';
  const loginErr = document.getElementById('login-error');
  if (loginErr) { loginErr.textContent = ''; loginErr.className = 'lgi-err'; loginErr.style.display = 'none'; }
  setTimeout(() => {
    const p = document.getElementById('reset-password');
    if (p) p.focus();
  }, 60);
}

function showResetStatus(msg, type){
  const el = document.getElementById('pw-reset-status');
  if (!el) return;
  el.textContent = msg;
  el.className = 'pw-reset-status ' + (type === 'ok' ? 'ok' : 'err');
}

function showLoginInfo(msg){
  const el = document.getElementById('login-error');
  if (!el) return;
  el.textContent = msg;
  el.className = 'lgi-err ok';
  el.style.display = 'block';
}

async function submitPasswordReset(){
  const p1 = document.getElementById('reset-password')?.value || '';
  const p2 = document.getElementById('reset-password-confirm')?.value || '';
  const btn = document.getElementById('pw-reset-btn');
  const txt = document.getElementById('pw-reset-btn-text');

  if (p1.length < 8) { showResetStatus('Password ต้องมีอย่างน้อย 8 ตัวอักษร', 'err'); return; }
  if (p1 !== p2) { showResetStatus('Password สองช่องไม่ตรงกัน', 'err'); return; }

  if (btn) btn.disabled = true;
  if (txt) txt.textContent = 'กำลังบันทึก...';
  try {
    const { error } = await supa.auth.updateUser({ password: p1 });
    if (error) {
      console.warn('[password recovery] update failed:', error.message);
      showResetStatus('บันทึก password ไม่สำเร็จ: ' + (error.message || 'กรุณาขอลิงก์ใหม่'), 'err');
      return;
    }
    showResetStatus('ตั้ง password ใหม่สำเร็จ กำลังกลับไปหน้า login...', 'ok');
    _clearPasswordRecoveryUrl();
    passwordRecoveryMode = false;
    currentUser = null;
    currentUserProfile = null;
    try { await supa.auth.signOut(); } catch(e) {}
    _showLoginOverlayClean();
    showLoginInfo('ตั้ง password ใหม่สำเร็จ กรุณาเข้าสู่ระบบด้วย password ใหม่');
  } catch(e) {
    console.error('[password recovery]', e);
    showResetStatus('เกิดข้อผิดพลาด กรุณาลองใหม่ หรือขอลิงก์ reset ใหม่', 'err');
  } finally {
    if (btn) btn.disabled = false;
    if (txt) txt.textContent = 'บันทึก password ใหม่';
  }
}

// ─────────────────────────────────────────────────────────────────────────────
// v223 RESUME STATE — Option A + B
// Save current screen + account on leave → restore on warm resume → skip splash
// ─────────────────────────────────────────────────────────────────────────────
(function(){
  var KEY = 'sense_resume_state_v1';

  // Save state before page leaves (swipe out, tab switch, close)
  function saveResumeState(){
    if(!window.currentUser||!window.currentUserProfile) return;
    try{
      var screen = 'portview';
      try{
        // Read active screen from DOM
        ['portview','teamview','sense','account','history-scr'].forEach(function(s){
          var el=document.getElementById('scr-'+s)||document.getElementById(s);
          if(el&&el.classList.contains('on')) screen=s;
        });
      }catch(e){}
      var state = {
        screen: screen,
        accountId: window.currentAccountId||'default',
        savedAt: Date.now()
      };
      localStorage.setItem(KEY, JSON.stringify(state));
    }catch(e){}
  }

  window._getResumeState = function(){
    try{
      var raw=localStorage.getItem(KEY);
      if(!raw) return null;
      var s=JSON.parse(raw);
      // Only restore if saved within 6 hours
      if(!s||!s.savedAt||(Date.now()-s.savedAt)>6*60*60*1000) return null;
      return s;
    }catch(e){return null;}
  };

  window._clearResumeState = function(){
    try{localStorage.removeItem(KEY);}catch(e){}
  };

  // Save on every leave event
  window.addEventListener('pagehide', saveResumeState);
  window.addEventListener('visibilitychange', function(){
    if(document.visibilityState==='hidden') saveResumeState();
  });
  window.addEventListener('beforeunload', saveResumeState);
})();


// Guard A: only act when currentUser not yet set → prevents double-invoke
//          if doLogin() already completed before onAuthStateChange fires
// Guard D: SIGNED_OUT only triggers login UI if we were actually logged in
//          (avoids showing login on initial page load when no session exists)
// Fix v194: _doLoginHandled — set by doLogin() to prevent onAuthStateChange(SIGNED_IN)
// from calling hideLoginOverlay() a second time after doLogin already handled it.
// _sessionCheckHandling — set by checkSession() to block INITIAL_SESSION race.
// _visibilityGraceTimer — cancellable timer for visibilitychange grace period.
window._doLoginHandled = false;
window._sessionCheckHandling = false;
window._visibilityGraceTimer = null;
window._pwaResumeCheckInFlight = null;

supa.auth.onAuthStateChange((event, session) => {
  console.log('[auth:v202]', event, '| session:', !!session, '| currentUser:', !!currentUser, '| loginRunning:', loginTransitionRunning, '@', Date.now());
  // Recovery links create a temporary auth session first. Do not route into the app yet.
  if (event === 'PASSWORD_RECOVERY' || passwordRecoveryMode || _urlLooksLikePasswordRecovery()) {
    if (session?.user) currentUser = session.user;
    showPasswordResetForm();
    return;
  }

  if (event === 'TOKEN_REFRESHED' && session) {
    // Fix v22.2: handle silent token refresh on mobile.
    currentUser = session.user;
    // v206a: cancel all PWA resume grace timers — token refresh confirms session alive.
    if (window._visibilityGraceTimer) { clearTimeout(window._visibilityGraceTimer); window._visibilityGraceTimer = null; }
    if (window._pgsGraceTimer) { clearTimeout(window._pgsGraceTimer); window._pgsGraceTimer = null; }
    return;
  }

  if ((event === 'SIGNED_IN' || event === 'INITIAL_SESSION') && session) {
    // v206a: auth recovered; cancel delayed signed-out/login UI from mobile token churn.
    if (window._signedOutTimer) { clearTimeout(window._signedOutTimer); window._signedOutTimer = null; }
    if (window._visibilityGraceTimer) { clearTimeout(window._visibilityGraceTimer); window._visibilityGraceTimer = null; }
    if (window._pgsGraceTimer) { clearTimeout(window._pgsGraceTimer); window._pgsGraceTimer = null; }
    // Fix v194 Guard A: doLogin() already handled this SIGNED_IN — skip to avoid double hideLoginOverlay.
    if (event === 'SIGNED_IN' && window._doLoginHandled) {
      window._doLoginHandled = false;
      return;
    }
    // Fix v194 Guard B: checkSession() is mid-flight handling INITIAL_SESSION — skip race.
    if (event === 'INITIAL_SESSION' && window._sessionCheckHandling) return;
    // Guard A (original): only proceed if no one else has set currentUser yet.
    if (!currentUser) {
      currentUser = session.user;
      // v219 STRATEGY B: Step 1 — fast IndexedDB preload (no network, no ETag).
      // Runs parallel with loadUserProfile (~3s). By the time showSenseSplash() is called,
      // all 3 critical files should already be in memory from IndexedDB → splash fades in ~900ms.
      // If IndexedDB empty (cold start), returns 0 → ETag path takes over (normal flow).
      window._idbPreloaded=false;
      // v225 A1: expose promise so profile-cache-hit path can wait for IDB result (race fix).
      var _idbPreloadProm = _preloadFromIndexedDB();
      window._idbPreloadPromise = _idbPreloadProm;
      _idbPreloadProm.then(function(count){
        if(count<3){
          // Partial or no IndexedDB hit — kick off normal R2 load with ETag
          // v379: must patch R2 filenames for Sales BEFORE fetch starts.
          // Profile may already be set (cache hit path above), or may still be loading.
          // We wait up to 2s for profile, then patch and fetch regardless.
          var _doR2Fetch = function(){
            try{ if(typeof _patchR2FilesForSales==='function') _patchR2FilesForSales(); }catch(e){}
            try{ if(typeof loadFromCloudflareR2==='function') loadFromCloudflareR2(); }catch(e){}
          };
          if(currentUserProfile && currentUserProfile.email){
            _doR2Fetch();
          } else {
            // v480-E1: replace 50ms poll (max 2s) with direct supa.auth.getSession().
            // On slow networks, loadUserProfile() can take >2s → poll expires → Sales gets
            // KAM files. getSession() is a local JWT decode (no network) → always instant.
            // Inject email into currentUserProfile so _patchR2FilesForSales() can read it.
            (function(){
              try{
                // v_bootnet: คอมเมนต์เดิมบอกว่า getSession() เป็นการถอด JWT ในเครื่อง
                // "always instant" — จริงเฉพาะตอน access token ยังไม่หมดอายุ พอหมดแล้ว
                // มันยิง refresh ผ่านเน็ต ค้างได้ · ถ้าค้าง _doR2Fetch() จะไม่เคยถูกเรียก
                _withTimeout(supa.auth.getSession(), SENSE_AUTH_TIMEOUT_MS, 'getSession(sales-email)').then(function(result){
                  var _sess = result && result.data && result.data.session;
                  var _email = (_sess && _sess.user && _sess.user.email) || '';
                  if(_email && currentUserProfile && !currentUserProfile.email){
                    currentUserProfile.email = _email;
                  }
                  _doR2Fetch();
                }).catch(function(){ _doR2Fetch(); });
              }catch(e){ _doR2Fetch(); }
            })();
          }
        }
        // v224d: ETag check fires immediately after IDB render (was 3000ms).
        // Minimises stale-data window: 304 = silent no-op, 200 = re-render within ~500ms.
        if(count>0){
          clearTimeout(window._bgEtagTimer);
          window._bgEtagTimer=setTimeout(async function(){
            try{
              _senseDataLog('BACKGROUND','ETag check for portview+history+handover...');
              // v743: Sales never has handover file — skip to avoid 404 blocking gate
              var _bgEtagFiles=['portview','history','handover'];
              var _bgIsSales=(typeof getCurrentRole==='function')&&
                (getCurrentRole()==='sales'||getCurrentRole()==='sales_tl');
              if(_bgIsSales) _bgEtagFiles=_bgEtagFiles.filter(function(k){return k!=='handover';});
              for(var _bt of _bgEtagFiles){
                try{ var _bs=R2_SPECS[_bt]; if(_bs) await _fetchCloudflareFile(_bs,{force:true}); }catch(e){}
              }
              window._idbPreloaded=false; // reset after first real ETag cycle
              _senseDataLog('BACKGROUND','ETag check complete');
            }catch(e){}
          },0);
        }
      });
      // v220 PROFILE CACHE: inject cached profile → hideLoginOverlay immediately (no 3s wait).
      // loadUserProfile() runs in background → silent update if profile changed.
      // First-ever login: cache miss → falls back to original await path.
      //
      // v225 A2: skip-splash race fix — wait for IDB preload before calling hideLoginOverlay.
      // Root cause: _canSkipSplash evaluates window._idbPreloaded synchronously, but IDB is async.
      // Profile cache hit fired hideLoginOverlay before IDB resolved → _idbPreloaded always false
      // → skip-splash never triggered even on warm boot.
      // Fix: race IDB promise against 500ms timeout. IDB typically resolves in ~150ms on warm boot.
      // If IDB takes >500ms (cold start / very slow device), proceed anyway — skip-splash won't fire
      // but that's correct (IDB not ready = not a warm boot).
      var _cp=_profileCacheGet(currentUser.id);
      if(_cp){
        currentUserProfile=_cp; normalizeCurrentUserProfileRole(); _detectAndMarkSalesSession();
        _senseDataLog('PROFILE','⚡ cache hit → waiting for IDB preload before hideLoginOverlay (max 500ms)');
        Promise.race([
          window._idbPreloadPromise,
          new Promise(function(r){setTimeout(r,500);})
        ]).then(function(){
          hideLoginOverlay();
          loadUserProfile(); // background revalidate — no await, no gate
        });
      }else{
        // v_bootnet: ไม่มี Promise.race กั้นไว้เหมือน branch cache-hit ข้างบน
        // ถ้าคิวรี profiles ค้าง hideLoginOverlay() จะไม่มีวันถูกเรียก
        _withTimeout(loadUserProfile(), SENSE_AUTH_TIMEOUT_MS, 'loadUserProfile(auth-change)')
          .then(function(){ if (window._senseInactiveKicked) return; hideLoginOverlay(); }); // v_offboard
      }
    }
  } else if (event === 'SIGNED_OUT') {
    // v_bootnet: เดิมสาขานี้ผูกกับ `&& currentUser` — ซึ่งตอน cold boot เป็น null
    // เสมอ · supabase ยิง SIGNED_OUT ตอน _recoverAndRefresh() โดน refresh token
    // ปฏิเสธ (เคสนอนข้ามคืนพอดี) แล้วสาขานี้ถูกข้ามทั้งก้อน → ไม่มีใครเรียก
    // _showLoginOverlayClean() → ผ้าคลุม boot ค้างถาวร
    //
    // ยังไม่มี currentUser = ไม่มี session ให้กู้ = เด้งหน้า login เลย ไม่ต้องรอ
    // grace 1200ms (grace มีไว้กันจอกะพริบตอน "กำลังใช้งานอยู่แล้วโทเคนเด้ง")
    if (!currentUser) {
      // v_bootauth2 (2026-08-25): เดิมโชว์ login "ทันที" ซึ่งเร็วเกินไป
      //
      // หลักฐานจากของจริง (auth.refresh_tokens ของบุช 25 ส.ค.): token ของ session
      // เดิมถูกต่ออายุ **สำเร็จ** เวลา 03:51:38 และยังไม่ถูก revoke จนถึงตอนนี้ —
      // แต่ 4 วินาทีถัดมามี session ใหม่เกิดขึ้น = แอปเด้งหน้า login แล้วบุชล็อกอินใหม่
      // ทั้งที่ session เดิมใช้ได้อยู่ · นี่คือสาเหตุที่ "ทิ้งไว้สักพักแล้วต้องล็อกอินใหม่"
      //
      // ทำไม: ตอน PWA เปิดใหม่ supabase-js จะกู้ session จาก localStorage แล้ว
      // ต่ออายุ token · ระหว่างนั้นมันยิง SIGNED_OUT ออกมาก่อนชั่วขณะ ซึ่งตอน
      // cold boot currentUser ยังเป็น null เสมอ → เข้าสาขานี้ → ปิดประตูทันที
      // ทั้งที่อีกไม่กี่ร้อย ms การต่ออายุจะสำเร็จ
      //
      // แก้: รอสั้นๆ แล้วถามซ้ำก่อนตัดสิน · ยังคงจบที่หน้า login เสมอถ้าไม่มี session
      // จริง (กันอาการผ้าคลุม boot ค้างที่ v_bootnet แก้ไว้ ห้ามถอยกลับไปตรงนั้น)
      clearTimeout(window._bootSignedOutTimer);
      window._bootSignedOutTimer = setTimeout(async () => {
        window._bootSignedOutTimer = null;
        if (currentUser) return;                    // มีคนพาเข้าไปแล้ว
        let _r = await _withTimeout(supa.auth.getSession(), SENSE_AUTH_TIMEOUT_MS, 'getSession(boot-signedout)');
        if (_authUnknown(_r)) {
          // ตอบไม่ได้ = ไม่รู้ ห้ามตีความว่าล็อกเอาต์ · ให้ checkSession ที่มีการ
          // ลองซ้ำ + โหมดดูอย่างเดียวเป็นคนตัดสินแทน
          _senseDataLog('AUTH','⏳ SIGNED_OUT ตอนบูต แต่เช็คซ้ำตอบไม่ได้ — ปล่อยให้ checkSession ตัดสิน');
          return;
        }
        const _sess = _r && _r.data && _r.data.session;
        if (_sess && _sess.user) {
          _senseDataLog('AUTH','✅ SIGNED_OUT ตอนบูตเป็นของชั่วคราว — ต่ออายุสำเร็จ ไม่ต้องล็อกอินใหม่');
          currentUser = _sess.user;
          try { loadUserProfile(); } catch(e) {}
          hideLoginOverlay();
          return;
        }
        _senseDataLog('AUTH','🔒 SIGNED_OUT ตอนบูต ยืนยันแล้วว่าไม่มี session — โชว์หน้า login');
        _showLoginOverlayClean();
      }, 1200);
      return;
    }
    currentUser = null;
    currentUserProfile = null;
    // v223: SIGNED_OUT from JWT expiry — Supabase auto-refresh may be in flight.
    // Strategy:
    //   1. Wait 600ms for rapid SIGNED_IN (fast network token refresh)
    //   2. If no SIGNED_IN: actively call getSession() — Supabase may have a valid
    //      refreshed session that hasn't fired SIGNED_IN yet (race condition)
    //   3. If getSession() returns a valid session: inject it silently (no login form)
    //   4. Only show login if getSession() confirms truly signed out
    clearTimeout(window._signedOutTimer);
    window._signedOutTimer = setTimeout(async () => {
      window._signedOutTimer = null;
      if (currentUser) return; // SIGNED_IN already fired — cancel
      // Step 2: active session check before showing login
      try {
        // v_bootnet: ครอบเพดานเวลา — ถ้าค้าง จะไม่มีใครโชว์หน้า login ให้เลย
        const _sr = await _withTimeout(supa.auth.getSession(), SENSE_AUTH_TIMEOUT_MS, 'getSession(signed-out)');
        // v_authfix: timeout/เน็ตล้ม = "ไม่รู้" — ห้ามประทับตรา confirmed จาก
        // ความเงียบ · ปล่อยผู้ใช้อยู่ต่อ ถ้า SIGNED_OUT เป็นของจริง คำขอถัดไป
        // จะ 401 แล้ววนกลับมาที่นี่พร้อมคำตอบจริงเอง
        if (_authUnknown(_sr)) {
          _senseDataLog('AUTH','⏳ SIGNED_OUT แต่เช็คซ้ำตอบไม่ได้ (เน็ต) — ไม่เด้งผู้ใช้ออก');
          return;
        }
        const data = _sr && _sr.data;
        if (data && data.session && data.session.user) {
          // Session recovered — inject silently without showing login
          _senseDataLog('AUTH','✅ session recovered after SIGNED_OUT (JWT refresh race) — staying signed in');
          currentUser = data.session.user;
          loadUserProfile(); // refresh profile in background
          return;
        }
      } catch(e) {
        console.warn('[auth] getSession() failed after SIGNED_OUT:', e);
      }
      // Truly signed out — show login
      _senseDataLog('AUTH','🔒 SIGNED_OUT confirmed — showing login');
      _profileCacheClear(currentUser?.id);
      _showLoginOverlayClean();
    }, 1200); // v478-B3: 800→1200ms — iOS Supabase token refresh can take >800ms, causing login flash
  }
});

async function doLogin() {
  const email = document.getElementById('login-email').value.trim();
  const pwd = document.getElementById('login-password').value;
  const btn = document.getElementById('login-btn');
  const errEl = document.getElementById('login-error');
  const btnText = document.getElementById('login-btn-text');
  if (!email || !pwd) { showLoginError('กรุณากรอกอีเมลและรหัสผ่าน'); return; }
  btn.disabled = true; btnText.textContent = 'กำลังเข้าสู่ระบบ...';
  errEl.style.display = 'none';
  try {
    const { data, error } = await supa.auth.signInWithPassword({ email, password: pwd });
    if (error) { showLoginError('อีเมลหรือรหัสผ่านไม่ถูกต้อง'); return; }
    _lgiSaveEmail(email);
    // Fix v194: set flag BEFORE hideLoginOverlay so onAuthStateChange(SIGNED_IN)
    // (which fires async from signInWithPassword) knows doLogin already handles UI.
    window._doLoginHandled = true;
    currentUser = data.user;
    // Load profile first so role is known before R2 fetch starts
    // v_bootnet: ครอบเพดานเวลา ไม่งั้นปุ่ม "เข้าสู่ระบบ" หมุนค้างไม่รู้จบ
    await _withTimeout(loadUserProfile(), SENSE_AUTH_TIMEOUT_MS, 'loadUserProfile(login)'); if (window._senseInactiveKicked) return; // v_offboard
    // v348: patch R2 filenames for Sales BEFORE starting fetch
    try{ if(typeof _patchR2FilesForSales==='function') _patchR2FilesForSales(); }catch(e){}
    // v195 Step 1: start R2 fetch after profile + patch ready
    if(!sheetsLoadStarted&&typeof loadFromGoogleSheets==='function')loadFromGoogleSheets();
    hideLoginOverlay();
  } catch(e) {
    window._doLoginHandled = false;
    showLoginError('เกิดข้อผิดพลาด กรุณาลองใหม่');
    console.error('[login]', e);
  } finally {
    btn.disabled = false; btnText.textContent = 'เข้าสู่ระบบ';
  }
}

// ── หน้าเข้าสู่ระบบ (25 ต.ค. 2569) ─────────────────────────────────────────────────────────────
// จำอีเมลไว้ในเครื่องนี้ = เลือกเองที่ช่องติ๊ก (ค่าเริ่มติ๊ก) · เก็บแค่อีเมล ไม่เก็บรหัสผ่าน · ออกจากระบบแล้วยังจำ (ตั้งใจ)
const _LGI_EMAIL_KEY = 'sense_login_email_v1';
function _lgiRememberedEmail() { try { return localStorage.getItem(_LGI_EMAIL_KEY) || ''; } catch(e) { return ''; } }
function _lgiSaveEmail(email) {
  try {
    const box = document.getElementById('login-remember');
    if (box && !box.checked) localStorage.removeItem(_LGI_EMAIL_KEY);
    else localStorage.setItem(_LGI_EMAIL_KEY, String(email || '').trim().toLowerCase());
  } catch(e) {}
}
function _lgiTogglePw() {
  const pw = document.getElementById('login-password'), eye = document.getElementById('login-eye');
  if (!pw) return;
  const show = pw.type === 'password';
  pw.type = show ? 'text' : 'password';
  if (eye) { eye.textContent = show ? 'ซ่อน' : 'แสดง'; eye.setAttribute('aria-label', show ? 'ซ่อนรหัสผ่าน' : 'แสดงรหัสผ่าน'); }
}
window._lgiTogglePw = _lgiTogglePw;
(function _lgiPrefill() {
  const run = () => { try { const em = document.getElementById('login-email'); if (em && !em.value) em.value = _lgiRememberedEmail(); } catch(e) {} };
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run, { once: true }); else run();
})();

function showLoginError(msg) {
  const el = document.getElementById('login-error');
  el.className = 'lgi-err';
  el.textContent = msg; el.style.display = 'block';
  el.scrollIntoView({behavior:'smooth',block:'nearest'});
}

function showSenseSplash(onDone){
  // v_bootnet: ตั้งแต่จุดนี้ splash มีตัวจับเวลาของตัวเอง (MAX_SHOW/tSetup/tCheck)
  // แล้ว — watchdog ของผ้าคลุมไม่ต้องแทรกอีก
  try { window.__senseBootTookOver = true; } catch(e) {}
  const splash=document.getElementById('sense-splash');
  if(!splash){onDone();return;}
  // v217 FIX B: set active flag so refreshAll() calls during load are queued, not executed.
  // Prevents 4-flash pattern where each R2 file's onLoad callback re-renders the visible screen.
  // Guard is released and one final refreshAll fires in doFade after splash fully disappears.
  window._senseSplashActive=true;
  window._pendingRefreshAll=false;
  splash.style.display='flex';splash.style.opacity='1';
  const tickerEl=document.getElementById('spl-ticker');
  const bar=document.getElementById('spl-bar');
  // v195 Step 2: if portviewBulkData already loaded from IndexedDB cache (pre-fetch
  // started in doLogin/checkSession before splash), use fast-path timing.
  // Falls through to normal timing if cache was cold — zero regression risk.
  const _cacheWarm = typeof portviewBulkData !== 'undefined' && portviewBulkData && portviewBulkData.length > 0 && !window._idbPreloaded;
  // v219 STRATEGY B: _idbPreloaded = 3 critical files loaded from IndexedDB (no ETag).
  // data is in memory but JS wasn't warm (different from _cacheWarm which is JS-state warm from prev session).
  // Use MAX_SHOW > tSetup(900ms) so routing fires correctly before splash force-fades.
  const _idbPreloaded = !!window._idbPreloaded;
  const _lastReady=Number((function(){try{return localStorage.getItem('sense_last_critical_ready');}catch(e){return 0;}})());
  // v218b: extended from 30min → 6h (= IndexedDB TTL). Data freshness is guaranteed separately
  // by ETag conditional GET on every load — warm boot only controls splash MIN/MAX timing.
  const _isWarmBoot=_lastReady>0 && (Date.now()-_lastReady)<6*60*60*1000;
  const MIN_SHOW=(_cacheWarm||_idbPreloaded) ? 0 : (_isWarmBoot ? 0 : 1650);
  _senseDataLog('SPLASH',
    _cacheWarm    ? '🟢 WARM (JS state)' :
    _idbPreloaded ? '⚡ IDB-FAST (Strategy B — no ETag) — MIN=0ms MAX=1500ms' :
    _isWarmBoot   ? '🟡 WARM (IndexedDB < 6h) — MIN=0ms MAX=6000ms' :
                    '🔴 COLD — MIN=1650ms MAX=5000ms',
    _lastReady ? ('last_critical_ready: '+Math.round((Date.now()-_lastReady)/60000)+'min ago') : 'first load'
  );
  // Boot version stamp — always visible at top of console
  const _appVer = (typeof FreshketSenseConfig!=='undefined'&&FreshketSenseConfig.app&&FreshketSenseConfig.app.version)||'unknown';
  console.log('%c[Sense] v'+_appVer+' boot','color:var(--tk-text-primary);background:#006050;padding:2px 8px;border-radius:var(--r-xs);font-weight:bold',
    {cache_state: _cacheWarm?'WARM':_idbPreloaded?'IDB':_isWarmBoot?'WARM-BOOT':'COLD',
     user_agent: navigator.userAgent.split(' ').slice(-1)[0]});
  // v219: _idbPreloaded → MAX_SHOW=1500ms (> tSetup 900ms → routing fires before force-fade)
  const MAX_SHOW=_cacheWarm ? 400 : (_idbPreloaded ? 1500 : (_isWarmBoot ? 5000 : 5000)); // v224e: reduced — splash never blocks beyond 5s
  const startMs=Date.now();
  let faded=false;
  let appReady=false;   // onDone called
  // Sales handover pre-mark handled by _patchR2FilesForSales() via _detectAndMarkSalesSession()
  // which runs synchronously after every profile set — no need to repeat here.
  // v219: if IndexedDB preloaded, allCriticalReady()=true → dataReady=true immediately
  // (gate already fired before showSenseSplash was called → no need to wait for _splashDataReady signal)
  let dataReady=_cacheWarm || (_idbPreloaded && allCriticalReady());

  // ── Progress bar: data-driven (not fake) ──────────────────
  // Exported so data loaders can update it
  window._splashProgress = function(pct, tickerMsg) {
    if(faded)return;
    // 25 ต.ค. 2569: ขั้นโหลดบนหน้าโหลด (shell _splStep) จากข้อความเดิมของตัวโหลด
    try{ if(typeof window._splStep==='function'&&tickerMsg){ const m=String(tickerMsg); window._splStep(/SKU|outlet/i.test(m)?2:/baseline|ย้อนหลัง/i.test(m)?1:0); } }catch(e){}
    if(bar){
      bar.style.transition='width .4s ease';
      bar.style.width=Math.min(pct,92)+'%';  // hold at 92% until truly ready
    }
    if(tickerMsg&&tickerEl){
      tickerEl.style.opacity='0';
      setTimeout(()=>{
        if(!faded){tickerEl.textContent=tickerMsg;tickerEl.style.opacity='1';}
      },180);
    }
  };

  // ── Splash done: called when portview+history both loaded ──
  window._splashDataReady = function() {
    if(faded)return;
    dataReady=true;
    // v217 FIX C: save timestamp so next cold boot knows data was recently ready → warm boot path.
    try{ localStorage.setItem('sense_last_critical_ready', Date.now()); }catch(e){}
    if(bar){bar.style.transition='width .25s ease';bar.style.width='100%';}
    try{ if(typeof window._splStep==='function') window._splStep(3); }catch(e){}
    if(tickerEl){
      tickerEl.style.opacity='0';
      setTimeout(()=>{if(!faded){tickerEl.textContent='พร้อมแล้ว ✦';tickerEl.style.opacity='1';}},180);
    }
    // Fade as soon as min time passed AND app routing done
    const elapsed=Date.now()-startMs;
    const wait=Math.max(0,MIN_SHOW-elapsed);
    setTimeout(()=>{if(appReady)doFade();},wait+200);
  };

  // Initial ticker
  if(tickerEl)tickerEl.textContent='กำลังดึงข้อมูล portfolio...';
  // 25 ต.ค. 2569: ตอนนี้รู้ตัวคนแล้ว ⇒ เติมคำทัก/เลขล่าสุดใหม่ (ผ้าคลุม boot อาจเติมไว้ก่อนจากของในเครื่อง) · เริ่มขั้นแรก
  try{ if(typeof window._splFill==='function') window._splFill(); if(typeof window._splStep==='function') window._splStep(0); }catch(e){}
  if(bar){bar.style.transition='none';bar.style.width='0';}

  // App setup fires at 900ms behind the splash (no flash)
  const tSetup=setTimeout(()=>{appReady=true;onDone();},900);

  // Fallback: force fade after MAX_SHOW regardless
  const tMax=setTimeout(()=>doFade(),MAX_SHOW);

  // Also fade if MIN_SHOW passed and both ready
  const tCheck=setInterval(()=>{
    if(faded){clearInterval(tCheck);return;}
    if(appReady&&dataReady&&(Date.now()-startMs>=MIN_SHOW))doFade();
  },100);

  function doFade(){
    if(faded)return;
    faded=true;
    clearTimeout(tSetup);clearTimeout(tMax);clearInterval(tCheck);
    // v218b: log splash total duration
    _senseDataLog('SPLASH','⬇️ fading at t='+Math.round(Date.now()-startMs)+'ms',
      dataReady?'(data ready)':'(MAX_SHOW timeout — data not all ready)');
    window._splashProgress=null;window._splashDataReady=null;
    if(bar){bar.style.transition='width .25s ease';bar.style.width='100%';}
    setTimeout(()=>{
      // v202d: force correct screen BEFORE splash becomes transparent
      // ensures old session screen is never visible through fading splash
      try{if(typeof window._splashPreFade==='function'){window._splashPreFade();window._splashPreFade=null;}}catch(e){}
      splash.style.transition='opacity .38s ease';
      splash.style.opacity='0';
      // v482-FADE: render content NOW (while splash is fading) instead of waiting 380ms for
      // fade to complete. Eliminates ~400ms dark/empty screen between splash-gone and content-ready.
      // Three guards required:
      // 1. _suppressAnimN=true — prevents number count-up animations running invisibly under
      //    the fading splash (user would see static numbers instead of animation).
      // 2. RenderBus.markRender() — stamps settle window so background ETag signals that
      //    arrive after this don't see lastRender=∞ and trigger a redundant second render.
      // 3. _senseSplashActive stays true until setTimeout(380) — refreshAll splash-guard
      //    still blocks any other callers; only this explicit early call bypasses it.
      if(window._pendingRefreshAll && (typeof allCriticalReady!=='function' || allCriticalReady())){
        window._pendingRefreshAll=false;
        window._suppressAnimN=true;
        // v742: do NOT markRender() here — refreshAll() hits splash guard (still active)
        // and gets queued without rendering. markRender() would stamp version prematurely,
        // causing VERSION GUARD to block the actual render after splash clears.
        // Let _flush() stamp version itself when it truly renders.
        try{if(typeof refreshAll==='function')refreshAll();}catch(e){}
        // Re-enable animations after splash has fully disappeared
        setTimeout(()=>{ window._suppressAnimN=false; },400);
      }
      setTimeout(()=>{
        splash.style.display='none';
        splash.style.opacity='';splash.style.transition='';
        if(bar){bar.style.transition='none';bar.style.width='0';}
        window._senseSplashActive=false;
        // Safety: if early render didn't fire (data wasn't ready above), fire now
        // v563 COLD-LOGIN FIX: route through RenderBus.flushNow() — the full flush
        // includes the Sales/teamview/portview screen branches. Bare refreshAll()
        // here meant renderSalesPortview was NEVER called when all files finished
        // during the splash (signals are queued as a boolean during splash, and no
        // later signal arrives to trigger _flush). Sales cold login → empty portfolio
        // until manual tap. _splashPreFade has already run at this point, so
        // sales-mode class + active screen are set — flush conditions are satisfied.
        if(window._pendingRefreshAll && (typeof allCriticalReady!=='function' || allCriticalReady())){
          window._pendingRefreshAll=false;
          if(window.RenderBus && typeof window.RenderBus.flushNow==='function'){
            try{window.RenderBus.flushNow();}catch(e){}
          } else {
            if(window.RenderBus) window.RenderBus.markRender();
            try{if(typeof refreshAll==='function')refreshAll();}catch(e){}
          }
        }
        // v689: MAX_SHOW timeout case — allCriticalReady()=false so block above skips.
        // But scr-teamview may already be .on (Admin/TL) with portviewBulkData available.
        // RenderBus signals were queued (splash active) and lost — render teamview directly.
        try{
          var _tvEl=document.getElementById('scr-teamview');
          var _pvLen=(typeof portviewBulkData!=='undefined'&&portviewBulkData)?portviewBulkData.length:0;
          if(_tvEl&&_tvEl.classList.contains('on')&&_pvLen>0&&typeof renderTeamview==='function'){
            _senseDataLog('SPLASH','🔄 post-fade teamview render (MAX_SHOW path)');
            renderTeamview();
          }
        }catch(_){}

        // v520: passive retry — if splash timed out AND portview still empty, trigger one silent R2 re-fetch
        // Runs entirely outside splash lifecycle (all flags already cleared above). Safe.
        if(!dataReady && !window._coldRetryFired){
          window._coldRetryFired=true;
          setTimeout(function(){
            try{
              var _pvLen=(typeof portviewBulkData!=='undefined'&&portviewBulkData)?portviewBulkData.length:0;
              if(_pvLen===0){
                _senseDataLog('COLD-RETRY','⚡ portview empty after splash — retrying R2 fetch');
                // Reset load guard so loadFromCloudflareR2 re-runs
                if(typeof sheetsLoadStarted!=='undefined') sheetsLoadStarted=false;
                if(typeof loadFromCloudflareR2==='function') loadFromCloudflareR2();
              }
            }catch(e){ console.warn('[cold-retry]',e); }
          }, 2500);
        }
      },380);
    },220);
  }
}
function hideLoginOverlay() {
  // Fix v194 Fix F: safety net — ensure _doLoginHandled never stays true
  // across multiple hideLoginOverlay calls regardless of which path triggered it.
  window._doLoginHandled = false;
  if (loginTransitionRunning) return;
  loginTransitionRunning = true;

  // v198 flash fix: hide login overlay IMMEDIATELY before splash starts.
  // Root cause: cache-warm splash fades at t=400ms but onDone() fires at t=900ms
  // → login overlay shows through the fading splash (500ms window).
  // Hiding here ensures login is gone before any splash animation.
  const ovImmediate = document.getElementById('login-overlay');
  if (ovImmediate) {
    ovImmediate.style.display = 'none';
    ovImmediate.classList.remove('lgi-checking');
  }

  // Safety valve v22.2: if transition never completes (e.g. concurrent auth events
  // during splash), force-clear lock after 4s and ensure login overlay is hidden.
  // Prevents the "hang + loop" symptom where loginTransitionRunning stays true
  // and subsequent hideLoginOverlay() calls all return early, leaving login visible.
  const lockSafetyTimer = setTimeout(() => {
    if (loginTransitionRunning) {
      loginTransitionRunning = false;
      const _ovSafe = document.getElementById('login-overlay');
      if (_ovSafe && currentUser) {
        _ovSafe.style.display = 'none';
        _ovSafe.classList.remove('lgi-checking');
      }
      console.warn('[login transition] safety valve triggered — forced unlock after 4s');
    }
  }, 4000);

  const ov = document.getElementById('login-overlay');
  let finished = false;
  const fallbackTimer = setTimeout(() => {
    console.warn('[login transition] splash fallback release');
    finish();
  }, 3200);

  const finish = () => {
    if (finished) return;
    finished = true;
    clearTimeout(fallbackTimer);
    clearTimeout(lockSafetyTimer);

    if (ov) {
      ov.style.display = 'none';
      ov.classList.remove('lgi-checking');
    }

    // v490-B1: fallback path must also call _splashPreFade so correct role screen
    // is applied before _autoRouteAfterLogin. Without this, body stays on white default
    // background for ~1s (KAM white flash) because kam-mode CSS isn't confirmed yet.
    try { if (typeof window._splashPreFade === 'function') { window._splashPreFade(); window._splashPreFade = null; } } catch(e) {}

    _autoRouteAfterLogin();

    setTimeout(() => {
      loginTransitionRunning = false;
    }, 300);
  };

  // v202d: set pre-fade hook — correct screen forced right before splash becomes transparent
  window._splashPreFade = () => {
    try{
      const _pf_role = getCurrentRole();
      _senseLog('[v206d debug] _splashPreFade role=', _pf_role);
      if(_pf_role==='tl'||_pf_role==='admin'){document.documentElement.dataset.theme='light';if(typeof showScreen==='function')showScreen('teamview');}
      else if(_pf_role==='sales'||_pf_role==='sales_tl'){
        // Set sales-mode body class FIRST so CSS gates work before render
        document.body.classList.add('sales-mode');
        if(_pf_role==='sales_tl') document.body.classList.add('sales-tl-mode');
        document.documentElement.dataset.theme='light'; // phase-0C
        if(typeof setMode==='function') setMode('kam');
        if(typeof showScreen==='function') showScreen('sales-portview');
      }
      else if(_pf_role==='ad'||_pf_role==='ad_tl'||_pf_role==='pm'){
        // v498: AD uses KAM data stack — same portview, same dark theme
        // PM reuses the same kad-mode CSS hook — same KAM data stack/UI, no pm_tl variant
        document.body.classList.add('kad-mode');
        if(_pf_role==='ad_tl') document.body.classList.add('ad-tl-mode');
        document.documentElement.dataset.theme='dark'; // phase-0C
        if(typeof setMode==='function') setMode('kam');
        if(typeof showScreen==='function') showScreen('portview');
      }
      else{document.documentElement.dataset.theme='dark';if(typeof showScreen==='function')showScreen('portview');}
      // v682: render nav BEFORE splash becomes transparent — prevents 14-button flash
      try{if(typeof NavConfig!=='undefined'&&NavConfig.render)NavConfig.render(getCurrentRole());}catch(e){}
    }catch(e){}
  };

// ── v224e: PWA Shimmer — shown on warm IDB resume instead of stale data ─────
// Injects skeleton placeholders for portview/teamview while ETag check runs.
// Cleared by RenderBus._flush() right before the first real render fires.
(function(){
  var _SHIMMER_CSS_ID = 'sense-shimmer-css';
  var _SHIMMER_IDS = ['pv-shimmer-wrap','tv-shimmer-wrap'];

  function _injectCSS(){
    if(document.getElementById(_SHIMMER_CSS_ID)) return;
    var s=document.createElement('style');
    s.id=_SHIMMER_CSS_ID;
    s.textContent=[
      '@keyframes sense-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}',
      '.sense-shimmer-line{border-radius:var(--r-sm);background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:sense-shimmer 1.4s ease infinite;}',
      '.sense-shimmer-card{background:rgba(255,255,255,.03);border-radius:var(--r-card);padding:16px;margin-bottom:10px;}',
    ].join('');
    document.head.appendChild(s);
  }

  function _makeBar(w,h,mb){
    return '<div class="sense-shimmer-line" style="width:'+w+';height:'+h+'px;margin-bottom:'+(mb||8)+'px"></div>';
  }

  function _makeCard(){
    return '<div class="sense-shimmer-card">'+
      _makeBar('55%',11,10)+
      _makeBar('80%',20,10)+
      _makeBar('40%',9,0)+
    '</div>';
  }

  window._activatePortviewShimmer = function(){
    try{
      _injectCSS();
      // Summary row shimmer
      var summaryEl=document.getElementById('portview-summary-row');
      if(summaryEl && !document.getElementById('pv-shimmer-wrap')){
        var sw=document.createElement('div');
        sw.id='pv-shimmer-wrap';
        sw.style.cssText='padding:0 0 8px';
        sw.innerHTML=_makeBar('45%',11,10)+_makeBar('100%',6,0);
        summaryEl.innerHTML='';
        summaryEl.appendChild(sw);
      }
      // List shimmer (3 skeleton cards)
      var listEl=document.getElementById('portview-list');
      if(listEl && !document.getElementById('tv-shimmer-wrap')){
        var lw=document.createElement('div');
        lw.id='tv-shimmer-wrap';
        lw.innerHTML=_makeCard()+_makeCard()+_makeCard();
        listEl.innerHTML='';
        listEl.appendChild(lw);
      }
      // v682: also clear NRR/commission/pace elements — they flash stale IDB values
      // before Supabase targets and R2 fresh data arrive
      ['tgt-portview-bar','tgt-nrr-bar','pv-commission-strip','portview-pace-bar',
       'pv-compact-strip'].forEach(function(id){
        var el=document.getElementById(id);
        if(el) el.innerHTML='';
      });
      window._pwaShimmerActive=true;
    }catch(e){}
  };

  window._activateTeamviewShimmer = function(){
    try{
      _injectCSS();
      // v685: shimmer targets teamview-content (KAM list) only.
      // tv-summary-row (govCard + commission) is NOT cleared — commission data comes from
      // Supabase and is only available after the first real render; clearing it causes the
      // "commission flash then disappear" bug.
      var listEl=document.getElementById('teamview-content');
      if(listEl && !document.getElementById('tv-shimmer-wrap')){
        var lw=document.createElement('div');
        lw.id='tv-shimmer-wrap';
        lw.innerHTML='<div style="padding:4px 0">'+_makeCard()+_makeCard()+_makeCard()+'</div>';
        listEl.innerHTML='';
        listEl.appendChild(lw);
      }
      window._pwaShimmerActive=true;
    }catch(e){}
  };

  window._deactivatePortviewShimmer = function(){
    try{
      window._pwaShimmerActive=false;
      // v685: also remove tv-shimmer-wrap from teamview-content
      _SHIMMER_IDS.concat(['tv-shimmer-wrap']).forEach(function(id){
        var el=document.getElementById(id);
        if(el && el.parentNode) el.parentNode.removeChild(el);
      });
    }catch(e){}
  };
})();

// ── v715 Fix 2A: SCREEN-LEVEL SKELETON UTILITY ────────────────────────────
// showScreenSkeleton(id) — inject shimmer into any screen container while waiting for data
// hideScreenSkeleton(id) — remove shimmer before real render fires
// Reuses sense-shimmer-* CSS already in the page. Safe to call multiple times.
window._showScreenSkeleton = function(screenId){
  try{
    var el = document.getElementById(screenId);
    if(!el || el.dataset.skeleton) return;
    el.dataset.skeleton = '1';
    var wrap = document.createElement('div');
    wrap.id = 'skel-' + screenId;
    wrap.style.cssText = 'padding:16px';
    var card = function(){
      return '<div class="sense-shimmer-card">' +
        '<div class="sense-shimmer-line" style="width:45%;height:11px;margin-bottom:10px"></div>' +
        '<div class="sense-shimmer-line" style="width:80%;height:20px;margin-bottom:10px"></div>' +
        '<div class="sense-shimmer-line" style="width:40%;height:9px;margin-bottom:0"></div>' +
      '</div>';
    };
    wrap.innerHTML = card() + card() + card();
    el.insertBefore(wrap, el.firstChild);
  }catch(e){}
};
window._hideScreenSkeleton = function(screenId){
  try{
    var el = document.getElementById(screenId);
    if(!el) return;
    delete el.dataset.skeleton;
    var wrap = document.getElementById('skel-' + screenId);
    if(wrap && wrap.parentNode) wrap.parentNode.removeChild(wrap);
  }catch(e){}
};

  // v224e: skip splash entirely on warm IDB boot
  // Conditions: IDB preloaded 3+ critical files + last_critical_ready < 90min
  // → show shimmer skeleton → ETag check in background → replace with real data
  var _canSkipSplash = (function(){
    try{
      if(!window._idbPreloaded) return false;
      var lr = Number(localStorage.getItem('sense_last_critical_ready')||0);
      if(!lr) return false;
      var ageMin = (Date.now()-lr)/60000;
      return ageMin < 90; // v224e: extended 30→90min — data updates once/day, daily workflow fits easily
    }catch(e){return false;}
  })();

  if(_canSkipSplash){
    // Option B: restore last screen + account before rendering
    var _rs = window._getResumeState ? window._getResumeState() : null;
    if(_rs){
      try{
        if(_rs.accountId&&_rs.accountId!=='default') window.currentAccountId=_rs.accountId;
      }catch(e){}
      _senseDataLog('RESUME','⚡ skip splash — restoring to '+(_rs.screen||'portview')+
        ' (IDB '+Math.round((Date.now()-Number(localStorage.getItem('sense_last_critical_ready')||0))/60000)+'min old)');
    }else{
      _senseDataLog('RESUME','⚡ skip splash — warm IDB boot (no saved state)');
    }
    // v685: set correct role theme + screen BEFORE splash hides — prevents wrong screen flash
    // Admin/TL must see teamview light theme; KAM/AD must see portview dark theme
    var _skipRole = getCurrentRole();
    if(_skipRole==='tl'||_skipRole==='admin'){
      document.documentElement.dataset.theme='light';
      try { document.body.classList.remove('kam-mode'); } catch(e) {}
      if(typeof showScreen==='function') try{ showScreen('teamview'); }catch(e){}
    } else if(_skipRole==='sales'||_skipRole==='sales_tl'){
      document.body.classList.add('sales-mode');
      if(_skipRole==='sales_tl') document.body.classList.add('sales-tl-mode');
      document.documentElement.dataset.theme='light';
      if(typeof showScreen==='function') try{ showScreen('sales-portview'); }catch(e){}
    } else if(_skipRole==='ad'||_skipRole==='ad_tl'||_skipRole==='pm'){
      document.body.classList.add('kad-mode');
      document.documentElement.dataset.theme='dark';
      try { document.body.classList.add('kam-mode'); } catch(e) {}
      if(typeof showScreen==='function') try{ showScreen('portview'); }catch(e){}
    } else {
      try { document.body.classList.add('kam-mode'); } catch(e) {}
      document.documentElement.dataset.theme='dark';
      if(typeof showScreen==='function') try{ showScreen('portview'); }catch(e){}
    }
    // v682: render nav NOW with correct role — must fire before splash hides
    try{if(typeof NavConfig!=='undefined'&&NavConfig.render)NavConfig.render(_skipRole);}catch(e){}
    // Hide splash + login overlay immediately
    // v_bootnet: เส้นทาง skip-splash ก็ปิด splash เองเหมือนกัน — ปักธงด้วย
    try { window.__senseBootTookOver = true; } catch(e) {}
    var _splEl=document.getElementById('sense-splash');
    if(_splEl){_splEl.style.display='none';_splEl.style.opacity='0';}
    window._senseSplashActive=false;
    window._pendingRefreshAll=false;
    // Fire _autoRouteAfterLogin → loads R2 bundles, starts background ETag
    _autoRouteAfterLogin();
    // v700: resume saved screen — role routing takes priority for TL/Admin
    // TL/Admin always land on teamview (already set L955) — never override with saved portview
    // Other roles: restore saved screen if safe
    var _skipRoleForResume = getCurrentRole();
    var _isTlAdmin = _skipRoleForResume==='tl'||_skipRoleForResume==='admin';
    if(!_isTlAdmin && typeof showScreen==='function'){
      var _targetScreen=(_rs&&_rs.screen)||'portview';
      setTimeout(function(){
        try{
          var safeScreens=['portview','teamview'];
          if(safeScreens.indexOf(_targetScreen)>=0) showScreen(_targetScreen);
        }catch(e){}
      },0);
    }
    // v224e: show shimmer skeleton instead of stale data.
    // Read active screen AFTER role routing above — shimmer goes to correct screen
    setTimeout(function(){
      try{
        var onPv = document.getElementById('scr-portview') &&
                   document.getElementById('scr-portview').classList.contains('on');
        var onTv = document.getElementById('scr-teamview') &&
                   document.getElementById('scr-teamview').classList.contains('on');
        if(onPv && typeof window._activatePortviewShimmer==='function') window._activatePortviewShimmer();
        else if(onTv && typeof window._activateTeamviewShimmer==='function') window._activateTeamviewShimmer();
        // If shimmer not activated (wrong screen / DOM not ready), fall back to normal render
        if(!window._pwaShimmerActive){
          if(window.RenderBus) window.RenderBus.signal('resume-skip-splash');
          else if(typeof refreshAll==='function') refreshAll();
        }
        // v479-C5: shimmer safety fallback 3000→1500ms — ETag typically resolves <400ms;
        // 3s was too long, user saw skeleton card stuck for 1-3s on warm resume.
        setTimeout(function(){
          if(window._pwaShimmerActive){
            if(typeof window._deactivatePortviewShimmer==='function') window._deactivatePortviewShimmer();
            if(typeof refreshAll==='function') refreshAll();
          }
        }, 1500);
      }catch(e){
        // Fallback: render without shimmer
        if(window.RenderBus) window.RenderBus.signal('resume-skip-splash');
        else if(typeof refreshAll==='function') refreshAll();
      }
    }, 0);
    loginTransitionRunning=false;
    clearTimeout(lockSafetyTimer);
    return;
  }

  try {
    if (typeof showSenseSplash === 'function') {
      showSenseSplash(finish);
    } else {
      finish();
    }
  } catch(e) {
    console.warn('[login transition] splash failed:', e);
    finish();
  }
}

function _autoRouteAfterLogin() {
  // Auto-load core portfolio data from Cloudflare R2
  // Guard: skip if already started
  if(!sheetsLoadStarted&&typeof loadFromGoogleSheets==='function')loadFromGoogleSheets();

  const role = getCurrentRole();
  _senseLog('[v206d debug] _autoRouteAfterLogin:',role,currentUser&&currentUser.email);
  // v202 Fix 1: trigger bundle here — currentUser is guaranteed set at this point
  // v499: AD IC also uses KAM bundle (same portview data stack)
  // PM also uses KAM bundle (same portview data stack, no pm_tl variant)
  const _needsKamBundle = isRepRole(role) || (typeof isADRole==='function' && isADRole(role)) || (typeof isPMRole==='function' && isPMRole(role));
  if(_needsKamBundle&&currentUser&&currentUser.email){
    // v225: removed _bundlePreWarming flag — consistent with TL prewarm removal
    _fetchKamBundle(currentUser.email).catch(()=>{}).finally(()=>{
      // v223: RenderBus batches with concurrent file arrivals
      if(window.RenderBus) window.RenderBus.signal('bundle');
      else refreshAll();
    });
  }
  // v206d: TL/Admin pre-warm is deliberately throttled and capped.
  // v499: AD TL also pre-warms team bundles
  if(isTLRole(role)||isAdminRole(role)||(typeof isADTLRole==='function'&&isADTLRole(role)))_startTlBundlePrewarm();
  if (isTLRole(role) || isAdminRole(role)) {
    document.documentElement.dataset.theme='light'; // phase-0C
    setMode('kam');
    showScreen('teamview');
  } else if (isSalesAny && isSalesAny(role)) {
    // Sales: set body classes then route to Sales portview
    document.body.classList.add('sales-mode');
    if (isSalesTLRole && isSalesTLRole(role)) document.body.classList.add('sales-tl-mode');
    document.documentElement.dataset.theme='light'; // phase-0C
    setMode('kam');
    showScreen('sales-portview');
  } else if ((isADAny && isADAny(role)) || (typeof isPMRole==='function' && isPMRole(role))) {
    // v498: AD — uses KAM data stack, KAM portview, KAM dark theme
    // PM shares this exact branch — same KAM data stack/UI, no pm_tl variant
    // v499: clear any stale Sales IDB entries so AD never gets Sales CSVs from cache
    try{
      const _dbReq=indexedDB.open('ciq-csv-v1',1);
      _dbReq.onsuccess=function(e){
        const _db=e.target.result;
        try{
          const _tx=_db.transaction('csv','readwrite');
          const _store=_tx.objectStore('csv');
          ['portview','history','sku_current','categories','outlets'].forEach(function(k){_store.delete(k);});
        }catch(ex){}
      };
    }catch(ex){}
    document.body.classList.add('kad-mode');
    if (isADTLRole && isADTLRole(role)) document.body.classList.add('ad-tl-mode');
    document.documentElement.dataset.theme='dark'; // phase-0C
    setMode('kam');
    // AD IC: same portview flow as KAM rep
    const _r2Settled = !(typeof sheetsLoadStarted !== 'undefined' && sheetsLoadStarted) ||
                       (typeof allCriticalReady === 'function' && allCriticalReady());
    const myAccounts = _r2Settled ? getPortviewAccounts() : [];
    if (myAccounts && myAccounts.length === 1) {
      portviewSelectAccount(myAccounts[0].id);
    } else {
      showScreen('portview');
    }
  } else {
    document.documentElement.dataset.theme='dark'; // phase-0C: KAM default
    setMode('kam');
    // v477-H5: guard IDB stale data — only auto-open single account when R2 data is settled.
    // Root cause: IDB preload runs before auth completes; portviewBulkData may contain prev-session
    // data → getPortviewAccounts().length===1 → wrong account auto-opens before fresh data arrives.
    // Fix: skip auto-select if sheets are mid-load; RenderBus will re-render portview when data ready.
    const _r2Settled = !(typeof sheetsLoadStarted !== 'undefined' && sheetsLoadStarted) ||
                       (typeof allCriticalReady === 'function' && allCriticalReady());
    const myAccounts = _r2Settled ? getPortviewAccounts() : [];
    if (myAccounts && myAccounts.length === 1) {
      portviewSelectAccount(myAccounts[0].id);
    } else {
      showScreen('portview');
    }
  }
  // NavConfig: render nav tabs for this role
  // Called here because _autoRouteAfterLogin is the single guaranteed post-login hook
  // NavConfig loads after this script — use setTimeout to ensure it exists
  setTimeout(function(){
    if(typeof NavConfig!=='undefined'&&NavConfig.render){
      NavConfig.render(getCurrentRole());
    }
  }, 0);
}

// v220 PROFILE CACHE: stale-while-revalidate for currentUserProfile.
// Eliminates ~3s Supabase gate on every cold boot (warm AND cold — profile fetch is always slow).
// Key: sense_profile_v1_{userId}, TTL 24h. Invalidated on signOut.
// Safe fields: id, email, role, full_name, kam_name, squad — no tokens, no sensitive data.
const _PROFILE_CACHE_KEY_PREFIX='sense_profile_v1_';
const _PROFILE_CACHE_TTL=24*60*60*1000; // 24h
function _profileCacheGet(userId){
  try{
    var raw=localStorage.getItem(_PROFILE_CACHE_KEY_PREFIX+userId);
    if(!raw) return null;
    var obj=JSON.parse(raw);
    if(!obj||!obj.ts||!obj.profile) return null;
    if(Date.now()-obj.ts>_PROFILE_CACHE_TTL){ localStorage.removeItem(_PROFILE_CACHE_KEY_PREFIX+userId); return null; }
    return obj.profile;
  }catch(e){return null;}
}
function _profileCacheSet(profile){
  try{
    if(!profile||!profile.id) return;
    localStorage.setItem(_PROFILE_CACHE_KEY_PREFIX+profile.id,
      JSON.stringify({ts:Date.now(),profile:profile}));
  }catch(e){}
}
function _profileCacheClear(userId){
  try{ if(userId) localStorage.removeItem(_PROFILE_CACHE_KEY_PREFIX+userId); }catch(e){}
}

// v_offboard (2026-09-06): บัญชีที่ถูกปิดสถานะในชีท Roster — เด้งออกทันที ล้างของที่จำไว้ทั้งหมด
// ก่อนหน้านี้แอปอ่าน profiles.role อย่างเดียว (ยัง 'rep') ⇒ คนที่ลาออกแล้วล็อกอินได้เหมือนเดิม
async function _kickInactiveUser(why) {
  try { window._senseInactiveKicked = true; } catch (e) {}
  console.warn('[auth] บัญชีถูกปิดสถานะ —', why);
  try { _lastIdentityClear(); } catch (e) {}
  try { if (currentUser && currentUser.id) _profileCacheClear(currentUser.id); } catch (e) {}
  try { if (typeof _commLiveReset === 'function') _commLiveReset(); } catch (e) {}   // รอบ B: ก่อนล้างแคช
  try { if (typeof _csvCacheClear === 'function') await _csvCacheClear(); } catch (e) {} // v_gate
  try { await supa.auth.signOut(); } catch (e) {}
  currentUser = null; currentUserProfile = null;
  try { _showLoginOverlayClean(); } catch (e) {}
  try { showLoginInfo('บัญชีนี้ถูกปิดการใช้งานแล้ว ถ้าคิดว่าไม่ถูกต้อง ติดต่อทีม Commercial'); } catch (e) {}
}

async function loadUserProfile() {
  if (!currentUser) return;
  try { window._senseInactiveKicked = false; } catch (e) {}
  // จอทีมกระพริบ (20 ต.ค. 2569): รายชื่อตำแหน่ง (ใครเป็น AD/PM) เริ่มโหลดทันทีที่รู้ว่าล็อกอิน — เดิมรอไฟล์ %NRR เข้าก่อน
  // ถ้ามาช้า จอทีมวาดรายชื่อรวม AD/PM (20 คน) แล้วหดเหลือ 14 · ไม่ await (ไม่ถ่วงการโหลดโปรไฟล์)
  try { if (typeof _qnrrEnsureRoleRoster === 'function') _qnrrEnsureRoleRoster(); } catch (e) {}
  try {
    // v_bootnet: 6000 < SENSE_AUTH_TIMEOUT_MS โดยตั้งใจ — ให้เพดานชั้นในชนะก่อน
    // จะได้ตกไป branch fallback ข้างล่างที่ปั้น profile ขั้นต่ำจาก session ให้
    // (ถ้าปล่อยให้เพดานชั้นนอกชนะ currentUserProfile จะค้างเป็น null → role พัง)
    const _pf = await _withTimeout(
      supa.from('profiles').select('*').eq('id', currentUser.id).single(),
      6000, 'profiles.select');
    const data = _pf && _pf.data, error = _pf ? _pf.error : new Error('profiles fetch timed out');
    if (!error && data) {
      if (String(data.role || '').toLowerCase() === 'inactive') { await _kickInactiveUser('profiles.role = inactive'); return; }
      currentUserProfile = data;
      normalizeCurrentUserProfileRole(); _detectAndMarkSalesSession();
      _profileCacheSet(currentUserProfile); // v220: persist for next cold boot
      // v_quotaguard: จำตัวตนไว้ด้วย เพื่อให้เข้าโหมดดูอย่างเดียวได้ถ้าหลังบ้านล่ม
      _lastIdentitySave(currentUser, currentUserProfile);
    } else {
      // Fallback: build minimal profile from auth session so role/email still work
      currentUserProfile = { id: currentUser.id, email: currentUser.email, role: 'rep', full_name: '' };
      normalizeCurrentUserProfileRole(); _detectAndMarkSalesSession();
      if (error) console.warn('[loadUserProfile] profiles fetch error:', error.message);
    }
  } catch(e) {
    currentUserProfile = { id: currentUser.id, email: currentUser.email, role: 'rep', full_name: '' };
    normalizeCurrentUserProfileRole(); _detectAndMarkSalesSession();
    console.warn('[loadUserProfile] exception:', e.message);
  }
  // v_offboard: ถามหลังบ้านตรงๆ ว่ายังมีสิทธิ์ไหม (app_my_role อ่านจาก app_user_roles ที่ active=true)
  // ⚠️ เด้งออกเฉพาะเมื่อได้ "คำตอบชัด" ว่า null — timeout/402/5xx = ตอบไม่ได้ ไม่ใช่ไม่มีสิทธิ์
  //    (คงพฤติกรรม quota-guard เดิม: หลังบ้านล่มต้องไม่กลายเป็นล็อกทุกคนออก)
  try {
    const _rr = await _withTimeout(supa.rpc('app_my_role'), 6000, 'app_my_role');
    if (_rr && !_rr.error && !_authUnknown(_rr) && _rr.data === null) { await _kickInactiveUser('app_my_role = null'); return; }
  } catch (e) {}
  // v_ownertier: ถามหลังบ้านครั้งเดียวว่าเป็นเจ้าของระบบไหม — ไม่ await เพื่อไม่ให้
  // การโหลดจอช้าลง แต่ปุ่มเงินทุกปุ่มถูกซ่อน/ปฏิเสธไว้ก่อนอยู่แล้ว (fail closed)
  // จนกว่าค่าจะกลับมา แล้วค่อยเปิดให้
  try{ _loadOwnerFlag().then(function(){ try{ if(typeof _commSyncOwnerUi==='function') _commSyncOwnerUi(); }catch(e){} }); }catch(e){}
  // v497: invalidate portview account cache after profile loads so email filter uses correct email
  try{ if(typeof _pvClearAccountCache==='function') _pvClearAccountCache(); }catch(e){}
  // Re-render portview if it's currently visible (was rendered with empty email before profile loaded)
  try{
    const _pvScr=document.getElementById('scr-portview-screen')||document.getElementById('scr-portview');
    if(_pvScr&&(_pvScr.classList.contains('on')||document.querySelector('.scr.on#scr-portview-screen'))){
      if(typeof renderPortview==='function') setTimeout(renderPortview, 80);
      else if(typeof refreshAll==='function') setTimeout(refreshAll, 80);
    }
  }catch(e){}
}

async function doSignOut() {
  try {
    await supa.auth.signOut();
  } catch(e) {
    console.warn('[signOut]', e);
  }
  _profileCacheClear(currentUser && currentUser.id); // v220: invalidate cache on explicit logout
  _lastIdentityClear(); // v_quotaguard: กดออกเองแล้วต้องไม่เหลือทางเข้าโหมดดูอย่างเดียว
  // รอบ B: หยุดงานยอดจริงสดก่อนล้างแคช — ไฟล์ที่กำลังโหลดอยู่ต้องไม่ถูกเขียนกลับหลังล้าง
  try { if (typeof _commLiveReset === 'function') _commLiveReset(); } catch (e) {}
  // v_gate: ไฟล์ข้อมูลที่เก็บไว้ในเครื่องเป็นของทั้งบริษัท — กดออกแล้วต้องไม่เหลือให้คนถัดไปที่ใช้เครื่องนี้เปิดดูได้
  try { if (typeof _csvCacheClear === 'function') await _csvCacheClear(); } catch (e) {}
  // Note: onAuthStateChange(SIGNED_OUT) should also run. This fallback prevents stale splash/loader state.
  currentUser = null;
  currentUserProfile = null;
  _showLoginOverlayClean();
}

async function saveAltsToSupabase(accountId, altData) {
  if (!currentUser || !accountId) return;
  try {
    await supa.from('acct_alternatives').upsert({
      account_id: accountId,
      data: altData,
      generated_at: new Date().toISOString()
    }, { onConflict: 'account_id' });
  } catch(e) { console.warn('[Supabase] save alts failed:', e.message); }
}

async function loadAltsFromSupabase(accountId) {
  if (!currentUser || !accountId) return null;
  try {
    const { data, error } = await supa.from('acct_alternatives')
      .select('data, generated_at')
      .eq('account_id', accountId)
      .single();
    if (error || !data) return null;
    return data;
  } catch(e) { return null; }
}

// ── v_devgate (2026-08-21): โหมดทดสอบต้องใช้ได้เฉพาะบนเครื่องนักพัฒนา ───────────
//
// ของเดิม `?local=1` และการฝัง iframe ข้าม Supabase auth ทั้งหมดโดย **ไม่เช็ค
// hostname เลย** ⇒ เปิด https://freshket-sense.pages.dev/?local=1 บนเน็ตจริงแล้ว
// เลือก persona "Bucci (VP Revenue)" ได้ทันที เห็นข้อมูลบริษัททั้งหมดโดยไม่ต้อง
// ล็อกอิน (ทดสอบจริงแล้ววันนี้: ยอดทีม ฿193.7M · ชื่อ KAM ทั้ง 20 คนพร้อม %NRR
// รายคน · ค่าคอมรายคน) · ข้อมูลพวกนี้มาจาก R2 ที่เป็น bucket สาธารณะ จึงไม่ติด
// RLS ของ Supabase เลยแม้แต่ชั้นเดียว
//
// กันที่ "ตัวฟังก์ชัน" ไม่ใช่แค่จุดเรียกใน checkSession() เพราะ _setLocalPersona
// เป็น global ⇒ ถ้ากันแค่จุดเรียก คนที่เปิด console ก็ยังพิมพ์เรียกเองได้อยู่
function _isDevHost(){
  try {
    const h = String(location.hostname || '').toLowerCase();
    return h === 'localhost' || h === '127.0.0.1' || h === '::1' || h === '[::1]' ||
           h.endsWith('.localhost');
  } catch(_) { return false; }
}

function activateLocalMode(){
  if(!_isDevHost()){
    console.warn('[v_devgate] โหมดทดสอบใช้ได้เฉพาะ localhost — บนเน็ตจริงต้องล็อกอินเท่านั้น');
    return;   // ไม่โชว์ picker และไม่ตั้ง persona ให้ → ตกไปเส้นทางล็อกอินปกติ
  }
  // Show persona picker so tester can simulate KAM or TL without Supabase
  const overlay=document.getElementById('local-persona-overlay');
  if(overlay){overlay.style.display='flex';return;}
  // Fallback if overlay not in DOM
  _setLocalPersona('rep','guntinun.t@freshket.co','Guntinun (Monet)');
}

function _setLocalPersona(role, email, name){
  if(!_isDevHost()){
    console.warn('[v_devgate] ตั้ง persona ได้เฉพาะบน localhost');
    return;
  }
  currentUser={id:'local-'+role,email:email};
  currentUserProfile={id:'local-'+role,email:email,full_name:name,kam_name:name,role:normalizeRole(role),squad:'SA'};
  // Reset account context so new persona starts clean (prevent stale account/visit bleed)
  currentAccountId='default';
  if(typeof kamStateCache!=='undefined')kamStateCache={accountId:null,html:''};
  const overlay=document.getElementById('local-persona-overlay');
  if(overlay)overlay.style.display='none';
  hideLoginOverlay();
  showToast('Local mode: '+name+' ('+role+')','🔧');
  // If portview data already loaded, re-filter for this persona
  if(portviewBulkData&&portviewBulkData.length)renderPortview();
}

async function checkSession() {
  // LOCAL DEV MODE: ?local=1 bypasses Supabase auth entirely — เฉพาะ localhost
  // v_devgate: ต้องเช็ค _isDevHost() ที่จุดเรียกด้วย ไม่ใช่พึ่งแต่การ์ดในฟังก์ชัน
  // เพราะของเดิม return ทันทีหลังเรียก ⇒ ถ้าการ์ดข้างในปฏิเสธเฉยๆ จะได้จอว่าง
  // (ไม่โชว์ทั้ง picker และหน้าล็อกอิน) · บนเน็ตจริงต้องไหลลงไปเส้นทางล็อกอินปกติ
  if(_isDevHost() && window.location.search.includes('local=1')){
    activateLocalMode();
    return;
  }
  if(_isDevHost() && window.self!==window.top){activateLocalMode();return;}
  // Password recovery links should show reset form, not bypass login into the app.
  if(_urlLooksLikePasswordRecovery()){
    try {
      const _pr = await _withTimeout(supa.auth.getSession(), SENSE_AUTH_TIMEOUT_MS, 'getSession(recovery)');
      const session = _pr && _pr.data && _pr.data.session;
      if (session?.user) currentUser = session.user;
    } catch(e) {
      console.warn('[password recovery] session check failed:', e.message);
    }
    showPasswordResetForm();
    return;
  }
  // Show "checking session" state — hides form, shows dots
  const ov = document.getElementById('login-overlay');
  if(ov) ov.classList.add('lgi-checking');
  try {
    // v_bootnet: await เดียวที่กั้นทั้งแอป — ต้องมีเพดานเวลาเสมอ
    // โทเคนหมดอายุ (นอนข้ามคืน) ทำให้ getSession() ยิง refresh ผ่านเน็ตภายใต้
    // navigator.locks · ถ้าค้าง โค้ดใต้บรรทัดนี้จะไม่มีวันรัน = ผ้าคลุม boot
    // อยู่ค้างถาวร · หมดเวลา = คืน null = ตกไปเส้นทาง "ไม่มี session" ข้างล่าง
    //
    // v_bootauth (2026-08-20): บุชรายงาน "PWA auto logout เสมอถ้าผ่านไปสักพัก
    // ไม่รู้นานแค่ไหน" — ตรงกับ v_authfix (14 ส.ค.) เป๊ะ แต่ตอนนั้นแก้แค่
    // _pwaSilentSessionCheck() (เคส "แอปยังไม่ถูกฆ่า แค่พักจอ") ไม่ได้แก้จุดนี้
    // ที่เป็นการ boot เย็นทุกครั้งที่เปิด PWA ใหม่หลังถูกฆ่า (พบบ่อยกว่ามาก
    // เพราะ iOS ฆ่า WKWebView เบื้องหลังได้ทุกเมื่อ ยิ่งมี render storm ให้เหตุผล
    // เพิ่มด้วย) · เดิม timeout ครั้งแรกแปลงเป็น null แล้วเด้ง login ทันที ทั้งที่
    // token ใน localStorage อาจยังดีอยู่ครบ แค่เน็ตยังไม่พร้อมตอนวิทยุมือถือ
    // เพิ่งตื่น — ใช้ pattern เดียวกับ _pwaSilentSessionCheck: "ไม่รู้" ต้องลองอีก
    // ครั้งก่อน ไม่ใช่ประทับตราว่า "ล็อกเอาต์แล้ว" จากความเงียบรอบแรก
    let _cs = await _withTimeout(supa.auth.getSession(), SENSE_AUTH_TIMEOUT_MS, 'getSession(boot-1)');
    if (_authUnknown(_cs)) {
      console.warn('[checkSession] รอบแรกตอบไม่ได้ (เน็ต) — รอแล้วลองอีกครั้งก่อนเด้ง login');
      await new Promise(r => setTimeout(r, 2500));
      _cs = await _withTimeout(supa.auth.getSession(), SENSE_AUTH_TIMEOUT_MS, 'getSession(boot-2)');
      if (_authUnknown(_cs)) {
        // v_quotaguard (2026-08-21): ของเดิมยอมแพ้ตรงนี้แล้วเด้ง login — ซึ่งถูก
        // ตอนเน็ตล่มชั่วคราว (ผู้ใช้กดล็อกอินใหม่ได้) แต่**ผิดตอนหลังบ้านเกินโควตา**
        // เพราะล็อกอินก็ไม่ผ่านเหมือนกัน ⇒ หน้า login กลายเป็นทางตัน ทั้งที่ข้อมูล
        // ที่ทีมขายต้องใช้ (พอร์ต/NRR/SKU) อยู่บน R2 ซึ่งยังทำงานปกติดี
        //
        // ถ้าเครื่องนี้เคยล็อกอินไว้ภายใน 24 ชม. → ปล่อยเข้าโหมดดูอย่างเดียว
        // โดยใช้ตัวตนที่จำไว้ + profile cache เดิม แทนที่จะปิดประตูใส่หน้า
        const _lastId = _lastIdentityGet();
        if (_lastId) {
          console.warn('[checkSession] หลังบ้านตอบไม่ได้ 2 รอบ — เข้าโหมดดูอย่างเดียวด้วยตัวตนที่จำไว้');
          window._sessionCheckHandling = true;
          currentUser = { id: _lastId.id, email: _lastId.email };
          const _cachedPf = _profileCacheGet(_lastId.id);
          currentUserProfile = _cachedPf || {
            id: _lastId.id, email: _lastId.email,
            role: _lastId.role || 'rep', full_name: _lastId.full_name || ''
          };
          normalizeCurrentUserProfileRole();
          _detectAndMarkSalesSession();
          try{ if(typeof _patchR2FilesForSales==='function') _patchR2FilesForSales(); }catch(e){}
          if(!sheetsLoadStarted&&typeof loadFromGoogleSheets==='function')loadFromGoogleSheets();
          window._sessionCheckHandling = false;
          hideLoginOverlay();
          _showReadOnlyBanner();
          return;
        }
        console.warn('[checkSession] รอบสองก็ตอบไม่ได้ และไม่มีตัวตนที่จำไว้ — เด้ง login');
      }
    }
    const session = _cs && _cs.data && _cs.data.session;
    // Fix v194 Guard B: set flag BEFORE await to block onAuthStateChange(INITIAL_SESSION)
    // from racing into hideLoginOverlay() while checkSession is still handling it.
    if (session && !currentUser) {
      window._sessionCheckHandling = true;
      currentUser = session.user;
      // v220 PROFILE CACHE: same cache-first pattern as onAuthStateChange path.
      var _cpcs=_profileCacheGet(session.user.id);
      if(_cpcs){
        currentUserProfile=_cpcs; normalizeCurrentUserProfileRole(); _detectAndMarkSalesSession();
        _senseDataLog('PROFILE','⚡ cache hit (checkSession) → hideLoginOverlay immediately');
        // v348: patch R2 for Sales before fetch
        try{ if(typeof _patchR2FilesForSales==='function') _patchR2FilesForSales(); }catch(e){}
        if(!sheetsLoadStarted&&typeof loadFromGoogleSheets==='function')loadFromGoogleSheets();
        window._sessionCheckHandling=false;
        hideLoginOverlay();
        loadUserProfile(); // background revalidate
      }else{
        await _withTimeout(loadUserProfile(), SENSE_AUTH_TIMEOUT_MS, 'loadUserProfile(boot)'); if (window._senseInactiveKicked) return; // v_offboard
        // v348: patch R2 for Sales before fetch
        try{ if(typeof _patchR2FilesForSales==='function') _patchR2FilesForSales(); }catch(e){}
        if(!sheetsLoadStarted&&typeof loadFromGoogleSheets==='function')loadFromGoogleSheets();
        window._sessionCheckHandling = false;
        hideLoginOverlay();
      }
      return;
    }
  } catch(e) {
    window._sessionCheckHandling = false;
    // Network error (offline, etc.) — fall through to show login form
    console.warn('[checkSession] network error:', e.message);
    // v_bootnet: ต้องเด้งหน้า login จริง ไม่ใช่แค่ถอด class — ดูเหตุผลข้างล่าง
    _showLoginOverlayClean();
    return;
  }
  // No valid session, timed out, or error — reveal login form
  //
  // v_bootnet: ของเดิมทำแค่ ov.classList.remove('lgi-checking') ซึ่ง "ไม่พอ"
  // เพราะผ้าคลุม boot ใน shell.html เขียน inline style login.style.display='none'
  // ทับไว้ตั้งแต่ก่อน JS หลักจะรัน — การถอด class ไม่ได้แตะ display เลย
  // ผลคือหน้า login ไม่โผล่ ส่วน #sense-splash ก็ยัง display:flex ที่ z-index
  // 10000 → ผู้ใช้เห็นจอโลโก้นิ่งๆ ตลอดกาล (นี่คืออาการที่บุชเจอ)
  // _showLoginOverlayClean() คืนทั้ง display ของ login และซ่อน splash ให้ครบ
  if(ov) ov.classList.remove('lgi-checking');
  _showLoginOverlayClean();
}

// v206a: shared PWA resume session verifier.
// Goal: Home Screen app resume should verify silently and keep the current screen when the session is alive.
async function _pwaSilentSessionCheck(reason, graceMs){
  if(passwordRecoveryMode)return true;
  if(window._pwaResumeCheckInFlight)return window._pwaResumeCheckInFlight;
  window._pwaResumeCheckInFlight=(async()=>{
    try{
      const first=await _withTimeout(supa.auth.getSession(), SENSE_AUTH_TIMEOUT_MS, 'getSession(resume-1)');
      let session=first&&first.data&&first.data.session;
      if(session&&session.user){
        currentUser=session.user;
        const ov=document.getElementById('login-overlay');
        if(ov&&currentUser){ov.style.display='none';ov.classList.remove('lgi-checking');}
        return true;
      }
      // v_authfix (2026-08-14): "ไม่รู้" ≠ "ล็อกเอาต์" — นี่คือต้นเหตุ auto-logout
      // ของ v256: token หมดอายุระหว่างพักจอ → getSession ต้องต่อเน็ต refresh
      // ตอนวิทยุมือถือเพิ่งตื่น → ค้าง/ล้ม → เดิมถูกแปลงเป็น null แล้วเดินเข้า
      // branch "confirmed session lost" ทั้งที่ไม่มีใคร confirm อะไรเลย
      // (แถม call ที่สองต่อคิวหลัง navigator.locks ของ call แรกที่ค้าง = ค้าง
      // ตามแน่นอน จึงหลุด "ทุกครั้ง" ไม่ใช่บางครั้ง) · token ใน localStorage
      // ยังดีอยู่ครบ — การเด้ง login คือการตัดสินใจผิดของแอปเราเอง
      // กติกาใหม่: ไม่รู้ = ไม่แตะหน้าจอผู้ใช้ ปล่อยใช้งานต่อ แล้วให้
      // TOKEN_REFRESHED ของ supabase-js จัดการเองเมื่อเน็ตกลับมา
      if(_authUnknown(first)){
        console.warn('[pwa:v_authfix] resume check ตอบไม่ได้ (timeout/เน็ตล้ม) — ไม่รบกวนผู้ใช้',reason);
        return true;
      }
      await new Promise(r=>setTimeout(r,graceMs||2500));
      const second=await _withTimeout(supa.auth.getSession(), SENSE_AUTH_TIMEOUT_MS, 'getSession(resume-2)');
      if(_authUnknown(second)){
        console.warn('[pwa:v_authfix] resume check รอบสองก็ตอบไม่ได้ — ไม่รบกวนผู้ใช้',reason);
        return true;
      }
      session=second&&second.data&&second.data.session;
      if(session&&session.user){
        currentUser=session.user;
        const ov=document.getElementById('login-overlay');
        if(ov&&currentUser){ov.style.display='none';ov.classList.remove('lgi-checking');}
        return true;
      }
      // มาถึงตรงนี้ = Supabase **ตอบจริง** สองครั้งว่าไม่มี session — ค่อยเด้งได้
      if(currentUser){
        console.warn('[pwa:v206a] confirmed session lost after resume',reason);
        currentUser=null;
        currentUserProfile=null;
        sheetsLoadStarted=false;
        _showLoginOverlayClean();
      }
      return false;
    }catch(e){
      // Offline / flaky mobile network: do not disrupt the current screen.
      console.warn('[pwa:v206a] resume session check skipped',reason,e&&e.message?e.message:e);
      return true;
    }finally{
      window._pwaResumeCheckInFlight=null;
    }
  })();
  return window._pwaResumeCheckInFlight;
}

// Phase 10: Auth/session runtime boundary (adapter-first; no behavior change intended).
// Freshket Sense auth/session runtime boundary — Phase 10.
// Classic-script compatible. This runtime intentionally wraps the existing legacy
// auth/session functions rather than changing behavior. It gives us diagnostics
// and a kill switch before deeper auth extraction.
(function(global){
  'use strict';

  const STORAGE_KEY = 'freshket_auth_runtime_disabled';
  const VERSION = 'phase10-auth-session-boundary';
  const LEGACY_FN_NAMES = [
    'resetRuntimeSessionState',
    '_showLoginOverlayClean',
    '_urlLooksLikePasswordRecovery',
    '_clearPasswordRecoveryUrl',
    'showPasswordResetForm',
    'showResetStatus',
    'showLoginInfo',
    'submitPasswordReset',
    'doLogin',
    'showLoginError',
    'showSenseSplash',
    'hideLoginOverlay',
    '_autoRouteAfterLogin',
    'loadUserProfile',
    'doSignOut',
    'activateLocalMode',
    '_setLocalPersona',
    'checkSession'
  ];

  const state = {
    wrappersInstalled: false,
    installedAt: null,
    lastOperation: null,
    lastOperationAt: null,
    fallbackCount: 0,
    wrappedFunctions: [],
    missingFunctions: [],
    lastError: null
  };

  const legacy = {};

  function now(){ return new Date().toISOString(); }

  function isDisabled(){
    try { return global.localStorage && localStorage.getItem(STORAGE_KEY) === '1'; }
    catch(e){ return false; }
  }

  function setLastOperation(name){
    state.lastOperation = name;
    state.lastOperationAt = now();
  }

  function captureLegacy(){
    LEGACY_FN_NAMES.forEach(function(name){
      if (typeof global[name] === 'function') legacy[name] = global[name];
      else state.missingFunctions.push(name);
    });
  }

  function callLegacy(name, thisArg, args){
    const fn = legacy[name];
    if (typeof fn !== 'function') {
      const err = new Error('Missing legacy auth function: ' + name);
      state.lastError = { name:name, message:err.message, at:now() };
      throw err;
    }
    setLastOperation(name);
    try {
      return fn.apply(thisArg || global, args || []);
    } catch (error) {
      state.lastError = { name:name, message:error && error.message || String(error), at:now() };
      state.fallbackCount += 1;
      throw error;
    }
  }

  function wrap(name){
    if (typeof legacy[name] !== 'function') return;
    global[name] = function(){
      if (isDisabled()) return legacy[name].apply(this, arguments);
      return callLegacy(name, this, Array.prototype.slice.call(arguments));
    };
    state.wrappedFunctions.push(name);
  }

  function installAdapters(){
    if (state.wrappersInstalled) return status();
    captureLegacy();
    LEGACY_FN_NAMES.forEach(wrap);
    state.wrappersInstalled = true;
    state.installedAt = now();
    return status();
  }

  function disableRuntime(reason){
    try { localStorage.setItem(STORAGE_KEY, '1'); } catch(e) {}
    state.lastOperation = 'disableRuntime';
    state.lastOperationAt = now();
    if (reason) state.lastDisableReason = String(reason);
    return status();
  }

  function enableRuntimeNextReload(){
    try { localStorage.removeItem(STORAGE_KEY); } catch(e) {}
    state.lastOperation = 'enableRuntimeNextReload';
    state.lastOperationAt = now();
    return status();
  }

  function currentAuthState(){
    return {
      currentUserEmail: global.currentUser && global.currentUser.email || null,
      currentUserId: global.currentUser && global.currentUser.id || null,
      profileRole: global.currentUserProfile && global.currentUserProfile.role || null,
      profileEmail: global.currentUserProfile && global.currentUserProfile.email || null,
      loginTransitionRunning: !!global.loginTransitionRunning,
      passwordRecoveryMode: !!global.passwordRecoveryMode,
      loginOverlayVisible: !!(global.document && document.getElementById('login-overlay') && document.getElementById('login-overlay').style.display !== 'none'),
      splashVisible: !!(global.document && document.getElementById('sense-splash') && document.getElementById('sense-splash').style.display !== 'none')
    };
  }

  function status(){
    return {
      version: VERSION,
      disabled: isDisabled(),
      storageKey: STORAGE_KEY,
      wrappersInstalled: state.wrappersInstalled,
      wrappedFunctions: state.wrappedFunctions.slice(),
      missingFunctions: state.missingFunctions.slice(),
      installedAt: state.installedAt,
      lastOperation: state.lastOperation,
      lastOperationAt: state.lastOperationAt,
      fallbackCount: state.fallbackCount,
      lastError: state.lastError,
      authState: currentAuthState()
    };
  }

  function printDiagnostics(){
    const s = status();
    try {
      console.table(s.wrappedFunctions.map(function(name){ return { wrapped:name }; }));
    } catch(e) {}
    return s;
  }

  const api = Object.freeze({
    version: VERSION,
    installAdapters: installAdapters,
    status: status,
    printDiagnostics: printDiagnostics,
    disableRuntime: disableRuntime,
    enableRuntimeNextReload: enableRuntimeNextReload,
    legacy: legacy,
    callLegacy: function(name){ return callLegacy(name, global, Array.prototype.slice.call(arguments, 1)); }
  });

  global.FreshketSenseAuthRuntime = api;
  global.FreshketSenseAuthControl = Object.freeze({
    status: status,
    printDiagnostics: printDiagnostics,
    disableRuntime: disableRuntime,
    enableRuntimeNextReload: enableRuntimeNextReload
  });

  installAdapters();
})(window);


// ════════════════════════════════════════
// SECTION:SAMPLE_DATA
// SAMPLE DATA
// ════════════════════════════════════════
const SAMPLE = {
  history:[
    {m:'พ.ย. 2568',s:145000,orders:50},{m:'ธ.ค. 2568',s:175600,orders:56},
    {m:'ม.ค. 2569',s:162000,orders:53},{m:'ก.พ. 2569',s:136400,orders:44},
    {m:'มี.ค. 2569',s:176200,orders:57},{m:'เม.ย. 2569',s:176249,orders:58},
  ],
  cats:[
    {n:'เนื้อสัตว์',s:54793,p:31.1,c:'#f05000'},{n:'DG Food',s:36492,p:20.7,c:'#f0b000'},
    {n:'DG Non-food',s:23970,p:13.6,c:'#a0a0a0'},{n:'Processed',s:21150,p:12.0,c:'#f0a070'},
    {n:'ผัก',s:15686,p:8.9,c:'var(--tk-ok-500)'},{n:'เครื่องดื่ม',s:12866,p:7.3,c:'#5fe3a8'},
    {n:'ไข่',s:6698,p:3.8,c:'#f0e0b0'},{n:'ปลา',s:4583,p:2.6,c:'#008060'},
  ],
  skus:[
    {id:10417,n:'หมูบด / เนื้อหมูบดละเอียด A',d:'เนื้อสัตว์',s:8775,p:4.97,q:70,u:125.75,gmv:8775},
    {id:47565,n:'สันคอหมูตัดแต่ง A (K)',d:'เนื้อสัตว์',s:8736,p:4.95,q:47,u:187,gmv:8736},
    {id:45855,n:'น้ำมันปาล์ม ตราเกสร 18L',d:'DG Food',s:8020,p:4.55,q:8.5,u:936,gmv:8020},
    {id:99001,n:'เต้าหู้โอฮาโย (OHAYO)',d:'Processed',s:7850,p:4.45,q:85,u:92,gmv:7850},
    {id:46381,n:'อกไก่ลอกหนัง 250-300 กรัม/ชิ้น',d:'เนื้อสัตว์',s:7410,p:4.20,q:68,u:108.64,gmv:7410},
    {id:34308,n:'สันในไก่ ตราซีพี (5kg pack)',d:'เนื้อสัตว์',s:6930,p:3.93,q:14,u:495,gmv:6930},
    {id:99002,n:'น้ำดื่มแร่ธาตุ (กล่อง)',d:'เครื่องดื่ม',s:6800,p:3.86,q:40,u:170,gmv:6800},
    {id:42349,n:'ปีกไก่กลาง (5kg pack)',d:'เนื้อสัตว์',s:5390,p:3.06,q:7,u:770,gmv:5390},
    {id:28585,n:'สะโพกไก่เลาะกระดูก ซีพี (2kg)',d:'เนื้อสัตว์',s:3200,p:1.81,q:10,u:320,gmv:3200},
    {id:37648,n:'น้ำมันไก่ ตราเบทาโกร',d:'DG Food',s:2944,p:1.67,q:30,u:98.13,gmv:2944},
    {id:99003,n:'กระเทียม สด',d:'ผัก',s:2100,p:1.19,q:35,u:60,gmv:2100},
    {id:99004,n:'ต้นหอม',d:'ผัก',s:1950,p:1.11,q:43,u:45,gmv:1950},
    {id:99005,n:'ไข่ไก่เบอร์ 0',d:'ไข่',s:1820,p:1.03,q:18.2,u:100,gmv:1820},
    {id:99006,n:'ซีอิ๊วขาว ตราแม่ครัว 1L',d:'DG Food',s:1680,p:0.95,q:28,u:60,gmv:1680},
    {id:99007,n:'น้ำมันหอย ตราแม่ครัว 800ml',d:'DG Food',s:1560,p:0.88,q:12,u:130,gmv:1560},
    {id:99008,n:'มิโซะ ญี่ปุ่น',d:'Processed',s:1480,p:0.84,q:20,u:74,gmv:1480},
    {id:99009,n:'ขิงสด',d:'ผัก',s:1350,p:0.77,q:20,u:67.5,gmv:1350},
    {id:99010,n:'กุ้งขาวสด 30-35 ตัว/kg',d:'ปลา',s:1290,p:0.73,q:5,u:258,gmv:1290},
    {id:99011,n:'หอมแดง',d:'ผัก',s:1200,p:0.68,q:30,u:40,gmv:1200},
    {id:99012,n:'แครอท',d:'ผัก',s:1100,p:0.62,q:44,u:25,gmv:1100},
  ],
  outlets_monthly:{
    'พ.ย. 2568':[{outlet_id:'o1',outlet_name:'สาขาสีลม',gmv:78000,orders:26},{outlet_id:'o2',outlet_name:'สาขาทองหล่อ',gmv:42000,orders:16},{outlet_id:'o3',outlet_name:'สาขาพระราม 9',gmv:25000,orders:8}],
    'ธ.ค. 2568':[{outlet_id:'o1',outlet_name:'สาขาสีลม',gmv:92000,orders:30},{outlet_id:'o2',outlet_name:'สาขาทองหล่อ',gmv:51000,orders:18},{outlet_id:'o3',outlet_name:'สาขาพระราม 9',gmv:32600,orders:8}],
    'ม.ค. 2569':[{outlet_id:'o1',outlet_name:'สาขาสีลม',gmv:86000,orders:28},{outlet_id:'o2',outlet_name:'สาขาทองหล่อ',gmv:47000,orders:16},{outlet_id:'o3',outlet_name:'สาขาพระราม 9',gmv:29000,orders:9}],
    'ก.พ. 2569':[{outlet_id:'o1',outlet_name:'สาขาสีลม',gmv:72000,orders:22},{outlet_id:'o2',outlet_name:'สาขาทองหล่อ',gmv:39000,orders:14},{outlet_id:'o3',outlet_name:'สาขาพระราม 9',gmv:25400,orders:8}],
    'มี.ค. 2569':[{outlet_id:'o1',outlet_name:'สาขาสีลม',gmv:93000,orders:30},{outlet_id:'o2',outlet_name:'สาขาทองหล่อ',gmv:52000,orders:18},{outlet_id:'o3',outlet_name:'สาขาพระราม 9',gmv:31200,orders:9}],
    'เม.ย. 2569':[{outlet_id:'o1',outlet_name:'สาขาสีลม',gmv:94800,orders:31},{outlet_id:'o2',outlet_name:'สาขาทองหล่อ',gmv:49500,orders:17},{outlet_id:'o3',outlet_name:'สาขาพระราม 9',gmv:31949,orders:10}],
  },
};

const GOOD_SKUS=[
  {n:'สันในไก่ ซีพี (5kg pack)',r:'ซื้อ bulk ฿99/kg ถูกกว่าซื้อ 1kg อยู่ 29%'},
  {n:'ปีกไก่กลาง (5kg pack)',r:'bulk pack ฿154/kg ถูกกว่า 1kg แล้ว'},
  {n:'หนังไก่, เนื้อหมูบด (main)',r:'ไม่มียี่ห้อ ราคาดีที่สุดในกลุ่มแล้ว'},
];

const CAT_COLORS={'เนื้อสัตว์':'#f05000','DG Food':'#f0b000','DG Non-food':'#a0a0a0','Processed':'#f0a070','ผัก':'var(--tk-ok-500)','เครื่องดื่ม':'#5fe3a8','ไข่':'#f0e0b0','ปลา':'#008060','Meat':'#f05000','Processed Food':'#f0a070','Fish & Seafood':'#008060','Vegetable':'var(--tk-ok-500)','Egg':'#f0e0b0','Beverage Non-alcohol':'#5fe3a8','Beverage Alcohol':'#a0608c','Fruit':'#e06030','BASIC FOOD':'#f0b000','FROZEN FOOD':'#60b0d0','BAKERY':'#d09060','HOUSEHOLD':'#a0a0a0'};
const getCatColor=n=>CAT_COLORS[n]||'#d0d0d0';

// HARDCODED OPPS (sample data fallback)
const OPPS_SAMPLE=[
  {id:1,cat:'น้ำมัน',curId:45855,curName:'น้ำมันปาล์ม ตราเกสร',curSpec:'18L / ถัง',curP:935.93,curU:'บาท/ถัง',monthlyGmv:12150,monthlyQty:8.5,qu:'ถัง/เดือน',
   alts:[{altId:42614,altName:'น้ำมันปาล์ม ตราผึ้ง',altSpec:'18L / ถัง (ถังเหลือง)',altP:838.57,altU:'บาท/ถัง',save:827,pct:10.4,note:'ใช้แทนกันได้เลย คุณภาพใกล้เคียง ทอดทุกประเภท',conf:'high',recommended:true},
          {altId:32374,altName:'น้ำมันปาล์ม ตรามรกต',altSpec:'18L / ถัง',altP:871.00,altU:'บาท/ถัง',save:551,pct:6.9,note:'ใช้แทนได้ มั่นใจสูง',conf:'high',recommended:false}]},
  {id:2,cat:'เนื้อสัตว์',curId:10417,curName:'หมูบด เกรด A',curSpec:'1 kg/pack',curP:125.75,curU:'บาท/kg',monthlyGmv:8802,monthlyQty:70,qu:'kg/เดือน',
   alts:[{altId:42628,altName:'เนื้อหมูบด CUT AND TRIMMED',altSpec:'1 kg/pack',altP:116.62,altU:'บาท/kg',save:639,pct:7.3,note:'หมูบดเหมือนกัน แนะนำทดสอบในเมนูที่ใช้เนื้อบดก่อน',conf:'medium',recommended:true}]},
  {id:3,cat:'เนื้อสัตว์',curId:46381,curName:'อกไก่ลอกหนัง',curSpec:'250-300 กรัม/ชิ้น',curP:108.64,curU:'บาท/kg',monthlyGmv:7480,monthlyQty:68,qu:'kg/เดือน',
   alts:[{altId:10422,altName:'อกไก่ลอกหนัง ทั่วไป',altSpec:'ไม่ระบุขนาด · 1 kg/pack',altP:98.75,altU:'บาท/kg',save:672,pct:9.1,note:'อกไก่เหมือนกัน ถ้า portion control เคร่ง ลองสั่งทดสอบ 5kg ก่อน',conf:'medium',recommended:true},
          {altId:18871,altName:'อกไก่ลอกหนัง ตราเบทาโกร',altSpec:'ทั่วไป',altP:99.91,altU:'บาท/kg',save:593,pct:8.2,note:'แบรนด์เบทาโกร คุณภาพดี',conf:'medium',recommended:false}]},
  {id:4,cat:'เนื้อสัตว์',curId:28585,curName:'สะโพกไก่เลาะกระดูก ซีพี',curSpec:'2 kg/pack',curP:320,curU:'บาท/pack',monthlyGmv:1600,monthlyQty:5,qu:'pack/เดือน',
   alts:[{altId:31016,altName:'สะโพกไก่เลาะกระดูก',altSpec:'ไม่มียี่ห้อ · 1 kg/pack',altP:131.88,altU:'บาท/kg',save:280,pct:17.5,note:'Cut เดียวกัน ส่วนต่าง 17%',conf:'medium',recommended:true}]},
  {id:5,cat:'เนื้อสัตว์',curId:44806,curName:'น่องไก่ล้วน',curSpec:'7-8 ชิ้น/kg',curP:90.56,curU:'บาท/kg',monthlyGmv:1268,monthlyQty:14,qu:'kg/เดือน',
   alts:[{altId:40138,altName:'น่องไก่ทั่วไป',altSpec:'1 kg/pack',altP:84.37,altU:'บาท/kg',save:87,pct:6.8,note:'น่องไก่เหมือนกัน ไม่ระบุจำนวนชิ้น',conf:'medium',recommended:true},
          {altId:10425,altName:'น่องไก่ ตราเบทาโกร',altSpec:'1 kg/pack',altP:85.05,altU:'บาท/kg',save:77,pct:6.1,note:'แบรนด์เบทาโกร',conf:'medium',recommended:false}]},
];

// ════════════════════════════════════════
// STATE
// ════════════════════════════════════════
let OPPS = [...OPPS_SAMPLE];
let D={history:[],cats:[],cats_monthly:{},skus:[],skus_monthly:{},alts:[],alts_meta:{status:'none',verified_count:0,total_count:0,verified_at:null,bulk_loaded_at:null},outlets_monthly:{},current_month:null,sku_current:[],meta:{accountName:'',accountId:'',kamName:''}};
let fileStatus={history:false,categories:false,skus:false,outlets:false,alternatives:false,'matcher_input':false,'current-month':false,'sku-current':false};
let sessionUploads=new Set();
let sel=new Set([1,2,3]);
let selAlt={};
let isKAM=false;
let chatOpen=false,chatHist=[],aiLoading=false;
let oppFilter='all';
let aiCameFromPreview=false; // one-shot: triggers count-up animation on first visit to opps
let senseActivated=false;    // Sprint 2: set when Sense scan completes → persists until data refresh
let footerUnlocked=false;    // Sprint 2: footer hidden until user taps plan selector
let currentPlanMode='all'; // 'high' | 'all' | 'custom'
let expandedOpps=new Set();
let pbExpandedAlts=new Set(); // plan builder alt expand state
let collapsedCats=new Set();  // plan builder category collapse state
let skuFilter='ทั้งหมด';
let kamSubtab='thismonth'; // 'thismonth' | 'lastmonth'
let churnExpanded=false;let skuSignalInfoOpen=false;  // expand all SKU signals beyond initial 15
let kamGpCatOpen=false;  // v_gp: กาง "กำไรมาจากไหน" ออกจากบรรทัด GP รวม (ปิดไว้ก่อน)
let skuSubstituteMap={};  // {churned_item_id: {substituteName, spendChange, reason}} — เดือนนี้ tab
let skuSubstituteLoading=false;
let skuSubstituteDone=false;
let skuSubstituteMapLM={};  // {churned_sku_name: {...}} — เม.ย. (last month, name-keyed)
let skuSubstituteLoadingLM=false;
let skuSubstituteDoneLM=false;
let portviewFilter='all'; // portview filter
let portviewBulkData=[]; // loaded from portview_bulk.csv (Q8 output)
// ── v52 localStorage fix ──────────────────────────────────────────────────
// Bulk ops data is IN-MEMORY ONLY — too large for localStorage (quota ~5-10MB).
// These globals are populated by bulk upload handlers and lost on page refresh.
// localStorage only stores user-generated work: verified alts, plan, current_month.
// ─────────────────────────────────────────────────────────────────────────
let bulkHistoryData={};    // Q9: aid → [{m,s,orders}]
let bulkCurrentMonthData={};  // Q8E: aid → {month_label,gmv_to_date,days_elapsed,...}
let bulkAccountNames={};  // merged from Q8E+Q9: aid → account name string
let bulkCatsData={};       // Q2B: aid → {month_label → [{n,s,p,c}]}
let bulkSkusData={};       // Q3B: aid → {month_label → [sku objects]}
const _bulkSkusSeen={};   // v202 dedup: aid → mo → Set<itemId> — prevents double-push when bundle+bulk both load
let bulkPriceData={};      // Q6B: aid → {item_id → [{mo, unit_price, avg_piece_price}]} (6-month price history for sparkline)
let companySkuReachData={}; // v_key: item_id → {distinct_account_count, total_gmv, total_order_count} — company-wide, no account grain (Key SKU sole-source criterion)
let bulkHandoverData={ byAccountId:{}, byKamName:{} }; // Q10: portview_handover.csv — transfer out per KAM
let bulkOutletsData={};    // Q5B: aid → {month_label → [outlet objects]}
let bulkUpsellData={ byKam:{}, baselineGroups:{}, loaded:false }; // Q3C: sense_upsell_{safekey}.csv — per-KAM demand bundle
let bulkUpsellTeamData={}; // team summary: {[kamEmail]:{p1_gmv,p3_incr,outlet_gmv,tl_upsell_base}}
let bulkUpsellTeamGroups={}; // v_catbonus: {[kamEmail]:[{category,group_key,p1_gmv,p3_incremental}]} — group-grain fast path
let bulkSkuCurrentData={}; // Q7B: aid → [{item_id, orders_this_month, gmv_to_date, item_name_th, last_order_date}]
let bulkAltsUnverified={}; // Q4B: aid → [unverified alt pairs]
let bulkKamNames={};       // Q8E v2: aid → kam_name string (for TL grouping)
let portviewLevel='rep';  // 'rep' | 'tl' | 'rep-detail' (TL viewing specific rep)
let teamviewKamFilter=null; // null=show all KAMs, 'email@...'=show that KAM's accounts
let tvViewMode='full'; // 'full'|'compact' (teamview)
let pvViewMode='full'; // 'full'|'compact' (portview — KAM's own accounts)
let pvSortMode='impact'; // v205c default: positive impact highest first (green accounts)
let pvSortDir=-1;        // -1=descending (runrate > baseline first)
let teamviewAiDone=false;
let portviewRepEmail=null; // which rep TL is viewing
let portviewAiDone=false;
let activeMonth=0;
let portfolioMonth=''; // '' = last month (default)
let currentAccountId='default';
// Account Discovery
let accountList=[];let selectedAccount=null;
// Outlet
let D_outlets=[];let outletsExpanded=false;
// Matcher
let matcherRawCsv='';let matcherRunning=false;
let matcherProgress={current:0,total:0,found:0};
let matcherMode='fast';let matcherScope='all';let matcherModel='haiku';
let kamModel='sonnet'; // KAM briefing model (separate from Matcher) — default Sonnet
let aiProvider=localStorage.getItem((FRESHKET_APP_CONFIG.ai&&FRESHKET_APP_CONFIG.ai.providerStorageKey)||'ai_provider')||((FRESHKET_APP_CONFIG.ai&&FRESHKET_APP_CONFIG.ai.defaultProvider)||'gemini'); // 'claude' | 'gemini' — 25 ต.ค. 2569 ค่ายหลัก = Gemini
let geminiApiKey=''; // Phase 2: browser-held AI keys are disabled by default; use AI proxy.
let kamStateCache={html:null,insights:null,accountId:null};
let skuView='gmv'; // 'gmv' | 'price' — SKU list view mode
let priceMovFilter=null; // 'up'|'stable'|'down'|null
let heroLockedToCurrent=false; // true when D.current_month is shown in hero (restaurant mode)

// ════════════════════════════════════════
// GROSS PROFIT (GP) — v_gp
// ════════════════════════════════════════
// SECTION:GROSS_PROFIT
//
// ผู้คำนวณ %GP รายเดียวของ Sense — ทุกจุดที่แสดง GP ต้องเรียกผ่านนี้
// (แฝดของ nrrGpFor() ใน src/nrr/nrr_logic.js) วันที่ย้าย %NRR ไปวัดที่ฐาน GP
// จะมีที่แก้ที่เดียว
//
// สัญญาที่จุดแสดงผลทุกจุดต้องเชื่อได้:
//   - ยังไม่มีข้อมูล → คืน null ไม่เคยคืน {gp:0} เพราะเงินที่ขึ้น ฿0 แล้ว
//     เปลี่ยนเป็นเลขจริงทีหลัง คือบั๊กความเชื่อใจที่รีโปนี้เคยเจอมาแล้ว
//     (ดูแพตเทิร์นเดียวกันที่ 07b_cds.js:193-204)
//   - coverage ต่ำกว่าเกณฑ์ → คืน {ready:false} ให้ผู้เรียกแสดงข้อความ
//     "ข้อมูลกำไรยังไม่พอ" แทนตัวเลขที่ดูมั่นใจแต่ผิด
//   - GP ติดลบเป็นเรื่องปกติ (สินค้าล่อลูกค้า) ห้ามตัดทิ้งหรือ clamp เป็น 0
const SENSE_GP_MIN_COVERAGE = 0.70;   // ต่ำกว่านี้ = ไม่พอให้เชื่อ (บุชเคาะได้ แก้ที่นี่ที่เดียว)

// ── v_echonick: ชื่อเล่นคนใน Sense — helper กลางตัวเดียว ───────────────────
// ชื่อในระบบมีรูปแบบ "Siriprapa (Pop) Piapeng" อยู่แล้ว ดึงในวงเล็บออกมาใช้
// เลื่อนขึ้นมาไว้ที่นี่ตามแพตเทิร์นเดียวกับที่ nrrPersonNick ถูกเลื่อนไป
// nrr_core.js — เดิมมีสำเนาอยู่ใน 11_skills.js (_skNickname) ที่ Echo เรียกไม่ถึง
function senseNickname(fullName){
  if(!fullName)return '';
  const m=String(fullName).match(/\(([^)]+)\)/);
  if(m)return m[1].trim();
  return String(fullName).split(/\s+/)[0]||String(fullName);
}

// อีเมล → ชื่อเล่น · Echo มีแต่ owner_email จึงต้องหาชื่อเต็มก่อน
// ลำดับแหล่ง: โปรไฟล์ตัวเอง → portviewBulkData (kamEmail→kamName) → prefix อีเมล
// คืน prefix อีเมลเมื่อหาไม่เจอ (พฤติกรรมเดิม ไม่มีอะไรหายไปจากจอ)
function senseRepLabel(email){
  const e=String(email||'').trim().toLowerCase();
  if(!e)return '';
  try{
    if(currentUserProfile&&String(currentUserProfile.email||'').toLowerCase()===e){
      const own=currentUserProfile.kam_name||currentUserProfile.full_name;
      if(own)return senseNickname(own);
    }
  }catch(_){}
  try{
    const rows=(typeof portviewBulkData!=='undefined'&&portviewBulkData)||[];
    for(let i=0;i<rows.length;i++){
      if(String(rows[i].kamEmail||'').toLowerCase()===e&&rows[i].kamName)return senseNickname(rows[i].kamName);
    }
  }catch(_){}
  return e.split('@')[0];
}
window.senseNickname=senseNickname;
window.senseRepLabel=senseRepLabel;

// รวม GP จาก array ของแถว SKU (รูปแบบที่ _parseSKULine คืนมา)
// ใช้ได้ทั้งระดับร้าน (ทั้งเดือน), ระดับหมวด (กรองมาก่อน) และ SKU เดียว ([row])
function senseGpFromSkuRows(rows){
  if(!Array.isArray(rows)||!rows.length)return null;
  let gp=0,gmv=0,gmvWithMargin=0,n=0;
  for(let i=0;i<rows.length;i++){
    const r=rows[i];if(!r)continue;
    // ไม่ใช้ ||0 กับ margin แบบหลวมๆ ตรงนี้ เพราะ margin ติดลบต้องบวกเข้าไปตามจริง
    gp+=(typeof r.margin==='number'?r.margin:0);
    gmv+=(r.gmv||0);
    gmvWithMargin+=(r.gmv_with_margin||0);
    n++;
  }
  if(!n||gmv<=0)return null;
  // coverage วัดจาก "GMV ที่มีค่า margin จริง" หารด้วย GMV ทั้งหมด — ไม่ใช่จำนวนแถว
  // เพราะ SKU ตัวเล็ก 100 ตัวที่ไม่มี margin สำคัญน้อยกว่า SKU ตัวใหญ่ 1 ตัวที่ไม่มี
  const coverage=gmvWithMargin/gmv;
  return{
    gp:gp,
    gmv:gmv,                       // ตัวส่วนที่ใช้จริง มาจากไฟล์เดียวกับ GP
    gpPct:gp/gmv*100,
    coverage:coverage,
    ready:coverage>=SENSE_GP_MIN_COVERAGE,
    hasData:gmvWithMargin>0         // false = CSV ยังไม่มีคอลัมน์ GP เลย
  };
}

// GP ระดับร้าน ของเดือนหนึ่ง — monthLabel เป็น key ของ D.skus_monthly ('ก.ค. 2569')
// คืน null ถ้าไม่มีเดือนนั้น เพื่อให้ผู้เรียก fail-safe ไปที่ "ยังไม่มีข้อมูล"
function senseGpFor(monthLabel){
  if(!monthLabel||!D||!D.skus_monthly)return null;
  const res=senseGpFromSkuRows(D.skus_monthly[monthLabel]);
  if(!res||!res.hasData)return null;   // ไม่มีคอลัมน์ GP ในไฟล์ = ไม่แสดงอะไรเลย
  return res;
}

// GP ของร้าน "ร้านใดก็ได้" ในพอร์ต ไม่ใช่แค่ร้านที่เปิดอยู่
//
// ใช้ที่หน้า Portview ซึ่งเป็นหน้าที่ KAM เปิดดูทุกวัน · อ่านจาก bulkSkusData
// (ไฟล์เดียวกับ D.skus_monthly แต่ยังไม่ถูกตัดเหลือร้านเดียว — 02_data_pipeline.js
// เก็บเป็น bulkSkusData[accountId][monthLabel] แล้ว 01_core.js ค่อยหยิบร้านที่เปิด
// มาใส่ D.skus_monthly) จึงไม่ต้องโหลดไฟล์เพิ่มเลย
//
// monthLabel ไม่ใส่ = ใช้เดือนล่าสุดที่ร้านนั้นมีข้อมูล — คืนมาใน .month ด้วย
// เพื่อให้จุดแสดงผลบอกได้ว่าเป็นเดือนไหน ไม่ให้เดา
function senseGpForAccount(accountId,monthLabel){
  if(!accountId)return null;
  const src=(typeof bulkSkusData!=='undefined'&&bulkSkusData)?bulkSkusData[accountId]:null;
  if(!src)return null;
  let mo=monthLabel;
  if(!mo){
    const keys=Object.keys(src);
    if(!keys.length)return null;
    const _ms=m=>{const p=(m||'').split(' ');const arr=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+arr.indexOf(p[0]);};
    mo=keys.slice().sort((a,b)=>_ms(b)-_ms(a))[0];
  }
  const res=senseGpFromSkuRows(src[mo]);
  if(!res||!res.hasData)return null;
  res.month=mo;
  return res;
}

// GP แยกตามหมวดสินค้า (dept) ของเดือนหนึ่ง — เรียงจากกำไรมากไปน้อย
//
// นี่คือจุดที่ตอบคำถาม "อะไร drive GP" ได้จริง เพราะหมวดสินค้าคือระดับที่ KAM
// ลงมือทำอะไรได้ (เชียร์หมวดไหน เลี่ยงหมวดไหน) ต่างจาก GP รวมของร้านที่บอกได้
// แค่ว่าดีหรือไม่ดี แต่ไม่บอกว่าเพราะอะไร
//
// จัดกลุ่มจาก D.skus_monthly ไฟล์เดียวกับที่ GP มา ไม่ใช่ D.cats_monthly
// (bulk_categories.csv ไม่มีคอลัมน์ margin) — ตัวเลขจึงบวกกันได้ลงตัวกับ
// GP รวมของร้านที่แสดงในการ์ด "ยอดซื้อ" เป๊ะ ไม่ต้องกระทบยอดข้ามไฟล์
function senseGpByCategory(monthLabel){
  if(!monthLabel||!D||!D.skus_monthly)return null;
  const rows=D.skus_monthly[monthLabel];
  if(!Array.isArray(rows)||!rows.length)return null;
  const byCat={};
  for(let i=0;i<rows.length;i++){
    const r=rows[i];if(!r)continue;
    const cat=(r.d||'').trim()||'ไม่ระบุหมวด';
    if(!byCat[cat])byCat[cat]=[];
    byCat[cat].push(r);
  }
  const out=[];
  Object.keys(byCat).forEach(function(cat){
    const rowsOfCat=byCat[cat];
    const g=senseGpFromSkuRows(rowsOfCat);
    if(!g){return;}
    // หมวดที่ไม่มีข้อมูลกำไรเลย ยังต้องคืนออกไปพร้อมธง hasData:false
    // ไม่ใช่หายไปเงียบๆ — ไม่งั้นยอดขายของหมวดนั้นจะหลุดออกจากการ์ดโดยที่
    // ไม่มีอะไรบอก แล้วผลรวมในการ์ดจะไม่ตรงกับ GP รวมของร้านแบบอธิบายไม่ได้
    out.push({cat:cat,skuCount:rowsOfCat.length,gp:g.gp,gmv:g.gmv,gpPct:g.gpPct,
              coverage:g.coverage,ready:g.ready,hasData:g.hasData});
  });
  if(!out.length)return null;
  // เรียงตามจำนวนเงินกำไร ไม่ใช่ %GP — หมวดที่ทำกำไรเป็นก้อนใหญ่คือหมวดที่
  // ต้องรู้ก่อน ส่วน %GP สูงในหมวดจิ๋วเป็นเรื่องน่ารู้แต่ไม่ใช่เรื่องเร่งด่วน
  out.sort(function(a,b){return b.gp-a.gp;});
  return out;
}

// ════════════════════════════════════════
// KAM SIGNALS (rule-based, no AI)
// ════════════════════════════════════════
// SECTION:KAM_SIGNALS
function computeKamSignals(){
  const signals=[];
  const hist=D.history.length?D.history:[];
  const last=hist[hist.length-1]||{s:0,orders:0,m:''};
  const prev=hist[hist.length-2]||null;
  // GMV drop >15%
  if(prev&&prev.s>0&&last.s<prev.s*0.85){
    const drop=Math.round((1-last.s/prev.s)*100);
    // Context check: if drop month is known holiday period → softer signal
    const dropMo=(last.m||'').split(' ')[0];
    const isHoliday=['เม.ย.','ม.ค.','ธ.ค.'].includes(dropMo);
    const sigType=isHoliday?'explore':'urgent';
    const ctxNote=isHoliday?' (ช่วงเทศกาล)':'';
    signals.push({type:sigType,main:`ยอดซื้อลด ${drop}%${ctxNote}`,sub:`${prev.m} → ${last.m}`});
  } else if(prev&&prev.s>0&&last.s>prev.s*1.15){
    const rise=Math.round((last.s/prev.s-1)*100);
    signals.push({type:'healthy',main:`ยอดซื้อเพิ่ม ${rise}%`,sub:`${prev.m} → ${last.m}`});
  }
  // SKU dropout
  const sm=computeSkuMovement();
  if(sm){
    // 25 ต.ค. 2569: นับ "หยุดสั่ง" ด้วยตัวเดียวกับการ์ดเตือนในหน้าร้าน (05 · computeChurnSignals 'gone' ≥ ฿5,000/เดือน)
    // เดิมชิปนับจากรายการเทียบเดือนก่อน (computeSkuMovement) ⇒ หน้าเดียวกันขึ้น 1 / 3 / 4 คนละค่า
    const _churnGone=(typeof computeChurnSignals==='function')?(computeChurnSignals()||[]).filter(s=>s.type==='gone'&&(s.gmv||0)>=5000):null;
    const bigDrops=_churnGone?_churnGone.map(s=>({name:s.name,gmv:s.gmv})):(sm.droppedSkus||[]).filter(s=>s.gmv>5000);
    if(bigDrops.length>0){
      signals.push({type:'urgent',main:`หยุดสั่ง ${bigDrops.length} รายการ`,sub:bigDrops[0].name.slice(0,22)+(bigDrops[0].name.length>22?'...':'')});
    }
    const newBig=(sm.newSkus||[]).filter(s=>s.gmv>3000);
    if(newBig.length>0){
      signals.push({type:'explore',main:`SKU ใหม่ ${newBig.length} รายการ`,sub:newBig[0].name.slice(0,22)+(newBig[0].name.length>22?'...':'')});
    }
  }
  // Big savings not started
  if(totalAll()>20000&&OPPS.length>0){
    signals.push({type:'opportunity',main:`โอกาสประหยัด ${fmt(totalAll())}`,sub:`${OPPS.length} รายการ ยังไม่ได้เริ่ม`});
  }
  // ── v55: removed "ยอดซื้อปกติ" healthy fallback —
  //   conflicts with locked rule "show only negative signals" and
  //   appeared during AI loading state, creating false "all clear" signal.
  return signals.slice(0,3);
}

function openVerifySheet(){
  const acctName=D.meta.accountName||'ร้านนี้';
  const unverified=(D.alts||[]).filter(a=>!a.confidence||a.confidence==='unverified').length;
  const nameEl=document.getElementById('verify-sheet-acct-name');
  const subEl=document.getElementById('verify-sheet-sub');
  if(nameEl)nameEl.textContent=acctName;
  if(subEl)subEl.textContent=`${unverified>0?unverified+' คู่ยังไม่ผ่านการเทียบสเปค':'พร้อมเทียบสเปค'} · Sense จะเช็คว่าใช้แทนกันได้จริง`;
  syncVsStatus();vsUpdateMode();
  document.getElementById('verifySheet')?.classList.add('open');
  document.getElementById('verifySheetOverlay')?.classList.add('on');
  document.body.style.overflow='hidden';
}
function closeVerifySheet(){
  document.getElementById('verifySheet')?.classList.remove('open');
  document.getElementById('verifySheetOverlay')?.classList.remove('on');
  document.body.style.overflow='';
  // Reset layout so next open starts at config (unless mid-run)
  if(!matcherRunning){
    const cfg=document.getElementById('vs-config-section');if(cfg)cfg.style.display='block';
    const prog=document.getElementById('vs-progress-wrap');if(prog)prog.style.display='none';
    const res=document.getElementById('vs-result');if(res)res.style.display='none';
  }
}
function goToSenseOpportunitiesAfterVerify(){
  // v207a: one safe exit path from matcher back to Opportunity, especially inside KAM/PWA fixed-scroll mode.
  senseActivated=true;
  footerUnlocked=true;
  if(isKAM&&currentAccountId&&currentAccountId!=='default')window._kamSenseReturn=true;
  closeVerifySheet();
  try{if(typeof renderOpps==='function')renderOpps();}catch(e){}
  showScreen('opportunities');
  setTimeout(()=>{
    const grp=document.getElementById('swipe-grp-b');
    if(grp)try{grp.scrollTo({top:0,left:0,behavior:'instant'});}catch(e){grp.scrollTop=0;}
    try{if(typeof updatePbFooter==='function')updatePbFooter();}catch(e){}
  },80);
}
function vsUpdateMode(){
  const m=matcherMode||'fast';const isF=m==='fast';
  const hEl=document.getElementById('vs-haiku');const sEl=document.getElementById('vs-sonnet');
  if(!hEl||!sEl)return;
  hEl.style.borderColor=isF?'var(--g500)':'var(--n200)';hEl.style.background=isF?'var(--g900)':'var(--n50)';
  hEl.querySelector('div').style.color=isF?'#fff':'var(--n700)';
  sEl.style.borderColor=!isF?'var(--g500)':'var(--n200)';sEl.style.background=!isF?'var(--g900)':'var(--n50)';
  sEl.querySelector('div').style.color=!isF?'#fff':'var(--n700)';
}
function syncVsStatus(){
  const src=document.getElementById('gen-pre-status');
  const dst=document.getElementById('vs-pre-status');
  if(src&&dst)dst.textContent=src.textContent;
  const genBtn=document.getElementById('gen-btn');
  const runLabel=document.getElementById('vs-run-label');
  if(genBtn&&runLabel)runLabel.textContent=genBtn.querySelector('svg+*')?.textContent||genBtn.textContent.trim().replace(/^\S+\s*/,'');
}

function renderKamSignalBar(){
  const el=document.getElementById('kam-signal-bar');if(!el)return;
  const signals=computeKamSignals();
  if(!signals.length){el.style.display='none';return;}
  el.style.display='flex';
  el.innerHTML=signals.map(s=>`<div class="kam-signal-chip ${s.type}"><span class="kam-signal-main">${s.main}</span></div>`).join('');
}


// ════════════════════════════════════════
// UTILS
// ════════════════════════════════════════
const fmt=n=>{const r='฿'+Math.round(n).toString().replace(/\B(?=(\d{3})+(?!\d))/g,',');return r;};
window.fmt=fmt;

// ── Toast notification ──
let _toastTimer=null;
// SECTION:UTILS
function showToast(msg,icon='✓'){
  let t=document.getElementById('app-toast');
  if(!t){t=document.createElement('div');t.id='app-toast';t.className='toast';document.body.appendChild(t);}
  t.textContent=icon+' '+msg;
  t.classList.add('show');
  clearTimeout(_toastTimer);
  _toastTimer=setTimeout(()=>t.classList.remove('show'),2200);
}
const getAlt=o=>{const idx=selAlt[o.id]??o.alts.findIndex(a=>a.recommended)??0;return o.alts[idx]||o.alts[0];};
// v92: single source of truth for the SAVE confidence badge — was 3 independent
// binary (high vs everything-else) ternaries across src/03_rendering.js, which
// made an AI-REJECTED ('low') alt render with the exact same "— ทดลองก่อน" label
// as a merely-unconfirmed ('unverified') one. 4-way, one definition, one place to
// extend if a 5th confidence state is ever added.
const confBadgeHtml=conf=>{
  if(conf==='high')return{label:'✓ มั่นใจสูง',className:'high',color:'var(--tk-ok-text)'};
  if(conf==='medium')return{label:'△ ควรตรวจสอบสเปค',className:'medium',color:'var(--amb)'};
  if(conf==='low')return{label:'✕ AI ไม่แนะนำ',className:'low',color:'var(--tk-danger)'};
  return{label:'— ยังไม่ตรวจสอบ',className:'unverified',color:'var(--n400)'};
};
const totalSel=()=>OPPS.filter(o=>sel.has(o.id)).reduce((s,o)=>s+getAlt(o).save,0);
const totalAll=()=>OPPS.reduce((s,o)=>s+getAlt(o).save,0);
// v207e: do not use SAMPLE fallback in live scoring/reporting. If account history is missing,
// fall back only to current-month data, otherwise 0 so the UI shows data limits honestly.
const curSpend=()=>{
  const h=Array.isArray(D.history)&&D.history.length?D.history[D.history.length-1]:null;
  if(h&&Number(h.s)>0)return Number(h.s)||0;
  const c=D.current||D.current_month||{};
  return Number(c.gmv_to_date||c.gmvToDate||c.s||0)||0;
};
function getSenseScoreMetrics(){
  const spend=curSpend();
  const savPct=spend>0?totalAll()/spend*100:0;
  const skuCoverage=(D.alts&&D.alts.length>0&&D.skus&&D.skus.length>0)?Math.min(1,D.alts.length/(D.skus.length*0.3)):0;
  const score=Math.min(95,Math.max(45,Math.round(95-savPct*1.8-(1-skuCoverage)*10)));
  return{spend,savPct,skuCoverage,score};
}
const computeSenseScore=()=>getSenseScoreMetrics().score;

function animN(el,to,dur){
  if(!el)return;
  if(window._suppressAnimN){el.textContent=fmt(Math.round(to));return;}
  el._animNId=(el._animNId||0)+1;
  const myId=el._animNId;
  const start=Date.now();
  (function tick(){
    if(el._animNId!==myId)return;
    const t=Math.min((Date.now()-start)/dur,1);
    const e=1-Math.pow(1-t,3);
    el.textContent=fmt(Math.round(to*e));
    if(t<1)requestAnimationFrame(tick);
  })();
}

// ════════════════════════════════════════
// MULTI-ACCOUNT STORAGE
// ════════════════════════════════════════
// ACCOUNT STORAGE — multi-account
// Key: ciq_acct_{accountId}  (full ID, no truncation)
// Index: ciq_index [{id,name,kamName,monthly,savings,ts}]
// ════════════════════════════════════════
// SECTION:STORAGE
function _acctKey(id){return 'ciq_acct_'+(id||currentAccountId);}

function getAccountIndex(){
  try{
    const raw=JSON.parse(localStorage.getItem('ciq_index')||'[]');
    // Always deduplicate by id at read time — keep first occurrence (newest saved)
    const seen=new Set();
    return raw.filter(a=>a&&a.id&&!seen.has(a.id)&&seen.add(a.id));
  }catch(e){return[];}
}

function updateAccountIndex(){
  if(!D.history.length&&!D.skus.length)return;
  const idx=getAccountIndex().filter(a=>a.id!==currentAccountId);
  idx.unshift({id:currentAccountId,name:D.meta.accountName||'ไม่ระบุชื่อ',kamName:D.meta.kamName||'',monthly:curSpend(),savings:totalAll(),ts:new Date().toISOString()});
  try{localStorage.setItem('ciq_index',JSON.stringify(idx.slice(0,50)));}catch(e){}
}


let _saveTimer=null;
function debouncedSave(){clearTimeout(_saveTimer);_saveTimer=setTimeout(saveToStorage,1500);}

function saveToStorage(){
  try{
    updateAccountIndex();
    // ── v52: Only persist user work (small). Bulk ops data stays in-memory globals. ──
    const smallD={
      alts:D.alts.filter(p=>p.confidence&&p.confidence!=='unverified'), // verified only
      alts_meta:D.alts_meta,
      // v203: current_month excluded — always sourced from portview (bulkCurrentMonthData), never localStorage
      meta:D.meta,
      sku_current:[]  // per-account churn; skip — regenerated from bulk
    };
    localStorage.setItem(_acctKey(),JSON.stringify({D:smallD,fileStatus,sel:Array.from(sel),selAlt,currentPlanMode,ts:new Date().toISOString()}));
  }catch(e){console.warn('save failed',e);}
}

function loadFromStorage(targetId){
  try{
    if(targetId)currentAccountId=targetId;
    const aid=currentAccountId;
    // Reset D completely before loading
    D={history:[],cats:[],cats_monthly:{},skus:[],skus_monthly:{},alts:[],
       alts_meta:{status:'none',verified_count:0,total_count:0,verified_at:null,bulk_loaded_at:null},
       outlets_monthly:{},current_month:null,sku_current:[],
       meta:{accountName:'',accountId:aid||'',kamName:''}};
    sel=new Set();selAlt={};OPPS.length=0;

    // ── Step 1: Load persisted user work from localStorage ──
    const s=localStorage.getItem(_acctKey());
    if(s){
      const{D:d,fileStatus:fs,sel:sv,selAlt:sa,currentPlanMode:sp,ts}=JSON.parse(s);
      if(d){
        D.alts=d.alts||[];         // verified alts (user work)
        D.alts_meta=d.alts_meta||D.alts_meta;
        // v203: current_month intentionally NOT loaded from localStorage — always sourced from portview
        D.meta=d.meta||D.meta;
        D.sku_current=d.sku_current||[];
      }
      fileStatus=fs||{};
      if(sv&&Array.isArray(sv))sel=new Set(sv);
      if(sa&&typeof sa==='object')selAlt=sa;
      if(sp)currentPlanMode=sp;
      const updEl=document.getElementById('dp-updated-time');
      if(updEl&&ts)updEl.textContent='โหลดครั้งล่าสุด: '+new Date(ts).toLocaleString('th-TH');
      // v203: one-time migration — remove stale current_month from existing localStorage entries
      if(d&&d.current_month!==undefined){
        try{const _raw=JSON.parse(s);if(_raw.D)delete _raw.D.current_month;localStorage.setItem(_acctKey(),JSON.stringify(_raw));}catch(e){}
      }
    }

    // ── Step 2: Inject bulk ops data from in-memory globals ──
    const _moSortBulk=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
    // Sort history chronologically (Q9 SQL sorts by Thai month text = alphabetical = wrong)
    D.history=(bulkHistoryData[aid]||[]).slice().sort((a,b)=>_moSortBulk(a.m)-_moSortBulk(b.m));
    D.cats_monthly=bulkCatsData[aid]||{};
    const cMoKeys=Object.keys(D.cats_monthly).sort((a,b)=>_moSortBulk(b)-_moSortBulk(a));
    D.cats=cMoKeys.length?D.cats_monthly[cMoKeys[0]]:[];
    D.skus_monthly=bulkSkusData[aid]||{};
    const sMoKeys=Object.keys(D.skus_monthly).sort((a,b)=>_moSortBulk(b)-_moSortBulk(a));
    // v_fix: use last COMPLETE month for save calculations — not current MTD
    // MTD has partial data → qty/gmv lower than reality → underestimates savings
    // currentMonthLabel comes from bulkCurrentMonthData (same Thai format as sMoKeys)
    const _curMoLabel=(bulkCurrentMonthData[aid]&&bulkCurrentMonthData[aid].month_label)||'';
    const _skuRefKey=(_curMoLabel&&sMoKeys.length>1&&sMoKeys[0]===_curMoLabel)
      ? sMoKeys[1]   // current month is MTD → use previous complete month
      : sMoKeys[0];  // no MTD or only 1 month available → use latest
    D.skus=_skuRefKey?D.skus_monthly[_skuRefKey]:[];
    D.outlets_monthly=bulkOutletsData[aid]||{};
    // Inject sku_current from Q7B bulk if exists, else keep per-account upload from localStorage
    if(bulkSkuCurrentData[aid])D.sku_current=bulkSkuCurrentData[aid];
    // Inject current_month — bulk always wins over stale localStorage
    if(bulkCurrentMonthData[aid])D.current_month=bulkCurrentMonthData[aid];
    // Inject account name — bulk always wins over stale localStorage meta
    if(bulkAccountNames[aid])D.meta.accountName=bulkAccountNames[aid];
    else if(!D.meta.accountName){const _idxEntry=getAccountIndex().find(x=>x.id===aid);if(_idxEntry&&_idxEntry.name)D.meta.accountName=_idxEntry.name;}
    // Inject KAM name — bulk always wins
    if(bulkKamNames[aid])D.meta.kamName=bulkKamNames[aid];

    // ── Step 3: Merge verified alts (localStorage) + unverified candidates (Q4B global) ──
    const unverified=bulkAltsUnverified[aid]||[];
    if(unverified.length>0){
      const verifiedAlts=D.alts.filter(p=>p.confidence&&p.confidence!=='unverified');
      const verifiedKeys=new Set(verifiedAlts.map(p=>p.source_item_id+'_'+p.alt_item_id));
      const stillUnverified=unverified.filter(p=>!verifiedKeys.has(p.source_item_id+'_'+p.alt_item_id));
      D.alts=[...verifiedAlts,...stillUnverified];
      // Recompute alts_meta status from merged set
      if(!D.alts_meta||D.alts_meta.status==='none'){
        const allSrc=new Set(D.alts.map(p=>p.source_item_id));
        D.alts_meta={status:'unverified',verified_count:0,total_count:D.alts.length,
          verified_source_count:0,total_source_count:allSrc.size,verified_at:null,bulk_loaded_at:new Date().toISOString()};
      }
    }

    // ── Step 4: Rebuild fileStatus from actual data ──
    fileStatus.history=D.history.length>0;
    fileStatus.categories=Object.keys(D.cats_monthly).length>0;
    fileStatus.skus=D.skus.length>0;
    fileStatus.outlets=Object.keys(D.outlets_monthly).length>0;
    fileStatus.alternatives=D.alts.length>0;
    fileStatus['current-month']=!!D.current_month;
    D.meta.accountName=D.meta.accountName||'';
    D.meta.accountId=D.meta.accountId||aid||'';
    D.meta.kamName=D.meta.kamName||'';

    if(D.alts.length&&D.skus.length)computeOPPS();
    // Auto-restore session state: if user had verified alts + a plan, treat as active
    if(OPPS.length>0&&D.alts.some(p=>p.confidence&&p.confidence!=='unverified')){
      senseActivated=true;
      if(currentPlanMode&&currentPlanMode!=='none')footerUnlocked=true;
    }
    return true;
  }catch(e){console.warn('load failed',e);return false;}
}

function switchAccount(accountId){
  if(accountId===currentAccountId){closeDataPanel();return;}
  const _swKam=_getKamEmailForAccount&&_getKamEmailForAccount(accountId);
  // switchAccount debug log removed (v257)
  saveToStorage();
  kamStateCache={html:null,insights:null,accountId:null};
  churnExpanded=false;window.skuPosOpen=false;_catExpanded=true;kamGpCatOpen=false;skuSubstituteMap={};skuSubstituteLoading=false;skuSubstituteDone=false;
  skuSubstituteMapLM={};skuSubstituteLoadingLM=false;skuSubstituteDoneLM=false;
  // Reset insight button to default (non-done) state
  const _ib=document.getElementById('kam-insight-btn');
  const _il=document.getElementById('kam-insight-btn-label');
  if(_ib)_ib.classList.remove('done');
  if(_il)_il.textContent='Insight'; // will be updated by updateKamSubtabVisibility after data loads
  // v191: explicit reset on account switch — new account = new scan required
  // (renderOverview guard above only protects data reload, not account change)
  senseActivated=false;_sgRunning=false;
  const loaded=loadFromStorage(accountId);
  if(loaded){
    refreshAll();updateDataStatus();updateDpAccountCard();renderAccountLibrary();
    if(typeof updateMatcherPreStatus==='function')updateMatcherPreStatus();
    if(typeof _updateKamNavDisabled==='function')_updateKamNavDisabled(); // v183
    closeDataPanel();
    showToast('สลับไปแล้ว','✓');
    // Lazy-load account-level intelligence only after account is opened.
    if(typeof ensureAccountDetailData==='function'){
      ensureAccountDetailData(accountId).then(()=>{
        updateDpAccountCard();renderAccountLibrary();
      }).catch(()=>{});
    }
    // Auto-load alternatives from Supabase if not in localStorage
    if(currentUser&&(!D.alts||!D.alts.length)){
      loadAltsFromSupabase(accountId).then(result=>{
        if(result&&result.data&&result.data.pairs&&result.data.pairs.length){
          D.alts=parseAlternatives(JSON.stringify(result.data));
          fileStatus.alternatives=true;
          computeOPPS();refreshAll();updateDataStatus();
          if(typeof updateMatcherPreStatus==='function')updateMatcherPreStatus();
          const d=result.generated_at?new Date(result.generated_at).toLocaleDateString('th-TH'):'';
          showToast('โหลด alternatives จาก cloud'+(d?' ('+d+')':''),'☁');
        }
      }).catch(()=>{});
    }
  }
}

function deleteAccountFromStorage(accountId,e){
  if(e)e.stopPropagation();
  if(accountId===currentAccountId){showToast('ไม่สามารถลบร้านที่กำลังดูอยู่','⚠');return;}
  localStorage.removeItem(_acctKey(accountId));
  const idx=getAccountIndex().filter(a=>a.id!==accountId);
  localStorage.setItem('ciq_index',JSON.stringify(idx));
  renderAccountLibrary();
  showToast('ลบแล้ว','✓');
}

function renderAccountLibrary(){
  const listEl=document.getElementById('dp-lib-list');
  const countEl=document.getElementById('dp-lib-count');
  if(!listEl)return;
  const idx=getAccountIndex(); // always deduped at source now
  if(countEl)countEl.textContent=idx.length>0?'('+idx.length+' ร้าน)':'';
  if(!idx.length){
    listEl.innerHTML='<div class="dp-lib-empty">ยังไม่มีร้านบันทึกไว้<br>กดเพิ่มร้านใหม่ด้านล่าง</div>';
    return;
  }
  listEl.innerHTML=idx.map(function(a){
    var isCurrent=a.id===currentAccountId;
    var ago=a.ts?Math.round((Date.now()-new Date(a.ts).getTime())/60000):null;
    var agoStr=ago===null?'':ago<60?ago+'นาทีที่แล้ว':ago<1440?Math.round(ago/60)+'ชม.ที่แล้ว':Math.round(ago/1440)+'วันที่แล้ว';
    return '<div class="dp-lib-row'+(isCurrent?' active-acct':'')+'" data-libid="'+a.id+'" onclick="libRowClick(this)">'
      +'<div class="dp-lib-dot"></div>'
      +'<div class="dp-lib-info"><div class="dp-lib-name">'+a.name+'</div>'
      +(agoStr?'<div class="dp-lib-meta">'+agoStr+'</div>':'')+'</div>'
      +'<div class="dp-lib-right">'+(isCurrent
        ?'<span class="dp-lib-current">กำลังดู</span>'
        :'<span class="dp-lib-switch">สลับ &rarr;</span>'
        +'<button class="dp-lib-del" data-did="'+a.id+'" onclick="event.stopPropagation();var id=this.getAttribute(\'data-did\');deleteAccountFromStorage(id,null)">\u2715</button>'
      )+'</div>'
    +'</div>';
  }).join('');
}

function libRowClick(el){
  var id=el.getAttribute('data-libid');
  if(id&&!el.classList.contains('active-acct'))switchAccount(id);
}
// [UNUSED] — no callers found; safe to delete in future refactor
function libDelClick(btn,e){
  e.stopPropagation();
  var id=btn.getAttribute('data-delidx');
  if(id)deleteAccountFromStorage(id,null);
}

function updateDpAccountCard(){
  const nameEl=document.getElementById('dp-acct-name');
  const metaEl=document.getElementById('dp-acct-meta');
  const statsEl=document.getElementById('dp-acct-stats');
  const spendEl=document.getElementById('dp-acct-spend');
  const savEl=document.getElementById('dp-acct-sav');
  const name=D.meta.accountName||document.getElementById('acct-name-input')?.value.trim()||'—';
  if(nameEl)nameEl.textContent=name;
  const hasData=D.history.length>0||D.skus.length>0;
  if(metaEl){
    if(hasData){
      const last=D.history[D.history.length-1];
      metaEl.textContent=(D.meta.accountId?'#'+D.meta.accountId.slice(0,8)+' · ':'')+( last?.m||'');
    }else{metaEl.textContent='ยังไม่ได้โหลดข้อมูล';}
  }
  if(statsEl)statsEl.style.display=hasData?'flex':'none';
  if(spendEl)spendEl.textContent=fmt(curSpend());
  if(savEl)savEl.textContent=fmt(totalAll())+'/เดือน';
}


function parseAlternatives(jsonText){try{const data=JSON.parse(jsonText);return data.pairs||[];}catch(e){return[];}}

// ── v53 fix D: quoted-CSV row parser ──
// Handles BigQuery CSV export where fields containing commas or quotes are double-quoted.
// Returns array of trimmed field strings, same interface as l.split(',').

// SECTION:CSV_PARSERS
function parseCSVRow(row){
  const fields=[];let cur='';let inQ=false;
  for(let i=0;i<row.length;i++){
    const c=row[i];
    if(inQ){
      if(c==='"'&&row[i+1]==='"'){cur+='"';i++;}  // escaped quote ""
      else if(c==='"'){inQ=false;}
      else{cur+=c;}
    } else {
      if(c==='"'){inQ=true;}
      else if(c===','){fields.push(cur.trim());cur='';}
      else{cur+=c;}
    }
  }
  fields.push(cur.trim());
  return fields;
}

function parsePortviewBulk(csv){
  // Format: account_id, account_name, last_month_gmv, gmv_to_date, days_elapsed, days_in_month, runrate_gmv
  // Columns 10 (top_churned_names) and 12 (missing_cats) may contain commas → use parseCSVRow
  try{
    const _all=csv.trim().split('\n');
    // v_shopnrr: วันที่ของข้อมูล (lag date ของ SQL) — หาจากชื่อคอลัมน์ เพราะไฟล์ Sales ใช้ตำแหน่งเดียวกันเป็นคอลัมน์อื่น
    const _asofIdx=parseCSVRow(_all[0]||'').map(h=>String(h||'').trim().replace(/^"|"$/g,'')).indexOf('data_asof_date');
    const lines=_all.slice(1).filter(l=>l.trim());
    return lines.map(l=>{
      const p=parseCSVRow(l);
      const accountId=(p[0]||'').trim().replace(/^"|"$/g,'');
      const accountName=(p[1]||'').trim().replace(/^"|"$/g,'');
      const lastGmv=parseFloat(p[2])||0;
      const gmvToDate=parseFloat(p[3])||0;
      const daysElapsed=parseInt(p[4])||1;
      const daysInMonth=parseInt(p[5])||30;
      const runrate=parseFloat(p[6])||0;
      // Normalized expected: use last month's DAILY RATE × days elapsed this month
      // avoids inflation when months have different lengths (e.g. Apr 30d vs May 31d)
      const _now=new Date();const _lagD=new Date(_now);_lagD.setDate(_lagD.getDate()-1);
      const lastMonthDays=new Date(_lagD.getFullYear(),_lagD.getMonth(),0).getDate(); // day-1 lag: ensures correct prev-month days on month boundary
      const dailyRate=lastMonthDays>0?lastGmv/lastMonthDays:lastGmv/30;
      const expected=dailyRate*daysElapsed;
      const pct=expected>0?Math.round(gmvToDate/expected*100):0;
      let cls='',label='';
      if(pct>=100){cls='great';label='ดีเยี่ยม';}
      else if(pct>=95){cls='safe';label='ปลอดภัย';}
      else if(pct>=90){cls='warn';label='MONITOR';}
      else{cls='danger';label='AT RISK';}
      const accountType=(p[7]||'').trim().replace(/^"|"$/g,'');
      // Enriched columns (Q8 enriched)
      const churnedSkuCount=parseInt(p[8])||0;
      const churnedGmv=parseFloat(p[9])||0;
      const topChurnedNames=(p[10]||'').trim().replace(/^"|"$/g,'');
      const missingCatCount=parseInt(p[11])||0;
      const missingCats=(p[12]||'').trim().replace(/^"|"$/g,'');
      const lastMonthSkuCount=parseInt(p[13])||0;
      const curSkuCount=parseInt(p[14])||0;
      const ordersToDate=parseInt(p[15])||0;
      const kamName=(p[16]||'').trim();     // Q8E v2: kam_name
      const kamEmail=(p[17]||'').trim();    // Q8E v2: kam_email
      const tlEmail=(p[18]||'').trim();     // Q8E v2: tl_email
      const daysWithCurrentKam=p[19]!==undefined&&p[19].trim()!==''?parseInt(p[19])||null:null; // Q8E v3: days since handoff (null = ≥12mo)
      // Sales columns (optional — only in sales_portview_{key}.csv)
      const firstDollarDate=(p[20]||'').trim().replace(/^"|"$/g,'')||null;
      const newUserExpDate=(p[21]||'').trim().replace(/^"|"$/g,'')||null;
      const daysHeld=p[22]!==undefined&&p[22].trim()!==''?parseInt(p[22])||0:0;
      const salesTeamName=(p[23]||'').trim().replace(/^"|"$/g,'')||'';
      const accountGroupName=(p[24]||'').trim().replace(/^"|"$/g,'')||'';
      return{id:accountId,name:accountName,lastGmv,gmvToDate,daysElapsed,daysInMonth,runrate,accountType,
        churnedSkuCount,churnedGmv,topChurnedNames,missingCatCount,missingCats,
        lastMonthSkuCount,curSkuCount,ordersToDate,kamName,kamEmail,tlEmail,daysWithCurrentKam,
        firstDollarDate,newUserExpDate,daysHeld,salesTeamName,accountGroupName,
        dataAsofDate:_asofIdx>=0?((p[_asofIdx]||'').trim().replace(/^"|"$/g,'')||null):null,
        paceSignal:{cls,pct,label,expected,lastGmv,gmvToDate,runrate,
          histMonths:1,confidence:'low',isNew:lastGmv===0,
          baselineDaily:Math.round(dailyRate),baselineGmv:Math.round(dailyRate*daysInMonth)},churnCount:0};
    }).filter(r=>r.id);
  }catch(e){console.warn('parsePortviewBulk error',e);return[];}
}

function parseCurrentMonth(csv){
  try{
    const lines=csv.trim().split('\n').slice(1).filter(l=>l.trim());
    if(!lines.length)return null;
    // Expected: account_id?, month_label, gmv_to_date, orders_to_date, days_elapsed, days_in_month, runrate_gmv
    const p=lines[0].split(',');
    // Support both with and without account_id column
    const offset=p.length>=7?1:0;
    return{
      month_label:(p[0+offset]||'').trim(),
      gmv_to_date:parseFloat(p[1+offset])||0,
      orders_to_date:parseInt(p[2+offset])||0,
      days_elapsed:parseInt(p[3+offset])||0,
      days_in_month:parseInt(p[4+offset])||0,
      runrate_gmv:parseFloat(p[5+offset])||0
    };
  }catch(e){return null;}
}

function parseSkuCurrent(csv){
  try{
    const lines=csv.trim().split('\n').slice(1).filter(l=>l.trim());
    return lines.map(l=>{
      const p=l.split(',');
      // account_id?, item_id, orders_this_month, gmv_to_date
      const offset=p.length>=4?1:0;
      return{
        item_id:String((p[0+offset]||'').trim()),
        orders_this_month:parseInt(p[1+offset])||0,
        gmv_to_date:parseFloat(p[2+offset])||0
      };
    }).filter(r=>r.item_id);
  }catch(e){return[];}
}

// ════════════════════════════════════════
// BULK ALTERNATIVES (Q4B) — v52
// ════════════════════════════════════════
// Q4B output format (18 cols): account_id, then same 17 cols as Q4 matcher_input
// Splits per account, converts raw candidates → D.alts unverified format,
// merges with existing verified alts (smart delta) per account.
/* ROSTER_OWNERS_BEGIN — สร้างจาก docs/roster.json ด้วย tools/sync_roster.js · ห้ามแก้มือ
   [ชื่อ, อีเมล TL, เดือนสุดท้ายที่ยังเป็นเจ้าของ ('' = ยังทำงาน)] */
var NRR_ROSTER_OWNERS = {
  'anusorn.k@freshket.co': ['Anusorn (Bookbig) Khamphasuk', 'nitipat.s@freshket.co', ''],
  'chaklid.n@freshket.co': ['Chaklid (Dent) Nimraor', 'nitipat.s@freshket.co', ''],
  'chanitsara.d@freshket.co': ['Chanitsara (Koi) Deephum', 'pavarisa.mu@freshket.co', ''],
  'dakanda.ph@freshket.co': ['Dakanda (Kwan) Photipeat', 'pavarisa.mu@freshket.co', ''],
  'duangruedee.bu@freshket.co': ['Duangruedee (Ning) Bulalom', 'nitipat.s@freshket.co', ''],
  'guntinun.t@freshket.co': ['Guntinun (Monet) Thanoochan', 'pavarisa.mu@freshket.co', ''],
  'intuon.y@freshket.co': ['Intuon (Jane) Yanakit', 'pavarisa.mu@freshket.co', ''],
  'kritkanok.k@freshket.co': ['Kritkanok (Wanmai) Khuabsungnern', 'pavarisa.mu@freshket.co', ''],
  'kritsakorn.p@freshket.co': ['Kritsakorn (Jajee) Pirountanasuk', 'pavarisa.mu@freshket.co', ''],
  'napat.k@freshket.co': ['Napat (To) Kaikaew', 'nitipat.s@freshket.co', ''],
  'natchita.b@freshket.co': ['Natchita (Foam) Bunkong', 'pavarisa.mu@freshket.co', ''],
  'nichamon.k@freshket.co': ['Nichamon (Ninew) Kanghae', '', ''],
  'niracha.s@freshket.co': ['Niracha (Cream) Sangka', 'pavarisa.mu@freshket.co', ''],
  'nuttawan.ma@freshket.co': ['Nuttawan (Kwang) Mahaporn', 'nitipat.s@freshket.co', ''],
  'ornpreya.s@freshket.co': ['Ornpreya (Ice) Sukthai', 'pavarisa.mu@freshket.co', ''],
  'panitan.p@freshket.co': ['Panitan (Aom) Promta', '', ''],
  'ploynitcha.r@freshket.co': ['Ploynitcha (Nitcha) Rujipiromthagoon', 'nitipat.s@freshket.co', ''],
  'puttipong.w@freshket.co': ['Puttipong (Tape) Wanithaweewat', 'pavarisa.mu@freshket.co', ''],
  'rinlaphat.s@freshket.co': ['Rinlaphat (Mild) Setthasiriwuti', 'nitipat.s@freshket.co', ''],
  'sarawoot.k@freshket.co': ['Sarawoot (Oh) Kaewkhao', '', ''],
  'siriprapa.p@freshket.co': ['Siriprapa (Pop) Piapeng', 'pavarisa.mu@freshket.co', '2026-08'],
  'treerak.s@freshket.co': ['Treerak (May) Sangjua', 'pavarisa.mu@freshket.co', ''],
  'warissara.c@freshket.co': ['Warissara (Ply) Chanaboon', 'pavarisa.mu@freshket.co', ''],
};
/* ROSTER_OWNERS_END */

// ── เจ้าของร้าน "เพื่อคิดค่าคอมฯ" รายเดือน — ทางถอยเมื่อไฟล์ยังเป็นรุ่นเก่า ─────────
// ไฟล์ kam_rep_view.csv รุ่นใหม่มีคอลัมน์ period_kam_email มาให้แล้ว (SQL คิดให้)
// ถ้าไฟล์บน R2 ยังเป็นรุ่นเก่า (data team ยังไม่รัน SQL ใหม่) จะเกิดสองอาการ:
//   1) KAM คนใหม่ยังไม่อยู่ในรายชื่อของ SQL รุ่นที่รัน ⇒ latest_kam_email ว่าง
//      ⇒ ร้านหลุดจากดัชนีรายคนทั้งหมด = ทุกคนเห็น ฿0 เงียบๆ (เจอจริง 8 ก.ย. 2026:
//      97 ร้าน/เดือนของ Pop หายทั้ง ก.ค./ส.ค./ก.ย. — เดือน ส.ค. คิดเป็นยอด ~฿8.8M)
//   2) เจ้าของฐานที่ลาออกแล้ว ถูกแทนที่ด้วยเจ้าของวันนี้ทุกเดือน ⇒ เดือนที่เขายังทำงานก็ไม่ใช่ของเขา
// ทางถอยนี้ใช้กติกาเดียวกับ SQL (q3_2026_movement_rep_view.sql) โดยอ่านจาก roster.json:
//   เจ้าของฐานที่มีวันสิ้นสุด ยังเป็นเจ้าของจนจบ "เดือนที่ออก" · หลังจากนั้นเป็นของเจ้าของในเดือนนั้น
// ไฟล์รุ่นใหม่มาถึงเมื่อไหร่ ทางถอยหยุดทำงานทันที (บรรทัดแรกของ resolver)
var _nrrRosterByName = null;
function nrrRosterEmailByName(name) {
  if (!name) return '';
  if (!_nrrRosterByName) {
    _nrrRosterByName = {};
    for (var e in NRR_ROSTER_OWNERS) {
      if (!Object.prototype.hasOwnProperty.call(NRR_ROSTER_OWNERS, e)) continue;
      _nrrRosterByName[NRR_ROSTER_OWNERS[e][0].trim().toLowerCase()] = e;
    }
  }
  return _nrrRosterByName[String(name).trim().toLowerCase()] || '';
}
function nrrResolvePeriodOwner(row) {
  // ไฟล์ใหม่คิดมาให้แล้ว → เชื่อไฟล์ ห้ามคิดทับ
  if (row.period_kam_email) return { kam: row.period_kam_email, tl: row.latest_tl_email || '', name: row.period_owner_final || row.latest_staff_owner || '', src: 'file' };
  var kam = row.latest_kam_email || '';
  // ⛔ แถว transfer_out: latest_staff_owner คือ "คนที่รับร้านไป" ไม่ใช่เจ้าของแถวนี้
  //    แถวนี้เป็นของคนที่ "เสียร้านไป" ⇒ ต้องจับจากเจ้าของฐาน
  //    เจอจริง 9 ก.ย. 2026: ไฟล์ pm_rep_view มี transfer_out 42 แถว latest_kam_email ว่าง
  //    แต่ latest_staff_owner เป็นชื่อ KAM ผู้รับ ⇒ จับด้วยชื่อแล้วแถวไปโผล่ในจอของผู้รับ
  //    เป็น "ย้ายออก" ทั้งที่เขาเป็นคนรับเข้า (Bookbig 6 ร้าน ฿450K · Tape 6 ร้าน ฿357K · May 2 ร้าน ฿168K)
  if (!kam) {
    kam = (row.movement_type === 'transfer_out')
      ? (row.base_kam_email || nrrRosterEmailByName(row.base_staff_owner))
      : nrrRosterEmailByName(row.latest_staff_owner);
  }
  var base = row.base_kam_email || '';
  var b = base ? NRR_ROSTER_OWNERS[base] : null;
  if (b && b[2] && row.period_month && row.period_month <= b[2]) kam = base;
  var tl = row.latest_tl_email || '';
  var own = kam ? NRR_ROSTER_OWNERS[kam] : null;
  if (own && (!tl || kam === base)) tl = own[1] || tl;
  // ⭐ ชื่อที่โชว์ต้องเป็นเจ้าของรายเดือน ไม่ใช่ latest_staff_owner (เจ้าของวันนี้)
  //    ไม่งั้นแถวของ Pop เดือน ส.ค. จะขึ้นชื่อ Kwan = มีชื่อ Kwan สองแถวและ Pop หายจากตาราง
  var nm = (own && own[0]) || row.latest_staff_owner || '';
  return { kam: kam, tl: tl, name: nm, src: kam ? 'roster' : 'none' };
}

// ── upsell: ย้ายยอด P1/P3 ไปหาเจ้าของรายเดือน ────────────────────────────────
// ไฟล์ sense_upsell_{คน}.csv **ไม่มีคอลัมน์เจ้าของ** — แอปเดาจากชื่อไฟล์ (_bundleEmail)
// และ SQL สร้างไฟล์ตามเจ้าของ "วันนี้" จาก user_master ⇒ พอพอร์ตถูกโอน ยอดทุกเดือน
// ย้อนหลังไปกองอยู่กับคนรับ รวมเดือนที่เจ้าของเดิมยังทำงานอยู่
// (เจอจริง 8 ก.ย. 2026: ค่าคอมฯ ส.ค. ของ Pop ที่ออก 31 ส.ค. ไม่มีแถวเลย)
//
// ที่นี่ย้ายเฉพาะใบที่เข้าเงื่อนไขแคบ ๆ 2 ข้อพร้อมกัน:
//   1. เจ้าของรายเดือนของร้านนั้น (comm_kam_email จาก kam_rep_view) เป็นคนที่ **มีวันสิ้นสุดงาน**
//   2. เดือนของใบนั้น ≤ เดือนที่เขาออก
// ⇒ ยอดของ KAM ที่ยังทำงานอยู่ทุกคนไม่ขยับแม้แต่บาทเดียว
// baselineGroups เป็นข้อมูลไม่มีเดือน (กลุ่มสินค้าที่มีในเดือนฐาน) จึง **คัดลอก** ไม่ย้าย —
// ทั้งเจ้าของเดิมและคนรับต้องใช้ฐานเดียวกันคิด P1 ของเดือนตัวเอง
const _UPSELL_TH_MONTHS = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
function _upsellLabelToYm(label){
  if(!label) return '';
  const parts = String(label).trim().split(/\s+/);
  if(parts.length < 2) return '';
  const mi = _UPSELL_TH_MONTHS.indexOf(parts[0]);
  const be = parseInt(parts[1], 10);
  if(mi < 0 || !be) return '';
  return (be - 543) + '-' + String(mi + 1).padStart(2, '0');
}
// accountId|outletId|YYYY-MM → อีเมลเจ้าของรายเดือน (เฉพาะเดือนของคนที่ลาออกแล้ว)
// ⚠️ ต้องคีย์ถึง **ระดับสาขา** ไม่ใช่แค่บัญชี: บัญชีเดียว (เชน) มีหลายสาขาและอาจอยู่คนละ KAM
// เจอจริง 8 ก.ย. 2026: บัญชี 0b0553a1… เดือน ส.ค. มี 11 สาขาของ To (฿3.36M) กับ 1 สาขาของ Pop
// ถ้าคีย์แค่บัญชี ดัชนีจะบอกว่าบัญชีนี้เป็นของ Pop ⇒ ลากยอด upsell ของ To ไปให้ Pop ทั้งบัญชี
function _upsellPeriodOwnerIndex(){
  const out = {};
  const Q = window.bulkQnrrData;
  if(!Q || !Q.loaded || !Q.allRows) return out;
  Q.allRows.forEach(r=>{
    const em = r && r.comm_kam_email;
    if(!em || !r.account_id || !r.outlet_id || !r.period_month) return;
    const person = NRR_ROSTER_OWNERS[em];
    if(!person || !person[2]) return;            // ยังทำงานอยู่ → ไม่แตะ
    if(r.period_month > person[2]) return;       // พ้นเดือนที่ออกแล้ว → ไม่แตะ
    out[r.account_id + '|' + r.outlet_id + '|' + r.period_month] = em;
  });
  return out;
}
function _upsellRemapPeriodOwners(){
  // ⚠️ bulkUpsellData เป็นตัวแปรระดับไฟล์ (ไม่ได้อยู่บน window) — v304 เขียน window.bulkUpsellData
  // จึงได้ undefined แล้วออกทันที = ตัวย้ายไม่เคยทำงานเลย (เจอ 8 ก.ย. 2026 ตอนไล่ของจริง)
  const U = (typeof bulkUpsellData !== 'undefined') ? bulkUpsellData : null;
  if(!U || !U.loaded || !U.byKam) return 0;
  const idx = _upsellPeriodOwnerIndex();
  if(!Object.keys(idx).length) return 0;
  let moved = 0, copiedBase = 0;
  Object.keys(U.byKam).forEach(fileOwner=>{
    const accs = U.byKam[fileOwner] || {};
    Object.keys(accs).forEach(accId=>{
      const outlets = accs[accId] || {};
      Object.keys(outlets).forEach(outletId=>{
        const groups = outlets[outletId] || {};
        Object.keys(groups).forEach(gk=>{
          const months = groups[gk] || {};
          Object.keys(months).forEach(lbl=>{
            const ym = _upsellLabelToYm(lbl);
            if(!ym) return;
            const target = idx[accId + '|' + outletId + '|' + ym];
            if(!target || target === fileOwner) return;
            const leaf = months[lbl];
            if(!U.byKam[target]) U.byKam[target] = {};
            if(!U.byKam[target][accId]) U.byKam[target][accId] = {};
            if(!U.byKam[target][accId][outletId]) U.byKam[target][accId][outletId] = {};
            if(!U.byKam[target][accId][outletId][gk]) U.byKam[target][accId][outletId][gk] = {};
            U.byKam[target][accId][outletId][gk][lbl] = leaf;
            delete months[lbl];
            moved++;
            // ⭐ v309: เดือนฐาน (เม.ย./พ.ค./มิ.ย.) ไม่มีใน kam_rep_view เพราะไฟล์นั้นเก็บแค่เดือนในไตรมาส
            //    ⇒ ดัชนีเจ้าของรายเดือนไม่มีเดือนพวกนั้น ⇒ ถ้าย้ายแต่เดือนที่จ่าย ฐานเทียบ P3 จะหายไป
            //    ⇒ P3 = ยอดเดือนนี้ − 0 = พุ่งทั้งก้อน (เจอจริง: Pop ได้ P3 22.5% ของยอด ขณะที่คนอื่น 0.8-5.1%)
            //    เดือนฐานเป็นแค่ตัวอ้างอิง max() ไม่ใช่เดือนที่จ่าย ⇒ **คัดลอก** ให้ทั้งสองคนถือได้
            Object.keys(months).forEach(other=>{
              const oym = _upsellLabelToYm(other);
              if(!oym) return;                                          // แปลงป้ายไม่ได้ = ไม่แตะ (ค่าตั้งต้นต้องปลอดภัย)
              if(oym >= ym) return;                                     // ⭐ คัดลอกได้แค่เดือน "ก่อน" เดือนที่จ่าย = เดือนฐาน
                                                                        //    เดือนหลังวันลาออกห้ามคัดลอก ไม่งั้นคนที่ออกได้ยอดเดือนถัดไปซ้ำกับคนรับ
              if(idx[accId + '|' + outletId + '|' + oym]) return;        // เดือนที่มีเจ้าของชัดแล้ว ปล่อยให้ลูปจัดการ
              if(U.byKam[target][accId][outletId][gk][other]) return;    // มีอยู่แล้ว
              U.byKam[target][accId][outletId][gk][other] = months[other];
              copiedBase++;
            });
            // ฐาน P1/P3 ไม่มีเดือน → คัดลอกให้เจ้าของเดิมด้วย (คนรับยังต้องใช้ของตัวเอง)
            const bgSrc = U.baselineGroups && U.baselineGroups[fileOwner]
              && U.baselineGroups[fileOwner][accId] && U.baselineGroups[fileOwner][accId][outletId];
            if(bgSrc){
              if(!U.baselineGroups[target]) U.baselineGroups[target] = {};
              if(!U.baselineGroups[target][accId]) U.baselineGroups[target][accId] = {};
              if(!U.baselineGroups[target][accId][outletId]){
                U.baselineGroups[target][accId][outletId] = new Set(bgSrc);
                copiedBase++;
              } else {
                bgSrc.forEach(g=>U.baselineGroups[target][accId][outletId].add(g));
              }
            }
          });
        });
      });
    });
  });
  if(moved) console.warn('[upsell] ย้ายยอดไปหาเจ้าของรายเดือน ' + moved + ' รายการ (คัดลอกเดือนฐาน/กลุ่มฐาน ' + copiedBase + ')');
  return moved;
}
window._upsellRemapPeriodOwners = _upsellRemapPeriodOwners;
window._upsellLabelToYm = _upsellLabelToYm;

// SECTION:BULK_ALTERNATIVES
function processBulkAlternatives(csv){
  const lines=csv.trim().split('\n').slice(1).filter(l=>l.trim());
  // Group rows per account
  const byAccount={};
  lines.forEach(l=>{
    const p=parseCSVRow(l);
    const aid=(p[0]||'').trim();
    if(!aid)return;
    const row={
      account_item_id:(p[1]||'').trim(),
      account_item_name:(p[2]||'').trim(),
      account_core_name:(p[3]||'').trim(),
      account_price:parseFloat(p[4])||0,
      subclass_name:(p[5]||'').trim(),
      catalog_item_id:(p[6]||'').trim(),
      catalog_item_name:(p[7]||'').trim(),
      catalog_brand:(p[8]||'').trim(),
      grading:(p[9]||'').trim(),
      pack_size:(p[10]||'').trim(),
      catalog_price:parseFloat(p[11])||0,
      price_diff:parseFloat(p[12])||0,
      account_unit_price:p[13]?parseFloat(p[13]):null,
      account_pack_size:(p[14]||'').trim(),
      catalog_unit_price:parseFloat(p[15])||0,
      monthly_qty:parseFloat(p[16])||0,
      monthly_gmv:parseFloat(p[17])||0,
      price_basis:(p[18]||'per_kg').trim()||'per_kg'  // v3: 'per_kg' or 'per_liter'
    };
    if(!row.account_item_id||!row.catalog_item_id)return;
    if(!byAccount[aid])byAccount[aid]=[];
    byAccount[aid].push(row);
  });

  // For each account: convert to D.alts format with smart delta merge
  let totalPairs=0;
  const accountIds=new Set();
  Object.entries(byAccount).forEach(([aid,rows])=>{
    accountIds.add(aid);
    // Group rows by source SKU to compute price_basis
    const groupMap=new Map();
    rows.forEach(r=>{
      if(!groupMap.has(r.account_item_id)){
        groupMap.set(r.account_item_id,{
          id:r.account_item_id,name:r.account_item_name,
          price:r.account_price,unit_price:r.account_unit_price,
          pack_size:r.account_pack_size,subclass:r.subclass_name,
          monthly_qty:r.monthly_qty,monthly_gmv:r.monthly_gmv,
          price_basis:r.price_basis||'per_kg',  // v3: read from SQL
          alts:[]
        });
      }
      groupMap.get(r.account_item_id).alts.push(r);
    });

    // Build new candidate pairs (unverified)
    const newPairs=[];
    groupMap.forEach(g=>{
      const _basis=g.price_basis||'per_kg';
      const _unitLabel=_basis==='per_liter'?'ลิตร':'กก.';
      g.alts.forEach(a=>{
        newPairs.push({
          source_item_id:parseInt(g.id),source_item_name:g.name,
          source_price:g.price,source_pack_size:g.pack_size||'',
          alt_item_id:parseInt(a.catalog_item_id),alt_item_name:a.catalog_item_name,
          alt_price:a.catalog_price,price_diff:a.price_diff,
          pack_size:a.pack_size||'',
          confidence:'unverified',note_th:'',caveat_th:'',
          subclass:g.subclass,
          price_basis:_basis,price_unit_label:_unitLabel,
          source_display_price:g.price,
          alt_display_price:Math.max(0,g.price-a.price_diff),
          price_diff_display:a.price_diff,
          source_unit_price:g.unit_price||null,    // ฿/pack (for per-egg calc)
          alt_unit_price:a.catalog_unit_price||0,  // ฿/pack (for per-egg calc)
          monthly_qty_commercial:g.monthly_qty||0
        });
      });
    });

    // ── v52 localStorage fix: store unverified candidates in-memory only ──
    // loadFromStorage merges these with verified alts from localStorage on account open
    bulkAltsUnverified[aid]=newPairs;  // raw unverified candidates
    totalPairs+=newPairs.length;
    accountIds.add(aid);
  });
  return{accounts:Object.keys(byAccount).length,totalPairs,accountIds};
}

// ════════════════════════════════════════
// BUILD GROUPS FROM D.alts UNVERIFIED — for in-app Verify (no matcher_input.csv needed)
// ════════════════════════════════════════
// Returns groups in the same shape as parseMatcherInput, sorted by monthly_gmv DESC.
// Used when bulk_alternatives is loaded and KAM clicks Verify.
function buildGroupsFromAlts(){
  if(!D.alts||!D.alts.length)return[];
  const skuMap={};(D.skus||[]).forEach(s=>{skuMap[s.id]=s;});
  const map=new Map();
  D.alts.forEach(p=>{
    if(p.confidence&&p.confidence!=='unverified')return;  // skip already-verified
    const sid=String(p.source_item_id);
    if(!map.has(sid)){
      const sku=skuMap[sid];
      map.set(sid,{
        id:sid,
        name:p.source_item_name||sku?.n||'',
        core_name:'',
        price:p.source_price||sku?.unit_price||0,
        unit_price:p.source_unit_price||sku?.unit_price||null,
        display_unit_price:p.source_display_price||null,
        pack_size:p.source_pack_size||'',
        subclass:p.subclass||sku?.subclass||'',
        price_basis:p.price_basis||'per_kg',
        price_unit_label:p.price_unit_label||(p.price_basis==='per_liter'?'ลิตร':(p.price_basis==='per_egg'?'ฟอง':'กก.')),
        monthly_gmv:p.monthly_qty_commercial?(p.monthly_qty_commercial*(p.source_unit_price||p.source_display_price||p.source_price||0)):(sku?.gmv||0),
        monthly_qty:p.monthly_qty_commercial||sku?.qty_kg||0,
        alternatives:[],
        status:'pending'
      });
    }
    map.get(sid).alternatives.push({
      catalog_item_id:String(p.alt_item_id),
      catalog_item_name:p.alt_item_name,
      catalog_brand:'',
      grading:'',
      pack_size:p.pack_size||'',
      catalog_price:p.alt_price||0,
      price_diff:p.price_diff||0,
      catalog_unit_price:p.alt_unit_price||null,
      display_unit_price:p.alt_display_price||null,
      price_basis:p.price_basis||'per_kg'
    });
  });
  // Use SKU's actual monthly_gmv from D.skus where available (more accurate)
  map.forEach(g=>{
    const sku=skuMap[g.id];
    if(sku&&sku.gmv)g.monthly_gmv=sku.gmv;
  });
  return Array.from(map.values()).sort((a,b)=>b.monthly_gmv-a.monthly_gmv);
}

// SECTION:OPP_ENGINE
function computeOPPS(){
  if(!D.alts.length||!D.skus.length)return;
  const skuMap={};D.skus.forEach(s=>{skuMap[s.id]=s;});
  const grouped={};
  D.alts.forEach(p=>{const sid=String(p.source_item_id);if(!grouped[sid])grouped[sid]={pairs:[],sku:skuMap[sid]};grouped[sid].pairs.push(p);});
  // v92-fix: was {high:0,medium:1,low:2,unverified:3} — ranked an AI-REJECTED
  // ('low') alt ABOVE a never-checked ('unverified') one. An explicit AI
  // rejection should sink to the bottom, not outrank "we just haven't looked".
  const confOrder={high:0,medium:1,unverified:2,low:3};
  const newOpps=[];let oppId=1;
  Object.entries(grouped).forEach(([sid,{pairs,sku}])=>{
    if(!sku)return;
    // ── Include all pairs with positive savings — unverified (Q4B bulk) are shown but not auto-selected ──
    const verifiedPairs=pairs.filter(p=>p.confidence&&(p.price_diff||0)>0);
    if(!verifiedPairs.length)return;
    const p0=verifiedPairs[0];
    // ── Detect natural trade unit: per_egg (eggs), per_liter (liquids), per_kg (default) ──
    const _displayMode=detectDisplayMode(sku.subclass||sku.d||'',p0.source_pack_size||'');
    const unitLabel=_displayMode==='per_egg'?'ฟอง':_displayMode==='per_liter'?'ลิตร':'กก.';
    const qu=_displayMode==='per_egg'?'ฟอง/เดือน':_displayMode==='per_liter'?'ลิตร/เดือน':'kg/เดือน';

    const alts=verifiedPairs.map(p=>{
      let save,srcDisplay,altDisplay,diffDisplay,pct;

      // v_fix2: compute pct from unit prices (display unit, any basis)
      // then save = gmv × pct — unit-agnostic, correct regardless of pack size / unit
      // Replaces: price_diff × qty_kg (qty_kg = pack count, not actual kg → wrong for non-1kg packs)
      if(_displayMode==='per_egg'){
        const srcEggs=extractEggCount(p.source_pack_size)||1;
        const altEggs=extractEggCount(p.pack_size)||srcEggs;
        const srcUP=p.source_unit_price||0;
        const altUP=p.alt_unit_price||0;
        if(srcUP>0&&altUP>0&&srcEggs>0&&altEggs>0){
          srcDisplay=parseFloat((srcUP/srcEggs).toFixed(2));
          altDisplay=parseFloat((altUP/altEggs).toFixed(2));
          diffDisplay=parseFloat((srcDisplay-altDisplay).toFixed(2));
          pct=srcDisplay>0?parseFloat(((diffDisplay/srcDisplay)*100).toFixed(1)):0;
        } else {
          srcDisplay=p.source_price;diffDisplay=p.price_diff;
          altDisplay=Math.max(0,srcDisplay-diffDisplay);
          pct=srcDisplay>0?parseFloat(((diffDisplay/srcDisplay)*100).toFixed(1)):0;
        }
      } else {
        // per_kg OR per_liter
        srcDisplay=p.source_price;
        diffDisplay=p.price_diff;
        altDisplay=Math.max(0,srcDisplay-diffDisplay);
        pct=srcDisplay>0?parseFloat(((diffDisplay/srcDisplay)*100).toFixed(1)):0;
      }
      save=Math.round((sku.gmv||0)*(pct/100));

      return{
        altId:p.alt_item_id,altName:p.alt_item_name,
        altSpec:p.pack_size||'',  // pack_size as context
        altP:altDisplay,altU:unitLabel,
        save,pct,
        note:p.note_th||'',caveat:p.caveat_th||'',
        conf:p.confidence||'medium',recommended:false
      };
    }).filter(a=>a.save>0).sort((a,b)=>{const cd=(confOrder[a.conf]??1)-(confOrder[b.conf]??1);return cd!==0?cd:b.save-a.save;});
    if(!alts.length)return;
    alts[0].recommended=true;
    // ── curSpec and curP use display unit ──
    const srcPack=p0.source_pack_size||'';
    const curSpec=srcPack||'';  // pack_size context only
    // curP in natural trade unit
    let _curP=p0.source_price;
    if(_displayMode==='per_egg'){
      const _srcE=extractEggCount(p0.source_pack_size)||1;
      _curP=p0.source_unit_price>0?parseFloat((p0.source_unit_price/_srcE).toFixed(2)):p0.source_price;
    }
    newOpps.push({
      id:oppId++,cat:sku.subclass||sku.d||'สินค้า',
      curId:parseInt(sid),curName:sku.n,curSpec,
      curP:_curP,curU:unitLabel,
      priceBasis:_displayMode,priceUnitLabel:unitLabel,
      monthlyGmv:sku.gmv,monthlyQty:sku.qty_kg,qu,alts
    });
  });
  newOpps.sort((a,b)=>b.monthlyGmv-a.monthlyGmv);
  OPPS.length=0;newOpps.forEach(o=>OPPS.push(o));
  // Auto-select only if sel is empty or has no valid ids (preserve user's custom plan)
  const validSel=OPPS.filter(o=>sel.has(o.id));
  if(validSel.length===0){
    selAlt={};
    // ── v52 C2 fix: auto-select VERIFIED opps only — never silently include unverified into plan ──
    // v92-fix: 'low' means AI explicitly said NOT substitutable — it must
    // never qualify here. Before this fix, a batch with zero 'high' opps
    // would auto-select every 'low' one too (same eligibility as genuinely
    // 'medium'), silently pre-checking an AI-rejected alt into the KAM's
    // default plan as if it were an ordinary suggestion.
    const verifiedOpps=OPPS.filter(o=>{const c=o.alts[0]?.conf;return c==='high'||c==='medium';});
    const highConf=verifiedOpps.filter(o=>o.alts[0]?.conf==='high');
    if(highConf.length>0){highConf.forEach(o=>sel.add(o.id));currentPlanMode='high';}
    else if(verifiedOpps.length>0){verifiedOpps.forEach(o=>sel.add(o.id));currentPlanMode='all';}
    else{sel.clear();currentPlanMode='none';}
  }
}

// ════════════════════════════════════════
// DATA LOADING
// ════════════════════════════════════════


// ── File upload handlers (bulk only) ──
function handleFileUpload(type,input){
  const file=input.files[0];if(!file)return;
  const _done=(input&&typeof input._ciqDone==='function')?input._ciqDone:function(){};
  if(type==='bulk-categories'){
    const reader=new FileReader();
    reader.onload=e=>{
      const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
      const byAccount={};
      lines.forEach(l=>{
        const p=parseCSVRow(l);
        const aid=(p[0]||'').trim();const mo=(p[1]||'').trim();const cat=(p[2]||'').trim();const gmv=parseFloat(p[3])||0;
        if(!aid||!mo||!cat)return;
        if(!byAccount[aid])byAccount[aid]={};if(!byAccount[aid][mo])byAccount[aid][mo]=[];
        byAccount[aid][mo].push({n:cat,s:gmv,p:0,c:''});
      });
      const colors=['var(--tk-ok-500)','#2266cc','#e8a000','#cc4444','#8855cc','#00aabb','#ff6633','#446644','#aa5599','#667788'];
      Object.entries(byAccount).forEach(([aid,months])=>{
        Object.entries(months).forEach(([mo,cats])=>{
          const total=cats.reduce((s,c)=>s+c.s,0);
          cats.forEach((c,i)=>{c.p=total>0?parseFloat((c.s/total*100).toFixed(1)):0;c.c=colors[i%colors.length];});
          cats.sort((a,b)=>b.s-a.s);
        });
        bulkCatsData[aid]=months;
      });
      const cnt=Object.keys(byAccount).length;
      if(currentAccountId&&bulkCatsData[currentAccountId]){
        D.cats_monthly=bulkCatsData[currentAccountId];
        const moSort=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
        const mk=Object.keys(D.cats_monthly).sort((a,b)=>moSort(b)-moSort(a));
        D.cats=mk.length?D.cats_monthly[mk[0]]:[];fileStatus.categories=true;if(window.RenderBus)window.RenderBus.signal('categories'); // v223
      }
      // toast removed v205b — bulk ingest noise
      if(typeof window._splashProgress==='function')window._splashProgress(30,'กำลังโหลดหมวดหมู่...');
      const b=document.getElementById('badge-bulk-cats');if(b){b.textContent='✓ '+cnt;b.className='dp-slot-badge ok';}
      _done();
    };reader.readAsText(file);return;
  }
  if(type==='bulk-skus'){
    const reader=new FileReader();
    reader.onload=e=>{
      const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
      const totalLines=lines.length;

      // ── Shared parse helper ──
      function _parseSKULine(l){
        const p=parseCSVRow(l);
        const aid=(p[0]||'').trim();const mo=(p[1]||'').trim();const itemId=(p[2]||'').trim();const name=(p[3]||'').trim();
        const dept=(p[4]||'').trim();const subclass=(p[5]||'').trim();const temp=(p[6]||'').trim();
        const hasPackSize=p.length>=14||isNaN(parseFloat(p[7]));
        const packSize=hasPackSize?(p[7]||'').trim():'';const off=hasPackSize?1:0;
        const gmv=parseFloat(p[7+off])||0;const pct=parseFloat(p[8+off])||0;const qtyKg=parseFloat(p[9+off])||0;
        const unitPrice=parseFloat(p[10+off])||0;const orderCount=parseInt(p[11+off])||0;
        const avgPiecePrice=parseFloat(p[12+off])||0;const outletCountSku=parseInt(p[13+off])||1;
        // v159: bi_source unit fields (cols 14-16, offset-adjusted)
        const defaultUnitGroup=(p[14+off]||'').trim().toUpperCase();
        const eaUnitName=(p[15+off]||'').trim();
        const universalEaValue=parseFloat(p[16+off])||0;
        const lastOrderDate=(p[17+off]||'').trim()||null; // SQL1 v207h: YYYY-MM-DD
        // SQL1 v_gp: margin_ex_vat + gmv_with_margin, appended as the two
        // trailing columns. gmvWithMargin is the load-bearing one: margin alone
        // is ambiguous because parseFloat('')||0 and a genuine ฿0 margin are the
        // same value, and a real margin can legitimately be 0 or negative. A
        // pre-GP CSV has no column here → gmvWithMargin 0 → senseGpFor() reports
        // "no data" instead of rendering a confident ฿0.
        const margin=parseFloat(p[18+off])||0;
        const gmvWithMargin=parseFloat(p[19+off])||0;
        // v_key (2026-08-16): first_order_date appended as the true NEXT column, but the two
        // source files diverge in length after last_order_date — SQL1 has margin+gmv_with_margin
        // (21 base cols → 22 with this field), Q3B has neither (19 base cols → 20 with this
        // field). A fixed offset would make Q3B's new column land on the exact array index this
        // parser reads as `margin` for SQL1 rows. Row length is the only reliable discriminator
        // since both files feed this same function.
        let firstOrderDate=null;
        if(p.length>=22)      firstOrderDate=(p[20+off]||'').trim()||null;  // SQL1 + first_order_date (22 cols)
        else if(p.length===20) firstOrderDate=(p[18+off]||'').trim()||null; // Q3B + first_order_date (20 cols)
        // else: source predates first_order_date (Q3B=19 cols, SQL1=21 cols) → stays null
        if(!aid||!mo||!itemId)return null;

        // ── 4-tier display_price logic ──────────────────────────────────────
        // Priority: Weight group → range_kg → pack_size units → ea count → fallback
        const _rangeKgMax=extractRangeKgMax(packSize);
        const _packUnits=(defaultUnitGroup!=='WEIGHT')?parsePackSizeUnits(packSize):null;
        let _displayPrice,_displayUnit;
        let _q6bFactor=null; // conversion divisor for Q6B unit_price → same display unit

        if(defaultUnitGroup==='WEIGHT'){
          // Tier 1: Weight group — unit_price is already per-kg from BigQuery
          _displayPrice=unitPrice;
          _displayUnit='กก.';
          _q6bFactor={type:'per_kg',divisor:1};
        } else if(_rangeKgMax&&avgPiecePrice>0){
          // Tier 2: variable-weight items (e.g. 3-6 kg/ตัว)
          _displayPrice=Math.round(avgPiecePrice/_rangeKgMax*100)/100;
          _displayUnit='กก.';
          _q6bFactor={type:'per_kg',divisor:_rangeKgMax};
        } else if(_packUnits&&_packUnits.kg>0){
          // Tier 3a: pack_size has explicit kg/g content → ฿/กก.
          _displayPrice=Math.round((unitPrice/_packUnits.kg)*100)/100;
          _displayUnit='กก.';
          _q6bFactor={type:'per_kg',divisor:_packUnits.kg};
        } else if(_packUnits&&_packUnits.liter>0){
          // Tier 3b: pack_size has explicit L/ml/cc content → ฿/ลิตร
          _displayPrice=Math.round((unitPrice/_packUnits.liter)*100)/100;
          _displayUnit='ลิตร';
          _q6bFactor={type:'per_liter',divisor:_packUnits.liter};
        } else if(eaUnitName==='แกลลอน'&&universalEaValue>0){
          // Tier 3c: gallon → ฿/ลิตร (1 gallon = 3.785 L)
          const totalL=universalEaValue*3.785;
          _displayPrice=Math.round((unitPrice/totalL)*100)/100;
          _displayUnit='ลิตร';
          _q6bFactor={type:'per_liter',divisor:totalL};
        } else if(eaUnitName==='ปี๊บ'&&universalEaValue>0){
          // Tier 3d: ปี๊บ → ฿/ลิตร (1 ปี๊บ = 16 L)
          const totalL=universalEaValue*16;
          _displayPrice=Math.round((unitPrice/totalL)*100)/100;
          _displayUnit='ลิตร';
          _q6bFactor={type:'per_liter',divisor:totalL};
        } else if((defaultUnitGroup==='EACH'||defaultUnitGroup==='VOLUME')&&eaUnitName&&universalEaValue>0){
          // Tier 4: bundle/count (eggs, fruit, bottles, rolls, etc.) — leave as per-unit
          const base=avgPiecePrice>0?avgPiecePrice:unitPrice;
          _displayPrice=Math.round(base/universalEaValue*100)/100;
          _displayUnit=eaUnitName;
          _q6bFactor={type:'per_ea',divisor:universalEaValue};
        } else {
          // Tier 5: standard weight / fallback → existing detection
          const _detectStr=packSize||subclass+' '+name;
          const _basis=detectPriceBasis(_detectStr,avgPiecePrice,unitPrice);
          const _ul=getUnitLabel(_detectStr,_basis);
          const _hasUp=_basis!=='per_kg'&&avgPiecePrice>0;
          _displayPrice=_hasUp?avgPiecePrice:unitPrice;
          _displayUnit=_hasUp?_ul:'กก.';
          _q6bFactor={type:'per_kg',divisor:1};
        }
        // Guard: if conversion produced 0 or nonsense, fall back to unit_price/กก.
        if(!_displayPrice||_displayPrice<=0){_displayPrice=unitPrice;_displayUnit='กก.';_q6bFactor={type:'per_kg',divisor:1};}
        // ───────────────────────────────────────────────────────────────────
        return{aid,mo,row:{
          id:itemId,n:name,d:dept,subclass,temperature:temp,pack_size:packSize,
          gmv,s:gmv,p:pct,qty_kg:qtyKg,unit_price:unitPrice,u:unitPrice,q:qtyKg,
          order_count:orderCount,avg_piece_price:avgPiecePrice,outlet_count_sku:outletCountSku,
          display_price:_displayPrice,display_unit:_displayUnit,
          range_kg_max:_rangeKgMax||null,
          ea_unit_value:universalEaValue||null,
          q6b_factor:_q6bFactor,
          // legacy compat: keep q6b_ea_divide for any code still reading it
          q6b_ea_divide: _q6bFactor&&_q6bFactor.type==='per_ea'&&_q6bFactor.divisor>1,
          last_order_date: lastOrderDate,  // SQL1 v207h: ใช้คำนวณ approaching signal ของ SKU order_count=1
          margin: margin,                  // SQL1 v_gp: GP บาท ของ SKU นี้ในเดือนนี้ (ติดลบได้)
          gmv_with_margin: gmvWithMargin,  // SQL1 v_gp: ใช้วัด coverage — ดู senseGpFor()
          first_order_date: firstOrderDate // v_key: แยก "เพิ่งเริ่มสั่งใหม่" จาก SKU เก่าที่บังเอิญ order_count=1
        }};
      }

      // ── Pass 1: parse current account first → render portfolio immediately ──
      const pri=currentAccountId||'';
      const remaining=[];
      if(pri){
        lines.forEach(l=>{
          const firstComma=l.indexOf(',');
          const lineAid=firstComma>0?l.substring(0,firstComma).replace(/"/g,'').trim():'';
          if(lineAid===pri){
            const r=_parseSKULine(l);
            if(r){
              if(!bulkSkusData[r.aid])bulkSkusData[r.aid]={};
              if(!bulkSkusData[r.aid][r.mo])bulkSkusData[r.aid][r.mo]=[];
              if(!_bulkSkusSeen[r.aid])_bulkSkusSeen[r.aid]={};
              if(!_bulkSkusSeen[r.aid][r.mo])_bulkSkusSeen[r.aid][r.mo]=new Set();
              if(!_bulkSkusSeen[r.aid][r.mo].has(r.row.id)){_bulkSkusSeen[r.aid][r.mo].add(r.row.id);bulkSkusData[r.aid][r.mo].push(r.row);}
            }
          }else{remaining.push(l);}
        });
        // render portfolio immediately with current account data
        if(bulkSkusData[pri]){
          D.skus_monthly=bulkSkusData[pri];
          const _ms=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
          const mk=Object.keys(D.skus_monthly).sort((a,b)=>_ms(b)-_ms(a));
          D.skus=mk.length?D.skus_monthly[mk[0]]:[];fileStatus.skus=true;
          if(D.alts.length&&D.skus.length)computeOPPS();
          if(!_sgRunning&&!_bundlePreWarming){if(window.RenderBus)window.RenderBus.signal('skus');} // v223
          // v_key self-review fix: SKU data for the CURRENT account can arrive after the
          // KAM overview / Key SKU screens already painted (async R2 fetch) — without this,
          // the split button / candidate list would silently stay empty until the user
          // navigates away and back. Re-render whichever is actually on-screen.
          try{
            if(typeof renderKeySkuSplitButton==='function')renderKeySkuSplitButton();
            if(document.getElementById('scr-key')?.classList.contains('on')&&typeof renderKeyScreen==='function')renderKeyScreen();
          }catch(_e){}
        }
      }else{
        // no currentAccountId (TL view) — all lines go to remaining
        lines.forEach(l=>remaining.push(l));
      }

      // ── Pass 2: parse remaining accounts in idle chunks (500 rows/chunk) ──
      const CHUNK=500;
      let idx=0;
      const idle=typeof requestIdleCallback==='function'?requestIdleCallback:cb=>setTimeout(cb,0);
      let totalAccounts=Object.keys(bulkSkusData).length;

      function processChunk(deadline){
        const hasTime=()=>typeof deadline?.timeRemaining==='function'?deadline.timeRemaining()>2:true;
        while(idx<remaining.length&&hasTime()){
          const end=Math.min(idx+CHUNK,remaining.length);
          for(let i=idx;i<end;i++){
            const r=_parseSKULine(remaining[i]);
            if(r){
              if(!bulkSkusData[r.aid])bulkSkusData[r.aid]={};
              if(!bulkSkusData[r.aid][r.mo])bulkSkusData[r.aid][r.mo]=[];
              if(!_bulkSkusSeen[r.aid])_bulkSkusSeen[r.aid]={};
              if(!_bulkSkusSeen[r.aid][r.mo])_bulkSkusSeen[r.aid][r.mo]=new Set();
              if(!_bulkSkusSeen[r.aid][r.mo].has(r.row.id)){_bulkSkusSeen[r.aid][r.mo].add(r.row.id);bulkSkusData[r.aid][r.mo].push(r.row);}
            }
          }
          idx=end;
        }
        totalAccounts=Object.keys(bulkSkusData).length;
        if(idx<remaining.length){
          idle(processChunk);
        }else{
          // all done — refresh portview badges now that bulkSkusData is fully populated
          const b=document.getElementById('badge-bulk-skus');if(b){b.textContent='✓ '+totalAccounts;b.className='dp-slot-badge ok';}
          // toast removed v205a — bulk ingest noise
          if(!_bundlePreWarming){
            if(typeof _senseHydrateVisiblePortfolio==='function')_senseHydrateVisiblePortfolio('bulk-skus-ready',{delay:420});
            else {
              // v_renderstorm: ผ่านตัวรวมคำสั่งแทนเรียกตรง — จุดนี้เป็น callback ตอนข้อมูล
              // เพิ่งโหลดเสร็จ ไม่ใช่ user คลิก จึงเป็นจุดที่ทำให้เกิด render storm ได้
              if(document.getElementById('scr-portview')?.classList.contains('on')&&typeof schedulePortviewListRender==='function')schedulePortviewListRender();
              if(document.getElementById('scr-teamview')?.classList.contains('on')&&typeof scheduleRenderTeamviewKamList==='function')scheduleRenderTeamviewKamList();
            }
          }
          // v_key self-review fix: same "screen already open, data landed late" gap as the
          // pass-1 hook above, but for the cross-portfolio queue (needs the FULL bulk-skus
          // parse, not just the current account, since it iterates every account).
          try{
            if(document.getElementById('scr-key-queue')?.classList.contains('on')&&typeof renderKeyQueueScreen==='function')renderKeyQueueScreen();
          }catch(_e){}
          _done();
        }
      }

      // kick off pass 2
      if(remaining.length>0){idle(processChunk);}
      else{
        const b=document.getElementById('badge-bulk-skus');if(b){b.textContent='✓ '+totalAccounts;b.className='dp-slot-badge ok';}
        // toast removed v205a — bulk ingest noise
        if(!_bundlePreWarming){
          // v_renderstorm: เหมือนจุดข้างบน — callback ตอนข้อมูลโหลดเสร็จ ผ่านตัวรวมคำสั่ง
          if(document.getElementById('scr-portview')?.classList.contains('on')&&typeof schedulePortviewListRender==='function')schedulePortviewListRender();
          if(document.getElementById('scr-teamview')?.classList.contains('on')&&typeof scheduleRenderTeamviewKamList==='function')scheduleRenderTeamviewKamList();
        }
        _done();
      }
    };reader.readAsText(file);return;
  }
  if(type==='bulk-price'){
    // Q6B: 6-month price history (GMV ≥ 100) for sparkline historical range normalization
    // Priority parse: current account first → sparklines upgrade immediately
    // Then chunked idle parse for remaining accounts
    const reader=new FileReader();
    reader.onload=e=>{
      const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
      const totalLines=lines.length;
      const pri=currentAccountId||'';
      const remaining=[];

      // ── Pass 1: current account first ──
      if(pri){
        lines.forEach(l=>{
          const firstComma=l.indexOf(',');
          const lineAid=firstComma>0?l.substring(0,firstComma).replace(/"/g,'').trim():'';
          if(lineAid===pri){
            const p=parseCSVRow(l);
            const aid=(p[0]||'').trim();const mo=(p[1]||'').trim();const itemId=(p[2]||'').trim();
            const unitPrice=parseFloat(p[3])||0;const avgPiecePrice=parseFloat(p[4])||0;
            if(aid&&mo&&itemId&&(unitPrice||avgPiecePrice)){
              if(!bulkPriceData[aid])bulkPriceData[aid]={};
              if(!bulkPriceData[aid][itemId])bulkPriceData[aid][itemId]=[];
              bulkPriceData[aid][itemId].push({mo,unit_price:unitPrice,avg_piece_price:avgPiecePrice});
            }
          }else{remaining.push(l);}
        });
        if(bulkPriceData[pri]&&window.RenderBus)window.RenderBus.signal('price'); // v223
      }else{
        lines.forEach(l=>remaining.push(l));
      }

      // ── Pass 2: remaining in idle chunks ──
      const CHUNK=1000;
      let idx=0;
      const idle=typeof requestIdleCallback==='function'?requestIdleCallback:cb=>setTimeout(cb,0);

      function processChunk(deadline){
        const hasTime=()=>typeof deadline?.timeRemaining==='function'?deadline.timeRemaining()>2:true;
        while(idx<remaining.length&&hasTime()){
          const end=Math.min(idx+CHUNK,remaining.length);
          for(let i=idx;i<end;i++){
            const p=parseCSVRow(remaining[i]);
            const aid=(p[0]||'').trim();const mo=(p[1]||'').trim();const itemId=(p[2]||'').trim();
            const unitPrice=parseFloat(p[3])||0;const avgPiecePrice=parseFloat(p[4])||0;
            if(!aid||!mo||!itemId||(!unitPrice&&!avgPiecePrice))continue;
            if(!bulkPriceData[aid])bulkPriceData[aid]={};
            if(!bulkPriceData[aid][itemId])bulkPriceData[aid][itemId]=[];
            bulkPriceData[aid][itemId].push({mo,unit_price:unitPrice,avg_piece_price:avgPiecePrice});
          }
          idx=end;
        }
        if(idx<remaining.length){idle(processChunk);}
        else{
          const accounts=Object.keys(bulkPriceData).length;
          const b=document.getElementById('badge-bulk-price');if(b){b.textContent='✓ '+accounts;b.className='dp-slot-badge ok';}
          // toast removed v205b — bulk ingest noise
          _done();
        }
      }

      if(remaining.length>0){idle(processChunk);}
      else{
        const accounts=Object.keys(bulkPriceData).length;
        const b=document.getElementById('badge-bulk-price');if(b){b.textContent='✓ '+accounts;b.className='dp-slot-badge ok';}
        // toast removed v205b — bulk ingest noise
        _done();
      }
    };reader.readAsText(file);return;
  }
  if(type==='bulk-sku-reach'){
    // v_key: company-wide flat lookup, no account grain — small file (one row per
    // item_id across the whole company), so a single synchronous parse pass is fine,
    // unlike bulk-skus/bulk-price which need idle-chunking for per-account volume.
    const reader=new FileReader();
    reader.onload=e=>{
      const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
      const reach={};
      lines.forEach(l=>{
        const p=parseCSVRow(l);
        const itemId=(p[0]||'').trim();
        if(!itemId)return;
        reach[itemId]={
          distinct_account_count: parseInt(p[1])||0,
          total_gmv: parseFloat(p[2])||0,
          total_order_count: parseInt(p[3])||0
        };
      });
      companySkuReachData=reach;
      const count=Object.keys(reach).length;
      const b=document.getElementById('badge-bulk-sku-reach');if(b){b.textContent='✓ '+count;b.className='dp-slot-badge ok';}
      fileStatus.sku_reach=true;
      if(window.RenderBus)window.RenderBus.signal('sku_reach');
      _done();
    };reader.readAsText(file);return;
  }
  if(type==='bulk-data'){
    const reader=new FileReader();
    reader.onload=e=>{
      const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
      const byAccount={};
      lines.forEach(l=>{
        const p=parseCSVRow(l);const aid=(p[0]||'').trim();const aname=(p[1]||'').trim();const mo=(p[2]||'').trim();const gmv=parseFloat(p[3])||0;const orders=parseInt(p[4])||0;
        if(!aid||!mo)return;if(!byAccount[aid])byAccount[aid]={name:aname,history:[]};byAccount[aid].history.push({m:mo,s:gmv,orders});
      });
      const count=Object.keys(byAccount).length;
      const idxRaw=JSON.parse(localStorage.getItem('ciq_index')||'[]');const idxMap=new Map(idxRaw.map(x=>[x.id,x]));
      Object.entries(byAccount).forEach(([aid,data])=>{
        bulkHistoryData[aid]=data.history;if(data.name)bulkAccountNames[aid]=data.name;
        if(idxMap.has(aid)){if(data.name)idxMap.get(aid).name=data.name;}
        else{idxMap.set(aid,{id:aid,name:data.name||'',ts:new Date().toISOString()});}
      });
      try{localStorage.setItem('ciq_index',JSON.stringify(Array.from(idxMap.values())));}catch(e){}
      if(currentAccountId&&bulkHistoryData[currentAccountId]){
        const _moSrtBD=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
        D.history=(bulkHistoryData[currentAccountId]||[]).slice().sort((a,b)=>_moSrtBD(a.m)-_moSrtBD(b.m));
        if(!D.meta.accountName&&bulkAccountNames[currentAccountId])D.meta.accountName=bulkAccountNames[currentAccountId];
        fileStatus.history=true;if(window.RenderBus)window.RenderBus.signal('history'); // v223
      }
      // History load summary log
      const _histMonths=new Set();
      Object.values(bulkHistoryData).forEach(arr=>(arr||[]).forEach(h=>{if(h.m)_histMonths.add(h.m);}));
      const _mo2=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
      const _moS=m=>{const p=(m||'').split(' ');return(parseInt(p[1]||0)*12)+_mo2.indexOf(p[0]);};
      const _sortedHM=Array.from(_histMonths).sort((a,b)=>_moS(a)-_moS(b));
      const _latestHM=_sortedHM[_sortedHM.length-1]||'—';
      // toast removed v205b — bulk ingest noise
      const b=document.getElementById('badge-bulk-data');if(b){b.textContent='✓ '+count+' ร้าน';b.className='dp-slot-badge ok';}
      // Smart Splash: history = 80% progress; signal ready if portview also loaded
      if(typeof window._splashProgress==='function')
        window._splashProgress(80,'คำนวณ baseline 3 เดือน...');
      // v218: splash signal now fires from _fetchCloudflareFile when ALL 6 FOREGROUND files ready.
      // Old 3-file check removed — was causing early splash fade before categories/sku_current/outlets loaded.
      if(portviewBulkData&&portviewBulkData.length>0 && bulkHandoverData && Object.keys(bulkHandoverData.byAccountId||{}).length>0){
        // intentionally no-op — _fetchCloudflareFile owns _splashDataReady signal
      }
      _done();
    };reader.readAsText(file);return;
  }
  if(type==='portview-bulk'){
    const reader=new FileReader();
    reader.onload=e=>{
      portviewBulkData=parsePortviewBulk(e.target.result);
      const _pvSample=portviewBulkData.length?portviewBulkData[0].kamEmail:'(none)';
      _senseLog('%c[v206d debug] portviewBulkData ready:','color:#00d070',portviewBulkData.length,'accounts | sample kamEmail:',_pvSample);
      const _pvNonZero=portviewBulkData.filter(a=>a.gmvToDate>0).length;
      const b=document.getElementById('badge-portview-bulk');
      if(b){b.textContent=portviewBulkData.length?'✓ '+portviewBulkData.length+' ร้าน':'error';b.className='dp-slot-badge '+(portviewBulkData.length?'ok':'na');}
      const sl=document.getElementById('slot-portview-bulk');if(sl&&portviewBulkData.length)sl.style.borderColor='var(--g500)';
      const moNames=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
      const _now=new Date();const _lagNow=new Date(_now);_lagNow.setDate(_lagNow.getDate()-1);const _curMonthLabel=moNames[_lagNow.getMonth()]+' '+(_lagNow.getFullYear()+543); // day-1 lag: label matches CSV data month
      const idxRaw=JSON.parse(localStorage.getItem('ciq_index')||'[]');const idxMap=new Map(idxRaw.map(x=>[x.id,x]));
      portviewBulkData.forEach(row=>{
        if(!row.id)return;
        bulkCurrentMonthData[row.id]={month_label:_curMonthLabel,gmv_to_date:row.gmvToDate||0,orders_to_date:row.ordersToDate||0,days_elapsed:row.daysElapsed||0,days_in_month:row.daysInMonth||0,runrate_gmv:row.runrate||0,data_asof_date:row.dataAsofDate||null};
        if(row.name)bulkAccountNames[row.id]=row.name;if(row.kamName)bulkKamNames[row.id]=row.kamName;
        if(idxMap.has(row.id)){if(row.name)idxMap.get(row.id).name=row.name;}
        else{idxMap.set(row.id,{id:row.id,name:row.name||'',ts:new Date().toISOString()});}
      });
      try{localStorage.setItem('ciq_index',JSON.stringify(Array.from(idxMap.values())));}catch(e){}
      if(currentAccountId&&bulkCurrentMonthData[currentAccountId]){
        D.current_month=bulkCurrentMonthData[currentAccountId];
        if(!D.meta.accountName&&bulkAccountNames[currentAccountId])D.meta.accountName=bulkAccountNames[currentAccountId];
        fileStatus['current-month']=true;
        if(typeof updateKamSubtabVisibility==='function')updateKamSubtabVisibility();
        // v203: skip refreshAll if restaurant sheet is open — avoids D.current_month bleed when portview reloads mid-browse
        // v221b: debounced — portview ETag 200 re-ingest was causing a standalone visible re-render
        // v221b debounced, v223 through RenderBus
        if(window.RenderBus&&!document.body.classList.contains('restaurant-sheet'))window.RenderBus.signal('portview');
      }
      // v302: ตัวเลขบน nav badge ต้องตรงกับกล่องนับบนจอ (nrrSignal เทียบเดือนฐาน) — ปล่อยให้
      // renderPortviewSummary (06) เป็นคนตั้งหลัง enrich · ก่อนหน้านั้นซ่อนไว้ ไม่โชว์เลขจาก pace ชั่วคราว
      // (เดิมนับ paceSignal ของ parser ทั้งบริษัท — TL เห็นเลขทั้งบริษัทไม่ใช่ทีมตัวเอง)
      const nb=document.getElementById('port-nav-badge');if(nb&&!nb.dataset.nrrSynced){nb.style.display='none';}
      if(_senseDebugOn())showToast('portview.csv โหลดแล้ว — '+portviewBulkData.length+' accounts','✓');
      // v205b: portviewBulkData now has tlEmail — re-render target bar so Case B can use real tlEmail
      // (init check at t=1500ms may have run before portview was ready → accounts=[] → Case B failed → baseline)
      // v_renderstorm: ผ่านตัวรวมคำสั่งแทนเรียกตรง — จุดนี้เป็น callback ตอนข้อมูลโหลดเสร็จ
      if(typeof scheduleRenderPortviewTargetBar==='function'){scheduleRenderPortviewTargetBar();}
      // ── Smart Splash: drive progress bar (portview = 45%) ──────────────
      if(typeof window._splashProgress==='function')
        window._splashProgress(45,'คำนวณ baseline 3 เดือน...');
      // v218: splash signal now fires from _fetchCloudflareFile when ALL 6 FOREGROUND files ready.
      // Old 3-file check removed — was causing early splash fade before categories/sku_current loaded.
      if(Object.keys(bulkHistoryData).length>0 && bulkHandoverData && Object.keys(bulkHandoverData.byAccountId||{}).length>0){
        // intentionally no-op — _fetchCloudflareFile owns _splashDataReady signal
      }
      // ── Render: v223 RenderBus handles portview update when history arrives ──
      if(document.getElementById('scr-portview')?.classList.contains('on')){
        if(Object.keys(bulkHistoryData).length>0){
          if(window.RenderBus) window.RenderBus.signal('history_portview');
        }
      }
      // v688: TL/Admin landing on teamview — portview signal above only fires when
      // currentAccountId is set (KAM account selected). TL/Admin never select an account
      // → signal never fires → teamview stays empty until _startTlBundlePrewarm (~4500ms).
      // Fix: signal RenderBus unconditionally when scr-teamview is on.
      try{
        var _isTvOn=document.getElementById('scr-teamview')&&
                    document.getElementById('scr-teamview').classList.contains('on');
        if(_isTvOn&&window.RenderBus)window.RenderBus.signal('portview-for-teamview');
      }catch(_){}
      _done();
    };reader.readAsText(file);return;
  }
  if(type==='bulk-sku-current'){
    const reader=new FileReader();
    reader.onload=e=>{
      const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
      const byAccount={};let totalRows=0;
      const _own=_repOwnAccountSet();   // 25 ต.ค. 2569: KAM เก็บแค่ร้านตัวเอง (ดู _repOwnAccountSet)
      lines.forEach(l=>{
        const p=parseCSVRow(l);const aid=(p[0]||'').trim();const itemId=String((p[1]||'').trim());
        if(!aid||!itemId)return;
        if(_own&&!_own.has(aid))return;
        const itemNameTh=(p[2]||'').trim();const orderCountMtd=parseInt(p[3])||0;const gmvMtd=parseFloat(p[4])||0;const lastOrderDate=(p[5]||'').trim();
        if(!byAccount[aid])byAccount[aid]=[];
        byAccount[aid].push({item_id:itemId,orders_this_month:orderCountMtd,gmv_to_date:gmvMtd,item_name_th:itemNameTh,last_order_date:lastOrderDate});
        totalRows++;
      });
      bulkSkuCurrentData=byAccount;const cnt=Object.keys(byAccount).length;
      const b=document.getElementById('badge-bulk-sku-current');if(b){b.textContent=cnt?'✓ '+cnt+' ร้าน':'error';b.className='dp-slot-badge '+(cnt?'ok':'na');}
      const sl=document.getElementById('slot-bulk-sku-current');if(sl&&cnt)sl.style.borderColor='var(--g500)';
      // v753a: markLoaded unconditionally — bumps DataRegistry.version so RenderBus version guard passes
      // previously only called inside currentAccountId check → version not bumped when portview is on
      try{ if(window.DataRegistry) window.DataRegistry.markLoaded('sku_current'); }catch(_){}
      // v753a: clear portview account cache unconditionally — stale cache had _churnCounts=null from
      // pre-sku_current render; without this, portview re-render returns cached result with missing badges
      try{ if(typeof _pvClearAccountCache==='function') _pvClearAccountCache(); }catch(_){}
      if(currentAccountId&&bulkSkuCurrentData[currentAccountId]){
        D.sku_current=bulkSkuCurrentData[currentAccountId];
        // v752b: fast targeted re-render — sku_current loaded → show SKU section immediately
        // ไม่รอ RenderBus 800ms debounce: ถ้า scr-overview กำลัง on และอยู่ใน KAM mode
        // ให้ renderKamThisMonth() โดยตรง เพื่อให้ SKU Signals / สัญญาณบวก โผล่เร็ว
        try{
          var _scrOv=document.getElementById('scr-overview');
          if(_scrOv&&_scrOv.classList.contains('on')&&
             typeof isKAM!=='undefined'&&isKAM&&
             typeof renderKamThisMonth==='function'){
            setTimeout(function(){ try{ renderKamThisMonth(); }catch(e){} }, 0);
          }
        }catch(e){}
      }
      // v753a: signal unconditionally (not gated on currentAccountId) — portview needs re-render
      // even when user hasn't selected an account yet (initial portview load with sku badges)
      if(window.RenderBus)window.RenderBus.signal('sku_current');
      // toast removed v205a — bulk ingest noise
      if(typeof window._splashProgress==='function')window._splashProgress(55,'กำลังโหลด SKU ปัจจุบัน...');
      _done();
    };reader.readAsText(file);return;
  }
  if(type==='bulk-alternatives'){
    const reader=new FileReader();
    reader.onload=e=>{
      const result=processBulkAlternatives(e.target.result);
      const b=document.getElementById('badge-bulk-alternatives');if(b){b.textContent='✓ '+result.accounts+' ร้าน';b.className='dp-slot-badge ok';}
      const sl=document.getElementById('slot-bulk-alternatives');if(sl&&result.accounts)sl.style.borderColor='var(--g500)';
      if(currentAccountId&&result.accountIds.has(currentAccountId)){
        loadFromStorage(currentAccountId);if(D.alts.length&&D.skus.length)computeOPPS();
        // v191: alternatives are the core Sense data — new alternatives = new scan needed
        // v199b: skip reset+refreshAll when _sgRunning=true (gate is lazy-loading this file)
        //        to prevent gate dismissal mid-load; reset only on manual/background reload
        if(!_sgRunning&&!_bundlePreWarming){
          senseActivated=false;_sgRunning=false;
          if(window.RenderBus)window.RenderBus.signal('alternatives');updateDataStatus();if(typeof updateMatcherPreStatus==='function')updateMatcherPreStatus(); // v223
        }
      }
      // toast removed v205a — bulk ingest noise
      _done();
    };reader.readAsText(file);return;
  }
  if(type==='bulk-sku-outlet'){
    const reader=new FileReader();
    reader.onload=e=>{
      const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
      let rowCount=0;
      lines.forEach(l=>{
        const p=parseCSVRow(l);
        const aid=(p[0]||'').trim();
        const itemId=String((p[1]||'').trim());
        const outletId=(p[2]||'').trim();
        const outletName=(p[3]||'').trim();
        const lastMoOrders=parseInt(p[4])||0;
        const lastMoGmv=parseFloat(p[5])||0;
        const thisMoOrders=parseInt(p[6])||0;
        const thisMoGmv=parseFloat(p[7])||0;
        if(!aid||!itemId||!outletId)return;
        if(!bulkSkuOutletData[aid])bulkSkuOutletData[aid]={};
        if(!bulkSkuOutletData[aid][itemId])bulkSkuOutletData[aid][itemId]=[];
        bulkSkuOutletData[aid][itemId].push({outlet_id:outletId,outlet_name:outletName,last_month_orders:lastMoOrders,last_month_gmv:lastMoGmv,this_month_orders:thisMoOrders,this_month_gmv:thisMoGmv});
        rowCount++;
      });
      if(rowCount===0){
        // v755f: rowCount=0 → น่าจะเป็น cache จาก 404 เก่า → clear cache แล้ว return false
        console.warn('[Q12B] outlet rowCount=0 — possible stale 404 cache, will retry next load');
        // clear IDB cache สำหรับ tab นี้เพื่อให้ fetch ใหม่ครั้งถัดไป
        try{
          const _tabKey=tab;
          if(typeof _csvCacheSet==='function')_csvCacheSet(_tabKey,'__INVALID__');
        }catch(e){}
        _done(false); return;
      }
      // v755b: re-render SKU signals หลัง outlet load เสร็จ
      try{
        if(currentAccountId&&typeof renderKamThisMonth==='function'){
          setTimeout(()=>{ try{ renderKamThisMonth(); }catch(e){} },50);
        }
      }catch(e){}
      _done();
    };reader.readAsText(file);return;
  }
  if(type==='bulk-outlets'){
    const reader=new FileReader();
    reader.onload=e=>{
      const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
      const byAccount={};
      lines.forEach(l=>{
        const p=parseCSVRow(l);const aid=(p[0]||'').trim();const mo=(p[1]||'').trim();const outletId=(p[2]||'').trim();const outletName=(p[3]||'').trim();
        const gmv=parseFloat(p[4])||0;const orders=parseInt(p[5])||0;const shipping=parseFloat(p[6])||0;const timeslot=parseFloat(p[7])||0;
        const lastOrderDate=(p[8]||'').trim()||null; // Q5B v2: last_order_date (YYYY-MM-DD), null if old format
        const firstDollarDate=(p[9]||'').trim()||null; // Q5B v3: first_dollar_date all-time (YYYY-MM-DD)
        if(!aid||!mo||!outletId||!gmv)return;
        if(!byAccount[aid])byAccount[aid]={};if(!byAccount[aid][mo])byAccount[aid][mo]=[];
        byAccount[aid][mo].push({outlet_id:outletId,outlet_name:outletName,gmv,orders,shipping,timeslot,lastOrderDate,firstDollarDate});
      });
      Object.entries(byAccount).forEach(([aid,months])=>{bulkOutletsData[aid]=months;});
      // perf R1: เขียนทับในที่เดิม (ตัวตนของ bulkOutletsData ไม่เปลี่ยน) ⇒ ขยับเลขรุ่นให้ตัวจำผลใน 05b (_senseOutletToAccount) รู้
      try{window._senseOutletsWriteRev=(window._senseOutletsWriteRev||0)+1;}catch(e){}
      const cnt=Object.keys(byAccount).length;
      const b=document.getElementById('badge-bulk-outlets');if(b){b.textContent='✓ '+cnt+' ร้าน';b.className='dp-slot-badge ok';}
      const sl=document.getElementById('slot-bulk-outlets');if(sl&&cnt)sl.style.borderColor='var(--g500)';
      if(currentAccountId&&bulkOutletsData[currentAccountId]){
        D.outlets_monthly=bulkOutletsData[currentAccountId];fileStatus.outlets=true;
        const moKeys=Object.keys(D.outlets_monthly).sort((a,b)=>{const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];const pa=a.split(' '),pb=b.split(' ');return((parseInt(pb[1]||0)*12)+mo.indexOf(pb[0]))-((parseInt(pa[1]||0)*12)+mo.indexOf(pa[0]));});
        D_outlets=(D.outlets_monthly[moKeys[0]]||[]).map(o=>({...o}));
        renderOutletCard();debouncedSave();
      }
      // toast removed v205b — bulk ingest noise
      if(typeof window._splashProgress==='function')window._splashProgress(65,'กำลังโหลด outlet...');
      _done();
    };reader.readAsText(file);return;
  }
  // Unknown type — ignore silently
  
  // ── bulk-current-movements (Q11: portview_current_movements.csv) ──
  // Source for Portview movement cards: new_sales, transfer_in, sales_to_kam, transfer_out
  // Non-critical: Portview shows graceful fallback if not loaded
  if(type==='bulk-current-movements'){
    const reader=new FileReader();
    reader.onload=e=>{
      try{
        const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
        const byAccountId={},byOutletId={},byMovementType={},byKamName={},byKamEmail={},rows=[];
        lines.forEach(l=>{
          const p=parseCSVRow(l);
          const movementMonth=(p[0]||'').trim();
          const movementType=(p[1]||'').trim();
          const userId=(p[2]||'').trim();
          const accountId=String(p[3]==null?'':p[3]).trim();
          const accountName=(p[4]||'').trim();
          const accountType=(p[5]||'').trim();
          const kamName=(p[6]||'').trim();
          const kamEmail=(p[7]||'').trim();
          const ownerFromType=(p[8]||'').trim();
          const ownerFromName=(p[9]||'').trim();
          const ownerToType=(p[10]||'').trim();
          const ownerToName=(p[11]||'').trim();
          const baselineGmv=parseFloat(p[12])||0;
          const currentGmv=parseFloat(p[13])||0;
          const confidence=(p[18]||'').trim();
          if(!movementType||!accountId) return;
          const row={movementMonth,movementType,userId,accountId,accountName,accountType,
                     kamName,kamEmail,ownerFromType,ownerFromName,ownerToType,ownerToName,
                     baselineGmv,currentGmv,confidence};
          rows.push(row);
          // v252: transfer_in wins — account ที่มีทั้ง transfer_in และ transfer_out outlet
          // ให้ classify เป็น transfer_in เสมอ (รับเข้ามาแล้ว บางส่วนออกไปก็ยังนับว่า transfer_in)
          if(!byAccountId[accountId] || row.movementType==='transfer_in'){byAccountId[accountId]=row;}
          // v298: outlet-level index — Q11 IS outlet-grain (new_sales). Keep every outlet row
          // so classification can be done per-outlet, not per-account. byAccountId collapses
          // to 1 row/account which wrongly drags whole multi-outlet accounts into new_sales.
          if(userId){ byOutletId[userId]=row; }
          if(!byMovementType[movementType])byMovementType[movementType]=[];
          byMovementType[movementType].push(row);
          if(kamName){if(!byKamName[kamName])byKamName[kamName]=[];byKamName[kamName].push(row);}
          if(kamEmail){if(!byKamEmail[kamEmail])byKamEmail[kamEmail]=[];byKamEmail[kamEmail].push(row);}
        });
        window.bulkCurrentMovementData={rows,byAccountId,byOutletId,byMovementType,byKamName,byKamEmail,
                                        loadedAt:Date.now()};
        const b2=document.getElementById('badge-current_movements');
        if(b2){b2.textContent='✓ '+rows.length+' rows';b2.className='dp-slot-badge ok';}
        const sl2=document.getElementById('slot-current_movements');
        if(sl2)sl2.style.borderColor='var(--g500)';
        const _mvSummary=Object.entries(byMovementType).map(([t,r])=>t+'='+r.length).join(', ');
        // v259: signal RenderBus so NRR cohort split re-classifies with movement data
        if(window.RenderBus) window.RenderBus.signal('current_movements');
        else try{if(typeof _scheduleRefreshAll==='function')_scheduleRefreshAll(200);}catch(e){}
      }catch(err){console.warn('[Freshket Sense] current_movements parse failed',err);}
      _done();
    };reader.readAsText(file);return;
  }
  // ── bulk-handover (Q10: portview_handover.csv) ──
  // v_oneflash2: dead branch in practice — 07b_commission_history.js monkey-patches
  // window.handleFileUpload and intercepts type==='bulk-handover' before this ever
  // runs (it never calls oldHandle for this type). The REAL ingest lives in that
  // file's handleFileUpload override (~line 417). Left here (harmless, correct if
  // ever reached) rather than deleted — but don't trust this branch as the live path.
  if(type==='bulk-handover'){
    const reader=new FileReader();
    reader.onload=e=>{
      const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
      const byAccountId={};
      const byOutletId={};   // v299: Q10 is outlet-grain (user_id=p[16])
      const byKamName={};
      const byNewKamName={}; // commission: index by receiving KAM for Handover retention calc
      lines.forEach(l=>{
        const p=parseCSVRow(l);
        const kamName=(p[0]||'').trim();
        const accountId=(p[1]||'').trim();
        const accountName=(p[2]||'').trim();
        const accountType=(p[3]||'').trim();
        const lastMonthGmv=parseFloat(p[4])||0;
        const curMonthGmv=parseFloat(p[5])||0;
        const newOwnerType=(p[6]||'').trim();
        const newKamName=(p[7]||'').trim();
        const outletId=(p[16]||'').trim();  // v299: user_id (res_id)
        if(!kamName||!accountId)return;
        if(!byAccountId[accountId]){byAccountId[accountId]={kamName,accountName,accountType,lastMonthGmv,curMonthGmv,newOwnerType,newKamName,outletIds:[]};}
        if(outletId){ byOutletId[outletId]={kamName,accountId,accountName,prevOwner:(p[10]||'').trim(),newKamName}; (byAccountId[accountId].outletIds=byAccountId[accountId].outletIds||[]).push(outletId); }
        if(!byKamName[kamName])byKamName[kamName]=[];
        byKamName[kamName].push({accountId,accountName,accountType,lastMonthGmv,curMonthGmv,newOwnerType,newKamName});
        // index by NEW KAM name (receiving) for Handover commission
        if(newKamName){
          if(!byNewKamName[newKamName])byNewKamName[newKamName]=[];
          byNewKamName[newKamName].push({accountId,accountName,accountType,lastMonthGmv,curMonthGmv,oldKamName:kamName});
        }
      });
      bulkHandoverData={byAccountId,byOutletId,byKamName,byNewKamName};
      const cnt=Object.keys(byKamName).length;
      const b=document.getElementById('badge-bulk-handover');
      if(b){b.textContent='✓ '+Object.keys(byAccountId).length+' accts';b.className='dp-slot-badge ok';}
      const sl=document.getElementById('slot-bulk-handover');if(sl)sl.style.borderColor='var(--g500)';
      // v218: splash signal now fires from _fetchCloudflareFile when ALL 6 FOREGROUND files ready.
      // Old 3-file check removed — was causing early splash fade before categories/sku_current/outlets loaded.
      try{
        if(portviewBulkData && portviewBulkData.length>0 && Object.keys(bulkHistoryData).length>0){
          // intentionally no-op — _fetchCloudflareFile owns _splashDataReady signal
        }
      }catch(e){}
      // toast removed v205b — bulk ingest noise
      _done();
    };
    reader.readAsText(file);return;
  }
  // ── bulk-upsell-team (sense_upsell_team.csv) ──
  // Tiny foreground file: pre-computed P1/P3 totals per KAM for TL multiplier
  // Columns: kam_email, p1_gmv, p3_incremental, outlet_gmv, tl_upsell_base
  if(type==='bulk-upsell-team'){
    const reader=new FileReader();
    reader.onload=e=>{
      try{
        const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
        const team={};
        lines.forEach(l=>{
          const p=parseCSVRow(l);
          const kamEmail=(p[0]||'').trim();
          if(!kamEmail)return;
          team[kamEmail]={
            p1_gmv:      parseFloat(p[1])||0,
            p3_incr:     parseFloat(p[2])||0,
            outlet_gmv:  parseFloat(p[3])||0,
            tl_upsell_base: parseFloat(p[4])||0
          };
        });
        bulkUpsellTeamData=team;
        const cnt=Object.keys(team).length;
        const b=document.getElementById('badge-bulk-upsell-team');
        if(b){b.textContent='✓ '+cnt+' KAMs';b.className='dp-slot-badge ok';}
        // TL multiplier card — only render directly if splash is already gone
        // (if splash active, RenderBus will fire one consolidated render after doFade)
        try{ if(typeof renderTeamview==='function' && !window._senseSplashActive)renderTeamview(); }catch(e){}
      }catch(err){
        console.warn('[Q3C team] parse error',err);
        bulkUpsellTeamData={};
      }
      _done();
    };
    reader.readAsText(file);return;
  }

  // ── bulk-upsell-team-groups (sense_upsell_team_groups.csv) ── v_catbonus
  // Group-key-grain fast path: qualifying P1/P3 GMV per (kam, category,
  // group_key). Lets the fast (no per-KAM-bundle) path apply per-category
  // bonus rates. Columns: kam_email, category, group_key, p1_gmv, p3_incremental.
  // Tiny (~150-300 rows). Absent → engine falls back to the flat team-scalar
  // multiply, so this is additive/rollout-safe.
  if(type==='bulk-upsell-team-groups'){
    const reader=new FileReader();
    reader.onload=e=>{
      try{
        const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
        const byKam={};
        lines.forEach(l=>{
          const p=parseCSVRow(l);
          const kamEmail=(p[0]||'').trim();
          if(!kamEmail)return;
          if(!byKam[kamEmail])byKam[kamEmail]=[];
          byKam[kamEmail].push({
            category:       (p[1]||'').trim(),
            group_key:      (p[2]||'').trim(),
            p1_gmv:         parseFloat(p[3])||0,
            p3_incremental: parseFloat(p[4])||0
          });
        });
        bulkUpsellTeamGroups=byKam;
        try{ var _s=document.getElementById('pv-commission-strip'); if(_s) _s._lastCommHtml=''; }catch(e){}
        try{ if(typeof _commRenderKamSelfStrip==='function') _commRenderKamSelfStrip(); }catch(e){}
        try{ if(typeof renderTeamview==='function' && !window._senseSplashActive)renderTeamview(); }catch(e){}
      }catch(err){
        console.warn('[Q3C team-groups] parse error',err);
        bulkUpsellTeamGroups={};
      }
      _done();
    };
    reader.readAsText(file);return;
  }

  // ── bulk-upsell-kam (sense_upsell_{safekey}.csv) ──
  // Per-KAM demand bundle: same 8-column structure, single KAM only
  // ── bulk-upsell (Q3C: sense_upsell_bulk.csv) ──  [legacy, not used in Option B]
  // Grain: kam_email × account_id × month_label × group_key
  // Columns: kam_email, account_id, month_label, group_key,
  //          existing_gmv, new_gmv, comeback_gmv, total_gmv
  // All GMV values = raw actual (no 30d projection) — JS normalizes at compute time
  if(type==='bulk-upsell'){
    const reader=new FileReader();
    reader.onload=e=>{
      try{
        const _allU=e.target.result.trim().split('\n');
        // v_asof3 (arch R1-3 i): data_asof_date = ข้อมูลถึงวันไหน (เมื่อวานตามเวลาไทยตอนรัน SQL)
        // SQL ต่อท้ายเป็นคอลัมน์สุดท้าย ⇒ ตำแหน่งเดิมทุกตัว (p[0..9]) ไม่ขยับ · หาคอลัมน์นี้จากชื่อหัว
        // ไฟล์รุ่นเก่าไม่มีคอลัมน์ = null ⇒ ตัวเช็คข้อมูลครบเดือนกลับไปใช้กติกา "มีเดือนถัดไปแล้ว"
        const _asofIdxU=parseCSVRow(_allU[0]||'').map(h=>String(h||'').trim().replace(/^"|"$/g,'')).indexOf('data_asof_date');
        const asOfByKam={};
        // minor 4: เดือนที่ไฟล์ของแต่ละคนมี (หลักฐาน "มีเดือนถัดไปแล้ว" ต้องมาจากไฟล์ของคนนั้นเอง ไม่ใช่ไฟล์คนอื่น)
        const labelsByKam={};
        const lines=_allU.slice(1).filter(l=>l.trim());
        // Build two indexes in one pass:
        //   byKam[kamEmail][accountId][group_key][month_label] = {existing_gmv,total_gmv}
        //   baselineGroups[kamEmail][accountId][outletId] = Set<groupKey> (v2: outlet-level, 3-month lookback)
        // v4: 7-col format (new_gmv + comeback_gmv removed — not used by commission engine)
        const byKam={};
        const baselineGroups={};
        // v_augfix: which months this file actually contains — the file's own
        // evidence, not a guess from the clock. The commission engine compares a
        // requested period against this and refuses rather than silently paying
        // out a different month (root cause of the bad 2026-08 draft).
        const monthLabels=new Set();
        const groupCategory={}; // v_catbonus: group_key → category_high_level (1:1), for per-category rate lookup
        const _now=new Date();const _lagU=new Date(_now);_lagU.setDate(_lagU.getDate()-1); // day-1 lag anchor
        const _thMonths=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
        const _baselineLabel=_thMonths[new Date(_lagU.getFullYear(),_lagU.getMonth()-1,1).getMonth()]+' '+(new Date(_lagU.getFullYear(),_lagU.getMonth()-1,1).getFullYear()+543);
        // v2: current month label — any row NOT current month = lookback → baseline
        const _currLabel=_thMonths[_lagU.getMonth()]+' '+(_lagU.getFullYear()+543);
        // v233-fix: P1 baseline = exactly 3 months (M-1, M-2, M-3) matching P3 window.
        // Bug: previously used ALL non-current months → ม.ค. (4 months ago) was included
        // → outlet that bought in ม.ค. then stopped 3 months was wrongly classified as existing.
        // v836-fix: was UNCONDITIONALLY rolling off "today" even in quarterly mode — every
        // KAM's own commission self-view (which always takes this ingestion path — see the
        // per-KAM _bundleLoaded fix in 07a_commission_engine.js) silently drifted P1's "has
        // this been bought before" test off the current date instead of staying frozen to
        // the quarter's base month, even though _commComputeUpsellSku's P3 window was
        // already correctly pinned via baseMonthOverride. Now mirrors that same frozen-
        // base-month logic for P1 whenever the active nrr_policies row says
        // commission_mode==='quarterly' (matches _commBaseMonthLabels(baseMonthOverride, 3)
        // in 07a_commission_engine.js exactly — keep these two in sync if either changes).
        const _q3cPolicy=(typeof _nrrGovResolveForVisibleScope==='function')?_nrrGovResolveForVisibleScope():null;
        const _q3cBaseMonth=(_q3cPolicy&&_q3cPolicy.commission_mode==='quarterly')?_q3cPolicy.base_month:null;
        const _p1BaselineLabels=_q3cBaseMonth
          ? new Set([0,1,2].map(i=>{const p=_q3cBaseMonth.split('-');const yr=parseInt(p[0],10),mo=parseInt(p[1],10);const d=new Date(yr,mo-1-i,1);return _thMonths[d.getMonth()]+' '+(d.getFullYear()+543);}))
          : new Set([1,2,3].map(i=>{const d=new Date(_lagU.getFullYear(),_lagU.getMonth()-i,1);return _thMonths[d.getMonth()]+' '+(d.getFullYear()+543);}));
        // v4: detect CSV format — 7 cols = v4 (outlet_id + no new/comeback), 9 cols = v3, 8 cols = legacy
        const _sampleCols=(lines[0]||'').split(',').length;
        const _hasOutlet=_sampleCols>=7;
        let rowCount=0;
        // v259: per-KAM bundle CSV has NO kam_email column
        // Format: account_id, outlet_id, month_label, group_key, existing_gmv, total_gmv
        // _upsellIngestEmail is set by _fetchUpsellBundle before calling ingestCSVText
        const _bundleEmail = (window._upsellIngestEmail||'').trim();
        // Detect if first column is email (legacy bulk) or UUID (per-KAM bundle)
        const _firstColIsEmail = !_bundleEmail || ((lines[0]||'').split(',')[0]||'').includes('@');
        lines.forEach(l=>{
          const p=parseCSVRow(l);
          let kamEmail, accountId, outletId, monthLabel, groupKey, existingGmv, totalGmv, category='';
          if(_firstColIsEmail){
            // Legacy bulk format (unused in Option B — splitter always emits
            // UUID-first per-KAM files). category not threaded here.
            kamEmail=(p[0]||'').trim();
            accountId=(p[1]||'').trim();
            if(_hasOutlet && _sampleCols<=7){outletId=(p[2]||'').trim();monthLabel=(p[3]||'').trim();groupKey=(p[4]||'').trim();existingGmv=parseFloat(p[5])||0;totalGmv=parseFloat(p[6])||0;}
            else if(_hasOutlet){outletId=(p[2]||'').trim();monthLabel=(p[3]||'').trim();groupKey=(p[4]||'').trim();existingGmv=parseFloat(p[5])||0;totalGmv=parseFloat(p[8])||0;}
            else{outletId='_all';monthLabel=(p[2]||'').trim();groupKey=(p[3]||'').trim();existingGmv=parseFloat(p[4])||0;totalGmv=parseFloat(p[7])||0;}
          } else {
            // Per-KAM bundle: account_id, outlet_id, month_label, group_key, existing_gmv, total_gmv, category
            // v_catbonus: category appended as trailing p[6] by
            // q3c_upsell_bulk_all_kams_v4.sql — p[0..5] positions unchanged,
            // so this is backward-compatible with a pre-category CSV (p[6]='').
            kamEmail=_bundleEmail;
            accountId=(p[0]||'').trim();
            outletId=(p[1]||'').trim();
            monthLabel=(p[2]||'').trim();
            groupKey=(p[3]||'').trim();
            existingGmv=parseFloat(p[4])||0;
            totalGmv=parseFloat(p[5])||0;
            category=(p[6]||'').trim();
          }
          if(!kamEmail||!accountId||!monthLabel||!groupKey)return;
          if(_asofIdxU>=0){
            // แถวไหนวันที่หาย/ผิดรูป = ไฟล์นี้ไม่บอกวันที่ (null) · ปกติทั้งไฟล์มีค่าเดียว — เก็บค่าน้อยสุดไว้เผื่อปน
            const _a=(p[_asofIdxU]||'').trim().replace(/^"|"$/g,''), _c=asOfByKam[kamEmail];
            asOfByKam[kamEmail]=!/^\d{4}-\d{2}-\d{2}$/.test(_a)||_c===null?null:(_c===undefined||_a<_c?_a:_c);
          } else if(!(kamEmail in asOfByKam)) asOfByKam[kamEmail]=null;
          if(category && !groupCategory[groupKey]) groupCategory[groupKey]=category; // v_catbonus
          // byKam: kamEmail → accountId → outletId → groupKey → monthLabel
          if(!byKam[kamEmail])byKam[kamEmail]={};
          if(!byKam[kamEmail][accountId])byKam[kamEmail][accountId]={};
          if(!byKam[kamEmail][accountId][outletId])byKam[kamEmail][accountId][outletId]={};
          if(!byKam[kamEmail][accountId][outletId][groupKey])byKam[kamEmail][accountId][outletId][groupKey]={};
          byKam[kamEmail][accountId][outletId][groupKey][monthLabel]={existingGmv,totalGmv};
          monthLabels.add(monthLabel); // v_augfix
          (labelsByKam[kamEmail]||(labelsByKam[kamEmail]=new Set())).add(monthLabel); // minor 4
          // v233-fix: only months within 3-month window qualify as P1 baseline
          // v854-fix: the !==_currLabel guard exists to stop rolling mode's "current
          // month" from counting as its own baseline. In quarterly mode _p1BaselineLabels
          // is already a closed, past-bounded window ending at the frozen base_month, so
          // it can never include "the row being tested" by construction — but on the
          // quarter's own day-1, the lag anchor still reads base_month itself, making
          // _currLabel wrongly collide with (and strip out) the base month's own data.
          // Skip this guard entirely in quarterly mode.
          if((_q3cBaseMonth || monthLabel!==_currLabel) && totalGmv>0 && _p1BaselineLabels.has(monthLabel)){
            if(!baselineGroups[kamEmail])baselineGroups[kamEmail]={};
            if(!baselineGroups[kamEmail][accountId])baselineGroups[kamEmail][accountId]={};
            if(!baselineGroups[kamEmail][accountId][outletId])baselineGroups[kamEmail][accountId][outletId]=new Set();
            baselineGroups[kamEmail][accountId][outletId].add(groupKey);
          }
          rowCount++;
        });
        // v308: รวมเข้าก้อนเดิม ไม่เขียนทับทั้งก้อน
        // เดิมทุกครั้งที่แยกไฟล์เสร็จจะสร้าง bulkUpsellData ใหม่ทั้งก้อน ⇒ โหลดไฟล์คนที่ 2
        // ทับคนที่ 1 ⇒ ในหน่วยความจำเหลือ "คนล่าสุด" คนเดียวเสมอ
        // เดิมไม่มีใครเดือดร้อนเพราะจอปกติดูทีละคน และตอนคำนวณค่าคอมฯ ทั้งทีมมันไปใช้
        // ทางเร็วจากไฟล์สรุปทีมแทน — แต่ไฟล์สรุปทีมไม่มีคอลัมน์เดือน จึงตอบเดือนที่ปิดแล้วไม่ได้
        // (เจอ 8 ก.ย. 2026: คำนวณงวด ส.ค. แล้วปฏิเสธ 16 รายการเพราะ byKam ว่างทุกคน)
        // ⇒ รวมทีละคนเข้าก้อนเดียว: หนึ่งไฟล์ = ข้อมูลครบของคนนั้น จึงแทนที่ทั้ง subtree ของคนนั้นได้
        (function(){
          const _prev = (typeof bulkUpsellData!=='undefined' && bulkUpsellData && bulkUpsellData.loaded && bulkUpsellData.byKam) ? bulkUpsellData : null;
          if(!_prev){
            bulkUpsellData={byKam,baselineGroups,groupCategory,monthLabels,asOfByKam,labelsByKam,loaded:true,baselineLabel:_baselineLabel};
            return;
          }
          Object.keys(byKam).forEach(k=>{
            // ⚠️ คนที่มีวันสิ้นสุดงาน อาจถือ leaf ที่ตัวย้ายพามาจากไฟล์คนรับพอร์ตแล้ว
            //    ถ้าทับ subtree ทิ้ง ยอดนั้นหายถาวร (ต้นทางถูก delete ไปแล้ว)
            //    ⇒ รวมลึกทีละชั้น คีย์ซ้ำให้ไฟล์ชนะ (ไฟล์คือความจริงของคนนั้น) จึงไม่นับซ้ำ
            const person = NRR_ROSTER_OWNERS[k];
            if(!person || !person[2] || !_prev.byKam[k]){ _prev.byKam[k]=byKam[k]; return; }
            const dst=_prev.byKam[k], src=byKam[k];
            Object.keys(src).forEach(acc=>{
              if(!dst[acc]){ dst[acc]=src[acc]; return; }
              Object.keys(src[acc]).forEach(o=>{
                if(!dst[acc][o]){ dst[acc][o]=src[acc][o]; return; }
                Object.keys(src[acc][o]).forEach(g=>{
                  if(!dst[acc][o][g]){ dst[acc][o][g]=src[acc][o][g]; return; }
                  Object.keys(src[acc][o][g]).forEach(mm=>{ dst[acc][o][g][mm]=src[acc][o][g][mm]; });
                });
              });
            });
          });
          Object.keys(baselineGroups).forEach(k=>{ _prev.baselineGroups[k]=baselineGroups[k]; });
          if(!_prev.groupCategory) _prev.groupCategory={};
          Object.keys(groupCategory).forEach(g=>{ if(!_prev.groupCategory[g]) _prev.groupCategory[g]=groupCategory[g]; });
          if(!_prev.monthLabels) _prev.monthLabels=new Set();
          monthLabels.forEach(m=>_prev.monthLabels.add(m));
          if(!_prev.asOfByKam) _prev.asOfByKam={};
          Object.keys(asOfByKam).forEach(k=>{ _prev.asOfByKam[k]=asOfByKam[k]; });   // v_asof3: ไฟล์ใหม่ของคนนั้นชนะ
          if(!_prev.labelsByKam) _prev.labelsByKam={};
          Object.keys(labelsByKam).forEach(k=>{ _prev.labelsByKam[k]=labelsByKam[k]; });   // minor 4: ไฟล์ใหม่ของคนนั้นชนะ
          _prev.baselineLabel=_baselineLabel;
          _prev.loaded=true;
        })();
        try{ _upsellRemapPeriodOwners(); }catch(e){ console.warn('[upsell] remap ล้ม',e); }
        const kamCount=Object.keys(byKam).length;
        const b=document.getElementById('badge-bulk-upsell-kam');
        if(b){b.textContent='✓ '+kamCount+' KAMs / '+rowCount+' rows';b.className='dp-slot-badge ok';}
        const sl=document.getElementById('slot-bulk-upsell-kam');if(sl)sl.style.borderColor='var(--g500)';
        // Clear loading state cache so strip re-renders with real values
        try{ var _s=document.getElementById('pv-commission-strip'); if(_s) _s._lastCommHtml=''; }catch(e){}
        // Trigger commission strip re-render now that upsell data is available
        try{ if(typeof _commRenderKamSelfStrip==='function') _commRenderKamSelfStrip(); }catch(e){}
        // v763: re-render account view so commission badges on newThisMonth SKUs appear
        // badge relies on _commBuildKamPayout which uses bulkUpsellData — must re-render after load
        try{ if(currentAccountId&&typeof renderKamThisMonth==='function') setTimeout(()=>renderKamThisMonth(),80); }catch(e){}
      }catch(err){
        console.warn('[Q3C] parse error',err);
        bulkUpsellData={byKam:{},baselineGroups:{},loaded:false};
      }
      _done();
    };
    reader.readAsText(file);return;
  }
  // v753g: Quarter NRR Health CSV handler — SINGLE FILE (all KAMs, ~2.6MB)
  if(type==='bulk-qnrr-single'){
    const reader=new FileReader();
    reader.onload=e=>{
      try{
        const lines=e.target.result.trim().split('\n').slice(1).filter(l=>l.trim());
        const byKamEmail={},byTlEmail={},allRows=[];let unmappedRows=0;const unmappedOwners={};
        // v827: rewritten to match ACTUAL q3_2026_movement_rep_view.sql SELECT column
        // order (29 cols) — previous parser was written for an old 16-col draft schema
        // that never matched the real SQL, silently reading wrong values at every position
        // past col 0. Grouping key is latest_kam_email/latest_tl_email (not a nonexistent
        // "period_kam_email") because rep_view's grain attributes every period_month row
        // to whoever holds the outlet TODAY — see qnrr_master_movement_design_v8.md.
        lines.forEach(l=>{
          const p=parseCSVRow(l);
          if(!p[0]||!p[1])return;
          // 25 ต.ค. 2569 (Bucci): แถวของเดือนที่ยังไม่เริ่ม ไม่ใช่ข้อมูล — SQL ให้ curr_days = 0 ตรง ๆ
          //   (GREATEST(...,0) ใน q3_2026_movement_rep_view.sql) และมีแค่แถวนัดย้ายพอร์ตล่วงหน้า
          //   เดิมแถวพวกนี้ทำให้เดือนนั้นมีใน by_month ⇒ เช้าวันที่ 2 ก่อนไฟล์ใหม่มา หน้าแรก/การ์ดค่าคอมฯ ขึ้น
          //   %NRR 0.0% และถ้ากดคิดเดือนนั้นเจาะจงได้ ฿0 แทนการปฏิเสธ (period_missing)
          //   ไม่ทิ้งช่องว่าง (ค่าว่าง/NULL ยังทำแบบเดิม) · เงินของเดือนที่เริ่มแล้วไม่เปลี่ยน (ฐานรายเดือนไม่นับแถวเดือนหน้า)
          //   คู่กัน: /nrr src/nrr/nrr_data.js _nrrParseQnrrCsv + _nrrParsePortfolioCsv
          if(String(p[16]||'').trim()==='0')return;
          const row={
            period_month:          (p[0]||'').trim(),
            movement_type:         (p[1]||'').trim(),
            transfer_scope:        (p[2]||'').trim(),
            current_portfolio:     (p[3]||'').trim(),
            current_staff_owner:   (p[4]||'').trim(),
            base_portfolio:        (p[5]||'').trim(),
            base_staff_owner:      (p[6]||'').trim(),
            outlet_id:             (p[7]||'').trim(),
            account_id:            (p[8]||'').trim(),
            account_name:          (p[9]||'').trim(),
            res_name:              (p[10]||'').trim(),
            account_type:          (p[11]||'').trim(),
            cohort_month:          (p[12]||'').trim(),
            curr_gmv:              parseFloat(p[13])||0,
            base_gmv:              parseFloat(p[14])||0,
            base_days:             parseInt(p[15])||31,
            curr_days:             parseInt(p[16])||30,
            // 25 ต.ค. 2569 (บั๊ก Q1): ค่าจริงในไฟล์ก่อนถอยเป็น 30 — แถวจองย้ายพอร์ตของเดือนที่ยังไม่เริ่มเป็น 0
            //   ใช้แยก "เดือนนี้ยังไม่มีข้อมูล" บนหน้า NRR ไตรมาส (07c _qnrrMonthState) · ตัวคำนวณยังใช้ curr_days เดิม
            curr_days_raw:         parseInt(p[16])||0,
            first_dollar_date:     (p[17]||'').trim(),
            first_portfolio_date:  (p[18]||'').trim(),
            first_dollar_owner:    (p[19]||'').trim(),
            new_user_exp_date:     (p[20]||'').trim(),
            latest_tl:             (p[21]||'').trim(),
            base_tl:               (p[22]||'').trim(),
            latest_staff_owner:    (p[23]||'').trim(),
            latest_commercial_owner:(p[24]||'').trim(),
            latest_kam_email:      (p[25]||'').trim(),
            latest_tl_email:       (p[26]||'').trim(),
            base_kam_email:        (p[27]||'').trim(),
            base_tl_email:         (p[28]||'').trim(),
            // v_handover (2026-09-06): เจ้าของ "เพื่อคิดค่าคอมฯ" รายเดือน — คนที่ลาออกยังเป็น
            // เจ้าของจนจบเดือนที่ออก (กติกาอยู่ใน SQL rep_view) · ไฟล์เก่าไม่มีคอลัมน์นี้ →
            // ตกไปใช้ latest_kam_email เหมือนเดิมทุกตัวอักษร
            period_owner_final:    (p[29]||'').trim(),
            period_kam_email:      (p[30]||'').trim(),
            owner_unmapped:        String(p[31]||'').trim().toLowerCase()==='true'
          };
          const _own = nrrResolvePeriodOwner(row);
          row.comm_kam_email = _own.kam;
          row.comm_tl_email  = _own.tl;
          row.owner_src      = _own.src;
          row.comm_owner_name = _own.name;
          // ธงเตือน: ร้านอยู่ในพอร์ต KAM แต่หาเจ้าของไม่ได้เลย — ต้องดัง ไม่ใช่เงียบ
          if(!_own.kam && row.latest_commercial_owner==='KAM') row.owner_unmapped = true;
          allRows.push(row);
          if(row.owner_unmapped){ unmappedRows++; const _n=row.period_owner_final||row.current_staff_owner||'?'; unmappedOwners[_n]=(unmappedOwners[_n]||0)+1; }
          // ⭐ ดัชนีรายคนคีย์ด้วยเจ้าของรายเดือน ไม่ใช่เจ้าของวันนี้ — ทุกที่ที่ถาม
          // "แถวของ KAM คนนี้" จึงได้คำตอบตามเดือนโดยไม่ต้องแก้ทีละจุด
          if(row.comm_kam_email){
            if(!byKamEmail[row.comm_kam_email])byKamEmail[row.comm_kam_email]=[];
            byKamEmail[row.comm_kam_email].push(row);
          }
          if(row.comm_tl_email){
            if(!byTlEmail[row.comm_tl_email])byTlEmail[row.comm_tl_email]=[];
            byTlEmail[row.comm_tl_email].push(row);
          }
        });
        // hasPeriodOwner: ไฟล์รุ่นใหม่ (มีคอลัมน์เจ้าของรายเดือน) หรือรุ่นเก่า — จอค่าคอมฯ ใช้บอกว่ากติกาใหม่ทำงานแล้วหรือยัง
        const hasPeriodOwner=allRows.some(r=>!!r.period_kam_email);
        // v_autoq (2026-10-02): ไตรมาสของ %NRR = ไตรมาสของไฟล์นี้ — ต้องตั้งก่อนเผยแพร่ข้อมูล
        // เพื่อให้ทุกจอที่ถูกปลุกด้วยข้อมูลชุดนี้เห็นไตรมาส ป้ายเดือน และเดือนฐานที่ตรงกับตัวเลข
        try{ if(window.QnrrQuarter) window.QnrrQuarter.syncFromRows(allRows); }catch(e){ console.warn('[qnrr] sync ไตรมาสล้ม',e); }
        window.bulkQnrrData={byKamEmail,byTlEmail,allRows,unmappedRows,unmappedOwners,hasPeriodOwner,loaded:true,loadedAt:Date.now()};
        try{ _upsellRemapPeriodOwners(); }catch(e){ console.warn('[upsell] remap ล้ม',e); }
        if(unmappedRows) console.warn('[qnrr] ร้านในพอร์ต KAM ที่ชื่อเจ้าของไม่มีในรายชื่อ:',unmappedRows,'แถว — เช็คชีท Roster');
        // v_adsplit: role roster rides alongside the QNRR bundle — _rowInScope
        // (07c_qnrr_view.js) needs it to keep non-KAM portfolio holders (AD/PM
        // people) out of KAM/TL-scoped %NRR. If compute ran before it resolved,
        // re-signal 'qnrr' once so consumers re-render with the corrected sets.
        try{
          if(typeof _qnrrFetchRoleRoster==='function' && !(window.nrrRoleRoster&&window.nrrRoleRoster.loaded)){
            _qnrrFetchRoleRoster().then(function(r){
              if(r && r.loaded && window.RenderBus) window.RenderBus.signal('qnrr');
              // v302: roster เปลี่ยน scope ของ %NRR ระดับทีม — ปลุกหัวจอตรง (RenderBus อาจทิ้งสัญญาณถ้า version ไม่เปลี่ยน)
              try{ if(r && r.loaded && typeof window._qnrrNotifyConsumers==='function') window._qnrrNotifyConsumers(); }catch(e){}
            });
          }
        }catch(e){}
        // v6-fix: trigger commission strip re-render now that QNRR data is available.
        // Root cause: _commBuildKamSelfState() calls _qnrrComputeForCommission() which
        // returns null while bulkQnrrData isn't loaded yet -> tier lookup fails to match
        // null -> silently resolves to a confident "฿0" instead of a loading state, and
        // nothing was re-triggering a re-render once QNRR data actually arrived (unlike
        // the equivalent bulkUpsellData.loaded path a few lines below, which already does
        // this correctly). Mirrors that same pattern here.
        try{ if(typeof window._qnrrSelfStripTimeout!=='undefined' && window._qnrrSelfStripTimeout) clearTimeout(window._qnrrSelfStripTimeout); }catch(e){}
        try{ var _s=document.getElementById('pv-commission-strip'); if(_s) _s._lastCommHtml=''; }catch(e){}
        try{ if(typeof _commRenderKamSelfStrip==='function') _commRenderKamSelfStrip(); }catch(e){}
        console.log('%c[Sense qnrr] loaded','color:#4ddc97',{
          total:allRows.length,
          kams:Object.keys(byKamEmail).length,
          tls:Object.keys(byTlEmail).length
        });
        // v302: ปลุกหัวจอ %NRR ตรง — เส้น prefetch ไม่ผ่าน _qnrrEnsureLoaded().finally
        // และ RenderBus._flush ทิ้งสัญญาณเมื่อ DataRegistry.version ไม่เปลี่ยน (warm boot)
        try{ if(typeof window._qnrrNotifyConsumers==='function') window._qnrrNotifyConsumers(); }catch(e){}
        if(window.RenderBus)window.RenderBus.signal('qnrr');
      }catch(err){console.warn('[Sense qnrr] parse failed',err);}
      _done();
    };reader.readAsText(file);return;
  }
  _done();
}


// SECTION:DATA_LOADER
function applyMeta(){
  const name=D.meta.accountName||'';
  const el=document.getElementById('h-acct-name');if(el)el.textContent=name||'ร้านอาหารของคุณ';
  const rn=document.getElementById('rpt-acct-name');if(rn)rn.textContent=name||'ร้านอาหารของคุณ';
  const inp=document.getElementById('acct-name-input');if(inp&&name)inp.value=name;
  // P2/P7 (25 ต.ค. 2569 · บอร์ด ProfileNew): "Chain · KAM: มายด์" — เลิกโชว์รหัสร้าน (เดิม "Account 6e2364d3")
  //   ชื่อเล่น KAM แบบเดียวกับหัวบัญชี (05 _renderKamHeader) · เดือนอยู่บรรทัดเดียวกันชิดขวา (CSS ในแผ่นร้าน)
  const hid=document.getElementById('hid');
  if(hid){
    let type='';
    try{
      const pr=(typeof portviewBulkData!=='undefined'&&Array.isArray(portviewBulkData))?portviewBulkData.find(r=>r.id===D.meta.accountId):null;
      type=(pr&&pr.accountType)||D.meta.accountType||'';
    }catch(e){type='';}
    const kn=D.meta.kamName||'';
    const nick=kn?((kn.match(/\(([^)]+)\)/)||[])[1]||kn.split(' ')[0]):'';
    hid.textContent=[type,nick?'KAM: '+nick:''].filter(Boolean).join(' · ');
  }
}

// ════════════════════════════════════════
// CLOUDFLARE R2 DATA LOADER
// ════════════════════════════════════════
// ════════════════════════════════════════
// LEGACY SHEETS CONFIG (kept for backward compatibility; R2 is current source)
// ── no longer used by Cloudflare loader ──
// ════════════════════════════════════════
const FRESHKET_SHEETS_ID     = (FRESHKET_APP_CONFIG.legacySheets && FRESHKET_APP_CONFIG.legacySheets.accountWorkbookId) || '2PACX-1vRQyqbsY1hB0iTpoeqReg3079_HpQLO59T4zF0d1OZR2Tb4KQVIb7wbkbiSyQld_3EAcEmXOcD4HLEQ';
const FRESHKET_SHEETS_SKU_ID = (FRESHKET_APP_CONFIG.legacySheets && FRESHKET_APP_CONFIG.legacySheets.skuWorkbookId) || '2PACX-1vTnQjbsX-Ff-bv2lCdqY8r6oFbTjBlwV3GPd9QJ9ngqWvi77RW8GUtUTzrmRiF87LhL3zFLPtgd4-ZV';
const CLAUDE_API_KEY = ''; // Phase 2: no production AI secret in browser. Use AI proxy.
// ── OLIVE AVATAR ──────────────────────────────────────
// Paste your Supabase public image URL here.
// Leave empty ('') to keep the default star icon.
const OLIVE_AVATAR_URL=(FRESHKET_APP_CONFIG.assets && FRESHKET_APP_CONFIG.assets.oliveAvatarUrl) || '/assets/olive-avatar.png';

// Thin wrapper: CSV text → File → existing handleFileUpload (no parse logic duplication)
// v148: Promise-based with timeout/fail-safe so Sense gates never wait forever.
function ingestCSVText(type,text,{timeoutMs=120000}={}){
  return new Promise(resolve=>{
    let settled=false;
    const finish=(ok)=>{if(settled)return;settled=true;clearTimeout(timer);resolve(!!ok);};
    const timer=setTimeout(()=>{
      console.warn('[Cloudflare ingest timeout]',type);
      finish(false);
    },timeoutMs);
    try{
      const blob=new Blob([text],{type:'text/csv'});
      const file=new File([blob],type+'.csv',{type:'text/csv'});
      handleFileUpload(type,{files:[file],_ciqDone:()=>finish(true)});
    }catch(e){console.warn('[Cloudflare ingest]',type,e);finish(false);}
  });
}

// Background fetch flags — true once big files arrive
let bulkSkusReady = false;
let bulkSkuOutletData = {}; // Q12B: {accountId: {itemId: [{outlet_id,outlet_name,last_month_orders,last_month_gmv,this_month_orders,this_month_gmv}]}}
let bulkAltsReady = false;
let sheetsLoadStarted = false; // guard: prevent double-fetch if login completes after prefetch
let _cloudInitialPromise = null;
let _cloudBackgroundPromise = null;
let _cloudLoadToken = 0;
const _kamBundleLoaded = new Set();   // v202: safeEmail → bundle fully loaded to memory
const _kamOutletLoaded = new Set();   // v755f: safeEmail → outlet data loaded successfully
let _bundlePreWarming = false;         // v225: always false — suppress flag removed (never set to true)
const _kamBundleInFlight = {};        // v202: safeEmail → Promise (dedup concurrent fetches)

// v753g: Quarter NRR Health data — SINGLE FILE
// bulkQnrrData = { byKamEmail:{}, byTlEmail:{}, allRows:[], loaded:bool, loadedAt:ts }
window.bulkQnrrData = {loaded:false};
const _qnrrBundleLoaded = new Set();   // 'single' → loaded flag
// _qnrrFetchPromise declared near _fetchQnrrBundle (global dedup)

// v206d: performance guardrails for mobile/PWA.
// Default console is quiet; turn on with localStorage.setItem('senseDebug','1').
function _senseDebugOn(){
  try{return localStorage.getItem('senseDebug')==='1'||localStorage.getItem('freshket_debug')==='1';}catch(e){return false;}
}
function _senseLog(){try{if(_senseDebugOn())console.log.apply(console,arguments);}catch(e){}}
function _senseInfo(){try{if(_senseDebugOn())console.info.apply(console,arguments);}catch(e){}}
function _senseSleep(ms){return new Promise(r=>setTimeout(r,ms));}
let _senseUserActiveUntil=0;
let _tlPrewarmTimer=null;
let _tlPrewarmRunId=0;
function _senseMarkUserActive(){_senseUserActiveUntil=Date.now()+1800;}
function _senseIsUserActive(){return Date.now()<_senseUserActiveUntil;}
try{
  ['scroll','touchstart','pointerdown','keydown','input'].forEach(evt=>{
    window.addEventListener(evt,_senseMarkUserActive,{passive:true,capture:true});
  });
}catch(e){}
function _senseGetTlPrewarmEmails(maxCount){
  // v753a: maxCount default raised to 999 — fetch ALL KAMs in team, not just top 8
  // Admin sees every KAM's portfolio; capping caused badge-empty cards for KAMs outside top N
  maxCount=maxCount||999;
  const role=(currentUserProfile&&currentUserProfile.role)||'rep';
  if(role!=='tl'&&role!=='admin')return[];
  const myEmail=(currentUserProfile&&currentUserProfile.email)||'';
  let rows=(portviewBulkData||[]).filter(r=>r&&r.kamEmail);
  if(myEmail&&rows.some(r=>r.tlEmail===myEmail))rows=rows.filter(r=>r.tlEmail===myEmail);
  const agg={};
  rows.forEach(r=>{
    const email=r.kamEmail;if(!email)return;
    const safe=_kamSafeKey(email);
    if(_kamBundleLoaded.has(safe)||_kamBundleInFlight[safe])return;
    if(!agg[email])agg[email]={email,gmv:0,n:0};
    const ps=r.paceSignal||{};
    agg[email].gmv+=Number(ps.runrate||r.runrate||r.gmvToDate||0);
    agg[email].n++;
  });
  return Object.values(agg).sort((a,b)=>b.gmv-a.gmv||b.n-a.n).slice(0,maxCount).map(x=>x.email);
}
// 24 ต.ค. 2569 (docs/sense-admin-iphone-crash-2026-10-24.md): แอดมินดึงข้อมูลสินค้าของ KAM ทุกคน (20 คน · 60 ไฟล์ ~182 MB)
// มาเก็บไว้ตั้งแต่เปิดแอป ⇒ iPhone ปิดแอปทิ้งภายใน 20–60 วิ · วัดบน Chrome: ปิดตัวนี้แล้วหน่วยความจำหลังโหลด 462 → 68 MB
// ปิดการดึงล่วงหน้า — ร้านที่กดเปิดยังดึงข้อมูลของ KAM คนนั้นเองตามเดิม
// ค่าคอมฯ ไม่ได้อ่านข้อมูลก้อนนี้ · ที่หายคือบรรทัด สั่ง/หาย/เฝ้าดู/SKU/GP บนการ์ดร้านที่ยังไม่ได้เปิด
// v349: มือถือ/แท็บเล็ตปิดให้เองโดยไม่ต้องกดสวิตช์ (Bucci เปิดสวิตช์บน iPhone แล้วไม่เด้ง · สองครั้งก่อนหน้าที่เด้งสวิตช์ปิดอยู่ทั้งคู่)
//   ค่าในเครื่อง: '1' = เลือกปิดการดึง · '0' = เลือกให้ดึง · ไม่มีค่า = ตามชนิดเครื่อง (มือถือ = ปิดการดึง · คอม = ดึงเหมือนเดิม)
// 25 ต.ค. 2569 (ตรวจแอปตาย): ไฟล์สินค้าเดือนนี้ (bulk_sku_current) เป็นของทั้งบริษัท ~1,200 ร้าน (~22 MB เมื่ออยู่ในหน่วยความจำ)
//   KAM หนึ่งคนดูแค่ร้านตัวเอง ~30–60 ร้าน แต่เดิมเก็บไว้ทั้งก้อน ⇒ หน่วยความจำสูง iPhone ปิดแอปทิ้งเร็วตอนพับ/สลับแอป
//   ไฟล์นี้ถูกอ่านทีละร้านเท่านั้น (ป้ายสินค้าหาย/ลดลง + รายการสินค้าเดือนนี้ของร้านที่เปิด) — ไม่มีตัวคิดค่าคอมฯ อ่าน
//   คืน null = เก็บทั้งก้อนตามเดิม (ไม่ใช่ KAM · หรือยังไม่รู้ว่าร้านไหนของตัวเอง)
//   ร้านที่กำลังเปิดอยู่ (currentAccountId) เก็บไว้เสมอ — เปิดร้านนอกพอร์ต ระบบดึงไฟล์ใหม่แล้วร้านนั้นติดมาด้วย
function _repOwnAccountSet(){
  try{
    const role=(typeof currentUserProfile!=='undefined'&&currentUserProfile&&currentUserProfile.role)||'';
    if(role!=='rep')return null;
    const email=(currentUserProfile.email||'').toLowerCase();
    if(!email||typeof portviewBulkData==='undefined'||!Array.isArray(portviewBulkData)||!portviewBulkData.length)return null;
    const set=new Set();
    portviewBulkData.forEach(r=>{ if(r&&String(r.kamEmail||'').toLowerCase()===email&&r.id!=null)set.add(String(r.id)); });
    if(!set.size)return null;
    if(typeof currentAccountId!=='undefined'&&currentAccountId)set.add(String(currentAccountId));
    return set;
  }catch(e){ return null; }
}
window._repOwnAccountSet=_repOwnAccountSet;
const SENSE_NO_PREWARM_KEY='sense_no_prewarm_v1';
// iPhone · iPad · Android — ระบบของเครื่องพวกนี้ปิดแอปทิ้งเมื่อใช้หน่วยความจำเกิน · iPadOS แสดงตัวเป็น Mac จึงดูจอสัมผัสหลายจุดด้วย
function _senseIsMobileDevice(){
  try{
    const n=navigator||{};
    const ua=String(n.userAgent||'');
    if(/iPhone|iPad|iPod|Android/i.test(ua))return true;
    if(n.userAgentData&&n.userAgentData.mobile===true)return true;
    return /Macintosh/.test(ua)&&Number(n.maxTouchPoints||0)>1;
  }catch(e){ return false; }
}
function _senseNoPrewarm(){
  let v=null;
  try{ v=localStorage.getItem(SENSE_NO_PREWARM_KEY); }catch(e){}
  if(v==='1')return true;
  if(v==='0')return false;
  return _senseIsMobileDevice();
}
// เก็บเฉพาะตอนเลือกต่างจากค่าตั้งต้นของเครื่อง — เลือกตรงกับค่าตั้งต้นก็ลบทิ้ง
function _senseSetNoPrewarm(on){
  try{
    if(!!on===_senseIsMobileDevice()) localStorage.removeItem(SENSE_NO_PREWARM_KEY);
    else localStorage.setItem(SENSE_NO_PREWARM_KEY,on?'1':'0');
  }catch(e){}
}
window._senseIsMobileDevice=_senseIsMobileDevice;
window._senseNoPrewarm=_senseNoPrewarm;
window._senseSetNoPrewarm=_senseSetNoPrewarm;
function _startTlBundlePrewarm(){
  const role=(currentUserProfile&&currentUserProfile.role)||'rep';
  if(role!=='tl'&&role!=='admin')return;
  if(_senseNoPrewarm())return;
  if(_tlPrewarmTimer)clearTimeout(_tlPrewarmTimer);
  const runId=++_tlPrewarmRunId;
  _tlPrewarmTimer=setTimeout(async()=>{
    const emails=_senseGetTlPrewarmEmails();
    if(!emails.length)return;
    _senseLog('%c[v753a bundle] TL prewarm:', 'color:#00d070', emails.length, 'KAMs', emails);
    // v753a: parallel batch fetch — ดึงทุก KAM พร้อมกัน batch ละ 4
    // ก่อนหน้า: sequential await ทีละคน → KAM คนที่ 8 รอนาน → badge ว่าง
    // ตอนนี้: batch 4 คนพร้อมกัน → ทุก KAM โหลดเสร็จเร็วกว่าเดิมมาก
    // _bundlePreWarming=true ระหว่าง batch เพื่อ suppress N renders → 1 render ตอนจบ
    _bundlePreWarming=true;
    const BATCH=4;
    for(let i=0;i<emails.length;i+=BATCH){
      if(runId!==_tlPrewarmRunId)break;
      // v_gate: บัตรผ่านใช้ไม่ได้ ⇒ หยุดไล่โหลดไฟล์รายคน (ทุกไฟล์จะได้ 401 เหมือนกัน) รอผู้ใช้ล็อกอินใหม่
      if(window.SenseDataClient&&window.SenseDataClient.authBlocked())break;
      const batch=emails.slice(i,i+BATCH);
      await Promise.all(batch.map(e=>_fetchKamBundle(e).catch(()=>{})));
      // render portview หลังแต่ละ batch — user เห็น badge ทยอยขึ้น ไม่ต้องรอทุกคนเสร็จ
      if(runId===_tlPrewarmRunId){
        try{ if(typeof _pvClearAccountCache==='function')_pvClearAccountCache(); }catch(_){}
        try{ if(window.RenderBus)window.RenderBus.signal('bundle:batch-'+i); }catch(_){}
      }
    }
    _bundlePreWarming=false;
    if(runId!==_tlPrewarmRunId)return;
    try{ if(typeof _pvClearAccountCache==='function')_pvClearAccountCache(); }catch(_){}
    try{ if(window.RenderBus) window.RenderBus.signal('bundle:prewarm-complete'); }catch(_){}
    _senseLog('%c[v753a bundle] TL prewarm complete — all KAMs loaded','color:#00d070');
  },2000);
}

// ── CSV Cache (IndexedDB, TTL 6h) — foreground files only ──
const _CSV_DB=(FRESHKET_APP_CONFIG.storage && FRESHKET_APP_CONFIG.storage.csvDbName) || 'ciq-csv-v1';
const _CSV_TTL=(FRESHKET_APP_CONFIG.storage && FRESHKET_APP_CONFIG.storage.csvCacheTtlMs) || 6*60*60*1000; // 6 hours
function _csvOpen(){return window.FreshketSenseRuntime.data.csvOpen();}
async function _csvCacheGet(tab){return window.FreshketSenseRuntime.data.csvCacheGet(tab);}
async function _csvCacheSet(tab,text,etag){return window.FreshketSenseRuntime.data.csvCacheSet(tab,text,etag);}
async function _csvCacheClear(){return window.FreshketSenseRuntime.data.csvCacheClear();}

// R2 file map — Cloudflare R2 bucket (freshket-data)
const R2_BASE=(FRESHKET_APP_CONFIG.data && FRESHKET_APP_CONFIG.data.r2Base) || (((typeof location !== 'undefined' && location.origin) || '') + '/data'); // v_gate: ประตูไฟล์ข้อมูล
const R2_FILES=(FRESHKET_APP_CONFIG.data && FRESHKET_APP_CONFIG.data.r2Files) || {portview:'portview.csv',history:'bulk_history.csv',categories:'bulk_categories.csv',sku_current:'bulk_sku_current.csv',outlets:'bulk_outlets.csv',skus:'bulk_skus.csv',alternatives:'bulk_alternatives.csv',price:'bulk_price.csv',handover:'portview_handover.csv',upsell_team:'sense_upsell_team.csv',upsell_team_groups:'sense_upsell_team_groups.csv',current_movements:'portview_current_movements.csv',sku_reach:'company_sku_reach.csv'};
// v738: R2_FILES comes from FRESHKET_APP_CONFIG which is Object.freeze()'d — direct mutation is
// a silent no-op. _salesR2Override is a mutable local map; _getR2File() checks it first.
var _salesR2Override = {}; // populated by _patchR2FilesForSales for Sales role
function _getR2File(tab){ return (_salesR2Override[tab] !== undefined ? _salesR2Override[tab] : R2_FILES[tab]) || (tab+'.csv'); }
// Sales CSV routing — called after loadUserProfile() resolves
function _patchR2FilesForSales(){
  try{
    const role=typeof getCurrentRole==='function'?getCurrentRole():'';
    if(role==='sales'||role==='sales_tl'){
      const email=(typeof currentUserProfile!=='undefined'&&currentUserProfile&&currentUserProfile.email)||'';
      if(!email) return;
      // v738: populate _salesR2Override (mutable) instead of frozen R2_FILES
      _salesR2Override['portview']    = 'sales_portview.csv';
      _salesR2Override['history']     = 'sales_history.csv';
      _salesR2Override['categories']  = 'sales_categories.csv';
      _salesR2Override['sku_current'] = 'sales_sku_current.csv';
      _salesR2Override['outlets']     = 'sales_outlets.csv';
      _salesR2Override['handover']    = ''; // not fetched — mark loaded below
      // Pre-mark handover: Sales never fetches it but gates check for it
      try{ _cloudLoadedTabs.add('handover'); }catch(_){}
      try{ if(window.DataRegistry) window.DataRegistry.markLoaded('handover'); }catch(_){}
      // Clear Sales-relevant IDB keys so KAM cached data never serves Sales
      try{
        const _SALES_IDB_KEYS=['portview','history','sku_current','categories','outlets'];
        const _db_req=indexedDB.open('ciq-csv-v1',1);
        _db_req.onsuccess=function(e){
          const _db=e.target.result;
          try{
            const _tx=_db.transaction('csv','readwrite');
            const _store=_tx.objectStore('csv');
            _SALES_IDB_KEYS.forEach(function(k){ _store.delete(k); });
          }catch(ex){}
        };
      }catch(ex){}
    }
  }catch(e){ console.warn('[_patchR2FilesForSales]',e); }
}
window._patchR2FilesForSales=_patchR2FilesForSales;
const R2_SPECS=(FRESHKET_APP_CONFIG.data && FRESHKET_APP_CONFIG.data.r2Specs) || {
  // Foreground 5 files are intentionally cached: small enough and needed at app start.
  portview:{type:'portview-bulk',tab:'portview',cache:false}, // Level 3: always fetch — changes daily
  history:{type:'bulk-data',tab:'history',cache:true},
  categories:{type:'bulk-categories',tab:'categories',cache:true},
  sku_current:{type:'bulk-sku-current',tab:'sku_current',cache:true},
  outlets:{type:'bulk-outlets',tab:'outlets',cache:true},
  // Heavy files stay session-memory only to avoid iOS IndexedDB/raw-text duplication.
  skus:{type:'bulk-skus',tab:'skus',cache:false,heavy:true},
  alternatives:{type:'bulk-alternatives',tab:'alternatives',cache:false,heavy:true},
  // Price history for sparkline Y-axis normalization (6 months, GMV ≥ 100, 5 cols)
  price:{type:'bulk-price',tab:'price',cache:false,heavy:false},
  // Q10: transfer-out per KAM
  handover:{type:'bulk-handover',tab:'handover',cache:true},
  current_movements:{type:'bulk-current-movements',tab:'current_movements',cache:true},
  qnrr:{type:'bulk-qnrr-single',tab:'qnrr',cache:true},
  // Q3C team summary: pre-computed P1/P3 totals per KAM for TL multiplier
  upsell_team:{type:'bulk-upsell-team',tab:'upsell_team',cache:true},
  // v_catbonus: group-key-grain P1/P3 for per-category bonus rates (fast path)
  upsell_team_groups:{type:'bulk-upsell-team-groups',tab:'upsell_team_groups',cache:true},
  // v_key: company-wide flat lookup (item_id → reach), no account grain — small file, cache like history/handover
  sku_reach:{type:'bulk-sku-reach',tab:'sku_reach',cache:true},
};
const _cloudLoadedTabs=new Set();
const _cloudInFlight={};
let _dataPillTimers=[];

function _clearDataPillTimers(){return window.FreshketSenseRuntime.data.clearPillTimers();}
function _clearCloudInFlight(){Object.keys(_cloudInFlight).forEach(k=>delete _cloudInFlight[k]);}
function _specFetchTimeout(spec){return spec&&spec.heavy?240000:90000;}
function _specIngestTimeout(spec){return spec&&spec.heavy?240000:90000;}

function _resetDataPill(){return window.FreshketSenseRuntime.data.resetDataPill();}
function _setDataPillText(text,count){return window.FreshketSenseRuntime.data.setDataPillText(text,count);}
function _finishDataPill(text,hideMs=1200){return window.FreshketSenseRuntime.data.finishDataPill(text,hideMs);}

async function _fetchTextWithTimeout(url,timeoutMs){return window.FreshketSenseRuntime.data.fetchTextWithTimeout(url,timeoutMs);}

// ── v557 CSV SENTINEL — data-quality gate at the single ingest chokepoint ──
// Validates CSV text BEFORE it is cached to IndexedDB or ingested to memory.
// Bad update + good cache  → keep serving cache (never overwrite good data with bad).
// Bad file  + no fallback  → degraded ingest + visible toast + Sentinel telemetry.
// Rules are intentionally conservative (structure-level) to never false-alarm:
//   minCols  = header must have at least N columns (below = file truncated/wrong query)
//   emailCol = owner email column must contain '@' in >=1 of first 20 data rows
//              (catches the live sales_portview.csv missing-kamEmail class of failure)
const _csvSentinelSpec={
  portview:{minCols:18,emailCol:17,emailLabel:'owner email col[17]'},
  history:{minCols:5},
  categories:{minCols:4},
  sku_current:{minCols:6},
  outlets:{minCols:4},
  handover:{minCols:8},
  upsell_team:{minCols:5},
  upsell_team_groups:{minCols:5},
  current_movements:{minCols:8},
  qnrr:{minCols:13},
  sku_reach:{minCols:4}
};
const _csvQuarantineToasted=new Set();
function _senseCsvSentinel(tab,text){
  try{
    const s=_csvSentinelSpec[tab];
    if(!s)return{ok:true};
    if(!text||!text.trim())return{ok:false,reason:'empty file'};
    // sample first ~200KB only — cheap even for multi-MB cached files on every 304
    const lines=text.slice(0,200000).split('\n');
    if(lines.length<2||!lines[1]||!lines[1].trim())return{ok:false,reason:'no data rows'};
    const header=parseCSVRow(lines[0]);
    if(header.length<s.minCols)return{ok:false,reason:'header '+header.length+' cols < required '+s.minCols};
    if(s.emailCol!=null){
      const sample=lines.slice(1,21).filter(l=>l&&l.trim());
      const hasEmail=sample.some(l=>{const p=parseCSVRow(l);return String(p[s.emailCol]||'').indexOf('@')!==-1;});
      if(!hasEmail)return{ok:false,reason:s.emailLabel+' missing in first '+sample.length+' rows'};
    }
    return{ok:true};
  }catch(e){return{ok:true};} // sentinel must never block ingest on its own bug
}
function _senseCsvQuarantine(tab,reason,srcLabel,usedFallback){
  try{
    console.warn('[CSV SENTINEL] '+tab+' rejected: '+reason+' (src: '+srcLabel+')'+(usedFallback?' — serving previous good data':''));
    if(window.SenseSentinel&&typeof window.SenseSentinel.report==='function'){
      window.SenseSentinel.report('data_quality','csv '+tab+': '+reason+' | src='+srcLabel+' | fallback='+(usedFallback?'cache':'none'));
    }
    if(!_csvQuarantineToasted.has(tab)){
      _csvQuarantineToasted.add(tab);
      if(typeof showToast==='function'){
        showToast(usedFallback
          ?('ไฟล์ '+(R2_FILES[tab]||tab)+' ชุดล่าสุดผิดปกติ — ใช้ข้อมูลชุดก่อนหน้า')
          :('ไฟล์ '+(R2_FILES[tab]||tab)+' ผิดปกติ — แสดงข้อมูลเท่าที่มี'),'⚠');
      }
    }
  }catch(e){}
}

async function _fetchCloudflareFile(spec,{force=false,cacheOverride}={}){
  if(!spec||!spec.tab)return false;
  const tab=spec.tab;
  if(!force&&_cloudLoadedTabs.has(tab))return true;
  if(!force&&_cloudInFlight[tab])return _cloudInFlight[tab];
  const p=(async()=>{
    const _ft0=performance.now(); // v218b timing
    let _src='R2-full';           // v218b: track data source for debug log
    const dot=document.getElementById('sp-'+tab);
    if(dot)dot.style.background='var(--tk-accent-dim)';
    try{
      let text=null;
      const useCache=(cacheOverride!==undefined)?cacheOverride:!!spec.cache;
      if(useCache){
        const cached=await _csvCacheGet(tab);
        if(cached&&cached.ts&&(Date.now()-cached.ts)<_CSV_TTL){
          // v205c: Conditional GET (ETag-based) — replaces HEAD+GET double-trip
          // R2 returns 304 Not Modified if file unchanged → use cache; 200 → fresh data
          try{
            const _url=`${R2_BASE}/${_getR2File(tab)}`;
            const _res=await window.FreshketSenseRuntime.data.fetchWithEtag(_url,cached.etag||null,_specFetchTimeout(spec));
            if(_res.notModified){
              _src='IDB→ETag304'; // v218b: cache hit, unchanged
              text=cached.text;  // 304: file unchanged, extend cache life
              _csvCacheSet(tab,text,_res.etag);
              // v557 CSV SENTINEL: cached copy may predate sentinel — report (refetch would 304 the same bytes)
              const _v304=_senseCsvSentinel(tab,text);
              if(!_v304.ok)_senseCsvQuarantine(tab,_v304.reason,'ETag304',false);
              // v221c: 304 + already in memory = skip re-ingest entirely → no callback → no render
              if(_cloudLoadedTabs.has(tab)){
                _senseDataLog(tab,'⚡ 304 skip-reingest — data current, no render needed');
                if(dot){dot.style.background='var(--tk-ok-dim-2)';dot.style.color='var(--g700)';} // mark done
                return true;
              }
            } else if(_res.text){
              _src='IDB→ETag200(UPDATED)'; // v218b: cache hit, server has new data
              // v557 CSV SENTINEL: validate update BEFORE overwriting good cache
              const _v200=_senseCsvSentinel(tab,_res.text);
              if(_v200.ok){
                text=_res.text;    // 200: new file → store with new ETag
                _csvCacheSet(tab,text,_res.etag);
              } else if(cached.text&&_senseCsvSentinel(tab,cached.text).ok){
                text=cached.text;  // bad update + good cache → keep serving cache
                _src='IDB-fallback(bad-update)';
                _senseCsvQuarantine(tab,_v200.reason,'ETag200',true);
              } else {
                text=_res.text;    // bad update + no good cache → degraded ingest
                _senseCsvQuarantine(tab,_v200.reason,'ETag200',false);
              }
            }
            // else: fetch threw → fall through to re-fetch (handled by catch below)
          }catch(e){
            // Network error: use cache as offline fallback (better than nothing)
            _src='IDB-offline-fallback'; // v218b
            if(cached.text){text=cached.text;console.warn('[cache] conditional GET failed, using cache:',tab,e&&e.message);}
          }
        } else {
          _src=cached?'IDB-expired→R2':'IDB-miss→R2'; // v218b
        }
      }
      if(!text){
        const url=`${R2_BASE}/${_getR2File(tab)}`;
        const _fr=await window.FreshketSenseRuntime.data.fetchWithEtag(url,null,_specFetchTimeout(spec)).catch(async()=>{
          // fetchWithEtag failed → fallback to plain fetch (handles edge cases)
          const t=await _fetchTextWithTimeout(url,_specFetchTimeout(spec));
          return{text:t,etag:null,notModified:false};
        });
        text=_fr.text;
        // v557 CSV SENTINEL: never persist a bad file to IndexedDB
        const _vFresh=text?_senseCsvSentinel(tab,text):{ok:true};
        if(text&&!_vFresh.ok)_senseCsvQuarantine(tab,_vFresh.reason,'R2-full',false);
        // Cache only the lightweight/core CSVs. Heavy files are intentionally not cached.
        if(useCache&&text&&_vFresh.ok)_csvCacheSet(tab,text,_fr.etag);
      }
      const ok=await ingestCSVText(spec.type,text,{timeoutMs:_specIngestTimeout(spec)});
      if(ok){
        _cloudLoadedTabs.add(tab);
        try{ if(window.DataRegistry) window.DataRegistry.markLoaded(tab); }catch(_){} // Phase 0G
        if(tab==='skus')bulkSkusReady=true;
        if(tab==='alternatives')bulkAltsReady=true;
        if(dot){dot.style.background='var(--tk-ok-dim-2)';dot.style.color='var(--g700)';}
        // v218b: log file completion — source tells you IndexedDB vs R2, ETag 304 vs 200
        _senseDataLog(tab,'✅',_src,(text?Math.round(text.length/1024):0)+'KB',Math.round(performance.now()-_ft0)+'ms');
        // v218a DATA GATE: when portview+history+handover all complete, fire ONE consolidated render.
        // categories/sku_current/outlets are background files — their arrival doesn't need to
        // block the portfolio render or hold the splash.
        try{
          // v732: Sales has no handover file — gate on portview+history only for Sales
          // v738: use _salesR2Override as authoritative Sales signal
          var _isSales=(Object.keys(_salesR2Override).length>0)||
            ((typeof getCurrentRole==='function')&&(getCurrentRole()==='sales'||getCurrentRole()==='sales_tl'));
          var _gateOk=_isSales
            ? (_cloudLoadedTabs.has('portview') && _cloudLoadedTabs.has('history'))
            : (_cloudLoadedTabs.has('portview') && _cloudLoadedTabs.has('history') && _cloudLoadedTabs.has('handover'));
          if(_gateOk){
            // Signal splash to start fading (critical data ready)
            if(typeof window._splashDataReady==='function') window._splashDataReady();
            _senseDataLog('🚪 GATE ✅','portview+history+handover ready → splash fade');
            // v223: route through RenderBus instead of direct setTimeout(refreshAll)
            if(window.RenderBus){ window.RenderBus.signal(tab); }
            else if(window._pendingRefreshAll){
              window._pendingRefreshAll=false;
              setTimeout(function(){if(typeof refreshAll==='function')refreshAll();},30);
            }
          } else {
            // Non-critical file — signal RenderBus; it'll fire after critical gate opens
            if(window.RenderBus) window.RenderBus.signal(tab);
          }
        }catch(e){}
      }else{
        if(dot){dot.style.background='rgba(240,80,0,.12)';dot.style.color='var(--org)';}
        _senseDataLog(tab,'❌ INGEST FAILED — check R2 file format'); // v218b
      }
      return !!ok;
    }catch(err){
      if(dot){dot.style.background='rgba(240,80,0,.12)';dot.style.color='var(--org)';}
      console.warn('[Cloudflare R2]',tab,err&&err.message?err.message:err);
      return false;
    }finally{
      delete _cloudInFlight[tab];
    }
  })();
  _cloudInFlight[tab]=p;
  return p;
}

async function ensureCloudflareFiles(keys,{label='กำลังโหลดข้อมูล',force=false}={}){
  const specs=keys.map(k=>R2_SPECS[k]).filter(Boolean);
  if(!specs.length)return true;
  let done=0;
  _setDataPillText(label,'0/'+specs.length);
  const results=await Promise.all(specs.map(spec=>_fetchCloudflareFile(spec,{force,cacheOverride:spec.heavy?false:undefined}).then(ok=>{
    done++;
    _setDataPillText(label,done+'/'+specs.length);
    return ok;
  })));
  const ok=results.every(Boolean);
  _finishDataPill(ok?(label+' พร้อมแล้ว'):(label+' โหลดไม่ครบ'),ok?900:1400);
  return ok;
}

function _markForegroundPillDot(idx){return window.FreshketSenseRuntime.data.markForegroundPillDot(idx);}
function _prepareProgressChips(keys,totalCount){return window.FreshketSenseRuntime.data.prepareProgressChips(keys,totalCount,R2_SPECS);}

// ════════════════════════════════════════
// v202: PER-KAM BUNDLE LOADER
// ════════════════════════════════════════
// Derive safe filename key from KAM email
// e.g. duangruedee.bu@freshket.co → duangruedee_bu_freshket_co
function _kamSafeKey(email){
  if(!email)return'';
  return email.toLowerCase().replace(/[^a-z0-9]/g,'_');
}

// Lookup kamEmail for an accountId from portviewBulkData (col 17, camelCase)
function _getKamEmailForAccount(accountId){
  if(!accountId)return null;
  if(!portviewBulkData||!portviewBulkData.length){
    // v_stab1: portviewBulkData temporarily empty (token refresh race).
    // Fallback: rep role → their own email IS their kamEmail.
    const _role=currentUserProfile&&currentUserProfile.role||'';
    if(_role!=='tl'&&_role!=='admin'&&currentUser&&currentUser.email){
      return currentUser.email;
    }
    return null;
  }
  const row=portviewBulkData.find(r=>r.id===accountId);
  const email=(row&&row.kamEmail)||null;
  // Fallback for unassigned accounts: rep sees own email; TL/admin gets null (handled upstream)
  if(!email){
    const _role2=currentUserProfile&&currentUserProfile.role||'';
    if(_role2!=='tl'&&_role2!=='admin'&&currentUser&&currentUser.email)return currentUser.email;
  }
  return email;
}

// Fetch one bundle file: IndexedDB cache (6h TTL) → R2 → ingest
async function _fetchKamFile({url,type,tab,noCache}){
  try{
    // noCache (minor 4 · คำนวณค่าคอมฯ งวดแบบใหม่): ข้ามแคชในเครื่อง โหลดจาก R2 เสมอ
    const cached=noCache?null:await _csvCacheGet(tab);
    if(cached&&cached.ts&&(Date.now()-cached.ts)<_CSV_TTL){
      // v755h Fix A: skip poisoned cache entries written during 404 era
      if(cached.text==='__INVALID__'){
        console.warn('[v755h] stale poison cache for',tab,'— skip, force R2 fetch');
      } else {
        const ageMin=Math.round((Date.now()-cached.ts)/60000);
        _senseLog('%c[v206d bundle] IndexedDB cache hit:','color:#adf',tab,'age:',ageMin,'min');
        const ok=await ingestCSVText(type,cached.text,{timeoutMs:90000});
        if(ok)return true;
        console.warn('[v202 bundle] cache ingest failed, retrying from R2:',tab);
      }
    }
  }catch(e){}
  try{
    const _t0=Date.now();
    const text=await _fetchTextWithTimeout(url,90000);
    if(!text){console.warn('[v202 bundle] empty response:',url);return false;}
    const _kb=Math.round(text.length/1024);
    const _ms=Date.now()-_t0;
    _senseLog('%c[v206d bundle] R2 fetch OK:','color:#00d070',tab,_kb+'KB in '+_ms+'ms');
    await _csvCacheSet(tab,text);
    const ok=await ingestCSVText(type,text,{timeoutMs:90000});
    if(!ok)console.warn('[v202 bundle] ingest failed after fetch:',tab);
    return!!ok;
  }catch(e){
    console.warn('%c[v202 bundle] ❌ fetch error:','color:red',url,e&&e.message?e.message:e);
    return false;
  }
}

// Fetch both bundle files for a KAM (parallel, dedup via _kamBundleInFlight)
// Silent: no pill, no toast — caller never awaits unless it needs the data
async function _fetchKamBundle(kamEmail){
  if(!kamEmail)return false;
  const safeKey=_kamSafeKey(kamEmail);
  if(_kamBundleLoaded.has(safeKey)){
    // v755k: _kamOutletLoaded เป็น in-memory Set — reset ทุก page load
    // ถ้ายังไม่ได้ mark = outlet ยังไม่โหลดจริงในรอบนี้
    if(!_kamOutletLoaded.has(safeKey)){
      const _outletUrl=`${R2_BASE}/sense_sku_outlet_${safeKey}.csv`;
      _fetchKamFile({url:_outletUrl,type:'bulk-sku-outlet',tab:`bundle-sku-outlet-v2-${safeKey}`})
        .then(ok=>{
          if(ok){
            _kamOutletLoaded.add(safeKey);
            setTimeout(()=>{try{if(typeof renderKamThisMonth==='function')renderKamThisMonth();}catch(e){}},50);
          } else {
            console.warn('[v755k] outlet fetch failed for',kamEmail);
          }
        }).catch(()=>{});
    }
    return true;
  }
  if(_kamBundleInFlight[safeKey])return _kamBundleInFlight[safeKey];
  const p=(async()=>{
    try{
      const skusUrl=`${R2_BASE}/sense_skus_${safeKey}.csv`;
      const altsUrl=`${R2_BASE}/sense_alts_${safeKey}.csv`;
      const outletUrl=`${R2_BASE}/sense_sku_outlet_${safeKey}.csv`;
      _senseLog('%c[v206d bundle] fetching:', 'color:#00d070;font-weight:bold', skusUrl);
      _senseLog('%c[v206d bundle] fetching:', 'color:#00d070;font-weight:bold', altsUrl);
      _senseLog('%c[v206d bundle] fetching:', 'color:#00d070;font-weight:bold', outletUrl);
      const[okSkus,okAlts,okOutlet]=await Promise.all([
        _fetchKamFile({url:skusUrl,type:'bulk-skus',tab:`bundle-skus-${safeKey}`}),
        _fetchKamFile({url:altsUrl,type:'bulk-alternatives',tab:`bundle-alts-${safeKey}`}),
        _fetchKamFile({url:outletUrl,type:'bulk-sku-outlet',tab:`bundle-sku-outlet-v2-${safeKey}`}),
      ]);
      if(okSkus&&okAlts){
        _kamBundleLoaded.add(safeKey);
        if(okOutlet){
          _kamOutletLoaded.add(safeKey);
        } else {
          // v755k: outlet fetch failed in parallel — retry independently after bundle loaded
          const _retryUrl=`${R2_BASE}/sense_sku_outlet_${safeKey}.csv`;
          _fetchKamFile({url:_retryUrl,type:'bulk-sku-outlet',tab:`bundle-sku-outlet-v2-${safeKey}`})
            .then(ok2=>{
              if(ok2){
                _kamOutletLoaded.add(safeKey);
                setTimeout(()=>{try{if(typeof renderKamThisMonth==='function')renderKamThisMonth();}catch(e){}},50);
              } else {
                console.warn('[v755k] outlet retry also failed for',kamEmail);
              }
            }).catch(()=>{});
        }
        _senseLog('%c[v206d bundle] LOADED FROM BUNDLE (not bulk):', 'color:#00d070;font-weight:bold', kamEmail);
        // v224e: set bulkSkusReady so _skuSnap changes from '0s'→'1s' → portview value guard passes → _churnCounts rendered
        try{bulkSkusReady=true;}catch(e){}
        // v225d: guard with _bundlePreWarming — suppress during TL prewarm, allow on direct/KAM loads
        if(!_bundlePreWarming){setTimeout(()=>{try{if(document.getElementById('scr-portview')?.classList.contains('on')&&typeof renderPortviewList==='function')renderPortviewList();}catch(e){}},150);}
      }else{
        console.warn('[v202 bundle] ⚠️ incomplete:', kamEmail, 'skus:', okSkus, 'alts:', okAlts);
      }
      return okSkus&&okAlts;
    }catch(e){
      console.warn('[v202 bundle] ❌ error:', kamEmail, e&&e.message?e.message:e);
      return false;
    }finally{
      delete _kamBundleInFlight[safeKey];
    }
  })();
  _kamBundleInFlight[safeKey]=p;
  return p;
}

// Fetch per-KAM upsell bundle on demand (like SKU bundles)
const _upsellBundleLoaded=new Set();
const _upsellBundleInFlight={};
// v_oneflash: fetch attempts that finished WITHOUT data (404/network) — the
// strip's readiness barrier treats failed as "ready" so it renders once with
// the coarse team-CSV numbers instead of holding the skeleton forever.
const _upsellBundleFailed=new Set();
// v_onestep: a SINGLE failed attempt used to mark "failed" immediately — a
// transient network blip right after login made the barrier report ready, the
// strip rendered the coarse team number, then a later render's refetch
// succeeded and the number stepped. Require 2 consecutive failures before
// marking failed; attempts are naturally spaced by the pre-existing
// render→finally(100ms poke)→render cycle, so a blip resolves inside the
// skeleton and a truly-missing file still releases in well under a second.
// No timers, no retry delays (v919-921 lesson).
const _upsellBundleFailCount={};
// v_gate (5 ต.ค. 2026): ไฟล์ที่ล้มจนถูกตีว่า failed แล้ว ห้ามขอซ้ำทุกครั้งที่แถบวาดใหม่
// เดิม buildCompactStrip เรียก _fetchUpsellBundle ทุกรอบที่วาด → ล้ม → finally สั่งวาดใหม่ใน 100ms → ขอใหม่
// ⇒ วนไม่รู้จบตราบที่ไฟล์ยังไม่มี/ไม่ผ่านสิทธิ์ (ยิงคำขอหลายครั้งต่อวินาที) · ตอนนี้รอ 5 นาทีก่อนลองใหม่
const _upsellBundleFailedAt={};
const UPSELL_BUNDLE_RETRY_MS=5*60*1000;
// Readiness barrier for the commission strip: the detailed per-KAM bundle
// either loaded or definitively failed — until then, show NO numbers at all
// (the coarse team-CSV uplift painting first, then "correcting" itself, was
// the flashing-values money-trust bug).
window._upsellBundleReady=function(kamEmail){
  try{
    const k=_kamSafeKey(kamEmail);
    return _upsellBundleLoaded.has(k)||_upsellBundleFailed.has(k);
  }catch(e){ return true; } // never let the barrier itself brick the strip
};

let _upsellIngestQueue = Promise.resolve();
// opts.force (minor 4): computeCommissionDraft ของงวดแบบใหม่ — โหลดไฟล์ใหม่จาก R2 แม้โหลดไว้แล้ว/เคยล้ม
// (ไฟล์ที่อัปโหลดใหม่หลังสิ้นเดือนต้องถูกใช้ ไม่ใช่ของที่โหลดไว้ตอนเปิดแอป) · คำขอที่ค้างอยู่ รอให้จบก่อนแล้วโหลดใหม่
async function _fetchUpsellBundle(kamEmail,opts){
  if(!kamEmail)return false;
  const force=!!(opts&&opts.force);
  const safeKey=_kamSafeKey(kamEmail);
  if(!force&&_upsellBundleLoaded.has(safeKey))return true;
  if(_upsellBundleInFlight[safeKey]){
    if(!force)return _upsellBundleInFlight[safeKey];
    try{ await _upsellBundleInFlight[safeKey]; }catch(e){}
  }
  if(!force&&_upsellBundleFailed.has(safeKey)&&(Date.now()-(_upsellBundleFailedAt[safeKey]||0))<UPSELL_BUNDLE_RETRY_MS)return false; // v_gate
  const p=(async()=>{
    let ok=false;
    try{
      const url=`${R2_BASE}/sense_upsell_${safeKey}.csv`;
      // ⚠️ v310: window._upsellIngestEmail เป็นตัวแปรกลางที่บอกว่า "ไฟล์ที่กำลังแยกอยู่เป็นของใคร"
      //    (ไฟล์ upsell ไม่มีคอลัมน์เจ้าของ) ถ้ามีสองใบแยกคาบเกี่ยวกัน ค่านี้ทับกัน
      //    ⇒ แถวไปกองผิดคน หรือหลุดเข้าทาง legacy แล้วอ่าน total_margin เป็น GMV
      //    จุดที่ยิงแบบไม่รอผลมีหลายที่ (02:2332, 07b_cds.js:270, :1415) และตัว
      //    _fetchUpsellBundle เองก็กระตุ้นการวาดที่เรียกซ้อนได้ ⇒ บังคับเข้าคิวทีละใบ
      ok=await (_upsellIngestQueue = _upsellIngestQueue.then(async()=>{
        window._upsellIngestEmail = kamEmail; // v259: parser injects this as byKam key
        try{ return await _fetchKamFile(force?{url,type:'bulk-upsell',tab:`bundle-upsell-${safeKey}`,noCache:true}:{url,type:'bulk-upsell',tab:`bundle-upsell-${safeKey}`}); }
        finally{ window._upsellIngestEmail = ''; }
      }).catch(()=>false));
      if(ok){ _upsellBundleLoaded.add(safeKey); _upsellBundleFailed.delete(safeKey); delete _upsellBundleFailCount[safeKey]; }
      else {
        _upsellBundleFailCount[safeKey]=(_upsellBundleFailCount[safeKey]||0)+1;
        if(_upsellBundleFailCount[safeKey]>=2){ _upsellBundleFailed.add(safeKey); _upsellBundleFailedAt[safeKey]=Date.now(); } // v_onestep · v_gate
      }
      return ok;
    }catch(e){
      console.warn('[upsell bundle] error',kamEmail,e&&e.message);
      _upsellBundleFailCount[safeKey]=(_upsellBundleFailCount[safeKey]||0)+1;
      if(_upsellBundleFailCount[safeKey]>=2){ _upsellBundleFailed.add(safeKey); _upsellBundleFailedAt[safeKey]=Date.now(); } // v_onestep · v_gate
      return false;
    }finally{
      delete _upsellBundleInFlight[safeKey];
      // v491-C: reset commission key before re-render so _commGatedRender doesn't skip.
      // Root cause: _dataKey() uses portviewBulkData.length (unchanged after upsell loads),
      // so key === _lastCommKey → _commGatedRender early-returns even after _lastCommHtml cleared.
      // Fix: force key mismatch via _commResetKey, then call gated render.
      // v_oneflash: moved into finally — the FAILED path must also repaint,
      // otherwise the barrier's skeleton would sit on screen until some
      // unrelated data arrival happened to trigger a render.
      setTimeout(()=>{
        try{ const s=document.getElementById('pv-commission-strip'); if(s)s._lastCommHtml=''; }catch(e){}
        try{ if(typeof window._commResetKey==='function') window._commResetKey(); }catch(e){}
        try{ if(typeof _commGatedRender==='function') _commGatedRender(); }catch(e){}
        try{ if(typeof _commRenderKamSelfStrip==='function') _commRenderKamSelfStrip(); }catch(e){}
      }, 100);
    }
  })();
  _upsellBundleInFlight[safeKey]=p;
  return p;
}
window._fetchUpsellBundle=_fetchUpsellBundle;

// รอบ B (ยอดจริงสดบนจอทีม · 07a SECTION:COMMISSION_LIVE_EXACT): ข้อความของไฟล์ upsell รายคน "อย่างเดียว"
// ไม่ส่งเข้าตัวรวมข้อมูลกลาง (bulkUpsellData กิน ~20 MB/คนแล้วไม่คืน — admin 20 คนมือถือเด้ง)
// อ่านแคชในเครื่องช่องเดียวกับ _fetchUpsellBundle ถ้ามี (6 ชม.) · โหลดใหม่จาก R2 แล้ว "ไม่เก็บลงเครื่อง" ยกเว้นไฟล์ของคนที่ล็อกอินเอง
// (ไฟล์ของทั้งบริษัทไม่ค้างในเครื่อง ~100 MB บน iOS — กติกา heavy files ของ R2_SPECS · 07a เก็บแค่กลุ่มที่แปลงแล้วในหน่วยความจำ)
// ออกจากระบบระหว่างโหลด (_upsellTextNewSession) ⇒ ไม่เขียนแคชและคืน null — ไม่เขียนไฟล์ของบริษัทกลับหลัง _csvCacheClear
// คืน { text, at } (at = เวลาที่ได้ไฟล์มา) หรือ null เมื่อโหลดไม่ได้ · ผู้เรียกเว้น 5 นาทีก่อนลองใหม่เอง (07a _COMM_LIVE_RETRY_MS)
let _upsellTextSession=0;
function _upsellTextNewSession(){ _upsellTextSession++; }
async function _fetchUpsellBundleText(kamEmail){
  if(!kamEmail)return null;
  const ses=_upsellTextSession;
  const safeKey=_kamSafeKey(kamEmail);
  const tab=`bundle-upsell-${safeKey}`;
  try{
    const c=await _csvCacheGet(tab);
    if(ses!==_upsellTextSession)return null;
    if(c&&c.ts&&(Date.now()-c.ts)<_CSV_TTL&&c.text&&c.text!=='__INVALID__')return {text:c.text,at:c.ts};
  }catch(e){}
  try{
    if(window.SenseDataClient&&typeof window.SenseDataClient.authBlocked==='function'&&window.SenseDataClient.authBlocked())return null;
    const text=await _fetchTextWithTimeout(`${R2_BASE}/sense_upsell_${safeKey}.csv`,90000);
    if(!text||ses!==_upsellTextSession)return null;
    const me=String((currentUserProfile&&currentUserProfile.email)||'').trim().toLowerCase();
    if(me&&me===String(kamEmail).trim().toLowerCase())await _csvCacheSet(tab,text);
    if(ses!==_upsellTextSession)return null;
    return {text,at:Date.now()};
  }catch(e){
    console.warn('[upsell text] โหลดไม่ได้',kamEmail,e&&e.message?e.message:e);
    return null;
  }
}
window._fetchUpsellBundleText=_fetchUpsellBundleText;
window._upsellTextNewSession=_upsellTextNewSession;

// v753g: Fetch Quarter NRR — SINGLE FILE for all KAMs (~2.6MB)
// File: kam_rep_view.csv (no per-KAM split) — renamed from sense_qnrr_2026qN.csv
// (2026-07-11) to match the pm_view/admin_view/vp_view naming convention; the
// file itself no longer embeds the quarter, so it never needs renaming at
// quarterly rollover — only re-uploading with the same name.
// IDB cache tab='qnrr' TTL=6h
// v_autoq (2026-10-02): ลบ _QNRR_QUARTER ('2026q3' ตายตัว) — เป็น const ระดับบนสุดจึงไม่เคยเป็น window property
// ที่ 07c อ่าน (window._QNRR_QUARTER) เลยตกไปใช้ QNRR_CFG.quarter ทุกครั้งอยู่แล้ว ไตรมาสมาจาก src/shared/qnrr_quarter.js
// ไตรมาสของไฟล์ CSV หนึ่งไฟล์ (นับจากคอลัมน์ period_month) — null ถ้าไม่มี module หรืออ่านไม่ได้
function _qnrrCsvQuarter(text){
  try{ return (window.QnrrQuarter&&text)?window.QnrrQuarter.quarterOfCsvText(text):null; }catch(e){ return null; }
}

// v878: fetch a CSV's raw text with the same IndexedDB cache-then-R2 pattern
// as _fetchKamFile, but return the text instead of ingesting it — lets a
// caller combine multiple CSVs' text before parsing once.
// 20 ต.ค. 2569: เดิมสำเนาในเครื่องอายุไม่ถึง 6 ชม. = ใช้เลยโดยไม่ถามเซิร์ฟเวอร์ ⇒ เช้าวันที่ทีม data อัปไฟล์ใหม่
// Sense ถือไฟล์ %NRR ของเมื่อวานได้นานถึง 6 ชม. ขณะที่ไฟล์หลักอื่น (ถามด้วย ETag ทุกครั้งที่เปิดแอป) เป็นของวันนี้
// ⇒ %NRR กับค่าคอมฯ ปนข้อมูลสองวัน และไม่ตรง dashboard (เห็นจริง: วันที่ 18 vs 19 · ค่าคอมฯ ทั้งทีมต่าง ฿328
// Chaklid ฿6,831 vs ฿11,846) · ตอนนี้ถามแบบมีเงื่อนไขเหมือนไฟล์หลัก (_fetchCloudflareFile v205c):
// ไม่เปลี่ยน (304) = ใช้สำเนาในเครื่อง · เปลี่ยน (200) = ใช้ไฟล์ใหม่ · เน็ตล่ม/ถามไม่ได้ = ใช้สำเนาในเครื่องแบบเดิม
async function _fetchCsvTextCached(url,tab){
  let cached=null;
  try{ cached=await _csvCacheGet(tab); }catch(e){}
  const fresh=!!(cached&&cached.ts&&(Date.now()-cached.ts)<_CSV_TTL&&cached.text&&cached.text!=='__INVALID__');
  const D=window.FreshketSenseRuntime&&window.FreshketSenseRuntime.data;
  const canAsk=!!(D&&typeof D.fetchWithEtag==='function');
  if(fresh&&!canAsk)return cached.text;
  if(fresh){
    try{
      const r=await D.fetchWithEtag(url,cached.etag||null,90000);
      if(r&&r.notModified){
        await _csvCacheSet(tab,cached.text,r.etag||cached.etag||null);   // ยืดอายุสำเนา (แบบไฟล์หลัก)
        return cached.text;
      }
      if(r&&r.text){
        await _csvCacheSet(tab,r.text,r.etag||null);
        return r.text;
      }
      return cached.text;
    }catch(e){
      console.warn('[qnrr] ถามเซิร์ฟเวอร์ไม่ได้ — ใช้สำเนาในเครื่อง:',tab,e&&e.message?e.message:e);
      return cached.text;
    }
  }
  try{
    if(canAsk){
      const r=await D.fetchWithEtag(url,null,90000);
      if(!r||!r.text)return null;
      await _csvCacheSet(tab,r.text,r.etag||null);
      return r.text;
    }
    const text=await _fetchTextWithTimeout(url,90000);
    if(!text)return null;
    await _csvCacheSet(tab,text);
    return text;
  }catch(e){
    console.warn('[qnrr] fetch error:',url,e&&e.message?e.message:e);
    return null;
  }
}

let _qnrrFetchPromise = null; // global dedup — only one fetch ever
async function _fetchQnrrBundle(){
  // Already loaded in memory
  if(window.bulkQnrrData && window.bulkQnrrData.loaded)return true;
  // Deduplicate concurrent calls
  if(_qnrrFetchPromise)return _qnrrFetchPromise;
  // v6-fix: safety valve — if QNRR never loads (network error, file not uploaded yet),
  // force-release the commission strip's loading gate after 15s so it doesn't shimmer
  // forever. Mirrors the existing QC-06 pattern used for the upsell bundle above.
  try{
    if(window._qnrrSelfStripTimeout) clearTimeout(window._qnrrSelfStripTimeout);
    window._qnrrForceRelease = false;
    window._qnrrSelfStripTimeout = setTimeout(function(){
      window._qnrrForceRelease = true;
      try{ var _s=document.getElementById('pv-commission-strip'); if(_s) _s._lastCommHtml=''; }catch(e){}
      try{ if(typeof _commRenderKamSelfStrip==='function') _commRenderKamSelfStrip(); }catch(e){}
    }, 15000);
  }catch(e){}
  _qnrrFetchPromise=(async()=>{
    try{
      // v306: ต้องมีตัวกันแคชท้าย URL — ไม่มีแล้วเบราว์เซอร์ยื่นไฟล์เก่าจาก HTTP cache
      // เจอจริง 8 ก.ย. 2026: ทีมข้อมูลอัปไฟล์ 32 คอลัมน์ขึ้น R2 แล้ว แต่แอปยังอ่าน
      // ไฟล์ 29 คอลัมน์ (hasPeriodOwner=false) ทั้งที่แคชใน IndexedDB ว่างเปล่า
      const _cb=`?cb=${Date.now()}`;
      const kamUrl=`${R2_BASE}/kam_rep_view.csv${_cb}`;
      const pmUrl=`${R2_BASE}/pm_rep_view.csv${_cb}`;
      console.log('%c[Sense qnrr] fetching KAM + PM files','color:#4ddc97;font-weight:bold',kamUrl,pmUrl);
      // v878: kam_rep_view.csv (KAM roster, from q3_2026_movement_rep_view.sql)
      // and pm_rep_view.csv (PM/AD roster, from pm_rep_view.sql) are independent
      // BigQuery outputs, uploaded to R2 independently by data team — no merge
      // step required on their side. The app fetches both and concatenates the
      // rows here (dropping pm file's header line) before handing the combined
      // text to the existing single-file parser unchanged. pm_rep_view.csv is
      // optional: if it 404s or isn't uploaded yet, KAM data still loads fine.
      const [kamText,pmText]=await Promise.all([
        _fetchCsvTextCached(kamUrl,'qnrr'),
        _fetchCsvTextCached(pmUrl,'qnrr-pm')
      ]);
      if(!kamText){
        console.warn('[Sense qnrr] ⚠️ load failed — kam_rep_view.csv may not be uploaded yet');
        return false;
      }
      let combined=kamText.trim();
      // v_autoq: สองไฟล์ขึ้น R2 และถูกเก็บในเครื่องแยกกัน เช้าวันที่ 2 ไฟล์ PM อาจยังเป็นไตรมาสเก่า
      // ต่อเข้าไปจะได้แถวสองไตรมาสปนกัน ⇒ ไตรมาสไม่ตรงกับไฟล์ KAM ให้ข้ามไฟล์ PM ไปรอบนี้
      const _pmQ=pmText?_qnrrCsvQuarter(pmText):null, _kamQ=_qnrrCsvQuarter(kamText);
      if(pmText && _pmQ && _kamQ && _pmQ!==_kamQ){
        console.warn('[Sense qnrr] pm_rep_view.csv เป็น '+_pmQ+' แต่ kam_rep_view.csv เป็น '+_kamQ+' — ข้ามไฟล์ PM รอบนี้');
      }else if(pmText){
        const pmRows=pmText.trim().split('\n').slice(1).join('\n');
        if(pmRows)combined+='\n'+pmRows;
        console.log('%c[Sense qnrr] ✓ pm_rep_view.csv merged in-memory','color:#4ddc97');
      }else{
        console.log('[Sense qnrr] pm_rep_view.csv not available yet — KAM-only this load');
      }
      const ok=await ingestCSVText('bulk-qnrr-single',combined,{timeoutMs:90000});
      if(ok){
        _qnrrBundleLoaded.add('single');
        console.log('%c[Sense qnrr] ✓ loaded','color:#4ddc97',
          Object.keys((window.bulkQnrrData||{}).byKamEmail||{}).length,'KAMs');
      }else{
        console.warn('[Sense qnrr] ⚠️ ingest failed');
      }
      return ok;
    }catch(e){
      console.warn('[Sense qnrr] ❌ fetch error',e&&e.message?e.message:e);
      return false;
    }finally{
      _qnrrFetchPromise=null;
    }
  })();
  return _qnrrFetchPromise;
}
window._fetchQnrrBundle=_fetchQnrrBundle;

// v753g: Background prefetch — runs after FOREGROUND complete, non-blocking
// Only for roles that have QNRR sheet (not Sales)
function _prefetchQnrrIfNeeded(){
  try{
    const role=(typeof getCurrentRole==='function')?getCurrentRole():'';
    const salesRoles=['sales','sales_tl'];
    if(salesRoles.indexOf(role)>=0)return; // Sales never needs QNRR
    if(window.bulkQnrrData&&window.bulkQnrrData.loaded)return; // already in memory
    // Delay 2s after FOREGROUND done — don't compete with critical files
    setTimeout(function(){
      if(window.bulkQnrrData&&window.bulkQnrrData.loaded)return;
      _fetchQnrrBundle().catch(function(){});
    },2000);
  }catch(e){}
}
window._prefetchQnrrIfNeeded=_prefetchQnrrIfNeeded;

function _startCloudBackgroundLoad({token,fgLoaded=0,total=8}={}){
  const BACKGROUND=[];  // v207b: disable global bulk SKU background load; use per-KAM bundle on demand
  // v202: KAM role — fire per-KAM bundle in parallel (silent, no pill, no toast)
  const _bgRole=currentUserProfile&&currentUserProfile.role||'rep';
  if(_bgRole!=='tl'&&_bgRole!=='admin'&&currentUser&&currentUser.email){
    _fetchKamBundle(currentUser.email).catch(()=>{});
    _fetchUpsellBundle(currentUser.email).catch(()=>{});  // Q3C per-KAM upsell bundle
  }
  if(_cloudBackgroundPromise)return _cloudBackgroundPromise;
  const counter=document.getElementById('sheets-loaded-count');
  const bgDots=document.getElementById('dlp-bg-dots');
  const readyIcon=document.getElementById('dlp-ready-icon');
  const dots=document.getElementById('dlp-dots');
  if(dots)dots.style.display='none';
  if(readyIcon)readyIcon.style.display='none';
  if(bgDots)bgDots.style.display='flex';
  _setDataPillText('SKU','');

  let pillReleased=false;
  let finished=false;
  const releaseTimer=setTimeout(()=>{
    if(finished||token!==_cloudLoadToken)return;
    pillReleased=true;
    _finishDataPill('โหลดต่อเบื้องหลัง',1000);
    showToast('กำลังโหลด SKU ต่อเบื้องหลัง','⟳');
  },18000);

  // iOS memory fix: sequential fetch loop (previously skus+alternatives, now skus only)
  async function _loadBgSequential(){
    const results=[];
    for(const key of BACKGROUND){
      if(token!==_cloudLoadToken)break;
      const spec=R2_SPECS[key];
      const bgDot=document.getElementById(key==='skus'?'dlp-bg-skus':'dlp-bg-alts');
      const ok=await _fetchCloudflareFile(spec,{force:false,cacheOverride:false});
      if(token!==_cloudLoadToken){results.push(ok);break;}
      if(ok){
        if(bgDot)bgDot.classList.add('done');
        if(key==='skus'){
          if(typeof renderPortviewList==='function'&&document.getElementById('scr-portview')?.classList.contains('on')){
            renderPortviewList();
          }
        }
      }else{
        if(bgDot)bgDot.style.background='rgba(240,80,0,.7)';
      }
      const loadedNow=fgLoaded+BACKGROUND.filter(k=>_cloudLoadedTabs.has(R2_SPECS[k].tab)).length;
      if(counter)counter.textContent=loadedNow+'/'+total;
      results.push(ok);
      // Brief yield between large files — lets iOS GC run before next file
      if(key==='skus'){
        // cold start (no IndexedDB cache) → yield longer for GC before alternatives
        const _isCached=await _csvCacheGet('alternatives').catch(()=>null);
        const _yieldMs=(_isCached&&_isCached.ts&&(Date.now()-_isCached.ts)<_CSV_TTL)?500:2000;
        await new Promise(r=>setTimeout(r,_yieldMs));
      }
    }
    return results;
  }
  _cloudBackgroundPromise=_loadBgSequential().then(results=>{
    if(token!==_cloudLoadToken)return results;
    finished=true;clearTimeout(releaseTimer);
    const okCount=results.filter(Boolean).length;
    if(okCount===BACKGROUND.length){
      if(!pillReleased)_finishDataPill('ข้อมูลครบแล้ว',1000);
      showToast('ข้อมูล SKU พร้อมแล้ว','✓');
    }else{
      if(!pillReleased)_finishDataPill('ข้อมูลหลักพร้อมแล้ว',1400);
      showToast('ข้อมูลหลักพร้อม แต่ SKU ยังไม่ครบ — กด Refresh data ได้','⚠');
    }
    if(typeof updateDataStatus==='function')updateDataStatus();
    if(typeof updateMatcherPreStatus==='function')updateMatcherPreStatus();
    return results;
  }).catch(err=>{
    if(token===_cloudLoadToken){
      finished=true;clearTimeout(releaseTimer);
      if(!pillReleased)_finishDataPill('ข้อมูลหลักพร้อมแล้ว',1400);
      showToast('โหลด SKU ไม่สำเร็จ — กด Refresh data','⚠');
      console.warn('[Cloudflare background]',err);
    }
    return [false,false];
  }).finally(()=>{
    if(token!==_cloudLoadToken)return;
    _cloudBackgroundPromise=null;
    // ── Tier 3: v198d fix — moved from .then() to .finally() ──
    // v221: bulk_price auto-load disabled — load on-demand only (call _startDeferredPriceLoad() when sparklines needed)
    // Was: setTimeout(()=>_startDeferredPriceLoad(_priceToken),3000);
    _senseDataLog('BACKGROUND','bulk_price deferred — call _startDeferredPriceLoad() when sparklines needed');
  });
  return _cloudBackgroundPromise;
}

// ── Tier 3: Deferred price load — silent, after background completes ──
// bulk_price.csv (~35-40MB) loads quietly after skus are ready.
// Sparklines show local-normalize until this resolves, then upgrade automatically.
async function _startDeferredPriceLoad(token){
  // v198e: token check ลบออก — stale token จาก auth events ทำให้ price ไม่โหลด
  // _cloudLoadedTabs.has('price') + _cloudInFlight guard เพียงพอสำหรับ dedup
  if(_cloudLoadedTabs.has('price'))return; // already loaded
  const spec=R2_SPECS['price'];
  if(!spec)return;
  // mark badge as loading
  const b=document.getElementById('badge-bulk-price');
  const dot=document.getElementById('dlp-bg-price');
  if(b&&b.textContent==='upload'){b.textContent='⟳';b.className='dp-slot-badge';}
  if(dot)dot.style.opacity='1';
  try{
    await _fetchCloudflareFile(spec,{force:false,cacheOverride:false});
    if(dot)dot.classList.add('done');
  }catch(e){
    console.warn('[Deferred price load]',e);
    if(dot)dot.style.background='rgba(240,80,0,.7)';
    if(b){b.textContent='⚠';b.className='dp-slot-badge';}
  }
}

async function loadFromCloudflareR2(){
  if(sheetsLoadStarted&&_cloudInitialPromise)return _cloudInitialPromise;
  if(sheetsLoadStarted)return;
  sheetsLoadStarted=true;
  const token=++_cloudLoadToken;

  // v739: auto-patch Sales routing if _salesR2Override was cleared (e.g. by reloadFromCloudflareR2)
  // but role is still Sales. Prevents handover ending up in FOREGROUND after a reload.
  try{
    if(Object.keys(_salesR2Override).length===0){
      var _autoRole=(typeof getCurrentRole==='function')?getCurrentRole():'';
      if(_autoRole==='sales'||_autoRole==='sales_tl'){
        if(typeof _patchR2FilesForSales==='function') _patchR2FilesForSales();
      }
    }
  }catch(_){}

  // v201c loading strategy:
  // Tier 1 (FOREGROUND): 6 lightweight files → app usable
  // Tier 2 (BACKGROUND): skus → alternatives (sequential, heavy) → Sense ready
  // Tier 3 (DEFERRED): price → sparkline baseline upgrade (silent, after tier 2)
  // v359: Sales users skip handover fetch (no sales_handover_{key}.csv exists — not needed for render)
  // v738: check _salesR2Override (set by _patchR2FilesForSales) as authoritative Sales signal
  // getCurrentRole() alone can be empty if profile not yet settled at this point
  const _isSalesMode=(Object.keys(_salesR2Override).length>0)||
    ((typeof getCurrentRole==='function')&&(getCurrentRole()==='sales'||getCurrentRole()==='sales_tl'));
  const FOREGROUND=['portview','history','categories','sku_current','outlets','handover','upsell_team','upsell_team_groups','current_movements'].filter(k=>!(_isSalesMode&&k==='handover'));
  // Sales skips handover fetch — pre-mark as loaded so gate can open on portview+history
  if(_isSalesMode){ _cloudLoadedTabs.add('handover'); try{if(window.DataRegistry)window.DataRegistry.markLoaded('handover');}catch(_){} }
  const BACKGROUND=[];  // v207b: disable global bulk SKU background load; use per-KAM bundle on demand
  const ALL=[...FOREGROUND,...BACKGROUND];
  const btn=document.getElementById('sheets-load-btn');
  const counter=document.getElementById('sheets-loaded-count');
  if(btn){btn.disabled=true;btn.textContent='กำลังโหลด...';}
  _resetDataPill();
  _prepareProgressChips(ALL,ALL.length);
  _setDataPillText('โหลดข้อมูลหลัก','0/'+FOREGROUND.length);

  _cloudInitialPromise=(async()=>{
    let loaded=0;
    const fgResults=await Promise.all(FOREGROUND.map(async(key,idx)=>{
      let ok=await _fetchCloudflareFile(R2_SPECS[key],{force:false});
      // v195 Step 3: 1 retry after 2s if fail — handles momentary R2 / network hiccup
      if(!ok&&token===_cloudLoadToken){
        await new Promise(r=>setTimeout(r,2000));
        if(token===_cloudLoadToken)ok=await _fetchCloudflareFile(R2_SPECS[key],{force:true});
      }
      if(token!==_cloudLoadToken)return ok;
      if(ok){loaded++;_markForegroundPillDot(idx);}
      if(counter)counter.textContent=loaded+'/'+ALL.length;
      _setDataPillText('โหลดข้อมูลหลัก',loaded+'/'+FOREGROUND.length);
      return ok;
    }));
    if(token!==_cloudLoadToken)return;
    const fgOk=fgResults.filter(Boolean).length;
    // v_onestep: fallback-loader twin of 04_sku_matcher's enhancement-settled
    // flag (both team files are FOREGROUND here) — see the gate in 07b_cds.js.
    window._enhancementSettled = true;
    if(btn){btn.disabled=false;btn.textContent='Refresh data';}
    if(fgOk>0){
      showToast('พร้อมใช้งาน — ข้อมูลหลัก '+fgOk+'/'+FOREGROUND.length+' ไฟล์','✓');
      // v_adpm: removed the QC-06 "15s release" timer that lived here — it was a
      // no-op (it set bulkUpsellData.loaded=false, changing nothing) and its
      // intent is now genuinely covered by the per-person _upsellBundleReady
      // barrier + the buildSources/_cdsBuildSrc gates in 07b_cds.js, which
      // release a bundle-less rep to the NRR-only render after 2 failed fetches.
      // Reset scroll to top if portview is active — prevents scroll-anchoring from
      // triggering collapse observer when header grows during data re-render
      if(document.getElementById('scr-portview')?.classList.contains('on')){
        window.scrollTo({top:0,left:0,behavior:'instant'});
        document.body.scrollTop=0;document.documentElement.scrollTop=0;
      }
      // v224e fix: render portview/teamview when data is available.
      // Guard: suppress ONLY when portviewBulkData is empty (prevents 0% red bar flash).
      // allCriticalReady() check removed from here — it was blocking renders via
      // non-existent schedulePortviewListRender() → silent no-op → empty sparkline bars.
      const _pvHasData = typeof portviewBulkData !== 'undefined' && portviewBulkData && portviewBulkData.length > 0;
      if(_pvHasData){
        if(typeof renderPortview==='function')renderPortview();
        if(typeof renderTeamview==='function'&&document.getElementById('scr-teamview')?.classList.contains('on'))renderTeamview();
      }
    }else{
      // v195 Step 3: persistent offline banner (not just toast) when all 5 foreground files fail
      showToast('โหลดข้อมูลหลักไม่สำเร็จ — กด Refresh data','⚠');
      const _existingBanner=document.getElementById('offline-banner');
      if(!_existingBanner){
        const _b=document.createElement('div');
        _b.id='offline-banner';
        _b.style.cssText='position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-max,440px);z-index:9998;background:rgba(220,60,0,.92);color:var(--tk-text-primary);font-size:var(--text-md);font-family:"Noto Sans Thaiai",sans-serif;text-align:center;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;backdrop-filter:blur(8px)';
        _b.innerHTML='<span>⚠ ไม่สามารถโหลดข้อมูลได้ — ตรวจสอบการเชื่อมต่อ</span><button onclick="document.getElementById(\x27offline-banner\x27)?.remove();reloadFromGoogleSheets();" style="background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);color:var(--tk-text-primary);border-radius:var(--r-sm);padding:4px 10px;font-size:var(--text-sm);cursor:pointer;font-family:inherit">Retry</button>';
        document.body.appendChild(_b);
        // Auto-dismiss banner when next successful load fires
        const _origRender=typeof renderPortview==='function'?renderPortview:null;
        if(_origRender)window._offlineBannerRenderGuard=()=>{document.getElementById('offline-banner')?.remove();window._offlineBannerRenderGuard=null;};
      }
    }
    if(typeof updateDataStatus==='function')updateDataStatus();
    if(typeof updateMatcherPreStatus==='function')updateMatcherPreStatus();

    // Fire-and-forget background load. Do not await this; Sense can await the same in-flight promise only when needed.
    _startCloudBackgroundLoad({token,fgLoaded:fgOk,total:ALL.length});
    // v753g: background prefetch QNRR after FOREGROUND done (non-blocking, role-gated)
    try{_prefetchQnrrIfNeeded();}catch(_){}
  })().finally(()=>{if(token===_cloudLoadToken)_cloudInitialPromise=null;});
  return _cloudInitialPromise;
}
async function reloadFromCloudflareR2(){
  await _csvCacheClear();
  sheetsLoadStarted=false;
  bulkSkusReady=false;bulkAltsReady=false;
  // v753g: clear quarter NRR data on logout
  try{window.bulkQnrrData={loaded:false};_qnrrBundleLoaded.clear();_qnrrFetchPromise=null;}catch(_){}
  _cloudLoadedTabs.clear();
  _salesR2Override = {}; // v738: reset Sales routing on full reload
  try{ if(window.DataRegistry) window.DataRegistry.reset(); }catch(_){} // Phase 0G
  _clearCloudInFlight();
  _cloudInitialPromise=null;
  _cloudBackgroundPromise=null;
  _cloudLoadToken++;
  try{if(typeof _scheduleRefreshAllLastFired!=='undefined') _scheduleRefreshAllLastFired=0;}catch(e){} // v221c: reset settle window
  if(window.RenderBus) window.RenderBus.reset(); // v223
  // v202: clear per-KAM bundle state so reload fetches fresh bundles
  _kamBundleLoaded.clear();
  Object.keys(_kamBundleInFlight).forEach(k=>delete _kamBundleInFlight[k]);
  // v203: clear SKU dedup guard so fresh reload doesn't hit false "already seen"
  Object.keys(_bulkSkusSeen).forEach(k=>delete _bulkSkusSeen[k]);
  return loadFromCloudflareR2();
}

// Backward-compatible aliases. Name kept so old onclick/flows do not break.
async function reloadFromGoogleSheets(){return reloadFromCloudflareR2();}
async function loadFromGoogleSheets(){return loadFromCloudflareR2();}

async function ensureAccountDetailData(accountId){
  if(!accountId)return false;
  const needed=[];
  if(!bulkCatsData[accountId])needed.push('categories');
  if(!bulkSkuCurrentData[accountId])needed.push('sku_current');
  if(!bulkOutletsData[accountId])needed.push('outlets');
  if(!bulkSkusData[accountId])needed.push('skus');
  if(!needed.length)return true;
  showToast('กำลังโหลด account intelligence...','⟳');
  const ok=await ensureCloudflareFiles(needed,{label:'Account intelligence'});
  loadFromStorage(accountId);
  refreshAll();updateDataStatus();
  if(typeof updateMatcherPreStatus==='function')updateMatcherPreStatus();
  if(isKAM&&document.getElementById('scr-overview')?.classList.contains('on'))renderKamOverview();
  return ok;
}

async function ensureSenseData(accountId, {silent=false}={}){
  if(!accountId)return false;
  const needed=[];
  if(!bulkSkusData[accountId])needed.push('skus');
  if(!bulkAltsReady&&!bulkAltsUnverified[accountId])needed.push('alternatives');
  // v202 debug: full state snapshot on every Sense Gate tap
  // v202: try per-KAM bundle first (~4MB) before falling back to bulk (~120MB)
  // Fix 2: if portviewBulkData not loaded yet, use currentUser.email for KAM role
  const _role=currentUserProfile&&currentUserProfile.role||'rep';
  const _kamEmail=_getKamEmailForAccount(accountId)||
    (_role!=='tl'&&_role!=='admin'&&currentUser&&currentUser.email?currentUser.email:null);
  if(_kamEmail){
    const _safeKey=_kamSafeKey(_kamEmail);
    let _bundleOk=false;
    if(_kamBundleLoaded.has(_safeKey)){
      _bundleOk=true; // already in memory
      _senseLog('%c[v206d bundle] SERVED FROM MEMORY:', 'color:#00d070', _kamEmail);
    }else if(_kamBundleInFlight[_safeKey]){
      // await in-flight — bundle ~4MB completes well within 30s
      _bundleOk=await Promise.race([
        _kamBundleInFlight[_safeKey],
        new Promise(r=>setTimeout(()=>r(false),30000))
      ]);
    }else{
      // cold fetch — not pre-warmed yet (TL direct nav)
      // bundle ~4MB << bulk 135MB: even cold fetch beats bulk load time
      _senseLog('%c[v206d bundle] cold fetch for TL:', 'color:#f0b000', _kamEmail);
      _bundleOk=await Promise.race([
        _fetchKamBundle(_kamEmail),
        new Promise(r=>setTimeout(()=>r(false),30000))
      ]);
    }
    if(_bundleOk){
      loadFromStorage(accountId);
      if(D.alts.length&&D.skus.length)computeOPPS();
      if(!silent){refreshAll();updateDataStatus();}
      if(typeof updateMatcherPreStatus==='function')updateMatcherPreStatus();
      return true;
    }
    // bundle 404 / timeout → fall through to bulk
    console.warn('%c[v202 bundle] ⚠️ FALLBACK → loading bulk (bundle 404/timeout) for:', 'color:#f0b000;font-weight:bold', _kamEmail);
  }
  // Bulk fallback: v201c path — deduplicates via _cloudInFlight
  showToast('กำลังโหลด SKU + ทางเลือก...','⟳');
  const ok=await ensureCloudflareFiles(needed,{label:'SKU + ทางเลือก'});
  loadFromStorage(accountId);
  if(D.alts.length&&D.skus.length)computeOPPS();
  if(!silent){refreshAll();updateDataStatus();}
  if(typeof updateMatcherPreStatus==='function')updateMatcherPreStatus();
  return ok;
}

// Legacy alias — existing button onclick='loadFromSupabaseStorage()' still works
async function loadFromSupabaseStorage(){
  return loadFromGoogleSheets();
}

function _initSheetsInput(){} // no-op — UI inputs removed, using constants

// ════════════════════════════════════════
// DATA PANEL UI
// ════════════════════════════════════════
function openDataPanel(){
  _injectSenseThemePicker();
  try{ if(typeof _injectTextScalePicker==='function') _injectTextScalePicker(); }catch(e){}
  try{ if(typeof _injectBgPicker==='function') _injectBgPicker(); }catch(e){}
  try{ if(typeof _injectNoPrewarmToggle==='function') _injectNoPrewarmToggle(); }catch(e){}
  try{ if(typeof _injectLineNotify==='function') _injectLineNotify(); }catch(e){}
  setDpMode('quick');
  document.getElementById('dataPanel').classList.add('open');
  document.getElementById('dataOverlay').classList.add('on');
  updateDpAccountCard();renderAccountLibrary();
  _initSheetsInput();
  // Show Admin tab only for admin role
  const adminTab=document.getElementById('dp-tab-admin');
  if(adminTab){
    const role=(typeof currentUserProfile!=='undefined'&&currentUserProfile)?currentUserProfile.role:'';
    adminTab.style.display=(role==='admin')?'':'none';
  }
}

function setDpMode(mode){
  const quick=document.getElementById('dp-quick');
  const bulk=document.getElementById('dp-bulk');
  const admin=document.getElementById('dp-admin');
  const tabQ=document.getElementById('dp-tab-quick');
  const tabB=document.getElementById('dp-tab-bulk');
  const tabA=document.getElementById('dp-tab-admin');
  if(quick)quick.style.display=mode==='quick'?'block':'none';
  if(bulk)bulk.style.display=mode==='bulk'?'block':'none';
  if(admin)admin.style.display=mode==='admin'?'block':'none';
  if(tabQ)tabQ.classList.toggle('on',mode==='quick');
  if(tabB)tabB.classList.toggle('on',mode==='bulk');
  if(tabA)tabA.classList.toggle('on',mode==='admin');
  if(mode==='admin')admLoadSkills();
}

function useSampleData(){
  D={history:[...SAMPLE.history],cats:[...SAMPLE.cats],cats_monthly:{},skus:[...SAMPLE.skus.map(s=>({...s}))],alts:[],alts_meta:{status:'none',verified_count:0,total_count:0,verified_at:null,bulk_loaded_at:null},outlets_monthly:{...SAMPLE.outlets_monthly},current_month:null,sku_current:[],meta:{accountName:'[ตัวอย่าง] บ.ลีฟ ทู อีท จำกัด',accountId:'sample_741a4cb1abcd',kamName:'Guntinun (Monet)'}};
  const lastMonth=SAMPLE.history[SAMPLE.history.length-1]?.m;
  D_outlets=(SAMPLE.outlets_monthly[lastMonth]||[]).map(o=>({...o}));
  OPPS.length=0;OPPS_SAMPLE.forEach(o=>OPPS.push({...o,alts:o.alts.map(a=>({...a}))}));
  sel=new Set([1,2,3]);selAlt={};
  fileStatus={history:true,categories:true,skus:true,alternatives:true};
  currentAccountId='sample_741a4cb1abcd';
  saveToStorage();applyMeta();refreshAll();updateDataStatus();updateDpAccountCard();renderAccountLibrary();closeDataPanel();
}

// ── Gap 8: Cross-month warning ──
function checkCrossMonthWarning(){
  if(!D.skus_monthly||!D.history.length)return null;
  const _smSort=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
  const skuMonths=Object.keys(D.skus_monthly).sort((a,b)=>_smSort(b)-_smSort(a));
  if(!skuMonths.length)return null;
  const lastHistMo=D.history[D.history.length-1].m;
  const _cmLabel=(D.current_month||{}).month_label||'';
  // v156: skip current-month MTD entry when checking mismatch — Q3B intentionally includes it
  const lastSkuMo=skuMonths.find(m=>m!==_cmLabel)||skuMonths[0];
  if(lastHistMo&&lastSkuMo&&lastHistMo!==lastSkuMo){
    return`SKU data จาก ${lastSkuMo} · ประวัติล่าสุดคือ ${lastHistMo} — ยอดประหยัดอาจคลาดเคลื่อน`;
  }
  return null;
}

function closeDataPanel(){document.getElementById('dataPanel').classList.remove('open');document.getElementById('dataOverlay').classList.remove('on');}

function updateDataStatus(){
  // Update bulk upload badges (bulk slots still exist)
  const allLoaded=fileStatus.history&&fileStatus.categories&&fileStatus.skus;
  document.getElementById('dataBtnTop').classList.toggle('loaded',allLoaded);
}

// ════════════════════════════════════════
// RENDER — OVERVIEW
// ════════════════════════════════════════
// v218a DATA GATE: 3 FOREGROUND files needed for portfolio screen (พอร์ตของฉัน / ภาพรวมทีม).
// portview → account list, run rate, สั่ง/หาย/SKU counts (all from portview.csv Q8E)
// history  → NRR/Comeback/Expansion movement, ON TRACK/MONITOR/AT RISK classification
// handover → Handover badge per account
// categories/sku_current/outlets load in BACKGROUND after splash — they serve account DETAIL
// not the portfolio list, so their arrival doesn't cause visible flash on the portfolio screen.

// v218b: data load performance logger — filter '[Sense⚡]' in DevTools console (Info level).
// What it shows: IndexedDB hit/miss, ETag 304/200, gate events, render calls, splash timing.
// To silence: window._senseLoadDebug = false  |  To re-enable: window._senseLoadDebug = true
function _senseDataLog(){
  try{
    if(window._senseLoadDebug===false)return;
    var args=Array.prototype.slice.call(arguments);
    var tag=String(args[0]);
    var rest=args.slice(1);
    var t=typeof performance!=='undefined'?Math.round(performance.now())+'ms':'';
    console.info.apply(console,
      ['%c[Sense⚡ '+t+'] '+tag,'color:#00CC6A;font-weight:var(--fw-semi);font-family:monospace'].concat(rest));
  }catch(e){}
}

// v219 STRATEGY B + v222 PHASE 2: Read up to 6 files from IndexedDB — no network, no ETag wait.
// v222 expansion: also preload categories, sku_current, outlets (cache:true files).
// On warm boot: all 6 files load from IDB in ~150ms → NO R2 downloads needed at all.
// _idbPreloaded=true fires when critical 3 ready (portview+history+handover).
// Extra 3 are a bonus — eliminate the post-splash debounced batch render on warm boot.
async function _preloadFromIndexedDB(){
  // v354: Sales users must skip portview+handover IDB preload
  // IDB has KAM portview (640 accounts) — wrong data for Sales
  // IDB clear in _patchR2FilesForSales() handles eviction, but race condition
  // on warm boot means IDB may still be populated. Skip here to be safe.
  // v738: use _salesR2Override as authoritative Sales signal (set before IDB preload in most paths)
  var _isSalesPreload=(Object.keys(_salesR2Override).length>0)||
    ((typeof getCurrentRole==='function')&&(getCurrentRole()==='sales'||getCurrentRole()==='sales_tl'));
  var CRITICAL=['portview','history','handover'];
  // v878: 'qnrr' deliberately excluded from this generic IDB-direct fast path.
  // Its IDB cache entry (tab='qnrr') now holds ONLY kam_rep_view.csv's raw text
  // (_fetchQnrrBundle caches each of the two source files under its own tab,
  // 'qnrr' + 'qnrr-pm', and merges them in memory) — ingesting it directly here
  // would silently skip the PM/AD merge for up to the 6h cache TTL. The v849-fix
  // block below already calls _prefetchQnrrIfNeeded() whenever 'qnrr' isn't in
  // _cloudLoadedTabs, which is now always the case, so qnrr always routes
  // through _fetchQnrrBundle()'s correct merge (still fast — each half has its
  // own IDB cache).
  var EXTRA=['categories','sku_current','outlets','upsell_team','upsell_team_groups','current_movements']; // v222+v226+v259: also preload — cache:true in IDB
  var TABS=_isSalesPreload
    ? [...CRITICAL,...EXTRA].filter(function(t){return t!=='portview'&&t!=='handover';})
    : [...CRITICAL,...EXTRA];
  var loaded=0; var criticalLoaded=0;
  try{
    var tasks=TABS.map(async function(tab){
      try{
        var cached=await _csvCacheGet(tab);
        if(!cached||!cached.text||!cached.ts) return; // not in IndexedDB
        if((Date.now()-cached.ts)>=_CSV_TTL) return;  // expired (> 6h)
        var spec=R2_SPECS[tab];
        if(!spec) return;
        var ok=await ingestCSVText(spec.type,cached.text,{timeoutMs:30000});
        if(ok){
          _cloudLoadedTabs.add(tab);
          try{ if(window.DataRegistry) window.DataRegistry.markLoaded(tab); }catch(_){} // Phase 0G
          loaded++;
          if(CRITICAL.indexOf(tab)>=0) criticalLoaded++;
          var kb=Math.round(cached.text.length/1024);
          var age=Math.round((Date.now()-cached.ts)/60000);
          _senseDataLog(tab,'⚡ IDB-DIRECT (no ETag)',kb+'KB',age+'min old');
          // v223: signal RenderBus — it'll wait for critical gate, then render
          if(window.RenderBus) window.RenderBus.signal(tab);
        }
      }catch(e){}
    });
    await Promise.all(tasks);
    // v849-fix: if 'qnrr' specifically missed IDB (not cached yet, or >6h TTL expired),
    // proactively trigger its own fetch here instead of leaving it to a consumer to
    // notice later. _prefetchQnrrIfNeeded() already has its own role-gate + 2s delay
    // + dedup, so this is safe to call unconditionally. Root cause: IDB-FAST below only
    // requires the 3 CRITICAL tabs, so it can activate and skip loadFromCloudflareR2()
    // (which is where _prefetchQnrrIfNeeded() normally gets called) while 'qnrr' stays
    // silently unloaded forever. See _qnrrEnsureLoaded() in 07c_qnrr_view.js for the
    // consumer-side safety net that also covers this.
    if (!_isSalesPreload && !_cloudLoadedTabs.has('qnrr')) {
      try { if (typeof _prefetchQnrrIfNeeded === 'function') _prefetchQnrrIfNeeded(); } catch (e) {}
    }
    var _criticalGate=_isSalesPreload?1:3;
    if(criticalLoaded>=_criticalGate){
      window._idbPreloaded=true;
      _senseDataLog('⚡ IDB-PRELOAD','critical 3 ready ('+loaded+'/'+TABS.length+' total) — splash fast path, R2 skipped');
      if(allCriticalReady()){
        if(typeof window._splashDataReady==='function') window._splashDataReady();
        // v223: RenderBus already has signals from per-file loads above — no extra flush needed
      }
    }else{
      _senseDataLog('⚡ IDB-PRELOAD',criticalLoaded+'/3 critical found ('+loaded+'/6 total) — falling back to ETag');
    }
  }catch(e){}
  return loaded;
}

// SECTION:REFRESH_GATE
// ─────────────────────────────────────────────────────────────────────────────
// Phase 0G: DataRegistry — single source of truth สำหรับ data readiness
//
// TIER SYSTEM:
//   Tier 1 (SHELL)       : portview + history + handover → list views can render
//   Tier 2 (DETAIL)      : + categories + sku_current + outlets → account detail
//   Tier 3 (ENHANCEMENT) : + skus + alternatives + price + upsell → Sense/opps
//
// HOW TO USE (feature ใหม่ทำ 2 บรรทัด):
//   // Option A — callback เมื่อ tier พร้อม:
//   DataRegistry.onReady(1, renderMyFeature);
//
//   // Option B — async/await:
//   await DataRegistry.waitFor(1);
//   renderMyFeature();
//
// HOW DATA LOADERS USE IT (เรียกทุกครั้งที่ file parse เสร็จ):
//   DataRegistry.markLoaded('portview');   // ← เพิ่ม version + check tier gates
//
// VERSION GUARD (ป้องกัน render ซ้ำ):
//   DataRegistry.version เพิ่มขึ้นทุกครั้งที่ markLoaded() — RenderBus ใช้ version
//   นี้ตรวจว่า "data เปลี่ยนจริงไหม" ก่อน flush ถ้าไม่เปลี่ยน (ETag 304) → skip
//
// ─────────────────────────────────────────────────────────────────────────────
window.DataRegistry = (function(){
  // Tier definitions — which tabs must be loaded for each tier to be "ready"
  var TIER_TABS = {
    1: ['portview','history'],          // Tier 1: shell — gate checked via allCriticalReady() (Sales-aware)
    2: ['categories','sku_current','outlets'],
    3: ['skus','alternatives']
  };

  var _loaded = new Set();             // tabs loaded this session
  var _tierReady = {1:false, 2:false, 3:false};
  var _tierCallbacks = {1:[], 2:[], 3:[]};
  var _tierPromises = {};              // cached promises per tier
  var _tierResolvers = {};

  // Public: monotonic version counter — increments every markLoaded()
  // RenderBus reads this before flush to skip no-op renders
  var version = 0;

  function _checkTier(t){
    if(_tierReady[t]) return true;
    var ready;
    if(t===1){
      // v745: delegate Tier 1 check to allCriticalReady() — it is Sales-aware
      // (portview+history for Sales, portview+history+handover for others)
      // DataRegistry._isSales() checked body.sales-mode which may not be set yet at boot,
      // causing handover to be included in Tier 1 for Sales → _tierReady[1] never set.
      ready = (typeof allCriticalReady==='function') ? allCriticalReady() : false;
    } else {
      var tabs = TIER_TABS[t] ? TIER_TABS[t].slice() : [];
      ready = tabs.length > 0 && tabs.every(function(k){ return _loaded.has(k); });
    }
    if(ready){
      _tierReady[t] = true;
      // fire callbacks
      var cbs = _tierCallbacks[t].splice(0);
      cbs.forEach(function(fn){ try{ fn(); }catch(e){} });
      // resolve promise
      if(_tierResolvers[t]){ _tierResolvers[t](); delete _tierResolvers[t]; }
      _senseDataLog('REGISTRY','✅ Tier '+t+' READY ('+Array.from(_loaded).join(',')+')');
    }
    return ready;
  }

  // Called by every data loader when a file finishes parsing
  function markLoaded(tab){
    if(!tab) return;
    _loaded.add(tab);
    // Also sync with legacy _cloudLoadedTabs so allCriticalReady() still works
    try{ _cloudLoadedTabs.add(tab); }catch(e){}
    version++;
    _senseDataLog('REGISTRY','📦 markLoaded('+tab+') version='+version);
    _checkTier(1);
    _checkTier(2);
    _checkTier(3);
  }

  // isReady(tier) → boolean
  function isReady(tier){
    return !!_tierReady[tier];
  }

  // waitFor(tier) → Promise — resolves immediately if already ready
  function waitFor(tier){
    if(_tierReady[tier]) return Promise.resolve();
    if(!_tierPromises[tier]){
      _tierPromises[tier] = new Promise(function(resolve){
        _tierResolvers[tier] = resolve;
      });
    }
    return _tierPromises[tier];
  }

  // onReady(tier, fn) — fn called immediately if tier already ready, else queued
  function onReady(tier, fn){
    if(_tierReady[tier]){ try{ fn(); }catch(e){} return; }
    if(_tierCallbacks[tier]) _tierCallbacks[tier].push(fn);
  }

  // reset() — called on logout / manual reload
  function reset(){
    _loaded.clear();
    _tierReady = {1:false, 2:false, 3:false};
    _tierCallbacks = {1:[], 2:[], 3:[]};
    _tierPromises = {};
    _tierResolvers = {};
    version = 0;
    _senseDataLog('REGISTRY','🔄 reset');
  }

  // hasTab(tab) → boolean — checks if a specific tab is loaded
  function hasTab(tab){ return _loaded.has(tab); }

  return {
    markLoaded: markLoaded,
    isReady: isReady,
    waitFor: waitFor,
    onReady: onReady,
    reset: reset,
    hasTab: hasTab,
    get version(){ return version; }
  };
})();

// allCriticalReady() — backward-compatible shim → delegates to DataRegistry
// Existing callers (refreshAll, RenderBus, _preloadFromIndexedDB) continue to work unchanged
function allCriticalReady(){
  try{
    // v741: restored to v643 pattern — check _cloudLoadedTabs directly (no DataRegistry indirection).
    // DataRegistry.isReady(1) was broken for Sales because _isSales() inside DataRegistry
    // checked body.sales-mode which is not set yet at splash time, causing handover to be
    // included in Tier 1 requirements even for Sales → gate never opened → white screen.
    var _isSalesNow=(typeof getCurrentRole==='function')&&
      (getCurrentRole()==='sales'||getCurrentRole()==='sales_tl');
    if(!_isSalesNow){
      // Also check body class as fallback (set later in boot sequence)
      _isSalesNow=document.body.classList.contains('sales-mode')||
                  document.body.classList.contains('sales-tl-mode');
    }
    // Sales: only portview + history needed (handover CSV not used)
    if(_isSalesNow){
      return _cloudLoadedTabs.has('portview') && _cloudLoadedTabs.has('history');
    }
    // Non-Sales: portview + history + handover
    return _cloudLoadedTabs.has('portview') &&
           _cloudLoadedTabs.has('history') &&
           _cloudLoadedTabs.has('handover');
  }catch(e){return false;}
}

// v221 DEBOUNCE + v221c SETTLE WINDOW (unchanged — kept for any legacy callers)
var _scheduleRefreshAllTimer=null;
var _scheduleRefreshAllLastFired=0;
var _SETTLE_WINDOW=1000;
function _scheduleRefreshAll(delayMs){
  const now=Date.now();
  const sinceLastRender=_scheduleRefreshAllLastFired?now-_scheduleRefreshAllLastFired:Infinity;
  const waitForSettle=_scheduleRefreshAllLastFired&&sinceLastRender<_SETTLE_WINDOW?_SETTLE_WINDOW-sinceLastRender+50:0;
  const wait=Math.max(delayMs||400,waitForSettle);
  clearTimeout(_scheduleRefreshAllTimer);
  _scheduleRefreshAllTimer=setTimeout(function(){
    _scheduleRefreshAllTimer=null;
    _scheduleRefreshAllLastFired=Date.now();
    _senseDataLog('RENDER','_scheduleRefreshAll ✅ debounced render fired');
    if(typeof refreshAll==='function') refreshAll();
  }, wait);
}

// ─────────────────────────────────────────────────────────────────────────────
// Phase 0G: RenderBus V2 — version-aware, no double-render
//
// WHAT CHANGED FROM V1:
//   1. Version guard: _flush() skips if DataRegistry.version unchanged since last render
//      → ETag 304 (data unchanged) no longer causes a re-render
//   2. register(screenId, tier, fn): feature declares itself — RenderBus manages timing
//      → feature ใหม่ไม่ต้องรู้ว่า splash/tier/settle ทำงานยังไง
//
// BACKWARD COMPATIBLE:
//   signal(source) ยังทำงานเหมือนเดิม 100%
//   markRender(), reset(), flushNow() ยังทำงานเหมือนเดิม
//
// HOW TO ADD A NEW FEATURE (2 บรรทัด):
//   RenderBus.register('scr-pipeline', 1, renderPipeline);
//   // Done. RenderBus จะ call renderPipeline() เมื่อ Tier 1 ready + data เปลี่ยน
//
// ─────────────────────────────────────────────────────────────────────────────
window.RenderBus = (function(){
  var _timer = null;
  var _lastRender = 0;
  var _lastRenderedVersion = -1;  // Phase 0G: version guard
  var _ready = new Set();
  var SETTLE_MS = 800;

  // Phase 0G: registered features { screenId → { tier, fn } }
  var _registered = {};

  function _flush(){
    _timer = null;

    // v715 Fix 1B: TIER 1 GUARD in _flush() — closes gap where flushNow() bypassed
    // the signal() guard and rendered with empty portviewBulkData → 0-values flash.
    // Note: DataRegistry not available = script not loaded yet → proceed (safe fallback).
    // Note: _senseSplashActive check is in signal() — _flush() can be called directly
    //       via flushNow(), so we guard here too.
    // v741: use allCriticalReady() — consistent Sales-aware check (portview+history only for Sales)
    // DataRegistry.isReady(1) was broken for Sales: body.sales-mode not set yet → wrong Tier 1 tabs
    if(typeof allCriticalReady==='function' && !allCriticalReady()){
      window._pendingRefreshAll = true;
      _senseDataLog('RENDERBUS','⏳ _flush HELD — Tier 1 not ready yet (re-queuing)');
      // Retry when any new data arrives (will re-check allCriticalReady each time)
      try{ if(window.DataRegistry) window.DataRegistry.onReady(1, function(){ signal('tier1-flush-retry'); }); }catch(_){}

      return;
    }

    // Phase 0G: VERSION GUARD — skip if data hasn't actually changed
    // Catches ETag 304 (file unchanged) and duplicate signals from IDB+R2 same data
    var currentVersion = (window.DataRegistry && typeof window.DataRegistry.version !== 'undefined')
      ? window.DataRegistry.version : -1;
    if(currentVersion !== -1 && currentVersion === _lastRenderedVersion){
      _senseDataLog('RENDERBUS','⏭ SKIP — version '+currentVersion+' already rendered (ETag 304 or duplicate signal)');
      return;
    }

    _lastRender = Date.now();
    _lastRenderedVersion = currentVersion;
    _senseDataLog('RENDERBUS','🎯 RENDER v'+currentVersion+' ['+Array.from(_ready).join(',')+']');

    // v715: clear screen-level skeletons before render (Fix 2B)
    try{
      ['scr-portview','scr-teamview','scr-sales-portview'].forEach(function(id){
        if(typeof window._hideScreenSkeleton==='function') window._hideScreenSkeleton(id);
      });
    }catch(e){}

    // v224e: clear shimmer right before render
    try{
      if(window._pwaShimmerActive && typeof window._deactivatePortviewShimmer==='function'){
        window._deactivatePortviewShimmer();
      }
    }catch(e){}

    // Phase 0G: call registered feature renderers first (tier-checked)
    try{
      Object.keys(_registered).forEach(function(screenId){
        var reg = _registered[screenId];
        try{
          var scr = document.getElementById(screenId);
          if(scr && scr.classList.contains('on') &&
             window.DataRegistry && window.DataRegistry.isReady(reg.tier)){
            reg.fn();
          }
        }catch(e){ console.warn('[RenderBus] registered render error ('+screenId+'):', e); }
      });
    }catch(e){}

    // Legacy: existing screens (unchanged)
    if(typeof refreshAll === 'function') refreshAll();
    try{
      if(document.getElementById('scr-portview')?.classList.contains('on') &&
         typeof renderPortview === 'function') renderPortview();
    }catch(e){}
    try{
      if(document.getElementById('scr-teamview')?.classList.contains('on') &&
         typeof renderTeamview === 'function') renderTeamview();
    }catch(e){}
    try{
      if(document.body.classList.contains('sales-mode') && !window._salesInAccountView){
        var _salesScr=document.getElementById('scr-sales-portview');
        if(_salesScr&&_salesScr.classList.contains('on')&&typeof renderSalesPortview==='function'){
          renderSalesPortview();
        }
      }
    }catch(e){}
  }

  function signal(source){
    _ready.add(source);
    if(window._senseSplashActive){
      window._pendingRefreshAll = true;
      _senseDataLog('RENDERBUS','⏳ '+source+' — queued (splash)');
      return;
    }
    if(typeof allCriticalReady === 'function' && !allCriticalReady()){
      window._pendingRefreshAll = true;
      _senseDataLog('RENDERBUS','⏳ '+source+' — queued (waiting Tier 1)');
      return;
    }
    var now = Date.now();
    var sinceLastRender = _lastRender ? now - _lastRender : Infinity;
    var wait = sinceLastRender < SETTLE_MS ? SETTLE_MS - sinceLastRender + 50 : 50;
    clearTimeout(_timer);
    _timer = setTimeout(_flush, wait);
    _senseDataLog('RENDERBUS','📡 '+source+' — render in '+wait+'ms');
  }

  // Phase 0G: register(screenId, tier, renderFn)
  // screenId: DOM id of the screen (e.g. 'scr-pipeline')
  // tier: 1/2/3 — minimum DataRegistry tier needed before rendering
  // renderFn: called when (a) screen is active, (b) tier ready, (c) data version changed
  function register(screenId, tier, renderFn){
    _registered[screenId] = { tier: tier, fn: renderFn };
    _senseDataLog('RENDERBUS','📋 registered: '+screenId+' (tier '+tier+')');
    // If tier already ready and screen is active, render immediately
    try{
      if(window.DataRegistry && window.DataRegistry.isReady(tier)){
        var scr = document.getElementById(screenId);
        if(scr && scr.classList.contains('on')) renderFn();
      }
    }catch(e){}
  }

  function markRender(){
    _lastRender = Date.now();
    var v = (window.DataRegistry && typeof window.DataRegistry.version !== 'undefined')
      ? window.DataRegistry.version : -1;
    _lastRenderedVersion = v;
    _senseDataLog('RENDERBUS','🕐 render stamped v'+v);
  }

  function reset(){
    _ready.clear();
    clearTimeout(_timer);
    _timer = null;
    // Phase 0G: reset version guard so next data arrival always renders
    _lastRenderedVersion = -1;
    _senseDataLog('RENDERBUS','🔄 reset');
  }

  function flushNow(){
    clearTimeout(_timer); _timer = null;
    _flush();
  }

  return { signal: signal, markRender: markRender, reset: reset, flushNow: flushNow, register: register };
})();

function refreshAll(){
  // v217 FIX B: splash guard (belt-and-suspenders — data gate below is the primary guard now)
  if(window._senseSplashActive){
    _senseDataLog('RENDER','refreshAll() ⏳ QUEUED — splash active');
    window._pendingRefreshAll=true; return;
  }
  // v601: Echo sheet guard — ถ้า #ci-fullsheet visible และ body.overflow:hidden อยู่
  // DOM render จะ clip ใต้ sheet → เห็นหน้าขาว queue ไว้ทำหลัง Echo ปิด
  try {
    const _echoSheet = document.getElementById('ci-fullsheet');
    const _echoOpen  = _echoSheet && _echoSheet.style.display !== 'none'
                       && _echoSheet.classList.contains('ci-open');
    if (_echoOpen && document.body.style.overflow === 'hidden') {
      _senseDataLog('RENDER','refreshAll() ⏳ QUEUED — Echo sheet blocking body');
      window._pendingRefreshAll = true; return;
    }
  } catch(_e) {}
  // v_stab1: pending account re-render (user tapped account while data was loading)
  // When data now available, re-render account overview and clear the flag.
  try{
    if(window._pvPendingAccountRerender&&typeof D!=='undefined'&&D.history&&D.history.length>0){
      const _pid=window._pvPendingAccountRerender;
      if(_pid===currentAccountId){
        window._pvPendingAccountRerender=null;
        const _kload=document.getElementById('kam-loading2');
        if(_kload)_kload.style.display='none';
        if(typeof renderKamOverview==='function')setTimeout(renderKamOverview,50);
      } else {
        window._pvPendingAccountRerender=null;
      }
    }
  }catch(_e){}
  // v218 DATA GATE: block render until portview+history+handover all loaded.
  // v733: Sales doesn't use handover — allCriticalReady() already handles this via DataRegistry
  if(!allCriticalReady()){
    var _isSalesGate=(Object.keys(_salesR2Override).length>0)||(document.body.classList.contains('sales-mode')||document.body.classList.contains('sales-tl-mode'));
    var _pending=[];
    try{ if(!_cloudLoadedTabs.has('portview'))_pending.push('portview');
         if(!_cloudLoadedTabs.has('history')) _pending.push('history');
         if(!_isSalesGate && !_cloudLoadedTabs.has('handover'))_pending.push('handover'); }catch(e){}
    if(_pending.length===0){ /* all critical loaded — proceed */ }
    else{
      _senseDataLog('RENDER','refreshAll() ⏳ QUEUED — waiting for: '+(_pending.join('+') || 'unknown'));
      window._pendingRefreshAll=true; return;
    }
  }
  _senseDataLog('RENDER','refreshAll() ✅ FIRED');
  renderOverview();renderPortfolio();renderOpps();renderReport();
  activeMonth=D.history.length-1;selectMonth(activeMonth,true);
  // Update sub-tab visibility
  updateKamSubtabVisibility();
  // ── Score: based on verified OPPS only (unverified filtered out at computeOPPS) ──
  const hasAnalysis=OPPS.length>0;
  animN(document.getElementById('hsav'),totalAll()*12,1500);
  document.getElementById('hsav-mo').textContent=fmt(totalAll())+' / เดือน';
  // Group A: hero additions
  renderHeroKAM();
  renderHeroMoM();
  const senseMetrics=getSenseScoreMetrics();
  const savPct=senseMetrics.savPct;
  const score=hasAnalysis?senseMetrics.score:0;
  const scoreLabel=!hasAnalysis?'รอวิเคราะห์':score>=85?'บริหารต้นทุนดีมาก':score>=72?'บริหารดี ยังมีช่อง':score>=58?'มีช่องประหยัดได้':'Sense เจอราคาคุ้มกว่ามาก';
  const scoreDesc=!hasAnalysis?'รัน Verify เพื่อวิเคราะห์ SKU':OPPS.length>0?`Sense เจอวัตถุดิบที่ราคาคุ้มกว่า ${OPPS.length} รายการ · ประหยัดได้ ${savPct.toFixed(1)}%`:'Sense ไม่พบช่องปรับเพิ่มเติม';
  const circ=2*Math.PI*42;
  document.getElementById('darc').style.strokeDashoffset=hasAnalysis&&senseActivated?circ-(score/100)*circ:circ;
  document.getElementById('dtxt').textContent=hasAnalysis&&senseActivated?score:'';
  document.getElementById('dlb').textContent=senseActivated?scoreLabel:'Freshket Sense';
  document.getElementById('dval').textContent=hasAnalysis&&senseActivated?score:'';
  const sColor=!hasAnalysis||!senseActivated?'var(--n400)':score>=85?'var(--g700)':score>=70?'var(--g700)':score>=55?'var(--amb)':'var(--org)';
  document.getElementById('dval').style.color=sColor;
  document.getElementById('dlb').style.color=sColor;
  document.getElementById('darc').style.stroke=!hasAnalysis||!senseActivated?'var(--n200)':score>=85?'var(--g500)':score>=70?'var(--g500)':score>=55?'var(--amb)':'var(--org)';
  const scoreDescEl=document.getElementById('score-desc');if(scoreDescEl)scoreDescEl.textContent=senseActivated?scoreDesc:'แตะเพื่อให้ Sense เช็คราคาวัตถุดิบของร้าน';
  // Standby overlay: show when not yet activated (use display not opacity)
  const _dialOvR=document.getElementById('dial-standby-overlay');
  const _doneWrapR=document.getElementById('sense-done-wrap');
  if(_dialOvR)_dialOvR.style.display=senseActivated?'none':'flex';
  if(_doneWrapR)_doneWrapR.style.display=senseActivated?'block':'none';
  const _dClickR=document.getElementById('dial-clickwrap');if(_dClickR)_dClickR.classList.toggle('sense-done',senseActivated);
  const acctName=D.meta.accountName||'ร้านอาหารของคุณ';
  const el=document.getElementById('h-acct-name');if(el)el.textContent=acctName;
  // Data freshness indicator
  const freshEl=document.getElementById('data-freshness');
  if(freshEl){
    const lastMo=D.history.length?D.history[D.history.length-1].m:'';
    const latestMo=(D.current_month&&D.current_month.month_label&&D.current_month.gmv_to_date>0)?D.current_month.month_label:lastMo;
    freshEl.textContent=latestMo?'ข้อมูล: '+latestMo:'';
    freshEl.style.display=latestMo?'block':'none';
  }
  // v_key pivot: opp-nav-badge/OPPS.length moved into the Products popover's SAVE
  // subline (_keySkuSaveSubline) — this badge slot is now key-nav-badge (Key SKU
  // portfolio pending count), refreshed alongside the split button on every refresh.
  try{
    if(typeof renderKeySkuNavBadge==='function')renderKeySkuNavBadge();
    if(typeof renderKeySkuSplitButton==='function')renderKeySkuSplitButton();
  }catch(_e){}
  updatePbFooter();renderOutletCard();
  // ── KAM mode: update account header whenever data refreshes ──
  // (header only re-renders if kamStateCache is stale, i.e. different account or no cache)
  if(isKAM&&!(kamStateCache.accountId===currentAccountId&&kamStateCache.html)){
    renderKamOverview();
  }
  // "What changed" check — compare key metrics with previous session
  try{
    const prevKey='_prev_'+(_acctKey());
    const prev=JSON.parse(localStorage.getItem(prevKey)||'null');
    const cur={gmv:D.history.length?D.history[D.history.length-1].s:0,opps:OPPS.length,skus:D.skus.length};
    if(prev&&(prev.opps!==cur.opps||prev.skus!==cur.skus)){
      const parts=[];
      if(cur.opps>prev.opps)parts.push('+'+(cur.opps-prev.opps)+' โอกาสใหม่');
      if(cur.skus!==prev.skus)parts.push('SKU '+(cur.skus>prev.skus?'+':'')+((cur.skus-prev.skus))+' รายการ');
      if(parts.length)setTimeout(()=>showToast('เปลี่ยนแปลง: '+parts.join(' · ')),800);
    }
    localStorage.setItem(prevKey,JSON.stringify(cur));
  }catch(e){}
}

/* ── P2: Rest AI Button ── */
async function triggerRestAI(){
  if(senseActivated)return; // already ran this session
  if((!D.alts.length||!D.skus.length)&&typeof ensureSenseData==='function'){
    await ensureSenseData(currentAccountId);
  }
  const loadWrap=document.getElementById('rest-ai-load');
  const preview=document.getElementById('rest-ai-preview');
  const dialWrap=document.getElementById('dial-clickwrap');
  const dsvg=document.getElementById('dial-svg');
  const standbyOv=document.getElementById('dial-standby-overlay');
  if(!loadWrap||!preview)return;
  if(OPPS.length===0){
    if(standbyOv){
      const orig=standbyOv.innerHTML;
      standbyOv.innerHTML='<span style="font-size:7.5px;color:var(--org);text-align:center;font-family:\'Noto Sans Thai\',sans-serif;font-weight:var(--fw-bold);line-height:1.5">ยังไม่มีข้อมูล<br>อัปโหลดก่อน</span>';
      setTimeout(()=>{standbyOv.innerHTML=orig;},2200);
    }
    return;
  }
  // ── Start loading ──
  if(dialWrap)dialWrap.style.pointerEvents='none';
  if(standbyOv)standbyOv.style.display='none';
  // Spinning arc
  const darcEl=document.getElementById('darc');
  if(darcEl){darcEl.style.transition='none';darcEl.style.strokeDasharray='70 193.9';darcEl.style.strokeDashoffset='0';darcEl.style.stroke='var(--g500)';}
  if(dsvg)dsvg.classList.add('sense-loading');
  loadWrap.style.display='block';
  // Steps: stagger 4 steps over ~3.8s
  [{id:'ras-1',t:150},{id:'ras-2',t:1050},{id:'ras-3',t:2000},{id:'ras-4',t:2900}].forEach(({id,t})=>{
    setTimeout(()=>{const el=document.getElementById(id);if(el)el.classList.add('vis');},t);
  });
  // Dots on step 4
  let _dc=0;
  const _di=setInterval(()=>{const d=document.getElementById('ras-dots');if(d){_dc=(_dc+1)%4;d.textContent='.'.repeat(_dc||1);}},380);
  setTimeout(()=>{
    clearInterval(_di);
    if(dsvg)dsvg.classList.remove('sense-loading');
    loadWrap.style.display='none';
    if(dialWrap)dialWrap.style.pointerEvents='';
    // ── Unlock ──
    senseActivated=true;
    const _senseNavBtn=document.getElementById('nav-opportunities');
    if(_senseNavBtn)_senseNavBtn.classList.add('sense-lit');
    aiCameFromPreview=true;
    _unlockScore();
    // Preview card: SKU count first, savings as footnote
    const oppsEl=document.getElementById('rap-opps');
    const subEl=document.getElementById('rap-sub');
    const savAmt=totalAll();
    if(oppsEl)oppsEl.textContent='Sense เจอ '+OPPS.length+' รายการที่ราคาคุ้มกว่า';
    if(subEl)subEl.textContent='ประหยัดได้ถึง '+fmt(savAmt*12)+' / ปี ถ้าเลือกทั้งหมด';
    preview.style.display='block';
  },4000);
}
// Unlock score dial after Sense runs
function _unlockScore(){
  const hasAnalysis=OPPS.length>0;if(!hasAnalysis)return;
  const senseMetrics=getSenseScoreMetrics();
  const savPct=senseMetrics.savPct;
  const score=senseMetrics.score;
  const circ=2*Math.PI*42;
  const sColor=score>=85?'var(--g700)':score>=70?'var(--g700)':score>=55?'var(--amb)':'var(--org)';
  const scoreLabel=score>=85?'บริหารต้นทุนดีมาก':score>=72?'บริหารดี ยังมีช่อง':score>=58?'มีช่องประหยัดได้':'Sense เจอราคาคุ้มกว่ามาก';
  const scoreDesc=`Sense เจอวัตถุดิบที่ราคาคุ้มกว่า ${OPPS.length} รายการ · ประหยัดได้ ${savPct.toFixed(1)}%`;
  const darcEl=document.getElementById('darc');
  const dtxtEl=document.getElementById('dtxt');
  const dlbEl=document.getElementById('dlb');
  const dvalEl=document.getElementById('dval');
  const descEl=document.getElementById('score-desc');
  const dialWrap=document.getElementById('dial-clickwrap');
  if(dialWrap)dialWrap.classList.add('sense-done');
  // Hide standby, show done
  const standby=document.getElementById('dial-standby-overlay');
  if(standby)standby.style.display='none';
  const doneWrap=document.getElementById('sense-done-wrap');
  if(doneWrap)doneWrap.style.display='block';
  if(darcEl){
    darcEl.style.strokeDasharray='263.9';darcEl.style.strokeDashoffset=String(circ);
    darcEl.style.stroke=score>=85?'var(--g500)':score>=55?'var(--amb)':'var(--org)';
    setTimeout(()=>{darcEl.style.transition='stroke-dashoffset 1.3s ease';darcEl.style.strokeDashoffset=String(circ-(score/100)*circ);},80);
  }
  if(dtxtEl)setTimeout(()=>{
    // Count up without fmt to avoid ฿ symbol
    const _s=Date.now();
    (function _t(){const _p=Math.min((Date.now()-_s)/1200,1);const _e=1-Math.pow(1-_p,3);if(dtxtEl)dtxtEl.textContent=String(Math.round(score*_e));if(_p<1)requestAnimationFrame(_t);})();
  },300);
  if(dlbEl){dlbEl.style.color=sColor;setTimeout(()=>{dlbEl.textContent=scoreLabel;},600);}
  if(dvalEl){dvalEl.style.color=sColor;setTimeout(()=>{
    const _s2=Date.now();
    (function _t2(){const _p=Math.min((Date.now()-_s2)/1200,1);const _e=1-Math.pow(1-_p,3);if(dvalEl)dvalEl.textContent=String(Math.round(score*_e));if(_p<1)requestAnimationFrame(_t2);})();
  },300);}
  if(descEl)setTimeout(()=>{descEl.textContent=scoreDesc;},600);
}
// ── Category bars with tonal palette + expand/collapse ──────────────────
let _catExpanded=true; // v764: default expanded
const _CAT_MASTER=['Beverage Alcohol','Beverage Non-alcohol','DG Food','DG Non-food','Egg','Fish & Seafood','Fruit','Meat','Processed Food','Vegetable'];
function renderCatBars(cats,defaultShow){
  // v767: merge with _CAT_MASTER — show all 10 categories, highlight missing ones in amber
  const purchasedNames=new Set((cats||[]).map(c=>c.n));
  const notPurchased=_CAT_MASTER.filter(n=>!purchasedNames.has(n)).map(n=>({n,s:0,p:0,empty:true}));
  const allCats=[...(cats||[]).slice().sort((a,b)=>(b.s||0)-(a.s||0)),...notPurchased];
  if(!allCats.length)return'';
  const maxP=Math.max(...allCats.map(x=>x.p||0),1);
  const rows=allCats.map((c,i)=>{
    const isEmpty=!!c.empty;
    const barColor=isEmpty?'rgba(240,176,0,.35)':catColor(i);
    const nameStyle=isEmpty?'color:rgba(240,176,0,.85);font-weight:var(--fw-semi)':'';
    const valHtml=isEmpty
      ?`<span style="font-size:var(--text-xs);color:rgba(240,176,0,.7);text-align:right;font-family:var(--mono)">ยังไม่สั่ง</span><span class="cbp" style="text-align:right;padding-left:2px;opacity:0"></span>`
      :`<span class="cbv" style="text-align:right">${fmt(c.s)}</span><span class="cbp" style="text-align:right;padding-left:2px">${c.p}%</span>`;
    return`<div class="cbi" style="--cat-i:${i}"><div class="cbn" style="${nameStyle}">${c.n}</div><div class="cbt"><div class="cbf" style="width:${isEmpty?8:Math.min((c.p||0)/maxP*100,100)}%;background:${barColor};${isEmpty?'opacity:.4':''}"></div></div><div style="display:grid;grid-template-columns:62px 28px;flex-shrink:0">${valHtml}</div></div>`;
  }).join('');
  return rows;
}
function toggleCatExpand(){
  _catExpanded=!_catExpanded;
  const hist=D.history.length?D.history:SAMPLE.history;
  const h=hist[activeMonth]||{};
  const cats=(D.cats_monthly&&D.cats_monthly[h.m])||(D.cats&&D.cats.length?D.cats:SAMPLE.cats);
  const el=document.getElementById('catbars');if(el)el.innerHTML=renderCatBars(cats,3);
}

function _renderOverviewPaceAndStrip(){
  // ── Pace bar ──
  const cm=D.current_month;
  const hist=D.history.length?D.history:SAMPLE.history;
  const paceWrap=document.getElementById('hero-pace-wrap');
  const fcWrap=document.getElementById('hero-forecast');
  if(cm&&cm.days_elapsed>0&&cm.days_in_month>0){
    const dayPct=Math.round(cm.days_elapsed/cm.days_in_month*100);
    const fill=document.getElementById('hero-pace-fill');
    const daysLbl=document.getElementById('hero-pace-days');
    const pcLbl=document.getElementById('hero-pace-pct');
    if(fill)setTimeout(()=>{fill.style.width=dayPct+'%';},80);
    if(daysLbl)daysLbl.textContent=`วันที่ ${cm.days_elapsed} จาก ${cm.days_in_month} วัน`;
    if(pcLbl){pcLbl.textContent='';pcLbl.className='hero-pace-pct';}
    if(paceWrap)paceWrap.style.display='';
    // C10 / P3 (25 ต.ค. 2569 · บอร์ด ProfileNew): แผ่นร้านของ KAM/หัวหน้าทีม/แอดมิน — มุมขวาเป็น %NRR ของร้าน + ON TRACK / MONITOR / AT RISK
    //   ตัวเลขจากแถวเดียวกับรายการร้าน (05b nrrShopRowFor) ⇒ ตรงกับรายการเสมอ · ฿ คู่ใต้ % = คู่เดียวกับรายการ (หารได้ % พอดี)
    //   "คาดทั้งเดือน" (ยอดจริงทุกสาขา) ย้ายไปท้ายแถววัน · โหมดร้านของ Sales ไม่เปลี่ยน (ไม่มี %NRR ในงาน Sales)
    const fcLbl=document.getElementById('hero-fc-lbl');
    const fcChip=document.getElementById('hero-fc-chip');
    let _role='';try{_role=(typeof getCurrentRole==='function')?getCurrentRole():'';}catch(e){_role='';}
    const _shopRow=(_role!=='sales'&&_role!=='sales_tl'&&typeof nrrShopRowFor==='function')?nrrShopRowFor(D.meta&&D.meta.accountId):null;
    const _ns=_shopRow&&_shopRow.nrrSignal;
    const _nsOk=!!(_ns&&_ns.pct!=null&&!_ns.isNew);
    if(_nsOk&&fcWrap){
      const _h=(typeof nrrShopHealth==='function')?nrrShopHealth(_shopRow):null;
      const _hc=(typeof nrrShopHealthCls==='function')?nrrShopHealthCls(_h):'';
      const _bm=(_ns.baseMonthLabel||'').split(' ')[0];
      const _fK=n=>n>=1e6?'฿'+(n/1e6).toFixed(1)+'M':n>=1e3?'฿'+(n/1e3).toFixed(0)+'K':'฿'+Math.round(n);
      const fcNum=document.getElementById('hero-fc-num');
      const fcBase=document.getElementById('hero-fc-base');
      if(fcLbl)fcLbl.textContent='%NRR เทียบฐาน'+(_bm?' '+_bm:'');
      if(fcNum){fcNum.textContent=_ns.label;fcNum.className='hero-fc-num nrr '+_hc;}
      if(fcChip){const _w=(_ns.daysElapsed||0)<5?'รอข้อมูล':((_h&&_h.word_th)||'');fcChip.textContent=_w;fcChip.className='hero-fc-chip '+((_ns.daysElapsed||0)<5?'early':_hc);fcChip.hidden=!_w;}
      if(fcBase)fcBase.textContent=_fK(_ns.cmpRunrate||0)+' / '+_fK(_ns.baseline_gmv||0)+(_bm?' ฐาน '+_bm:'');
      if(pcLbl&&cm.runrate_gmv>0){pcLbl.textContent='คาดทั้งเดือน '+fmt(cm.runrate_gmv);pcLbl.className='hero-pace-pct fc';}
      fcWrap.classList.add('nrr');
      fcWrap.style.display='';
    } else if(cm.runrate_gmv>0&&fcWrap){
      if(fcLbl)fcLbl.textContent='คาดทั้งเดือน';
      if(fcChip){fcChip.hidden=true;fcChip.textContent='';}
      fcWrap.classList.remove('nrr');
      const fcNum=document.getElementById('hero-fc-num');
      if(fcNum)fcNum.className='hero-fc-num';
      const fcBase=document.getElementById('hero-fc-base');
      const lastMo=hist[hist.length-1];
      const _baseDaily=lastMo?lastMo.s/30:0;
      const baseMonthly=Math.round(_baseDaily*cm.days_in_month);
      if(fcNum)fcNum.textContent=fmt(cm.runrate_gmv);
      // P5: "ฐาน ก.ย." (เดิม baseline) — ชื่อเดือนจากข้อมูล ไม่เขียนตาย
      const _baseMoLbl=lastMo&&lastMo.m?String(lastMo.m).split(' ')[0]:'';
      if(fcBase&&baseMonthly>0)fcBase.textContent=(_baseMoLbl?'ฐาน '+_baseMoLbl+' ':'ฐาน ')+fmt(baseMonthly);
      fcWrap.style.display='';
    }
  } else {
    if(paceWrap)paceWrap.style.display='none';
    if(fcWrap)fcWrap.style.display='none';
  }
  // ── Price variance strip ──
  const stripWrap=document.getElementById('ov-price-strip-wrap');
  if(!stripWrap)return;
  const lastMoKey=hist.length>=2?hist[hist.length-2].m:'';
  const currMoKey=hist.length?hist[hist.length-1].m:'';
  const currSkus=D.skus_monthly&&currMoKey?D.skus_monthly[currMoKey]||[]:[];
  const prevSkus=D.skus_monthly&&lastMoKey?D.skus_monthly[lastMoKey]||[]:[];
  if(!currSkus.length||!prevSkus.length){stripWrap.style.display='none';return;}
  const prevMap={};prevSkus.forEach(s=>{prevMap[String(s.id)]={p:s.unit_price||s.u||0,q:s.qty_kg||0};});
  let priceUp=0,priceDn=0,netImpact=0;
  const catImpact={};
  currSkus.forEach(s=>{
    const id=String(s.id);const pv=prevMap[id];
    if(!pv||!pv.p||(s.unit_price||s.u||0)===0)return;
    const cp=s.unit_price||s.u||0;const diff=(pv.q||s.qty_kg||0)*(cp-pv.p);
    const pct=(cp-pv.p)/pv.p*100;
    if(pct>=1)priceUp++;else if(pct<=-1)priceDn++;
    netImpact+=diff;
    const cat=s.d||'อื่นๆ';
    catImpact[cat]=(catImpact[cat]||0)+diff;
  });
  if(priceUp+priceDn===0){stripWrap.style.display='none';return;}
  const netAbs=Math.abs(Math.round(netImpact));
  const netUp=netImpact>0;
  const chips=document.getElementById('ov-ps-chips');
  const varEl=document.getElementById('ov-ps-var');
  const catsEl=document.getElementById('ov-price-cats');
  const netEl=document.getElementById('ov-price-net');
  if(chips)chips.innerHTML=(priceUp>0?`<span class="ov-ps-chip up">▲ ${priceUp}</span>`:'')+
    (priceDn>0?`<span class="ov-ps-chip dn">▼ ${priceDn}</span>`:'');
  if(varEl)varEl.textContent=netAbs>0?`ผลกระทบราคา ${netUp?'+':'-'}${fmt(netAbs)}`:'ราคาทรงตัว';
  if(catsEl){
    const top=Object.entries(catImpact).filter(([,v])=>Math.abs(v)>0).sort((a,b)=>Math.abs(b[1])-Math.abs(a[1])).slice(0,4);
    catsEl.innerHTML=top.map(([n,v])=>`<div class="ov-price-cat-row"><span class="ov-price-cat-name">${n}</span><span class="ov-price-cat-val ${v>0?'up':'dn'}">${v>0?'+':''}${fmt(Math.round(v))}</span></div>`).join('');
  }
  if(netEl)netEl.innerHTML=`<span>สุทธิ</span><span class="ov-price-cat-val ${netUp?'up':'dn'}">${netUp?'+':'-'}${fmt(netAbs)}/เดือน</span>`;
  stripWrap.style.display='';
}


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v212-data-freshness-js
//////////////////////////////////////////////////////////////////////////////

// v212 — Data Freshness & Loader Correctness patch.
// Scope: loader/cache/PWA freshness only. No commission, owner-source, movement-attribution, or schema changes.
(function(global){
  'use strict';
  var VERSION = 'v212-data-freshness-loader';
  var DATA_EPOCH = '2026-05-22-v212-data-freshness';
  var CRITICAL = ['portview','history','handover'];
  var validateTimer = null;
  var validateInFlight = null;
  var lastValidateAt = Date.now(); // avoid double-validating immediately after first boot/pageshow

  function debugOn(){ try{return localStorage.getItem('senseDebug')==='1'||localStorage.getItem('freshketDebug')==='1';}catch(e){return false;} }
  function log(){ if(debugOn()) try{ console.log.apply(console, ['[v212 freshness]'].concat([].slice.call(arguments))); }catch(e){} }
  function warn(){ try{ console.warn.apply(console, ['[v212 freshness]'].concat([].slice.call(arguments))); }catch(e){} }
  function now(){ return Date.now ? Date.now() : +new Date(); }
  function isLoggedIn(){ try{return !!currentUser;}catch(e){return false;} }
  function hasCoreData(){ try{return Array.isArray(portviewBulkData) && portviewBulkData.length>0;}catch(e){return false;} }
  function onVisibleDataSurface(){
    try{
      return !!(document.getElementById('scr-portview')?.classList.contains('on') || document.getElementById('scr-teamview')?.classList.contains('on') || document.getElementById('scr-overview')?.classList.contains('on'));
    }catch(e){ return false; }
  }
  function hydrate(reason){
    try{ if(typeof updateDataStatus==='function') updateDataStatus(); }catch(e){}
    try{ if(typeof updateMatcherPreStatus==='function') updateMatcherPreStatus(); }catch(e){}
    try{
      if(typeof _senseHydrateVisiblePortfolio==='function') _senseHydrateVisiblePortfolio('v212-'+reason,{full:true,delay:120});
      else {
        if(typeof renderPortview==='function' && document.getElementById('scr-portview')?.classList.contains('on')) renderPortview();
        if(typeof renderTeamview==='function' && document.getElementById('scr-teamview')?.classList.contains('on')) renderTeamview();
      }
    }catch(e){}
    try{ if(typeof renderKamOverview==='function' && document.getElementById('scr-overview')?.classList.contains('on')) renderKamOverview(); }catch(e){}
  }
  function summarizeFreshness(){
    try{
      var f=global.FreshketSenseDataFreshness||{};
      return CRITICAL.map(function(k){ var x=f[k]||{}; return k+':'+(x.source||'unknown'); }).join(' · ');
    }catch(e){ return ''; }
  }
  async function validateFreshnessOnResume(reason, opts){
    opts = opts || {};
    var minGap = opts.force ? 0 : 180000;
    if(validateInFlight) return validateInFlight;
    if(!isLoggedIn()) return false;
    if(!opts.force && !hasCoreData()) return false;
    if(!opts.force && now()-lastValidateAt < minGap) return false;
    lastValidateAt = now();
    validateInFlight = (async function(){
      try{
        if(navigator && navigator.onLine===false){
          try{ if(typeof showToast==='function') showToast('ใช้ข้อมูล cached — offline','⚠'); }catch(e){}
          return false;
        }
        if(typeof ensureCloudflareFiles !== 'function') return false;
        log('validate start', reason, {surface:onVisibleDataSurface(), core:hasCoreData()});
        try{ if(typeof _setDataPillText==='function') _setDataPillText('ตรวจข้อมูลล่าสุด','0/'+CRITICAL.length); }catch(e){}
        var ok = await ensureCloudflareFiles(CRITICAL, {label:'ตรวจข้อมูลล่าสุด', force:true});
        if(ok){
          hydrate(reason||'resume');
          var _stale = (typeof window._senseStaleTabs==='function') ? window._senseStaleTabs(CRITICAL) : []; // v_gate
          try{ if(typeof showToast==='function') showToast(_stale.length ? 'โหลดข้อมูลใหม่ไม่ได้ — ใช้ข้อมูลเดิมในเครื่อง' : 'ข้อมูลล่าสุดแล้ว', _stale.length ? '⚠' : '✓'); }catch(e){}
        }else{
          try{ if(typeof showToast==='function') showToast('ตรวจข้อมูลล่าสุดไม่ครบ — ใช้ข้อมูลที่มีอยู่','⚠'); }catch(e){}
        }
        log('validate done', reason, {ok:ok, freshness:summarizeFreshness()});
        return !!ok;
      }catch(e){ warn('validate failed', reason, e&&e.message?e.message:e); return false; }
      finally{ validateInFlight = null; }
    })();
    return validateInFlight;
  }
  function schedule(reason, opts){
    opts = opts || {};
    if(validateTimer) clearTimeout(validateTimer);
    validateTimer = setTimeout(function(){
      validateTimer = null;
      validateFreshnessOnResume(reason, opts);
    }, opts.delay == null ? 1200 : opts.delay);
  }

  // v225: visibilitychange/pageshow/focus/online listeners REMOVED from v212.
  // Handled by ResumeCoordinator at end of 08_patches.js.

  global.FreshketSenseV212 = {
    version: VERSION,
    dataEpoch: DATA_EPOCH,
    criticalKeys: CRITICAL.slice(),
    validateFreshnessOnResume: validateFreshnessOnResume,
    getFreshness: function(){ try{return JSON.parse(JSON.stringify(global.FreshketSenseDataFreshness||{}));}catch(e){return global.FreshketSenseDataFreshness||{};} }
  };
})(window);


//////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v225-resume-coordinator
//////////////////////////////////////////////////////////////////////////////
//
// v225 ResumeCoordinator — Single entry point for all resume events.
//
// REPLACES: 12 individual event listeners from v206f, v212, v212a
//   (visibilitychange × 3, pageshow × 3, focus × 3, online × 3)
//
// PROBLEM SOLVED: 3 independent patches each added their own listeners,
// firing at t=1200/1600/2400ms on every screen wake → 3 renders per resume.
//
// DESIGN:
//   - ONE set of event listeners for all resume triggers
//   - Gate I11: skip if login form is visible (user may be typing)
//   - Gate: skip if not logged in
//   - Dedup: MIN_GAP 60s — no repeat check within 1 minute
//   - Delegates to v212a.validateFreshnessOnResume (most comprehensive)
//     which handles ETag check (CSV) + governance reload (Supabase)
//   - If stale data found → ETag fetch → result goes through RenderBus
//     (not direct renderXxx calls)
//
// INVARIANTS ENFORCED:
//   I5: visibilitychange/pageshow → coordinator only
//   I8: resume + data unchanged + <60s → zero render
//   I11: login overlay visible → zero trigger

(function(global){
  'use strict';
  var VERSION = 'v225-resume-coordinator';
  var MIN_GAP_MS = 60000; // 60s — minimum gap between freshness checks
  var _lastRunAt = Date.now(); // v225d: init to now — prevents initial pageshow from triggering ETag check (already runs via background timer)
  var _timer = null;
  var _inFlight = null;

  function _isLoginVisible(){
    try{
      var ov = document.getElementById('login-overlay');
      if(!ov) return false;
      // Overlay is visible if display is not 'none' and doesn't have hidden class
      return ov.style.display !== 'none' && !ov.classList.contains('lgi-hidden');
    }catch(e){ return false; }
  }

  function _isLoggedIn(){
    try{ return !!global.currentUser; }catch(e){ return false; }
  }

  function _schedule(reason, delayMs){
    clearTimeout(_timer);
    _timer = setTimeout(function(){
      _timer = null;
      _run(reason);
    }, delayMs || 1200);
  }

  function _run(reason){
    // Gate I11: don't disturb login form (user may be typing password)
    if(_isLoginVisible()) return;
    // Gate: not logged in yet — auth will handle data load
    if(!_isLoggedIn()) return;
    // Dedup: already checked recently
    if(_inFlight) return;
    var now = Date.now();
    if(now - _lastRunAt < MIN_GAP_MS) return;
    _lastRunAt = now;

    _inFlight = (function(){
      // Use v212a's unified validator (handles CSV ETag + governance/commission reload).
      // Call with force:true to bypass its internal 180s dedup — coordinator owns timing.
      var validator = null;
      try{
        if(global.FreshketSenseV212a && typeof global.FreshketSenseV212a.validateFreshnessOnResume === 'function'){
          validator = global.FreshketSenseV212a.validateFreshnessOnResume;
        } else if(global.FreshketSenseV212 && typeof global.FreshketSenseV212.validateFreshnessOnResume === 'function'){
          validator = global.FreshketSenseV212.validateFreshnessOnResume;
        }
      }catch(e){}

      // v_freshtab: also re-check for a new deploy on the same cadence —
      // checkRemoteBuild (defined in a later IIFE, exposed on global) is a
      // no-op for regular desktop tabs (isStandalonePwa() gate) and only
      // takes effect for installed PWA sessions, which previously only ever
      // checked once, at boot.
      try{ if(typeof global.checkRemoteBuild === 'function') global.checkRemoteBuild(reason); }catch(e){}

      var p = validator
        ? validator(reason, {force: true})
        : Promise.resolve(false);

      p.catch(function(){}).finally
        ? p.catch(function(){}).finally(function(){ _inFlight = null; })
        : p.then(function(){ _inFlight = null; }, function(){ _inFlight = null; });

      return p;
    })();
  }

  // ── Single set of listeners (replaces 12 from v206f/v212/v212a) ──────────
  document.addEventListener('visibilitychange', function(){
    if(document.visibilityState === 'visible') _schedule('visibility-visible', 1200);
  });
  global.addEventListener('pageshow', function(event){
    // bfcache restore (faster): 900ms; normal page show: 1800ms
    _schedule(event && event.persisted ? 'pageshow-bfcache' : 'pageshow',
              event && event.persisted ? 900 : 1800);
  });
  global.addEventListener('focus', function(){ _schedule('window-focus', 1400); });
  global.addEventListener('online', function(){
    // Network restored — check immediately (but still respect MIN_GAP)
    _schedule('online', 450);
  });
  // v_freshtab (2026-07-26): the 4 listeners above are all "resume"-class
  // events — a tab that stays continuously visible AND focused (never
  // backgrounded/refocused) never fires any of them, so its data can go
  // stale indefinitely with zero signal. This periodic tick is the only
  // trigger that doesn't depend on the tab losing/regaining
  // visibility/focus. Reuses _schedule/_run verbatim, so it inherits every
  // existing gate for free (login-overlay check, logged-in check, the 60s
  // MIN_GAP_MS dedup, single in-flight dedup) — no new logic, just a new
  // trigger. 15 min: between Pulse's 10-min kiosk cadence (nrr_pulse.js)
  // and this same file's own SW-update-check cadence (shell.html, 20 min).
  setInterval(function(){ _schedule('interval-poll', 0); }, 15 * 60 * 1000);

  // Expose for diagnostics
  global.FreshketSenseResumeCoordinator = {
    version: VERSION,
    getLastRunAt: function(){ return _lastRunAt; },
    getState: function(){ return {lastRunAt: _lastRunAt, inFlight: !!_inFlight, timer: !!_timer}; }
  };

})(window);


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v212c-diagnostics-js
//////////////////////////////////////////////////////////////////////////////

// v212c — Reliable diagnostics + foreground counter, with zero extra network/reload behavior.
// Scope: debug/readability only. Does not change NRR, commission, owner, movement, loader policy, or SQL.
(function(global){
  'use strict';
  var VERSION = 'v212c-diagnostics-counter-fix';
  var DATA_EPOCH = '2026-05-22-v212c-diagnostics-counter-fix';
  var FOREGROUND = ['portview','history','categories','sku_current','outlets','handover'];
  var CORE = ['portview','history','handover'];

  function now(){ return Date.now ? Date.now() : +new Date(); }
  function safeClone(x){ try{return JSON.parse(JSON.stringify(x));}catch(e){return x;} }
  function countObj(o){ try{return o && typeof o === 'object' ? Object.keys(o).length : 0;}catch(e){return 0;} }
  function arrLen(a){ try{return Array.isArray(a) ? a.length : 0;}catch(e){return 0;} }
  function readVar(name){
    try{ if(Object.prototype.hasOwnProperty.call(global, name)) return global[name]; }catch(e){}
    try{ return (0,eval)(name); }catch(e){}
    try{ return eval(name); }catch(e){}
    return undefined;
  }
  function readTabs(){
    var t = readVar('_cloudLoadedTabs');
    try{ return t && typeof t.has === 'function' ? t : null; }catch(e){ return null; }
  }
  function tabHas(k){ var t=readTabs(); try{return !!(t && t.has(k));}catch(e){return false;} }
  function tabList(){ var t=readTabs(); try{return t ? Array.from(t) : [];}catch(e){return [];} }
  function handoverCounts(){
    var h = readVar('bulkHandoverData') || {};
    return {
      accounts: countObj(h.byAccountId),
      kams: countObj(h.byKamName),
      rawRows: arrLen(h.rows || h.rawRows || h.data)
    };
  }
  function rows(){
    var h = handoverCounts();
    var out = {
      portviewRows: arrLen(readVar('portviewBulkData')),
      currentMonthAccounts: countObj(readVar('bulkCurrentMonthData')),
      historyAccounts: countObj(readVar('bulkHistoryData')),
      handoverAccounts: h.accounts,
      handoverKams: h.kams,
      handoverRawRows: h.rawRows,
      categoriesAccounts: countObj(readVar('bulkCatsData')) || countObj(readVar('bulkCategoriesData')),
      skuCurrentAccounts: countObj(readVar('bulkSkuCurrentData')),
      outletsAccounts: countObj(readVar('bulkOutletsData')),
      loadedTabs: tabList()
    };
    out.coreReady = !!(out.portviewRows > 0 && out.historyAccounts > 0 && (out.handoverAccounts > 0 || out.handoverKams > 0 || tabHas('handover')));
    out.foregroundReadyCount = FOREGROUND.filter(function(k){ return loaded(k, out); }).length;
    out.foregroundTotal = FOREGROUND.length;
    return out;
  }
  function loaded(key, snapshot){
    var r = snapshot || rows();
    if(key === 'portview') return tabHas('portview') || r.portviewRows > 0;
    if(key === 'history') return tabHas('history') || r.historyAccounts > 0;
    if(key === 'categories') return tabHas('categories') || r.categoriesAccounts > 0;
    if(key === 'sku_current') return tabHas('sku_current') || r.skuCurrentAccounts > 0;
    if(key === 'outlets') return tabHas('outlets') || r.outletsAccounts > 0;
    if(key === 'handover') return tabHas('handover') || r.handoverAccounts > 0 || r.handoverKams > 0 || r.handoverRawRows > 0;
    return false;
  }
  function freshness(){
    var v212 = null, v212a = null;
    try{ v212 = global.FreshketSenseV212 && typeof global.FreshketSenseV212.getFreshness === 'function' ? global.FreshketSenseV212.getFreshness() : null; }catch(e){ v212 = {error:e&&e.message?e.message:String(e)}; }
    try{ v212a = global.FreshketSenseV212a && typeof global.FreshketSenseV212a.getFreshness === 'function' ? global.FreshketSenseV212a.getFreshness() : null; }catch(e){ v212a = {error:e&&e.message?e.message:String(e)}; }
    return {
      csv: safeClone(global.FreshketSenseDataFreshness || (v212&&v212.csv) || (v212a&&v212a.csv) || {}),
      governance: safeClone(global.FreshketSenseGovernanceFreshness || (v212&&v212.governance) || (v212a&&v212a.governance) || {}),
      v212: safeClone(v212),
      v212a: safeClone(v212a)
    };
  }
  function version(){
    var cfg = global.FreshketSenseConfig || global.FRESHKET_CONFIG || {};
    var cfgVersion = null;
    try{ cfgVersion = cfg.app && cfg.app.version; }catch(e){}
    return {
      build: VERSION,
      dataEpoch: DATA_EPOCH,
      configVersion: cfgVersion || null,
      currentBuild: VERSION.replace(/^v(\d+[a-z]?).*$/i, 'v$1'),
      objects: {
        FreshketSenseDebug: !!global.FreshketSenseDebug,
        FreshketSenseV212b: !!global.FreshketSenseV212b,
        FreshketSenseV212a: !!global.FreshketSenseV212a,
        FreshketSenseV212: !!global.FreshketSenseV212
      },
      url: String(location.href),
      standalone: !!((global.matchMedia && global.matchMedia('(display-mode: standalone)').matches) || navigator.standalone)
    };
  }
  function resourceRows(pattern){
    var re = pattern instanceof RegExp ? pattern : /portview|bulk_|sense_|supabase|rest\/v1/i;
    try{
      return performance.getEntriesByType('resource')
        .filter(function(r){ return re.test(r.name); })
        .map(function(r){ return {
          file: String(r.name).split('/').pop().split('?')[0],
          url: r.name,
          duration: Math.round(r.duration || 0),
          sizeKB: Math.round((r.transferSize || 0) / 1024),
          startMs: Math.round(r.startTime || 0),
          initiator: r.initiatorType || ''
        }; });
    }catch(e){ return [{error:e&&e.message?e.message:String(e)}]; }
  }
  function network(){ return resourceRows(); }
  function heavyNetwork(){ return resourceRows(/bulk_skus|bulk_alternatives|sense_skus|sense_alts|bulk_price/i); }
  function status(){
    var r = rows();
    var f = freshness();
    return {
      version: version(),
      rows: r,
      freshness: f,
      counter: syncCounter(),
      networkSummary: {
        matchingResources: network().length,
        heavyResources: heavyNetwork().length
      },
      ts: now()
    };
  }
  function chipId(key){
    if(key === 'history') return 'sp-history';
    if(key === 'categories') return 'sp-categories';
    if(key === 'sku_current') return 'sp-sku_current';
    if(key === 'outlets') return 'sp-outlets';
    if(key === 'handover') return 'sp-handover';
    return 'sp-' + key;
  }
  function paintChip(key, ok){
    try{
      var el = document.getElementById(chipId(key));
      if(!el) return;
      el.style.background = ok ? 'var(--tk-ok-dim-2)' : 'rgba(0,0,0,.06)';
      el.style.color = ok ? 'var(--g700)' : 'var(--n500)';
      el.style.fontWeight = ok ? '800' : '600';
      el.title = ok ? 'Loaded' : 'Not confirmed loaded';
    }catch(e){}
  }
  function syncCounter(){
    var r = rows();
    var loadedKeys = FOREGROUND.filter(function(k){ return loaded(k, r); });
    var coreKeys = CORE.filter(function(k){ return loaded(k, r); });
    FOREGROUND.forEach(function(k){ paintChip(k, loadedKeys.indexOf(k) >= 0); });
    var counter = document.getElementById('sheets-loaded-count');
    var label;
    if(loadedKeys.length >= FOREGROUND.length) label = loadedKeys.length + '/' + FOREGROUND.length;
    else if(coreKeys.length >= CORE.length) label = 'Core 3/3';
    else label = loadedKeys.length + '/' + FOREGROUND.length;
    if(counter){
      counter.style.display = 'inline-block';
      counter.textContent = label;
      counter.classList.remove('sense-core-ready','sense-all-ready','sense-partial');
      counter.classList.add(loadedKeys.length >= FOREGROUND.length ? 'sense-all-ready' : (coreKeys.length >= CORE.length ? 'sense-core-ready' : 'sense-partial'));
      counter.title = 'Foreground loaded: ' + loadedKeys.join(', ') + ' | Core: ' + coreKeys.join(', ');
    }
    return {label:label, loaded:loadedKeys.length, total:FOREGROUND.length, loadedKeys:loadedKeys, coreLoaded:coreKeys.length, coreTotal:CORE.length, coreKeys:coreKeys, rows:r};
  }
  function installWrappers(){
    try{
      var oldUpdate = global.updateDataStatus;
      if(typeof oldUpdate === 'function' && !oldUpdate.__v212cWrapped){
        var wrappedUpdate = function(){ var ret = oldUpdate.apply(this, arguments); setTimeout(syncCounter, 0); setTimeout(syncCounter, 300); return ret; };
        wrappedUpdate.__v212cWrapped = true;
        global.updateDataStatus = wrappedUpdate;
        try{ updateDataStatus = wrappedUpdate; }catch(e){}
      }
    }catch(e){}
    try{
      var oldOpen = global.openDataPanel;
      if(typeof oldOpen === 'function' && !oldOpen.__v212cWrapped){
        var wrappedOpen = function(){ var ret = oldOpen.apply(this, arguments); setTimeout(syncCounter, 60); setTimeout(syncCounter, 700); setTimeout(syncCounter, 1800); return ret; };
        wrappedOpen.__v212cWrapped = true;
        global.openDataPanel = wrappedOpen;
        try{ openDataPanel = wrappedOpen; }catch(e){}
      }
    }catch(e){}
  }
  function logLoaded(reason){
  }

  installWrappers();
  try{ global.FRESHKET_CONFIG = global.FreshketSenseConfig || global.FRESHKET_CONFIG || {}; }catch(e){}
  try{ global.FRESHKET_BUILD = VERSION; }catch(e){}
  try{ global.currentBuild = function(){ return 'v212c'; }; }catch(e){}

  var api = Object.freeze({
    version: version,
    rows: rows,
    freshness: freshness,
    network: network,
    heavyNetwork: heavyNetwork,
    status: status,
    syncCounter: syncCounter,
    log: logLoaded
  });
  global.FreshketSenseDebug = api;
  global.FreshketSenseV212c = api;

  [250, 1200, 3000, 7000, 14000].forEach(function(ms){ setTimeout(syncCounter, ms); });
  try{ document.addEventListener('visibilitychange', function(){ if(document.visibilityState === 'visible') setTimeout(syncCounter, 1200); }); }catch(e){}
  try{ global.addEventListener('pageshow', function(){ setTimeout(syncCounter, 1200); }); }catch(e){}
  try{ global.addEventListener('online', function(){ setTimeout(syncCounter, 600); }); }catch(e){}
})(window);


//////////////////////////////////////////////////////////////////////////////


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v206f-pwa-resume-patch
//////////////////////////////////////////////////////////////////////////////

// v206f: Installed PWA live-update + resume data repair.
// Scope: no business logic, no SQL, no AI changes.
(function(global){
  'use strict';
  if(global._v206fPwaResumePatchInstalled) return;
  global._v206fPwaResumePatchInstalled = true;

  const VERSION = 'v206f-pwa-resume-repair';
  const BUILD_RE = /Freshket Sense\s+v(\d+[a-z]?)/i;
  const BUILD_STORAGE_KEY = 'freshket_sense_build_version';
  const LAST_RELOAD_KEY = 'freshket_sense_last_build_reload';
  let resumeRepairTimer = null;
  let buildCheckInFlight = null;
  let dataRepairInFlight = null;

  function debugOn(){
    try{return localStorage.getItem('senseDebug')==='1' || localStorage.getItem('freshketDebug')==='1';}catch(e){return false;}
  }
  function log(){ if(debugOn()) try{ console.log.apply(console, ['[v206f pwa]'].concat([].slice.call(arguments))); }catch(e){} }
  function warn(){ try{ console.warn.apply(console, ['[v206f pwa]'].concat([].slice.call(arguments))); }catch(e){} }
  function isStandalonePwa(){
    try{return !!(global.matchMedia&&global.matchMedia('(display-mode: standalone)').matches) || !!navigator.standalone;}catch(e){return false;}
  }
  function now(){ return Date.now ? Date.now() : +new Date(); }
  function safeCount(obj){ try{return obj ? Object.keys(obj).length : 0;}catch(e){return 0;} }
  function pvCount(){ try{return Array.isArray(global.portviewBulkData) ? global.portviewBulkData.length : 0;}catch(e){return 0;} }
  function cmCount(){ try{return safeCount(global.bulkCurrentMonthData);}catch(e){return 0;} }
  function histCount(){ try{return safeCount(global.bulkHistoryData);}catch(e){return 0;} }
  function isLoggedIn(){ try{return !!global.currentUser;}catch(e){return false;} }
  function role(){ try{return (global.currentUserProfile&&global.currentUserProfile.role||'').toLowerCase();}catch(e){return '';} }
  function onPortfolioSurface(){
    try{
      return !!(document.getElementById('scr-portview')?.classList.contains('on') || document.getElementById('scr-teamview')?.classList.contains('on'));
    }catch(e){return false;}
  }
  function criticalReady(){
    const pv = pvCount();
    const cm = cmCount();
    // portview parse builds bulkCurrentMonthData from the same file. If pv exists but cm is empty,
    // runtime is very likely in a stale/resumed partial state.
    return pv > 0 && cm > 0;
  }
  function getBuildFromHtml(txt){
    try{ const m = String(txt||'').match(BUILD_RE); return m ? ('v'+m[1]) : null; }catch(e){return null;}
  }
  function currentBuild(){
    try{
      const cfg=global.FreshketSenseConfig||{};
      const v=cfg.app&&cfg.app.version;
      const m=String(v||'').match(/v\d+[a-z]?/i);
      if(m) return m[0].toLowerCase();
    }catch(e){}
    try{
      const c=(document.documentElement&&document.documentElement.innerHTML||'').match(/Freshket Sense\s+v(\d+[a-z]?)/i);
      if(c) return ('v'+c[1]).toLowerCase();
    }catch(e){}
    return 'v207d';
  }

  function markBuild(){
    try{
      const prev=localStorage.getItem(BUILD_STORAGE_KEY);
      if(prev && prev!==currentBuild()) sessionStorage.setItem('freshket_build_changed_this_session','1');
      localStorage.setItem(BUILD_STORAGE_KEY,currentBuild());
    }catch(e){}
  }
  markBuild();

  // v_freshtab (2026-07-26): removed installServiceWorkerUpdateGuard/
  // askWaitingServiceWorkerToActivate — this guard unconditionally sent
  // SKIP_WAITING to any waiting SW the instant navigator.serviceWorker.ready
  // resolved (i.e. on every load, not gated on user action), racing and
  // defeating shell.html's polite update pill (which only sends SKIP_WAITING
  // when the user taps it). The new SW activated silently before the pill
  // could matter; since window._senseUserRequestedUpdate was never set via
  // this path, shell.html's own controllerchange handler just logged "SW
  // claimed silently — no reload" and did nothing, leaving a tab
  // network-controlled by new code but its JS/DOM never reloaded, with zero
  // visible signal. Confirmed via repo-wide grep this function was
  // unreferenced anywhere else — safe, self-contained removal.
  // shell.html's own registration (reg.update() on load + 20-min interval +
  // visibilitychange recheck, pill on reg.waiting/updatefound, tap → SKIP_
  // WAITING → controllerchange → single reload) is now the sole SW-update path.

  async function checkRemoteBuild(reason){
    // v207c: live reload is useful for installed PWA, but harmful on desktop while testing/Sense flow.
    // Desktop can refresh manually; avoid forced reload/login loops caused by stale build token mismatch.
    if(!isStandalonePwa()) return currentBuild();
    try{
      if(global._senseFlowHeavyActive===true || document.body.classList.contains('kam-sense-active')){
        log('build-check deferred during Sense flow', reason);
        return currentBuild();
      }
    }catch(e){}
    if(buildCheckInFlight) return buildCheckInFlight;
    buildCheckInFlight = (async function(){
      try{
        // Only check on launch/resume. While the app is active, avoid surprise reloads.
        const url = location.origin + location.pathname + '?__sense_build_check=' + now();
        const res = await fetch(url, {cache:'no-store', credentials:'same-origin'});
        if(!res || !res.ok) return null;
        const txt = await res.text();
        const remote = getBuildFromHtml(txt);
        const local = currentBuild();
        log('build-check', {reason, local, remote});
        if(remote && remote !== local){
          const last = Number(sessionStorage.getItem(LAST_RELOAD_KEY)||0);
          if(now() - last > 12000){
            sessionStorage.setItem(LAST_RELOAD_KEY, String(now()));
            // Force a network navigation and avoid reusing stale in-memory PWA state.
            const next = location.origin + location.pathname + '?__sense_reload=' + encodeURIComponent(remote) + '&t=' + now() + location.hash;
            warn('new build detected; reloading', {local, remote, reason});
            // v_crashprobe: บันทึกไว้ด้วย เพื่อแยกให้ขาดเวลามีคนบอกว่า "แอปเด้ง"
            // ว่าเป็นการโหลดทับของแอปเอง (บรรทัดนี้) หรือถูกเครื่องฆ่า (unclean_exit)
            try{ if(global.SenseSentinel) global.SenseSentinel.report('build_reload',
              'local=' + local + ' remote=' + remote + ' reason=' + reason); }catch(e){}
            location.replace(next);
          }
        }
        return remote;
      }catch(e){ log('build-check skipped', reason, e&&e.message?e.message:e); return null; }
      finally{ buildCheckInFlight = null; }
    })();
    return buildCheckInFlight;
  }
  // v_freshtab: exposed so FreshketSenseResumeCoordinator (a separate IIFE,
  // ~line 3305) can trigger a build-mismatch check from its own periodic
  // interval — checkRemoteBuild already self-gates on isStandalonePwa(), so
  // this is a no-op for regular desktop tabs; it only takes effect for
  // installed PWA sessions, which today only ever check once, at boot.
  global.checkRemoteBuild = checkRemoteBuild;

  async function repairCriticalData(reason, opts){
    opts = opts || {};
    if(dataRepairInFlight) return dataRepairInFlight;
    dataRepairInFlight = (async function(){
      try{
        if(!isLoggedIn()) return false;
        const pv = pvCount(), cm = cmCount(), hist = histCount();
        const force = !!opts.force;
        const loading = !!global.sheetsLoadStarted;
        const initialInFlight = !!global._cloudInitialPromise;
        const needsRepair = force || !criticalReady() || (loading && !initialInFlight && pv===0);
        log('data-sanity', {reason, force, pv, cm, hist, loading, initialInFlight, needsRepair, role:role()});
        if(!needsRepair) return false;
        // Do not run multiple loaders on top of each other. If a real initial load is active, let it finish.
        if(initialInFlight) return false;
        try{ global.sheetsLoadStarted = false; }catch(e){}
        try{ global._cloudInitialPromise = null; }catch(e){}
        try{ global._cloudBackgroundPromise = null; }catch(e){}
        try{ if(global._clearCloudInFlight) global._clearCloudInFlight(); }catch(e){}
        try{ if(global._cloudLoadedTabs && global._cloudLoadedTabs.clear) global._cloudLoadedTabs.clear(); }catch(e){}
        try{ if(global.showToast) global.showToast('รีเฟรชข้อมูลหลังกลับเข้าแอป...','⟳'); }catch(e){}
        if(typeof global.loadFromCloudflareR2 === 'function'){
          await global.loadFromCloudflareR2();
        }else if(typeof global.loadFromGoogleSheets === 'function'){
          await global.loadFromGoogleSheets();
        }
        setTimeout(function(){
          try{
            if(onPortfolioSurface() && typeof global.renderPortview === 'function') global.renderPortview();
            if(document.getElementById('scr-teamview')?.classList.contains('on') && typeof global.renderTeamview === 'function') global.renderTeamview();
          }catch(e){}
        }, 260);
        return true;
      }catch(e){ warn('data repair failed', reason, e&&e.message?e.message:e); return false; }
      finally{ dataRepairInFlight = null; }
    })();
    return dataRepairInFlight;
  }

  function scheduleResumeRepair(reason, opts){
    opts = opts || {};
    if(resumeRepairTimer) clearTimeout(resumeRepairTimer);
    resumeRepairTimer = setTimeout(function(){
      resumeRepairTimer = null;
      checkRemoteBuild(reason);
      // PWA/Home Screen is the risky surface, but this is cheap and useful on desktop too.
      repairCriticalData(reason, opts);
    }, opts.delay == null ? 900 : opts.delay);
  }

  // v225: visibilitychange/pageshow/focus/online listeners REMOVED from v206f.
  // Replaced by ResumeCoordinator at end of 08_patches.js — single coordinator
  // for all 3 patches (v206f/v212/v212a) to prevent 3× render on every resume.

  // First-load sanity: when a new build is loaded over an old local/session state, repair once after auth/routing settles.
  setTimeout(function(){
    const changed = (function(){ try{return sessionStorage.getItem('freshket_build_changed_this_session')==='1';}catch(e){return false;} })();
    scheduleResumeRepair(changed ? 'new-build-first-load' : 'first-load-sanity', {delay: changed ? 600 : 2200, force: changed});
  }, 1200);

  global.getFreshketV206fPwaState = function(){
    return {version:VERSION, standalone:isStandalonePwa(), loggedIn:isLoggedIn(), role:role(), pvCount:pvCount(), currentMonthAccounts:cmCount(), historyAccounts:histCount(), criticalReady:criticalReady(), sheetsLoadStarted:!!global.sheetsLoadStarted, hasInitialPromise:!!global._cloudInitialPromise};
  };
})(window);// ─────────────────────────────────────────────────────────────────────────────
// Phase 0G: DOM UTILITIES — ใช้แทน innerHTML โดยตรง
//
// updateDOM(el, htmlString)
//   ทำ event listener cleanup ก่อน inject HTML ใหม่
//   ป้องกัน memory leak จาก inline onclick handlers ที่ไม่ถูก remove
//   ทุก feature ใหม่ต้องใช้ updateDOM แทน el.innerHTML = html
//
// shimmer(el, rows, opts)
//   แสดง skeleton loading placeholder ขณะรอ Tier ที่สูงกว่า
//   ใช้เมื่อ feature ต้องการ Tier 2/3 แต่กำลัง render ใน Tier 1 pass
//
// USAGE:
//   updateDOM(document.getElementById('my-list'), htmlString);
//   shimmer(document.getElementById('sku-section'), 3);
// ─────────────────────────────────────────────────────────────────────────────
window.updateDOM = function updateDOM(el, htmlString){
  if(!el) return;
  try{
    // Remove any elements with data-evt marker (explicit listener registration)
    el.querySelectorAll('[data-evt]').forEach(function(child){
      try{
        var evtList = child._senseEvts;
        if(evtList && Array.isArray(evtList)){
          evtList.forEach(function(e){ try{ child.removeEventListener(e.type, e.fn); }catch(_){} });
        }
        child._senseEvts = null;
      }catch(_){}
    });
  }catch(_){}
  el.innerHTML = htmlString;
};

// shimmerHTML(rows, opts) — returns shimmer HTML string (for use inside render functions)
// opts: { height: '12px', gap: '8px', widths: ['80%','60%','70%'] }
window.shimmerHTML = function shimmerHTML(rows, opts){
  opts = opts || {};
  var h = opts.height || '12px';
  var gap = opts.gap || '10px';
  var ws = opts.widths || ['75%','55%','65%','50%','70%'];
  var html = '<div style="padding:12px 0;display:flex;flex-direction:column;gap:'+gap+'">';
  for(var i=0; i<(rows||3); i++){
    var w = ws[i % ws.length];
    html += '<div class="sense-shimmer" style="height:'+h+';width:'+w+';border-radius:var(--r-xs);background:var(--n100,rgba(255,255,255,.06));position:relative;overflow:hidden">'
          + '<div class="sense-shimmer-inner"></div>'
          + '</div>';
  }
  html += '</div>';
  return html;
};

// shimmer(el, rows, opts) — inject shimmer into element directly
window.shimmer = function shimmer(el, rows, opts){
  if(!el) return;
  window.updateDOM(el, window.shimmerHTML(rows, opts));
};

// SECTION:OVERVIEW
function renderOverview(){
  const renderer = window.FreshketSenseOverviewRenderer;
  if(renderer && typeof renderer.renderFromLegacy === 'function'){
    try{
      const result = renderer.renderFromLegacy({
        D: D,
        SAMPLE: (typeof SAMPLE !== 'undefined' ? SAMPLE : {history:[],cats:[]}),
        activeMonth: activeMonth,
        animN: animN,
        renderCatBars: renderCatBars,
        renderOverviewStats: renderOverviewStats,
        renderInterpretation: renderInterpretation,
        renderPaceAndStrip: _renderOverviewPaceAndStrip,
        setSenseGateState: _sgSetState,
        getFlag: function(name){
          if(name === 'aiCameFromPreview') return aiCameFromPreview;
          if(name === 'senseActivated') return senseActivated;
          if(name === 'footerUnlocked') return footerUnlocked;
          if(name === 'sgRunning') return _sgRunning;
          if(name === 'heroLockedToCurrent') return heroLockedToCurrent;
          return undefined;
        },
        setFlag: function(name, value){
          if(name === 'aiCameFromPreview'){ aiCameFromPreview = value; return true; }
          if(name === 'senseActivated'){ senseActivated = value; return true; }
          if(name === 'footerUnlocked'){ footerUnlocked = value; return true; }
          if(name === 'sgRunning'){ _sgRunning = value; return true; }
          if(name === 'heroLockedToCurrent'){ heroLockedToCurrent = value; return true; }
          return false;
        }
      });
      if(result && result.ok) return result;
    }catch(err){
      console.warn('[Freshket Sense] Overview renderer failed, falling back to legacy renderer:', err && err.message ? err.message : err);
    }
  }
  return __legacyRenderOverviewFallback();
}

function __legacyRenderOverviewFallback(){
  // Reset AI button to idle on data refresh
  const raBtn=document.getElementById('rest-ai-btn');
  const raLoad=document.getElementById('rest-ai-load');
  const raPreview=document.getElementById('rest-ai-preview');
  if(raBtn){raBtn.classList.remove('loading','done');raBtn.style.opacity='';}
  if(raLoad){raLoad.style.display='none';['ras-1','ras-2','ras-3','ras-4'].forEach(id=>{const s=document.getElementById(id);if(s)s.classList.remove('vis');});}
  if(raPreview)raPreview.style.display='none';
  // Sprint 2: reset Sense activation state + restore dial standby
  // v191 guard: skip reset in KAM mode — daily bulk data reload (portview/history/sku) must NOT
  // force KAM through the gate again. Reset only happens on account switch (explicit) or
  // alternatives reload (data changes). Restaurant mode always resets (standby per session).
  if(!isKAM){
    aiCameFromPreview=false;senseActivated=false;footerUnlocked=false;_sgRunning=false;
    const _srhBridge=document.getElementById('srh-bridge');if(_srhBridge)_srhBridge.style.display='none';
    // Close gate if open
    const _gate=document.getElementById('sense-gate');if(_gate)_gate.style.display='none';
    _sgSetState('standby');
    const _oppHdrEl=document.getElementById('opphdr');if(_oppHdrEl)_oppHdrEl.classList.remove('ai-active');
    const _dsvgR=document.getElementById('dial-svg');if(_dsvgR)_dsvgR.classList.remove('sense-loading');
    const _dialOvR2=document.getElementById('dial-standby-overlay');if(_dialOvR2)_dialOvR2.style.display='flex';
    const _doneWR=document.getElementById('sense-done-wrap');if(_doneWR)_doneWR.style.display='none';
    const _dWrap=document.getElementById('dial-clickwrap');if(_dWrap){_dWrap.classList.remove('sense-done');_dWrap.style.pointerEvents='';}
  }
  const hist=D.history.length?D.history:SAMPLE.history;
  const mx=Math.max(...hist.map(h=>h.s),D.current_month?D.current_month.gmv_to_date:0,D.current_month?(D.current_month.runrate_gmv||0):0,1);
  const fmtK=v=>v>=1000000?(v/1000000).toFixed(1)+'M':v>=1000?Math.round(v/1000)+'k':String(Math.round(v));
  // ── Current month bar (partial + ghost run-rate overlay) ──
  const _cm=D.current_month;
  const _rr=_cm?(_cm.runrate_gmv||0):0;
  const _actH=_cm&&_cm.gmv_to_date>0?Math.round((_cm.gmv_to_date/mx)*50):0;
  const _showGhost=_cm&&_rr>_cm.gmv_to_date*1.05&&_actH>0;
  const _rrH=_showGhost?Math.min(Math.round((_rr/mx)*50),52):_actH;
  const _rrGap=_rrH-_actH;
  const _actInnerLeg=_actH>=16?`<span style="position:absolute;top:3px;left:0;right:0;text-align:center;font-size:var(--text-3xs);font-family:monospace;color:rgba(0,0,0,.7);line-height:1;font-weight:var(--fw-bold)">${fmtK(_cm.gmv_to_date)}</span>`:'';
  const _cmBar=_cm&&_cm.gmv_to_date>0?`<div class="tbw" id="bar-cm" style="cursor:pointer" onclick="selectCurrentMonth()"><span class="tba" style="color:var(--tk-ok-bright);font-size:var(--text-xs);font-weight:var(--fw-bold);font-family:monospace">${_showGhost?fmtK(_rr):fmtK(_cm.gmv_to_date)}</span>${_showGhost?`<div style="position:relative;height:${_rrH}px;width:100%;flex-shrink:0"><div style="position:absolute;inset:0;background:var(--tk-ok-dim);border:1.5px dashed var(--tk-ok-border);border-radius:4px 4px 0 0;box-sizing:border-box"></div><div style="position:absolute;bottom:0;left:0;right:0;height:${_actH}px;background:var(--g500);opacity:.65;border-radius:4px 4px 0 0;overflow:hidden">${_actInnerLeg}</div></div>`:`<div class="tb" style="--bh:${_actH}px;--bar-i:${hist.length};height:${_actH}px;background:var(--g500);opacity:.5;border:1.5px dashed var(--tk-ok-text);box-sizing:border-box"></div>`}<span class="tbl" style="color:var(--tk-ok-text);font-weight:var(--fw-bold)">${(_cm.month_label||'').split(' ')[0]}</span></div>`:'';

  document.getElementById('tbars').innerHTML=hist.map((h,i)=>`<div class="tbw" id="bar-${i}" onclick="selectMonth(${i})"><span class="tba" id="tba-${i}">${fmtK(h.s)}</span><div class="tb" id="tb-${i}" style="--bh:${Math.round((h.s/mx)*50)}px;--bar-i:${i};height:${Math.round((h.s/mx)*50)}px;background:var(--n200)"></div><span class="tbl">${h.m.split(' ')[0]}</span></div>`).join('')+_cmBar;
  // ── Hero: lock to current month if available ──
  if(_cm&&_cm.gmv_to_date>0){
    heroLockedToCurrent=true;
    const hSpend=document.getElementById('hspend');
    const hMLbl=document.getElementById('hMonthLabel');
    const hOrd=document.getElementById('hOrders');
    const momEl=document.getElementById('hero-mom');
    if(hSpend)animN(hSpend,_cm.gmv_to_date,1200);
    if(hMLbl)hMLbl.textContent=_cm.month_label||'';
    if(hOrd){hOrd.textContent='';hOrd.style.display='none';}
    if(momEl)momEl.style.display='none';
  } else {
    heroLockedToCurrent=false;
  }
  const cats=D.cats.length?D.cats:SAMPLE.cats;
  const _cb=document.getElementById('catbars');if(_cb)_cb.innerHTML=renderCatBars(cats,3);
  // talkingPoints removed — KAM mode uses AI briefing instead (#kamsec hidden)
  // Show category section if data available
  const _catSec=document.getElementById('overview-cats-sec');
  if(_catSec)_catSec.style.display=(cats&&cats.length)?'':'none';
  renderOverviewStats(activeMonth);
  renderInterpretation(activeMonth);
  _renderOverviewPaceAndStrip();
}

function selectCurrentMonth(){
  // Restore current month view — called when user taps ghost bar (พ.ค.)
  const hist=D.history.length?D.history:SAMPLE.history;
  // 1. Reset all history bars to gray
  hist.forEach((_,i)=>{
    const bar=document.getElementById('tb-'+i);
    const wrap=document.getElementById('bar-'+i);
    if(bar)bar.style.background='var(--n200)';
    if(wrap)wrap.classList.remove('active');
  });
  // 2. chart-sel-info: P6 (25 ต.ค. 2569) ซ่อนเมื่อดูเดือนปัจจุบัน — หัวแผ่นบอกเดือนนี้กับยอดอยู่แล้ว
  //    (เดิม v205c โชว์ซ้ำ "ต.ค. 2569 ฿…" ใต้กราฟ · Bucci: ซ้ำหัวแผ่น) · แตะเดือนอื่นค่อยโชว์ (selectMonth)
  const _csi=document.getElementById('chart-sel-info');
  if(_csi)_csi.style.display='none';
  // 3. Category: show current month if available
  const _curCatLbl=D.current_month&&D.current_month.month_label;
  if(_curCatLbl&&D.cats_monthly&&D.cats_monthly[_curCatLbl]){
    const catbarsEl=document.getElementById('catbars');
    const catSec=document.getElementById('overview-cats-sec');
    const catHead=catSec?catSec.querySelector('.ct'):null;
    if(catbarsEl)catbarsEl.innerHTML=renderCatBars(D.cats_monthly[_curCatLbl],3);
    if(catSec)catSec.style.display='';
    if(catHead)catHead.textContent='หมวดหมู่ · '+_curCatLbl+' MTD';
  }
  // 4. Score cards: use current month data (pass sentinel -1)
  renderOverviewStats(-1);
  renderInterpretation(hist.length-1);
  heroLockedToCurrent=true;
}

function selectMonth(idx,init){
  const hist=D.history.length?D.history:SAMPLE.history;
  if(idx<0||idx>=hist.length)return;
  activeMonth=idx;const h=hist[idx];
  // v205c: when hero locked to current month + initial render, don't highlight the April bar
  if(!(init && heroLockedToCurrent)){
    hist.forEach((_,i)=>{const bar=document.getElementById('tb-'+i);const wrap=document.getElementById('bar-'+i);if(!bar)return;bar.style.background=i===idx?'var(--g500)':'var(--n200)';wrap.classList.toggle('active',i===idx);});
  } else {
    hist.forEach((_,i)=>{const bar=document.getElementById('tb-'+i);const wrap=document.getElementById('bar-'+i);if(!bar)return;bar.style.background='var(--n200)';wrap.classList.remove('active');});
  }
  // ── Hero: only update when NOT locked to current month ──
  if(!heroLockedToCurrent){
    const _momEl=document.getElementById('hero-mom');
    const _momDelta=document.getElementById('hero-mom-delta');
    const _momLabel=document.getElementById('hero-mom-label');
    if(_momEl&&idx>0){
      const _pct=(h.s-hist[idx-1].s)/hist[idx-1].s*100;
      const _isUp=_pct>=0;
      if(_momDelta){_momDelta.textContent=(_isUp?'+':'')+_pct.toFixed(1)+'%';_momDelta.className='mom-delta '+(_isUp?'mom-up':'mom-dn');}
      if(_momLabel)_momLabel.textContent=(_isUp?' ▲':' ▼')+' จากเดือนก่อน';
      _momEl.style.display='flex';
    } else if(_momEl&&idx===0){_momEl.style.display='none';}
    if(init){animN(document.getElementById('hspend'),h.s,1200);}else{animN(document.getElementById('hspend'),h.s,600);}
    document.getElementById('hMonthLabel').textContent=h.m;
    const _hOrd=document.getElementById('hOrders');
    if(_hOrd){_hOrd.textContent=h.orders+' ออเดอร์';_hOrd.style.display='';}
  }
  // chart-sel-info: show when hero is locked (bar selected ≠ hero month) or past month
  const _csi=document.getElementById('chart-sel-info');
  // P6 (25 ต.ค. 2569): โชว์เฉพาะตอนหัวจอค้างเดือนปัจจุบันแต่แตะดูเดือนอื่น — เปิดแผ่นครั้งแรก (init) ไม่โชว์
  //   หัวจอไม่ค้าง (ไม่มีข้อมูลเดือนนี้) ⇒ หัวจอเปลี่ยนตามเดือนที่แตะอยู่แล้ว ⇒ ไม่ต้องโชว์ซ้ำ
  if(init&&heroLockedToCurrent&&D.current_month&&D.current_month.gmv_to_date>0){
    if(_csi)_csi.style.display='none';
  }else{
    if(_csi)_csi.style.display=heroLockedToCurrent?'flex':'none';
    document.getElementById('chartMonthName').textContent=h.m;
    document.getElementById('chartMonthAmt').textContent=fmt(h.s);
  }
  // v205c: when hero locked to current month AND init=true, prefer current month cats
  const _curCatLbl=D.current_month&&D.current_month.month_label;
  const _useCurCat=init&&heroLockedToCurrent&&_curCatLbl&&D.cats_monthly&&D.cats_monthly[_curCatLbl];
  const _catMonth=_useCurCat?_curCatLbl:h.m;
  const monthCats=D.cats_monthly&&D.cats_monthly[_catMonth]?D.cats_monthly[_catMonth]:null;
  const catbarsEl=document.getElementById('catbars');
  const _catSecSel=document.getElementById('overview-cats-sec');
  const _catHead=_catSecSel?_catSecSel.querySelector('.ct'):null;
  if(monthCats&&monthCats.length){
    if(catbarsEl)catbarsEl.innerHTML=renderCatBars(monthCats,3);
    if(_catSecSel)_catSecSel.style.display='';
    if(_catHead)_catHead.textContent=_useCurCat?'หมวดหมู่ · '+_catMonth+' MTD':(heroLockedToCurrent?'หมวดหมู่ · '+h.m:'หมวดหมู่');
  } else {
    if(_catSecSel)_catSecSel.style.display='none';
  }
  // Update outlet card for selected month
  const monthOutlets=D.outlets_monthly&&D.outlets_monthly[h.m];
  if(monthOutlets&&monthOutlets.length>0){
    D_outlets=monthOutlets;
    renderOutletCard();
    const note=document.getElementById('outlet-month-note');if(note)note.textContent=h.m;
  } else {
    D_outlets=[];
    renderOutletCard();
  }
  renderChartInsight(idx);
  renderOverviewStats(idx);
  renderInterpretation(idx);
}

// ── Overview KPI stats — 4 cards synced to selected bar month ──
// ── Category color palette (tonal green family — overrides data colors) ──
const CAT_PALETTE=['var(--tk-ok-bright)','#00888a','#2d6a4f','#52b788','#74c69d','#1e6091','var(--tk-accent)','#909090'];
function catColor(i){return CAT_PALETTE[Math.min(i,CAT_PALETTE.length-1)];}

// ── Interpretation Strip ──────────────────────────────────────────────────
function computeInterpretation(idx){
  const hist=D.history.length?D.history:SAMPLE.history;
  if(!hist.length||idx<=0)return null;
  const curr=hist[idx],prev=hist[idx-1];
  if(!curr||!prev||!prev.s)return null;
  const gmvDelta=curr.s-prev.s;
  const pctChange=Math.abs(gmvDelta)/prev.s;
  if(pctChange<0.05)return null;

  const fmtAbs=v=>Math.abs(v)>=1000?'฿'+Math.round(Math.abs(v)/1000)+'k':'฿'+Math.round(Math.abs(v));

  const currMo=curr.m,prevMo=prev.m;
  const currSkus=(D.skus_monthly&&D.skus_monthly[currMo])||[];
  const prevSkus=(D.skus_monthly&&D.skus_monthly[prevMo])||[];

  // ── ไม่มี SKU data: แสดง GMV delta เฉยๆ ──
  if(!currSkus.length||!prevSkus.length){
    const dir=gmvDelta>0?'เพิ่มขึ้น':'ลดลง';
    return{type:'type-mixed',main:`ยอดซื้อ${dir} ${fmtAbs(gmvDelta)} จากเดือนก่อน`,sub:'ไม่มีข้อมูลสินค้าสำหรับเปรียบเทียบ'};
  }

  const prevMap={};prevSkus.forEach(s=>{prevMap[String(s.id)]={qty:s.qty_kg||0,price:s.unit_price||s.u||0,dept:s.d||'อื่นๆ'};});
  const currMap={};currSkus.forEach(s=>{currMap[String(s.id)]={qty:s.qty_kg||0,price:s.unit_price||s.u||0,dept:s.d||'อื่นๆ'};});

  let priceEffect=0,volumeEffect=0;
  const catPriceDelta={},catVolDelta={};
  Object.keys(currMap).forEach(id=>{
    const c=currMap[id],p=prevMap[id];
    if(!p||!c.price||!p.price)return;
    const dept=c.dept||p.dept||'อื่นๆ';
    const pe=p.qty*(c.price-p.price);
    const ve=c.price*(c.qty-p.qty);
    priceEffect+=pe;volumeEffect+=ve;
    catPriceDelta[dept]=(catPriceDelta[dept]||0)+pe;
    catVolDelta[dept]=(catVolDelta[dept]||0)+ve;
  });

  const absPE=Math.abs(priceEffect),absVE=Math.abs(volumeEffect);
  const fmtCats=(map,n)=>Object.entries(map).sort((a,b)=>Math.abs(b[1])-Math.abs(a[1])).slice(0,n).filter(e=>Math.abs(e[1])>300).map(e=>`${e[0]} (${e[1]>0?'+':'-'}${fmtAbs(e[1])})`).join(' · ');

  const priceCats=fmtCats(catPriceDelta,2);
  const volCats=fmtCats(catVolDelta,2);

  let type,main,sub;
  if(absPE>absVE*1.5){
    type=priceEffect<0?'type-price-dn':'type-price-up';
    if(priceEffect<0){
      // price-down: Bucci's wording — describe fact, short, not defensive
      main=`ที่ยอดลด ${fmtAbs(gmvDelta)} — ราคาต่อหน่วยเฉลี่ยในพอร์ตลดลง`;
      sub=priceCats?`ปริมาณที่สั่งใกล้เดิม — หมวดที่ราคาลด: ${priceCats}`:'ราคาต่อหน่วยเฉลี่ยลดลง — ปริมาณที่สั่งใกล้เดิม';
    } else {
      // price-up: acknowledge uncertainty, don't blame Freshket
      main=`ที่ยอดขึ้น ${fmtAbs(gmvDelta)} — ราคาต่อหน่วยเฉลี่ยในพอร์ตสูงขึ้น`;
      sub=priceCats?`ปริมาณที่สั่งใกล้เดิม — อาจเกิดจากราคาตลาดช่วงนี้: ${priceCats}`:'ปริมาณที่สั่งใกล้เดิม — อาจเกิดจากราคาตลาดช่วงนี้';
    }
  } else if(absVE>absPE*1.5){
    type='type-volume';
    if(volumeEffect>0){
      main=`ที่ยอดขึ้น ${fmtAbs(gmvDelta)} — สั่งปริมาณมากขึ้น`;
      sub=volCats?`โดยเฉพาะหมวด ${volCats}`:'ราคาต่อหน่วยใกล้เดิม';
    } else {
      main=`ที่ยอดลด ${fmtAbs(gmvDelta)} — สั่งปริมาณน้อยลง`;
      sub=volCats?`โดยเฉพาะหมวด ${volCats}`:'ปริมาณที่สั่งลดลง — ราคาต่อหน่วยใกล้เดิม';
    }
  } else {
    type='type-mixed';
    const allDelta={};
    Object.keys(catPriceDelta).forEach(d=>{allDelta[d]=(allDelta[d]||0)+catPriceDelta[d];});
    Object.keys(catVolDelta).forEach(d=>{allDelta[d]=(allDelta[d]||0)+catVolDelta[d];});
    const mixCats=fmtCats(allDelta,2);
    const dir=gmvDelta>0?'เพิ่มขึ้น':'ลดลง';
    main=`ที่ยอดซื้อ${dir} ${fmtAbs(gmvDelta)} — ราคาและปริมาณเปลี่ยนไปพร้อมกัน`;
    sub=mixCats?`หมวดที่มีผลมากที่สุด: ${mixCats}`:'ดูรายละเอียดในหน้าสินค้า';
  }
  return {type,main,sub};
}

function renderInterpretation(idx){
  const wrap=document.getElementById('interp-strip-wrap');
  const strip=document.getElementById('interp-strip');
  const mainEl=document.getElementById('interp-main');
  const subEl=document.getElementById('interp-sub');
  if(!wrap||!strip||!mainEl||!subEl)return;
  const result=computeInterpretation(idx);
  if(!result){wrap.style.display='none';return;}
  strip.className='interp-strip '+result.type;
  mainEl.textContent=result.main;
  subEl.textContent=result.sub;
  wrap.style.display='';
}

function renderOverviewStats(idx){
  const el=document.getElementById('overview-stats');if(!el)return;
  const hist=D.history.length?D.history:SAMPLE.history;
  if(!hist.length){el.innerHTML='';return;}
  // v205c: idx=-1 → use current month data for score cards
  const _useCurMonth = idx===-1 && D.current_month && D.current_month.gmv_to_date>0;
  let h, mo;
  if(_useCurMonth){
    const cm=D.current_month;
    mo=cm.month_label||'';
    h={m:mo, s:cm.gmv_to_date, orders:Math.max(cm.orders_to_date||1,1)};
  }else{
    const safeIdx=Math.max(0,Math.min(idx||0,hist.length-1));
    h=hist[safeIdx];if(!h){el.innerHTML='';return;}
    mo=h.m;
  }
  const ords=Math.max(h.orders,1);
  const ordPerDay=ords/30;

  // ── Portfolio lens ──
  const skusMo=D.skus_monthly||{};
  const skusThisMo=skusMo[mo]||D.skus||[];
  const skuCount=skusThisMo.length;
  const cats=D.cats_monthly&&D.cats_monthly[mo]?D.cats_monthly[mo]:(D.cats||[]);
  const catCount=cats.length;
  const sortedSkus=[...skusThisMo].sort((a,b)=>(b.gmv||b.s||0)-(a.gmv||a.s||0));
  const top5gmv=sortedSkus.slice(0,5).reduce((s,x)=>s+(x.gmv||x.s||0),0);
  const top5pct=h.s>0?Math.round(top5gmv/h.s*100):0;

  // dot grid: scale skuCount → max 35 dots in 5 rows of 7
  const dotCount=Math.max(3,Math.min(35,Math.round(skuCount/Math.max(skuCount,1)*35)));
  const dots=Array.from({length:35},(_,i)=>{
    const filled=i<dotCount;
    return`<circle cx="${(i%7)*5+2.5}" cy="${Math.floor(i/7)*5+2.5}" r="1.8" fill="${filled?'var(--g500)':'var(--n200)'}"/>`;
  }).join('');
  const portfolioSvg=`<svg class="lens-vis" width="38" height="28" viewBox="0 0 38 28">${dots}</svg>`;
  const portfolioSub=`${catCount} หมวด · Top 5 = ${top5pct}%`;

  // ── Rhythm lens ──
  const avgOrd=Math.round(h.s/ords);
  const freqLabel=ordPerDay>=1?`${ordPerDay.toFixed(1)}x/วัน`:`${(ords/4.3).toFixed(1)}x/สัปดาห์`;
  const fmtAvg=v=>v>=1000?'฿'+Math.round(v/1000)+'k/ครั้ง':'฿'+v+'/ครั้ง';

  // pulse bars: 7 bars simulating weekly order pattern from frequency
  const baseH=ordPerDay>=1?16:10;
  const pulseHeights=[.7,1,.5,.9,.4,.85,.6].map(f=>Math.round(baseH*f+2));
  const pulseBars=pulseHeights.map((h,i)=>`<rect x="${i*5+1}" y="${20-h}" width="3" height="${h}" rx="1" fill="var(--g500)"/>`).join('');
  const rhythmSvg=`<svg class="lens-vis" width="38" height="22" viewBox="0 0 38 22">${pulseBars}</svg>`;

  // ── Outlets lens ──
  const outlets=D_outlets&&D_outlets.length?D_outlets:[];
  let outletMain,outletSub,outletSvg='';
  if(outlets.length>=2){
    const sorted=[...outlets].sort((a,b)=>b.gmv-a.gmv).slice(0,3);
    const maxGmv=sorted[0].gmv||1;
    const outletBars=sorted.map((o,i)=>{
      const barW=Math.round((o.gmv/maxGmv)*28);
      return`<rect x="0" y="${i*7}" width="${barW}" height="5" rx="1.5" fill="${i===0?'var(--g500)':'var(--n300)'}"/>`;
    }).join('');
    outletSvg=`<svg class="lens-vis" width="30" height="${sorted.length*7}" viewBox="0 0 30 ${sorted.length*7}">${outletBars}</svg>`;
    const topName=sorted[0].n||sorted[0].outlet_name||'สาขาหลัก';
    const topPct=h.s>0?Math.round(sorted[0].gmv/h.s*100):0;
    outletMain=`${outlets.length} สาขา`;
    outletSub=`สาขาหลัก ${topPct}% ยอดรวม`;
  } else {
    outletMain='1 สาขา';outletSub=mo;
    outletSvg=`<svg class="lens-vis" width="18" height="18" viewBox="0 0 18 18"><circle cx="9" cy="9" r="7" fill="none" stroke="var(--g500)" stroke-width="2"/><circle cx="9" cy="9" r="3" fill="var(--g500)"/></svg>`;
  }

  el.innerHTML=`<div class="lens-row">
    <div class="lens-card">${portfolioSvg}<div class="lens-lbl">Portfolio</div><div class="lens-val">${skuCount} SKU</div><div class="lens-sub">${portfolioSub}</div></div>
    <div class="lens-card">${rhythmSvg}<div class="lens-lbl">AOV</div><div class="lens-val">${fmtAvg(avgOrd)}</div><div class="lens-sub">${freqLabel}</div></div>
    <div class="lens-card">${outletSvg}<div class="lens-lbl">Outlets</div><div class="lens-val">${outletMain}</div><div class="lens-sub">${outletSub}</div></div>
  </div>`;
}
// ════════════════════════════════════════
// ════════════════════════════════════════
// RENDER — PORTFOLIO
// ════════════════════════════════════════
function setPortfolioMonth(mo,btn){
  portfolioMonth=mo;
  priceMovFilter=null;
  if(window._expandPortTop)window._expandPortTop();
  document.querySelectorAll('#port-month-bar .mopill').forEach(p=>p.classList.remove('on'));
  if(btn)btn.classList.add('on');
  renderPortfolio();
  renderPortMoMInsight();
}

// SECTION:PORTFOLIO
function renderPortfolio(){
  const renderer = window.FreshketSensePortfolioRenderer;
  if(renderer && typeof renderer.renderPortfolioFromLegacy === 'function'){
    try{
      const result = renderer.renderPortfolioFromLegacy({
        D: D,
        SAMPLE: (typeof SAMPLE !== 'undefined' ? SAMPLE : {history:[],cats:[],skus:[]}),
        OPPS: OPPS,
        portfolioMonth: portfolioMonth,
        skuFilter: skuFilter,
        priceMovFilter: priceMovFilter,
        skuView: skuView,
        fmt: fmt,
        computePriceChanges: computePriceChanges,
        computeSkuMovement: computeSkuMovement,
        renderSparkline: renderSparkline,
        renderPortMoMInsight: renderPortMoMInsight,
        expandPortTop: window._expandPortTop,
        setState: function(name, value){
          if(name === 'portfolioMonth'){ portfolioMonth = value; return true; }
          if(name === 'skuFilter'){ skuFilter = value; return true; }
          if(name === 'priceMovFilter'){ priceMovFilter = value; return true; }
          if(name === 'skuView'){ skuView = value; return true; }
          return false;
        }
      });
      if(result && result.ok) return result;
    }catch(err){
      console.warn('[Freshket Sense] Portfolio renderer failed, falling back to legacy renderer:', err && err.message ? err.message : err);
    }
  }
  return __legacyRenderPortfolioFallback();
}

function __legacyRenderPortfolioFallback(){
  const hist=D.history.length?D.history:SAMPLE.history;

  // Build month list from skus_monthly (newest first)
  const _moSort=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
  const moKeys=D.skus_monthly&&Object.keys(D.skus_monthly).length?Object.keys(D.skus_monthly).sort((a,b)=>_moSort(b)-_moSort(a)):[];
  // Sync portfolioMonth: default to last month
  if(!portfolioMonth||!moKeys.includes(portfolioMonth))portfolioMonth=moKeys[0]||'';

  // Render month pills
  const barEl=document.getElementById('port-month-bar');
  if(barEl){
    if(moKeys.length>1){
      barEl.innerHTML=moKeys.map(m=>`<button class="mopill ${m===portfolioMonth?'on':''}" onclick="setPortfolioMonth('${m}',this)">${m}</button>`).join('');
      barEl.style.display='flex';
    } else { barEl.style.display='none'; }
  }
  const labelEl=document.getElementById('port-month-label');
  if(labelEl)labelEl.textContent=portfolioMonth||'';

  // Resolve skus and cats for selected month
  const skus=(portfolioMonth&&D.skus_monthly[portfolioMonth])?
    [...D.skus_monthly[portfolioMonth]].sort((a,b)=>(b.gmv||0)-(a.gmv||0)):
    (D.skus.length?D.skus:SAMPLE.skus);
  const cats=(portfolioMonth&&D.cats_monthly&&D.cats_monthly[portfolioMonth])?
    D.cats_monthly[portfolioMonth]:
    portfolioMonth&&D.skus_monthly&&D.skus_monthly[portfolioMonth]
      ?_catsFromSkus(D.skus_monthly[portfolioMonth])
      :(D.cats.length?D.cats:SAMPLE.cats);

  // v156: current month → use gmv_to_date as denominator
  const _isCurPortMo=D.current_month&&portfolioMonth===D.current_month.month_label;
  const histRow=_isCurPortMo
    ?{s:D.current_month.gmv_to_date||0,orders:D.current_month.orders_to_date||0,m:portfolioMonth}
    :hist.find(h=>h.m===portfolioMonth)||hist[hist.length-1]||{s:0,orders:0};
  const last=histRow;

  const top5=[...skus].slice(0,5);
  // Correct top5 % from actual GMV ratio
  const top5gmv=top5.reduce((s,x)=>s+(x.gmv||x.s||0),0);
  const top5pct=last.s>0?(top5gmv/last.s*100).toFixed(1):'0';
  // Order frequency
  const ords=Math.max(last.orders,1);
  const ordPerDay=ords/30;
  const freqLabel=ordPerDay>=1?`${ordPerDay.toFixed(1)} ออเดอร์/วัน`:`${(ords/4.3).toFixed(1)} ออเดอร์/สัปดาห์`;
  const hrsPerOrd=30*24/ords;
  const freqSub=ordPerDay>=1?`${last.orders} ออเดอร์ใน ${histRow?.m||'เดือนนี้'}`:`${last.orders} ออเดอร์/เดือน`;

  // ── Previous month data for comparisons ──
  const histIdx=hist.findIndex(h=>h.m===(portfolioMonth||last.m));
  const prevHistRow=histIdx>0?hist[histIdx-1]:hist.length>=2?hist[hist.length-2]:null;
  const momDelta=prevHistRow&&prevHistRow.s>0?((last.s-prevHistRow.s)/prevHistRow.s*100):null;
  const momStr=momDelta!==null
    ?`<span style="color:${momDelta<=0?'var(--g500)':'#f0b000'};font-weight:var(--fw-bold)">${momDelta>0?'▲':'▼'} ${Math.abs(momDelta).toFixed(1)}%</span> vs เดือนก่อน`
    :`${last.orders} ออเดอร์`;
  const avgOrd=Math.round(last.s/ords);
  const prevAvgOrd=prevHistRow?Math.round(prevHistRow.s/Math.max(prevHistRow.orders,1)):null;
  const avgDelta=prevAvgOrd&&prevAvgOrd>0?((avgOrd-prevAvgOrd)/prevAvgOrd*100):null;
  const avgStr=avgDelta!==null
    ?`<span style="color:${avgDelta<=0?'var(--g500)':'#9a6500'};font-weight:var(--fw-bold)">${avgDelta>0?'▲':'▼'} ${Math.abs(avgDelta).toFixed(1)}%</span> vs เดือนก่อน`
    :(hist[hist.length-1]?.m||'');

  // ── Price movement for selected portfolioMonth ──
  const _moSortD=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
  const moKeysSortedD=Object.keys(D.skus_monthly||{}).sort((a,b)=>_moSortD(b)-_moSortD(a));
  const portMoIdx=moKeysSortedD.indexOf(portfolioMonth);
  const prevPortMo=portMoIdx>=0&&portMoIdx<moKeysSortedD.length-1?moKeysSortedD[portMoIdx+1]:null;
  let priceUp=0,priceDn=0,priceStable=0,netPriceImpact=0;
  if(portfolioMonth&&prevPortMo&&D.skus_monthly[portfolioMonth]&&D.skus_monthly[prevPortMo]){
    const curPM={};(D.skus_monthly[portfolioMonth]||[]).forEach(s=>{curPM[String(s.id)]={p:s.unit_price||s.u||0,q:s.qty_kg||0};});
    const prevPM={};(D.skus_monthly[prevPortMo]||[]).forEach(s=>{prevPM[String(s.id)]={p:s.unit_price||s.u||0,q:s.qty_kg||0};});
    Object.keys(curPM).forEach(id=>{
      const c=curPM[id],pv=prevPM[id];
      if(!c.p||!pv||!pv.p)return;
      const pct=(c.p-pv.p)/pv.p*100;
      if(pct>=1)priceUp++;else if(pct<=-1)priceDn++;else priceStable++;
      netPriceImpact+=(pv.q||c.q)*(c.p-pv.p);
    });
  }
  const priceTotal=priceUp+priceDn;
  // ── Concentration card ──
  const topPctNum=parseFloat(top5pct)||0;
  const conBarColor=topPctNum>70?'rgba(240,176,0,.9)':topPctNum>=50?'rgba(255,255,255,.55)':'var(--tk-ok-bright)';
  const conInterp=topPctNum>70?'พึ่งพาสินค้าหลักสูง — ถ้า SKU เหล่านี้ขาดหรือราคาขึ้น กระทบยอดทันที':topPctNum>=50?'พอร์ตกระจายพอสมควร — ยังมี SKU อื่นรองรับหากสินค้าหลักขาด':'พอร์ตกระจายดี — ไม่พึ่งพาสินค้าใดสินค้าหนึ่งมากเกินไป';
  const topSkuEl=document.getElementById('top-sku-card');
  if(topSkuEl){
    const conBg=topPctNum>70?'var(--amb50)':topPctNum<50?'var(--tk-ok-bg)':'var(--n50)';
    const conBorder=topPctNum>70?'var(--amb)':topPctNum<50?'var(--g500)':'var(--n200)';
    const conTextColor=topPctNum>70?'#9a6500':topPctNum<50?'var(--tk-ok-text)':'var(--n600)';
    const conNumColor=topPctNum>70?'var(--amb)':topPctNum<50?'var(--g500)':'var(--n400)';
    topSkuEl.style.cssText=`background:${conBg};border-left:3px solid ${conBorder};border-radius:0 var(--rs) var(--rs) 0;padding:10px 12px;margin-bottom:12px;display:block;box-shadow:none`;
    topSkuEl.innerHTML=`<div style="display:flex;align-items:center;gap:5px;margin-bottom:3px"><span style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:${conTextColor}">สินค้า 5 อันดับแรก = </span><span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-bold);color:${conNumColor}">${top5pct}%</span><span style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:${conTextColor}">ของยอดเดือนนี้</span></div><div style="font-size:var(--text-md);color:${conTextColor};line-height:1.5;font-weight:var(--fw-medium)">${conInterp}</div>`;
  }
  // ── Category pills only ──
  const depts=['ทั้งหมด',...new Set(skus.map(s=>s.d))];
  document.getElementById('skuCatFilter').innerHTML=depts.map(d=>`<button class="fpill ${d==='ทั้งหมด'&&!priceMovFilter?'on':''}" onclick="setSkuFilter('${d}',this)">${d}</button>`).join('');
  // ── Price filter row ──
  const priceRow=document.getElementById('sku-price-filter-row');
  if(priceRow){
    priceRow.innerHTML=priceTotal>0?(priceUp>0?`<button class="fpill fpill-pu ${priceMovFilter==='up'?'on':''}" id="pf-pill-up" onclick="setPriceFilter('up')">▲ ${priceUp} ราคาขึ้น</button>`:'')+(priceDn>0?`<button class="fpill fpill-pd ${priceMovFilter==='down'?'on':''}" id="pf-pill-dn" onclick="setPriceFilter('down')">▼ ${priceDn} ราคาลง</button>`:'')
:'';
    priceRow.style.display=priceTotal>0?'flex':'none';
  }
  renderSKUList(skus);
  renderPortMoMInsight();
  if(window._expandPortTop)window._expandPortTop();
}

// 25 ต.ค. 2569 (ตรวจแอปค้าง): ร้านใหญ่มีสินค้า 700–1,500 รายการ เดิมวาดทุกแถวในครั้งเดียว
//   (ร้านตัวอย่าง 779 แถว = 10,000 ชิ้นบนจอ + กราฟเล็ก 609 อัน) ⇒ เปิดหน้าสินค้าแล้วค้าง/เครื่องร้อน/หน่วยความจำพุ่ง
//   ตอนนี้วาด 80 แถวแรก แล้วเติมทีละ 120 เมื่อเลื่อนถึงท้าย (หรือแตะปุ่ม) · เปลี่ยนร้าน/เดือน/ตัวกรอง/คำค้น = เริ่ม 80 ใหม่
//   ใช้ร่วมกันสองตัววาด (ตัวนี้ + shell renderSKUListFromLegacy)
let _skuLim={key:'',n:80};
function _skuListLimit(key){
  if(_skuLim.key!==key)_skuLim={key:key,n:80};
  return _skuLim.n;
}
function _skuListKey(filterKey){
  return [typeof currentAccountId!=='undefined'?currentAccountId:'', typeof portfolioMonth!=='undefined'?portfolioMonth:'', filterKey].join('|');
}
function _skuMoreHtml(rest){
  return rest>0?'<button type="button" class="sku-more" id="sku-more" onclick="_skuMore()">แสดงอีก '+rest+' รายการ</button>':'';
}
let _skuLastPassed=null, _skuMoreObs=null;
function _skuMore(){
  _skuLim.n+=120;
  renderSKUList(_skuLastPassed||undefined);
}
// เลื่อนถึงปุ่มแล้วเติมเอง (ไม่ต้องแตะ) — ตัวสังเกตตัวเดียว ผูกใหม่ทุกครั้งที่วาด
function _skuWatchMore(){
  try{
    if(_skuMoreObs){_skuMoreObs.disconnect();}
    const b=document.getElementById('sku-more');
    if(!b||typeof IntersectionObserver==='undefined')return;
    if(!_skuMoreObs)_skuMoreObs=new IntersectionObserver(es=>{ if(es.some(e=>e.isIntersecting)){ _skuMoreObs.disconnect(); setTimeout(_skuMore,0); } },{rootMargin:'400px 0px'});
    _skuMoreObs.observe(b);
  }catch(e){}
}
window._skuListLimit=_skuListLimit; window._skuListKey=_skuListKey; window._skuMoreHtml=_skuMoreHtml; window._skuMore=_skuMore; window._skuWatchMore=_skuWatchMore;
function renderSKUList(passedSkus){
  if(passedSkus)_skuLastPassed=passedSkus;
  const renderer = window.FreshketSensePortfolioRenderer;
  if(renderer && typeof renderer.renderSKUListFromLegacy === 'function'){
    try{
      const result = renderer.renderSKUListFromLegacy({
        D: D,
        SAMPLE: (typeof SAMPLE !== 'undefined' ? SAMPLE : {skus:[]}),
        OPPS: OPPS,
        portfolioMonth: portfolioMonth,
        skuFilter: skuFilter,
        priceMovFilter: priceMovFilter,
        skuView: skuView,
        fmt: fmt,
        computePriceChanges: computePriceChanges,
        computeSkuMovement: computeSkuMovement,
        renderSparkline: renderSparkline
      }, passedSkus);
      if(result && result.ok) return result;
    }catch(err){
      console.warn('[Freshket Sense] SKU list renderer failed, falling back to legacy renderer:', err && err.message ? err.message : err);
    }
  }
  return __legacyRenderSKUListFallback(passedSkus);
}

function __legacyRenderSKUListFallback(passedSkus){
  const rawSkus=passedSkus||(portfolioMonth&&D.skus_monthly[portfolioMonth]?D.skus_monthly[portfolioMonth]:D.skus.length?D.skus:SAMPLE.skus);
  const skus=[...rawSkus].sort((a,b)=>(b.gmv||b.s||0)-(a.gmv||a.s||0));
  const search=(document.getElementById('skuSearch')?.value||'').toLowerCase();
  let filtered=skus;
  if(skuFilter!=='ทั้งหมด')filtered=filtered.filter(s=>s.d===skuFilter);
  if(search)filtered=filtered.filter(s=>s.n.toLowerCase().includes(search));
  if(priceMovFilter){
    const pcMap2={};computePriceChanges().forEach(p=>{pcMap2[String(p.id)]=p;});
    filtered=filtered.filter(s=>{
      const pc=pcMap2[String(s.id)];const pct=pc?pc.pct:0;
      if(priceMovFilter==='up')return pc&&pct>=1;
      if(priceMovFilter==='down')return pc&&pct<=-1;
      if(priceMovFilter==='stable')return !pc||(pct>-1&&pct<1);
      return true;
    });
  }
  document.getElementById('sku-total-count').textContent=skus.length+' รายการ';
  document.getElementById('sku-showing-count').textContent=`แสดง ${filtered.length} รายการ${search||skuFilter!=='ทั้งหมด'||priceMovFilter?' (filtered)':''}`;
  // Pre-compute badge data once (not per-row)
  const priceChanges=computePriceChanges();
  const pcMap={};priceChanges.forEach(p=>{pcMap[p.id]=p;});
  const oppIds=new Set(OPPS.map(o=>String(o.curId)));
  const skuMov=computeSkuMovement();
  const newIds=new Set((skuMov?.newSkus||[]).map(s=>{
    // newSkus has name not id — match by name
    const found=rawSkus.find(r=>r.n===s.name);return found?String(found.id):'';
  }).filter(Boolean));
  const declIds=new Set((skuMov?.declining||[]).map(s=>{
    const found=rawSkus.find(r=>r.n===s.name);return found?String(found.id):'';
  }).filter(Boolean));
  // sortedMoKeys for sparklines (oldest→newest, left→right)
  const sortedMoKeys=Object.keys(D.skus_monthly||{}).sort((a,b)=>_moSortAsc(a)-_moSortAsc(b));
  const _rankOf=new Map(skus.map((x,i)=>[x.id,i+1]));
  const _lim=_skuListLimit(_skuListKey([skuFilter,priceMovFilter,search,skuView].join('~')));
  const _shown=filtered.slice(0,_lim);
  document.getElementById('skulist').innerHTML=(_shown.map((s,i)=>{
    const origRank=_rankOf.get(s.id)||0;
    const rankClass=origRank===1?'top1':origRank===2?'top2':origRank===3?'top3':origRank<=5?'top5':'';
    const sid=String(s.id);
    // Build badges — max 2 shown (price/new, then opp)
    let badges='';
    const pc=pcMap[sid];
    if(newIds.has(sid)){
      badges+=`<span class="skbadge skbadge-new">เพิ่งเริ่มสั่ง</span>`;
    } else if(pc){
      // 25 ต.ค. 2569: ราคาที่เปลี่ยนบอกเป็นบาทต่อหน่วยเดียวกับราคาที่แสดงบนแถว (฿/กก. · ฿/ลิตร · ฿/ฟอง) — ลูกค้าคิดเป็นบาท
      // หน่วยแสดง = ราคาฐาน × ตัวคูณเดียวกัน ⇒ ส่วนต่างที่หน่วยแสดง = (ราคาตอนนี้ − ก่อน) × (ราคาแสดง ÷ ราคาฐาน)
      const _base=s.u||s.unit_price||0, _disp=s.display_price||_base;
      const _dd=(pc.curPrice-pc.prevPrice)*(_base>0?_disp/_base:1);
      const _ad=Math.abs(_dd), _dTxt='฿'+(_ad>=100?_ad.toFixed(0):_ad>=10?_ad.toFixed(1):_ad.toFixed(2))+'/'+(s.display_unit||'กก.');
      if(pc.pct>0) badges+=`<span class="skbadge skbadge-price-up" title="${Math.abs(pc.pct).toFixed(1)}%">▲ ${_dTxt} จากเดือนก่อน</span>`;
      else badges+=`<span class="skbadge skbadge-price-dn" title="${Math.abs(pc.pct).toFixed(1)}%">▼ ${_dTxt} จากเดือนก่อน</span>`;
    } else if(declIds.has(sid)){
      badges+=`<span class="skbadge skbadge-anomaly">สั่งลดลง</span>`;
    }
    if(oppIds.has(sid)) badges+=`<span class="skbadge skbadge-opp">มีตัวเลือก</span>`;
    const badgeRow=badges?`<div class="sku-badge-row">${badges}</div>`:'';
    if(skuView==='price'){
      const spark=renderSparkline(sid,sortedMoKeys,64,22);
      return`<div class="skrow" style="cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.04)" onclick="openSkuDetail('${sid}')">
        <div class="skrk ${rankClass}">${origRank}</div>
        <div style="flex:1;min-width:0"><div class="skn">${s.n}</div><div class="skc">${s.d}${s.pack_size?' · '+s.pack_size:''} · ฿${(s.display_price||s.u||0).toFixed(s.display_price>=100?0:2)}/${s.display_unit||'กก.'}</div>${badgeRow}</div>
        <div style="flex-shrink:0;display:flex;align-items:center;padding-left:8px">${spark}</div>
      </div>`;
    }
    return`<div class="skrow"><div class="skrk ${rankClass}">${origRank}</div><div style="flex:1;min-width:0"><div class="skn">${s.n}</div><div class="skc">${s.d}${s.pack_size?' · '+s.pack_size:''} · ฿${(s.display_price||s.u||0).toFixed(s.display_price>=100?0:2)}/${s.display_unit||'กก.'}</div>${badgeRow}</div><div style="flex-shrink:0"><div class="sksp">${fmt(s.s)}</div><div class="skpc">${s.p}%</div></div></div>`;
  }).join('')+_skuMoreHtml(filtered.length-_shown.length))||'<div style="padding:20px;text-align:center;color:var(--n400);font-size:var(--text-base)">ไม่พบสินค้า</div>';
  _skuWatchMore();
}
function filterSKUs(){renderSKUList();}
function setSkuFilter(cat,btn){
  skuFilter=cat;priceMovFilter=null;
  document.querySelectorAll('#skuCatFilter .fpill').forEach(p=>p.classList.remove('on'));
  btn.classList.add('on');
  renderSKUList();
}
function setPriceFilter(type){
  priceMovFilter=(priceMovFilter===type)?null:type;
  skuFilter='ทั้งหมด';
  document.querySelectorAll('#skuCatFilter .fpill').forEach(p=>p.classList.remove('on'));
  if(!priceMovFilter){const a=document.querySelector('#skuCatFilter .fpill');if(a)a.classList.add('on');}
  const upPill=document.getElementById('pf-pill-up');
  const dnPill=document.getElementById('pf-pill-dn');
  if(upPill)upPill.classList.toggle('on',priceMovFilter==='up');
  if(dnPill)dnPill.classList.toggle('on',priceMovFilter==='down');
  renderSKUList();
}

// ════════════════════════════════════════
// RENDER — OPPORTUNITIES
// ════════════════════════════════════════
function _oppImpact(o){
  try{const a=getAlt(o);return Number(a&&a.save)||0;}catch(e){return 0;}
}
function _oppSortImpact(a,b){
  const d=_oppImpact(b)-_oppImpact(a);
  if(d!==0)return d;
  return (Number(b.monthlyGmv)||0)-(Number(a.monthlyGmv)||0);
}
function getFilteredOpps(){
  // v207a: Opportunity should rank by actionable impact (monthly savings), not spend size.
  let opps=[...OPPS].sort(_oppSortImpact);
  let n;
  if(oppFilter==='top10')n=10;else if(oppFilter==='top20')n=20;else if(oppFilter==='top50')n=50;
  else if(oppFilter==='custom')n=parseInt(document.getElementById('opp-n-input')?.value)||0;
  if(n)opps=opps.slice(0,n);
  return opps;
}

// SECTION:OPPORTUNITIES
function renderOpps(){
  const opps=getFilteredOpps();
  // Hero — show filtered set savings (B4)
  const filtMo=opps.reduce((s,o)=>s+getAlt(o).save,0);
  const filtYr=filtMo*12;
  const spend=curSpend();const pct=spend>0?(filtMo/spend*100).toFixed(1):'0';
  // Sprint 2: toggle between sense-result-hdr (earned) and opphdr (raw savings)
  const srhWrap=document.getElementById('sense-result-hdr');
  const opphdrEl=document.getElementById('opphdr');
  if(srhWrap)srhWrap.style.display=senseActivated&&OPPS.length>0?'block':'none';
  if(opphdrEl)opphdrEl.style.display=senseActivated&&OPPS.length>0?'none':'block';

  if(senseActivated&&OPPS.length>0){
    // Sense-result-hdr: count + sub
    const srhCount=document.getElementById('srh-count');
    const srhSub=document.getElementById('srh-sub');
    const lastMo=D.history.length?D.history[D.history.length-1].m:'';
    // Compact dial arc
    const _senseMetrics2=getSenseScoreMetrics();
    const _score2=_senseMetrics2.score;
    const _circ=263.9;
    const _sColor2=_score2>=72?'var(--tk-ok-text)':_score2>=55?'var(--amb)':'var(--org)';
    const _schArc=document.getElementById('sch-darc');
    const _schTxt=document.getElementById('sch-score-txt');
    if(_schArc){_schArc.style.stroke=_score2>=72?'var(--g500)':_score2>=55?'var(--amb)':'var(--org)';setTimeout(()=>{_schArc.style.strokeDashoffset=String(_circ-(_score2/100)*_circ);},80);}
    if(_schTxt){_schTxt.style.fill=_sColor2;_schTxt.textContent=String(_score2);}
    // Band label on score bar
    const _ssbBand=document.getElementById('ssb-band');
    if(_ssbBand)_ssbBand.textContent=_score2>=85?'บริหารต้นทุนดีมาก':_score2>=72?'บริหารดี ยังมีช่อง':_score2>=58?'มีช่องประหยัดได้':'Sense เจอราคาคุ้มกว่ามาก';
    if(srhCount){
      if(aiCameFromPreview){srhCount.textContent='0';
        const _se=Date.now();
        (function _st(){const _p=Math.min((Date.now()-_se)/900,1);const _e=1-Math.pow(1-_p,3);srhCount.textContent=String(Math.round(OPPS.length*_e));if(_p<1)requestAnimationFrame(_st);else srhCount.textContent='มี '+OPPS.length+' รายการที่ราคาคุ้มกว่า';})();
      }else{srhCount.textContent='มี '+OPPS.length+' รายการที่ราคาคุ้มกว่า';}
    }
    if(srhSub)srhSub.textContent='สแกน '+(D.alts.length||D.skus.length||'—')+' SKU'+(lastMo?' · ยอดซื้อ '+lastMo:'');
    // Bridge: show on first land (before plan selected), hide after
    const srhBridge=document.getElementById('srh-bridge');
    if(srhBridge){srhBridge.style.display=footerUnlocked?'none':'block';}
    if(aiCameFromPreview){
      aiCameFromPreview=false;
      const _oh=document.getElementById('opphdr');
      if(_oh){_oh.classList.add('ai-active');setTimeout(()=>{_oh.classList.remove('ai-active');},3200);}
    }
  } else {
    // Original opphdr: savings
    const hdrYr=document.getElementById('opphdr-yr');const hdrMo=document.getElementById('opphdr-mo');
    const hdrPct=document.getElementById('opphdr-pct');const hdrUnit=document.getElementById('opphdr-yr-unit');
    if(hdrMo)hdrMo.style.display='';
    if(hdrYr){if(aiCameFromPreview){aiCameFromPreview=false;hdrYr.textContent=fmt(0);animN(hdrYr,filtYr,1200);}else{hdrYr.textContent=fmt(filtYr);}}
    if(hdrMo)hdrMo.textContent=fmt(filtMo);
    if(hdrPct)hdrPct.textContent='−'+pct+'%';
    if(hdrUnit)hdrUnit.textContent=opps.length<OPPS.length?`ต่อปี · ${opps.length}/${OPPS.length} รายการ`:`ต่อปี · ${OPPS.length} รายการ`;
    const condLabel=document.getElementById('opphdr-cond-label');
    if(condLabel)condLabel.textContent=`ถ้าเปลี่ยนครบทั้ง ${OPPS.length} รายการ`;
    const vintEl=document.getElementById('opphdr-vintage-mo');
    const lastMo=D.history.length?D.history[D.history.length-1].m:'';
    if(vintEl&&lastMo)vintEl.textContent=lastMo;
  }
  // Gap 8: cross-month warning
  let xwarnEl=document.getElementById('xmonth-warn');
  const xwarnMsg=checkCrossMonthWarning();
  if(xwarnMsg&&OPPS.length>0){
    if(!xwarnEl){xwarnEl=document.createElement('div');xwarnEl.id='xmonth-warn';xwarnEl.className='xmonth-warn';const oppSec=document.getElementById('scr-opportunities');if(oppSec){const sec=oppSec.querySelector('.sec');if(sec)sec.insertBefore(xwarnEl,sec.querySelector('.opphdr'));}}
    if(xwarnEl)xwarnEl.innerHTML=`⚠ ${xwarnMsg}`;
  } else if(xwarnEl){xwarnEl.style.display='none';}
  const lastMo=D.history.length?D.history[D.history.length-1].m:'';
  const vintEl=document.getElementById('opphdr-vintage-mo');if(vintEl&&lastMo)vintEl.textContent=lastMo;
  // AI reasoning transparency: show number of pairs evaluated
  const aiCtx=document.getElementById('opphdr-ai-context');
  const aiPairs=document.getElementById('opphdr-ai-pairs');
  if(aiCtx&&aiPairs&&D.alts.length>0){
    aiPairs.textContent=D.alts.length;
    aiCtx.style.display='inline';
  } else if(aiCtx) aiCtx.style.display='none';
  // Filter info
  const gmvSum=opps.reduce((s,o)=>s+o.monthlyGmv,0);
  // filter-info now rendered inside renderPlanBuilder dynamic HTML
  // Hide legacy standalone verify banner if exists
  const vBanner=document.getElementById('opp-verify-banner');
  if(vBanner)vBanner.style.display='none';
  // Empty state (B5) — differentiate no-data vs no-alts
  if(OPPS.length===0){
    const hasSkus=D.skus.length>0;
    const emptyTitle=hasSkus?'ยังไม่มีข้อมูลทางเลือก':'ยังไม่มีข้อมูล';
    const emptyBody=hasSkus?'SKU ของร้านโหลดแล้ว — กด Generate เพื่อให้ AI หาทางเลือกที่ถูกกว่า':'อัปโหลดไฟล์ข้อมูลเพื่อเริ่มต้น';
    const emptyBtn=hasSkus?`<button class="es-btn" onclick="openDataPanel();setTimeout(()=>{setDpMode('quick');document.getElementById('dp-quick-matcher')?.scrollIntoView({behavior:'smooth',block:'start'});},350)">Generate โอกาสประหยัด</button>`:`<button class="es-btn" onclick="openDataPanel()">อัปโหลดข้อมูล</button>`;
    document.getElementById('opplist').innerHTML=`<div class="empty-state"><div class="es-title">${emptyTitle}</div><div class="es-body">${emptyBody}</div>${emptyBtn}</div>`;
    return;
  }
  // Always Plan Builder (no view toggle)
  renderPlanBuilder(opps);
  updatePbFooter();
}

// ── PLAN BUILDER ──
function renderPlanBuilder(opps){
  const allHigh=opps.filter(o=>getAlt(o).conf==='high');
  const highSave=allHigh.reduce((s,o)=>s+getAlt(o).save,0);
  const allSave=opps.reduce((s,o)=>s+getAlt(o).save,0);
  const verifyDone=allHigh.length>0;
  // Dynamic price month label for disclaimer
  const _rawMo=(D.history&&D.history.length)?D.history[D.history.length-1].m:'เดือนล่าสุด';
  // strip year (e.g. "พ.ค. 2569" → "พ.ค.") — keep only the month part
  const _priceMo=_rawMo.replace(/\s+\d{4}$/,'').trim()||_rawMo;
  // Plan selector panel
  // ── PLAN TABS ──
  const isAll=currentPlanMode==='all';
  const isHigh=currentPlanMode==='high';
  // Tab content panel: changes based on active plan
  const tabPanel=isHigh
    ?`<div class="ptc-desc">Sense คัดสเปคใกล้เคียงไว้แล้ว · ลองเทียบกับเมนูของร้านก่อนสั่ง</div>
      <div class="ptc-nums">${allHigh.length} รายการ · <span class="plan-save">${fmt(highSave)}</span><span style="font-size:var(--text-2xs);opacity:.7">/เดือน</span></div>
      <div class="ptc-rerun" onclick="openVerifySheet()">✦ เทียบสเปคเพิ่ม</div>`
    :`<div class="ptc-desc">บางตัวควรเทสกับเมนูก่อน</div>
      <div class="ptc-nums">${opps.length} รายการ · <span class="plan-save">${fmt(allSave)}</span><span style="font-size:var(--text-2xs);opacity:.7">/เดือน</span></div>`;
  // Filter pills HTML (dynamic, replaces static HTML)
  const _f=oppFilter||'all';
  const _ni=typeof oppNInput!=='undefined'?oppNInput:0;
  const _customVal=(()=>{try{return document.getElementById('opp-n-input')?.value||'';}catch(e){return'';}})();
  const filterPillsHtml=`<div class="fpills" id="oppfilter">
    <button class="pill ${_f==='all'?'on':''}" onclick="setOppFilter('all',this)">ทั้งหมด</button>
    <button class="pill ${_f==='top10'?'on':''}" onclick="setOppFilter('top10',this)">Top 10</button>
    <button class="pill ${_f==='top20'?'on':''}" onclick="setOppFilter('top20',this)">Top 20</button>
    <button class="pill ${_f==='top50'?'on':''}" onclick="setOppFilter('top50',this)">Top 50</button>
    <button class="pill ${_f==='custom'?'on':''}" onclick="setOppFilter('custom',this)">กำหนดเอง</button>
  </div>
  <div id="opp-custom-row" style="display:${_f==='custom'?'block':'none'};margin:4px 0 8px">
    <input type="number" id="opp-n-input" min="1" value="${_customVal}" placeholder="จำนวน SKU" style="width:100%;padding:7px 12px;border:1.5px solid var(--n200);border-radius:var(--r-xl);font-size:var(--text-base);font-family:var(--tk-font-body);outline:none" oninput="renderOpps()">
  </div>
`;

  let smartHtml=`<div class="plan-selector">
    <div class="plan-sel-title">เลือกแผนของคุณ</div>
    <div class="plan-tabs">
      <div class="plan-tab ${isAll?'active':''}" onclick="smartSelect('all',event)">
        <div class="plan-tab-row"><span class="plan-tab-title">${'คุ้มที่สุดที่ Sense หาได้'}<span style="font-weight:var(--fw-normal);color:var(--n400);margin-left:5px">· ${opps.length} รายการ</span></span><span class="plan-tab-val ${isAll?'on':''}">${fmt(allSave)+'/เดือน'}</span></div>
        <div class="plan-tab-sub" style="text-align:right;color:var(--n700)">ประมาณการเบื้องต้น จากราคาเดือน ${_priceMo} — ควรตรวจสเปคก่อนนำเสนอลูกค้า</div>
      </div>
      <div class="plan-tab sense-tab ${isHigh?'active':''}${!verifyDone?' cta-mode':''}" onclick="${verifyDone?'smartSelect(\'high\',event)':'openVerifySheet()'}">
        <div class="plan-tab-row"><span class="plan-tab-title sense"><span class="pvc-star"><svg width="8" height="8" viewBox="0 0 10 10" fill="var(--tk-ok-bright)"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg></span> ให้ Sense ตรวจสเปค</span><span class="plan-tab-val sense">${!verifyDone?'เทียบสเปค →':(fmt(highSave)+'/เดือน')}</span></div>
        <div class="plan-tab-sub" style="text-align:right;color:var(--n700)">AI ช่วยคัดเบื้องต้นจากเกรด แบรนด์ และสเปคที่ร้านใช้ — ควรยืนยันกับร้านอีกครั้ง</div>
      </div>
    </div>
    <div class="plan-tab-panel">${tabPanel}</div>
  </div>${filterPillsHtml}`;

  // Group by category — v207a: categories and rows both sort by impact high → low.
  const catGroups={};
  opps.forEach(o=>{if(!catGroups[o.cat])catGroups[o.cat]=[];catGroups[o.cat].push(o);});
  const catEntries=Object.entries(catGroups).map(([cat,items])=>{
    items.sort(_oppSortImpact);
    return [cat,items];
  }).sort((a,b)=>{
    const as=a[1].reduce((s,o)=>s+_oppImpact(o),0);
    const bs=b[1].reduce((s,o)=>s+_oppImpact(o),0);
    if(bs!==as)return bs-as;
    return String(a[0]).localeCompare(String(b[0]),'th');
  });

  let groupsHtml='<div class="pb-groups">';
  catEntries.forEach(([cat,items])=>{
    const catSave=items.reduce((s,o)=>s+(sel.has(o.id)?getAlt(o).save:0),0);
    const catTotal=items.reduce((s,o)=>s+getAlt(o).save,0);
    const selCount=items.filter(o=>sel.has(o.id)).length;
    const totalCount=items.length;
    const allCatSel=selCount===totalCount;
    const partialSel=selCount>0&&!allCatSel;
    const badgeClass=allCatSel?'full':partialSel?'partial':'';
    const badgeLabel=allCatSel?`✓ ${selCount}/${totalCount}`:selCount>0?`${selCount}/${totalCount}`:`0/${totalCount}`;
    const collapsed=collapsedCats.has(cat);
    groupsHtml+=`<div class="pb-cat-group" id="pbg-${CSS.escape(cat)}">
      <div class="pb-cat-hdr${collapsed?' collapsed':''}" onclick="togglePbCat('${cat.replace(/'/g,"\\'")}')">
        <div class="pb-cat-hdr-left">
          <span class="pb-cat-name">${cat}</span>
        </div>
        <div class="pb-cat-hdr-right">
          <span class="pb-cat-spend">${fmt(catTotal)}/เดือน</span>
          <button class="pb-cat-badge ${badgeClass}" onclick="event.stopPropagation();selectCat('${cat.replace(/'/g,"\\'")}')">${badgeLabel}</button>
          <span class="pb-cat-chev">▾</span>
        </div>
      </div>`;
    if(!collapsed){
      items.forEach(o=>{
        const isSel=sel.has(o.id);const chosen=getAlt(o);const altExpanded=pbExpandedAlts.has(o.id);
        const hasAlts=o.alts.length>1;
        const badgeClass=`pb-pct-badge${chosen.conf!=='high'?' med':''}${hasAlts?' tappable':''}${(hasAlts&&altExpanded)?' open':''}`;
        groupsHtml+=`<div class="pb-item-wrap">
          <div class="pb-item${isSel?' sel':''}" id="pbi-${o.id}">
            <div class="pb-ck${isSel?' sel':''}" onclick="toggleOpp(${o.id});event.stopPropagation()">${isSel?'✓':''}</div>
            <div class="pb-item-body" onclick="openDetailSheet(${o.id})">
              <div class="pb-item-name">${o.curName}</div>
              <div class="pb-item-arrow">→ <strong>${chosen.altName}</strong></div>
            </div>
            <div class="pb-item-info-hint" onclick="openDetailSheet(${o.id});event.stopPropagation()" title="ดูรายละเอียด"><i>i</i></div>
            <div class="pb-right-block">
              <div class="pb-save-amt">${fmt(chosen.save)}</div>
              <div class="${badgeClass}" ${hasAlts?`onclick="togglePbAlt(${o.id});event.stopPropagation()"`:''}>
                −${chosen.pct}%${hasAlts?'<span class="pchev">▾</span>':''}
              </div>
            </div>
          </div>`;
        // Alt picker
        if(altExpanded){
          const selIdx=selAlt[o.id]??o.alts.findIndex(a=>a.recommended)??0;
          groupsHtml+=`<div class="pb-alt-expand"><div class="pb-alt-expand-label">เลือกสินค้าทดแทน</div>`;
          o.alts.forEach((a,ai)=>{
            const isSe=ai===selIdx;
            groupsHtml+=`<div class="pb-alt-row${isSe?' sel':''}" onclick="selectAlt(event,${o.id},${ai})">
              <div class="pb-alt-radio"><div class="pb-alt-radio-dot"></div></div>
              <div class="pb-alt-info">
                <div class="pb-alt-name">${a.altName}${a.recommended?'<span class="pb-alt-rec">★ แนะนำ</span>':''}</div>
                <div class="pb-alt-sub">${a.altSpec||''}${a.altSpec?' · ':''}<span class="pb-conf-badge ${confBadgeHtml(a.conf).className}">${confBadgeHtml(a.conf).label}</span></div>
              </div>
              <div class="pb-alt-right">
                <div class="pb-alt-save">${fmt(a.save)}</div>
                <div class="pb-alt-pct">−${a.pct}%</div>
              </div>
            </div>`;
          });
          groupsHtml+='</div>';
        }
        groupsHtml+='</div>'; // pb-item-wrap
      });
    }
    groupsHtml+='</div>'; // pb-cat-group
  });
  groupsHtml+='</div>';

  const pickHintHtml=(!footerUnlocked&&senseActivated)?'<div id="opplist-pick-hint">เลือกแบบด้านบนก่อน</div>':'';
  document.getElementById('opplist').innerHTML=smartHtml+pickHintHtml+groupsHtml;
  // v506: setTimeout removed — badge called by toggleOpp AFTER updateSim completes
  // (updateSim calls renderOpps again which would overwrite the card)
}

function togglePbCat(cat){
  collapsedCats.has(cat)?collapsedCats.delete(cat):collapsedCats.add(cat);
  renderOpps();
}

function togglePbAlt(id){
  pbExpandedAlts.has(id)?pbExpandedAlts.delete(id):pbExpandedAlts.add(id);
  renderOpps();
}

function smartSelect(mode,e){
  if(e)e.stopPropagation();
  currentPlanMode=mode;
  const opps=getFilteredOpps();
  sel.clear();
  if(mode==='high'){opps.filter(o=>getAlt(o).conf==='high').forEach(o=>sel.add(o.id));}
  else{opps.forEach(o=>sel.add(o.id));}
  footerUnlocked=true; // Sprint 2: plan tapped = savings earned
  // Unmute cards with reveal animation
  const oppList=document.getElementById('opplist');
  if(oppList&&oppList.classList.contains('opplist-muted')){
    oppList.classList.add('opplist-unmuting');
    oppList.classList.remove('opplist-muted');
    setTimeout(()=>oppList.classList.remove('opplist-unmuting'),500);
  }
  renderOpps();updateSim();
  // v508: badge called AFTER renderOpps (renderPlanBuilder rewrites #opplist.innerHTML)
  if(typeof savePlanBadge_onDefault==='function')savePlanBadge_onDefault();
}

function selectCat(cat){
  const opps=getFilteredOpps().filter(o=>o.cat===cat);
  const allSel=opps.every(o=>sel.has(o.id));
  if(allSel){opps.forEach(o=>sel.delete(o.id));}else{opps.forEach(o=>sel.add(o.id));}
  currentPlanMode='custom';
  renderOpps();updateSim();debouncedSave();
}

function updatePbFooter(){
  const footer=document.getElementById('pb-footer');if(!footer)return;
  const grpB=document.getElementById('swipe-grp-b');
  const inKamSense=document.body.classList.contains('kam-sense-active');
  const inGrpB=grpB&&grpB.classList.contains('on')&&(!isKAM||inKamSense);
  const show=inGrpB&&footerUnlocked&&sel.size>0;
  if(inKamSense){
    footer.classList.add('hidden'); // pb-footer hidden; SPS in pill handles display
    if(show){
      const t=totalSel(),yr=t*12;
      const lastM=D.history.length?D.history[D.history.length-1].m:'';
      const sc=document.getElementById('spr-count'),sa=document.getElementById('spr-amt'),ss=document.getElementById('spr-sub');
      if(sc)sc.textContent=sel.size+' รายการ';
      if(sa){sa.innerHTML=fmt(t)+'<span class="sps-unit"> / เดือน</span>';}
      if(ss)ss.textContent=fmt(yr)+' / ปี'+(lastM?' · จากยอดซื้อ '+lastM:'');
      document.body.classList.add('sense-plan-active');
      if(!_planTrayOpen)_openPlanTray();
    }else{ document.body.classList.remove('sense-plan-active'); _closePlanTray(); }
    return;
  }else{
    footer.classList.toggle('hidden',!show);
  }
  if(show){
    const t=totalSel();const yr=t*12;
    document.getElementById('pf-count').textContent=sel.size+' รายการ';
    document.getElementById('pf-mo').textContent=fmt(t)+' / เดือน';
    document.getElementById('pf-yr').textContent=fmt(yr)+' / ปี';
    const lastMoF=D.history.length?D.history[D.history.length-1].m:'';
    const pfVint=document.getElementById('pf-vintage');if(pfVint)pfVint.textContent=lastMoF?`จากยอดซื้อ ${lastMoF}`:'ประมาณการจากเดือนล่าสุด';
  }
}


// ════════════════════════════════════════
// DETAIL SHEET
// ════════════════════════════════════════
function openDetailSheet(oppId){
  const opp=OPPS.find(o=>o.id===oppId);if(!opp)return;
  const catColor=getCatColor(opp.cat)||'var(--n600)';
  document.getElementById('detail-sheet-cat').textContent=opp.cat;
  document.getElementById('detail-sheet-cat').style.color=catColor;
  document.getElementById('detail-sheet-title').textContent=opp.curName;
  document.getElementById('detail-sheet-body').innerHTML=renderSingleCard(opp);
  document.getElementById('detailSheet').classList.add('open');
  document.getElementById('detailOverlay').classList.add('on');
  document.body.style.overflow='hidden';
}

function sheetTogglePlan(id){
  sel.has(id)?sel.delete(id):sel.add(id);
  currentPlanMode='custom';
  // Update button state inline without closing sheet
  const btn=document.getElementById('sheet-plan-btn-'+id);
  if(btn){
    const now=sel.has(id);
    btn.textContent=now?'✓ อยู่ในแผนแล้ว':'+ เพิ่มเข้าแผน';
    btn.style.borderColor=now?'var(--tk-ok-500)':'var(--n200)';
    btn.style.background=now?'var(--tk-ok-bg)':'var(--n0)';
    btn.style.color=now?'var(--tk-ok-text)':'var(--n700)';
  }
  updatePbFooter();updateSim();
}

function closeDetailSheet(){
  document.getElementById('detailSheet').classList.remove('open');
  document.getElementById('detailOverlay').classList.remove('on');
  document.body.style.overflow='';
  // Re-render plan builder so arrow/savings reflects any alt change made in sheet
  renderOpps();
}

function renderSingleCard(o){
  const ck=sel.has(o.id);
  const selIdx=selAlt[o.id]??o.alts.findIndex(a=>a.recommended)??0;
  const chosen=o.alts[selIdx]||o.alts[0];
  const altRows=o.alts.map((a,i)=>{
    const isSel=i===selIdx;
    const hasNote=a.note&&a.note.length>3;
    const _cb=confBadgeHtml(a.conf);
    return`<div class="oalt-row ${isSel?'selected':''}" onclick="selectAlt(event,${o.id},${i})"><div class="oalt-radio"><div class="oalt-radio-dot"></div></div><div class="oalt-info"><div class="oalt-name">${a.altName}${a.recommended?`<span class="oalt-rec">★ แนะนำ</span>`:''} <span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);color:var(--n400);font-weight:var(--fw-normal)">#${a.altId}</span></div><div class="oalt-spec">${a.altSpec||''}${a.altSpec?' · ':''}<span style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:${_cb.color}">${_cb.label}</span></div>${hasNote?`<div class="oalt-note">${a.note}</div>`:''}</div><div class="oalt-right"><div class="oalt-price">฿${(a.altP||0).toLocaleString('th-TH')}/${o.priceUnitLabel||'kg'}</div><div class="oalt-save${a.conf!=='high'?' med':''}">${'−'+a.pct+'%'}</div></div></div>`;
  }).join('');
  // v92: confTag was computed here but never referenced anywhere in this
  // function's returned template — confirmed dead code (grep found zero
  // other uses), removed.
  const _qtyUnit=deriveQtyUnit(o.curSpec,o.priceBasis);
  return`<div style="padding:8px 13px 10px;border-bottom:1px solid var(--n100)">
    <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:8px">
      <div style="min-width:0;flex:1">
        <div style="font-size:var(--text-md);color:var(--n500);font-weight:var(--fw-medium)">${o.curSpec}</div>
      </div>
      <div style="text-align:right;flex-shrink:0">
        <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--n400);text-decoration:line-through;white-space:nowrap">฿${(o.curP||0).toLocaleString('th-TH')}/${o.priceUnitLabel||'kg'}</div>
        <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);color:var(--n500);margin-top:3px;white-space:nowrap">${fmt(o.monthlyGmv)}/เดือน · ${o.monthlyQty||'?'} ${_qtyUnit}</div>
      </div>
    </div>
  </div>
  <div class="oalt-section" style="padding-top:12px">${altRows}</div>
  <div class="osave">
    <div>
      <div class="osave-lbl">ประหยัดได้ต่อเดือน</div>
      <div class="osave-sub" id="osave-sub-${o.id}">${o.monthlyQty||'?'} ${_qtyUnit}/เดือน · ลด ${chosen.pct}%</div>
    </div>
    <div>
      <div class="osave-num" id="osave-num-${o.id}">${fmt(chosen.save)}</div>
      <div class="osave-yr" id="osave-yr-${o.id}">${fmt(chosen.save*12)} / ปี</div>
    </div>
  </div>
  ${chosen.caveat?`<div class="onote" style="color:var(--amb);border-top:1px solid var(--n100);padding-top:8px">▲ ${chosen.caveat}</div>`:''}
  <div style="padding:12px 13px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px">
    <button id="sheet-plan-btn-${o.id}" style="flex:1;padding:11px;border-radius:var(--r-md);border:1.5px solid ${ck?'var(--g500)':'var(--n200)'};background:${ck?'var(--tk-ok-bg)':'var(--n0)'};color:${ck?'var(--tk-ok-text)':'var(--n700)'};font-size:var(--text-base);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;transition:all .2s" onclick="sheetTogglePlan(${o.id})">${ck?'✓ อยู่ในแผนแล้ว':'+ เพิ่มเข้าแผน'}</button>
  </div>`;
}

// ── CARD VIEW (legacy — used internally only) ──
function renderOppCards(opps){}

// ── TABLE VIEW ──
function renderOppTable(opps){
  document.getElementById('opplist').innerHTML='<div style="border:1px solid var(--bd);border-radius:var(--r);overflow:hidden">'+
    opps.map((o,i)=>{
      const a=getAlt(o);const ck=sel.has(o.id);const exp=expandedOpps.has(o.id);
      const altRows=exp?o.alts.map((alt,ai)=>{
        const isSe=(selAlt[o.id]??o.alts.findIndex(x=>x.recommended)??0)===ai;
        const _cb=confBadgeHtml(alt.conf);
        return`<div class="ot-expand-row ${isSe?'ot-exp-sel':''}" onclick="selectAlt(event,${o.id},${ai})"><div style="width:14px;height:14px;border-radius:50%;border:2px solid ${isSe?'var(--g500)':'var(--n300)'};background:${isSe?'var(--g500)':'transparent'};display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:28px">${isSe?'<div style="width:5px;height:5px;border-radius:50%;background:#fff"></div>':''}</div><div style="flex:1;min-width:0"><div style="font-size:var(--text-md);font-weight:var(--fw-semi)">${alt.altName}${alt.recommended?' <span style="font-size:var(--text-2xs);background:var(--tk-ok-bg);color:var(--g800);border-radius:var(--r-md);padding:2px 6px;font-weight:var(--fw-bold)">★</span>':''}</div><div style="font-size:var(--text-sm);font-weight:var(--fw-semi);color:${_cb.color};margin-top:1px">${_cb.label}</div></div><div style="text-align:right;flex-shrink:0"><div style="font-size:var(--text-base);font-weight:var(--fw-bold);color:${_cb.color};font-family:'IBM Plex Mono','Noto Sans Thai',monospace">${fmt(alt.save)}</div><div style="font-size:var(--text-sm);color:var(--n600);font-weight:var(--fw-medium);margin-top:2px">${fmt(alt.save*12)+'/ปี <span style="font-family:IBM Plex Mono,monospace;font-weight:var(--fw-bold)">−'+alt.pct+'%</span>'}</div></div></div>`;
      }).join(''):'';
      return`<div class="ot-row-wrap${i>0?' ot-border-top':''}" id="otr-${o.id}"><div class="ot-main-row" onclick="toggleExpand(${o.id})"><div style="font-size:var(--text-sm);color:var(--n600);font-weight:var(--fw-semi);width:18px;flex-shrink:0">${i+1}</div><div style="flex:1;min-width:0"><div style="font-size:var(--text-md);font-weight:var(--fw-semi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${o.curName}</div><div style="font-size:var(--text-sm);color:var(--n600);font-weight:var(--fw-medium);margin-top:1px">${o.cat} · ${fmt(o.monthlyGmv)}/เดือน</div></div><div style="text-align:right;flex-shrink:0;margin-right:8px"><div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-ok-text)">${fmt(a.save)}</div><div style="font-size:var(--text-sm);color:var(--n600);font-weight:var(--fw-medium);margin-top:1px">${fmt(a.save*12)}/ปี · <strong style='font-family:IBM Plex Mono,monospace'>−${a.pct}%</strong></div></div><div style="display:flex;align-items:center;gap:6px;flex-shrink:0"><div style="font-size:var(--text-lg);color:var(--n400);transition:transform .2s;transform:rotate(${exp?180:0}deg)">▾</div><div class="ot-chk ${ck?'on':''}" onclick="event.stopPropagation();toggleOpp(${o.id})">${ck?'<svg width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>':''}</div></div></div>${exp?`<div class="ot-expand-body">${altRows}</div>`:''}</div>`;
    }).join('')+'</div>';
}

function toggleExpand(id){expandedOpps.has(id)?expandedOpps.delete(id):expandedOpps.add(id);renderOpps();}
// setOppView removed — single view
function setOppFilter(f,btn){oppFilter=f;renderOpps();}

function selectAlt(e,oppId,altIdx){
  e.stopPropagation();
  selAlt[oppId]=altIdx;
  const opp=OPPS.find(o=>o.id===oppId);if(!opp)return;
  // Partial DOM update — works for both detail sheet and any card in DOM
  const chosen=opp.alts[altIdx]||opp.alts[0];
  document.querySelectorAll(`[id^="oc"]`);// find context
  const sheet=document.getElementById('detailSheet');
  if(sheet&&sheet.classList.contains('open')){
    sheet.querySelectorAll('.oalt-row').forEach((row,i)=>row.classList.toggle('selected',i===altIdx));
    const saveEl=document.getElementById('osave-num-'+oppId);const yrEl=document.getElementById('osave-yr-'+oppId);const subEl=document.getElementById('osave-sub-'+oppId);
    if(saveEl){saveEl.textContent=fmt(chosen.save);saveEl.style.color='';}if(yrEl)yrEl.textContent=fmt(chosen.save*12)+' / ปี';
    if(subEl){const qu=deriveQtyUnit(opp.curSpec,opp.priceBasis);subEl.textContent=(opp.monthlyQty||'?')+' '+qu+'/เดือน · ลด '+chosen.pct+'%';}
  } else {renderOpps();}
  updateSim();updatePbFooter();
}

function toggleOpp(id){
  sel.has(id)?sel.delete(id):sel.add(id);
  currentPlanMode='custom';
  footerUnlocked=true; // Sprint 2: individual selection also earns the footer
  renderOpps();updateSim();updatePbFooter();
  // v504: badge called AFTER renderOpps (which calls renderPlanBuilder → innerHTML)
  if(typeof savePlanBadge_onCustom==='function')savePlanBadge_onCustom();
}

// ════════════════════════════════════════
// RENDER — SIMULATOR
// ════════════════════════════════════════
// ════════════════════════════════════════
// SCENARIO PLANNER
// ════════════════════════════════════════

// Legacy stubs (still called from toggleSim, selectAll)
function updateSim(){renderOpps();updatePbFooter();}
function toggleSim(id){sel.has(id)?sel.delete(id):sel.add(id);renderOpps();updatePbFooter();}
function selectAll(){OPPS.forEach(o=>sel.add(o.id));renderOpps();updatePbFooter();}

// ════════════════════════════════════════
// ONBOARDING
// ════════════════════════════════════════
function checkOnboarding(){
  // v143: intro/onboarding disabled. Keep this function as a safe no-op
  // because the initial app boot still calls it when sample data is loaded.
  try{localStorage.setItem('ciq_visited','1');}catch(e){}
  const overlay=document.getElementById('onboard-overlay');
  if(overlay)overlay.style.display='none';
}

function closeOnboarding(){
  document.getElementById('onboard-overlay').style.display='none';
  try{localStorage.setItem('ciq_visited','1');}catch(e){}
}

function onboardSample(){
  closeOnboarding();
  useSampleData();
}

function onboardSetup(){
  closeOnboarding();
  document.getElementById('dataPanel').classList.add('open');
  document.getElementById('dataOverlay').classList.add('on');
  setDpMode('bulk');
  updateDpAccountCard();renderAccountLibrary();
}

// ════════════════════════════════════════
// RENDER — REPORT (fixed: uses totalSel, shows both plan + full potential)
// ════════════════════════════════════════
// v_gp: ยามเฝ้าหน้ารายงาน — GP ห้ามปรากฏใน #rpt2-doc เด็ดขาด
//
// หน้ารายงานนี้ถูก "แชร์ให้ลูกค้า" จริง ทั้งเปิดให้ดูบนจอตรงหน้าและส่งเป็น PDF
// ผ่าน shareReport() · GP คือกำไรของ Freshket จากร้านนั้น ไม่ใช่ข้อมูลของลูกค้า
// ทั้งเรื่องเล่าของแอปยังเป็น "เราช่วยร้านลดต้นทุน" ตัวเลขกำไรของเราเองที่โผล่
// ในเอกสารนั้นจะขัดกับสารทั้งฉบับ
//
// ทำเป็นตัวตรวจจับ ไม่ใช่คอมเมนต์เตือน เพราะคอมเมนต์กันคนที่ไม่ได้อ่านไม่ได้
// และหน้ารายงานมี 2 body (renderer ใน shell.html + legacy fallback ข้างล่าง)
// ที่ต่างคนต่างเขียน DOM — ดักที่ adapter ตัวนี้จึงคุมได้ทั้งคู่ในที่เดียว
// ลบทิ้งด้วยไม่ใช่แค่เตือน: ถ้าหลุดมาถึงตรงนี้แล้ว การเตือนใน console
// ไม่ช่วยอะไรถ้าลูกค้ากำลังมองจออยู่
function _reportAssertNoGp(){
  try{
    const doc=document.getElementById('rpt2-doc');
    if(!doc)return;
    const leaks=doc.querySelectorAll('[data-gp]');
    if(!leaks.length)return;
    for(let i=0;i<leaks.length;i++){
      if(leaks[i].parentNode)leaks[i].parentNode.removeChild(leaks[i]);
    }
    console.error('[gp] GP หลุดเข้าหน้ารายงานที่แชร์ให้ลูกค้า — ลบออก '+leaks.length+
      ' element แล้ว แต่ต้องไปแก้ที่ต้นทางที่เขียนมันลง #rpt2-doc');
  }catch(e){}
}

function renderReport(){
  const renderer = window.FreshketSenseReportRenderer;
  if(renderer && typeof renderer.renderFromLegacy === 'function'){
    try{
      const result = renderer.renderFromLegacy({
        D: D,
        SAMPLE: (typeof SAMPLE !== 'undefined' ? SAMPLE : {history:[]}),
        OPPS: OPPS,
        sel: sel,
        getAlt: getAlt,
        totalSel: totalSel,
        curSpend: (typeof curSpend === 'function' ? curSpend : function(){ return 0; }),
        fmt: fmt
      });
      if(result && result.ok){_reportAssertNoGp();return result;}
    }catch(err){
      console.warn('[Freshket Sense] Report renderer failed, falling back to legacy renderer:', err && err.message ? err.message : err);
    }
  }
  const _r=__legacyRenderReportFallback();
  _reportAssertNoGp();
  return _r;
}

function __legacyRenderReportFallback(){
  const hist=D.history.length?D.history:SAMPLE.history;
  const last=hist[hist.length-1]||{s:0,m:''};
  const acctName=D.meta.accountName||'ร้านอาหาร';
  const kamName=D.meta.kamName||'—';
  const lastMo=last.m||'—';
  const spend=typeof curSpend==='function'?curSpend():0;
  // v494: sort by save desc, group by category
  const selItems=[...OPPS.filter(o=>sel.has(o.id))].sort((a,b)=>getAlt(b).save-getAlt(a).save);
  const selSave=totalSel();
  const savPct=spend>0?(selSave/spend*100).toFixed(1):'—';
  const highCount=selItems.filter(o=>getAlt(o).conf==='high').length;
  const medCount=selItems.length-highCount;
  const dateStr=new Date().toLocaleDateString('th-TH',{year:'numeric',month:'long',day:'numeric'});

  // Header
  const set=(id,v)=>{const el=document.getElementById(id);if(el)el.textContent=v;};
  set('rpt2-acct',acctName);
  set('rpt2-date',dateStr);
  set('rpt2-kam','KAM: '+kamName);
  set('rpt2-kpi-spend',fmt(spend));
  set('rpt2-kpi-save-mo',fmt(selSave));
  set('rpt2-kpi-save-count',selItems.length+' รายการที่เลือก');
  set('rpt2-kpi-save-yr',fmt(selSave*12));
  set('rpt2-kpi-pct',(savPct!=='—'?savPct+'%':'—')+' ของยอดซื้อ');
  set('rpt2-kpi-high',highCount+' รายการ — ใช้แทนได้เลย');
  set('rpt2-kpi-med',medCount+' รายการ — แนะนำทดสอบก่อน');

  // Table rows — grouped by category
  const tbody=document.getElementById('rpt2-tbody');
  if(tbody){
    if(!selItems.length){
      const _oppsLen=(typeof OPPS!=='undefined'?OPPS.length:0);
      const _selSz=(typeof sel!=='undefined'&&sel&&typeof sel.size==='number'?sel.size:0);
      const _msg=_oppsLen===0?'กำลังสแกนราคาวัตถุดิบ — กลับมาอีกครั้งหลังสแกนเสร็จ':_selSz===0?'ยังไม่ได้เลือกรายการ — กลับไปหน้า Sense เพื่อเลือก':'ไม่พบรายการที่เลือก — ลองกดรีเฟรช';
      tbody.innerHTML='<tr><td colspan="7" style="text-align:center;padding:24px;color:rgba(160,255,200,.55);font-size:var(--text-md)">'+_msg+'</td></tr>';
    } else {
      const catMap={};const catOrder=[];
      selItems.forEach(o=>{const cat=o.cat||'อื่นๆ';if(!catMap[cat]){catMap[cat]=[];catOrder.push(cat);}catMap[cat].push(o);});
      let rowNum=0;
      tbody.innerHTML=catOrder.map(cat=>{
        const gItems=catMap[cat];
        const gSave=gItems.reduce((s,o)=>s+getAlt(o).save,0);
        const catRow=`<tr class="rpt2-cat-row"><td colspan="6"><span class="rpt2-cat-name">${cat}</span><span class="rpt2-cat-meta">${gItems.length} รายการ</span></td></tr>`;
        const rows=gItems.map(o=>{
          rowNum++;
          const a=getAlt(o);
          const confHigh=a.conf==='high';
          const confMed=a.conf==='medium';
          const curMeta=`#${o.curId}${o.curSpec?' · '+o.curSpec:''}${o.curP>0?' · ฿'+o.curP+'/'+o.curU:''}`;
          const altMeta=`#${a.altId}${a.altSpec?' · '+a.altSpec:''}${a.altP>0?' · ฿'+a.altP+'/'+a.altU:''}`;
          return`<tr>
            <td class="rpt2-num">${rowNum}</td>
            <td><div class="rpt2-sku-name">${o.curName}</div><div class="rpt2-sku-meta">${curMeta}</div></td>
            <td class="rpt2-arr">→</td>
            <td><div class="rpt2-sku-name">${a.altName}</div><div class="rpt2-sku-meta">${altMeta}</div></td>
            <td class="rpt2-gmv"><div class="rpt2-gmv-val">${fmt(o.monthlyGmv||0)}</div><div class="rpt2-gmv-qty">${o.monthlyQty>0?+(+o.monthlyQty).toFixed(1)+' '+deriveQtyUnit(o.curSpec,o.priceBasis):''}</div></td>
            <td class="rpt2-save"><div class="rpt2-save-amt">${fmt(a.save)}</div><span class="rpt2-save-pct${confHigh?' high':''}">−${a.pct}%</span></td>
          </tr>`;
        }).join('');
        return catRow+rows;
      }).join('');
    }
  }

  // Total row
  const tfoot=document.getElementById('rpt2-tfoot');
  if(tfoot&&selItems.length>0){
    tfoot.innerHTML=`<tr class="rpt2-total-row">
      <td colspan="4"><span class="rpt2-total-label">รวม ${selItems.length} รายการที่เลือกในแผน</span></td>
      <td></td>
      <td class="rpt2-save"><div class="rpt2-total-amt">${fmt(selSave)} / เดือน</div><div class="rpt2-total-yr">${fmt(selSave*12)} / ปี</div></td>
    </tr>`;
  } else if(tfoot){tfoot.innerHTML='';}

  const noteEl=document.getElementById('rpt2-note');
  if(noteEl)noteEl.textContent='* ประมาณการจากยอดซื้อและราคาสินค้า '+lastMo+' — ตัวเลขจริงอาจต่างกันตามปริมาณและราคาที่เปลี่ยนแปลง';
}

// ════════════════════════════════════════
// NAVIGATION
// ════════════════════════════════════════


// ════════════════════════════════════════
// SQL TEMPLATES
// ════════════════════════════════════════
// SECTION:SQL_TEMPLATES
const BULK_SQL={
Q8E:`-- ════════════════════════════════════════════════════════════
-- Q8E v3: Portview Enriched + KAM Mapping
-- FIX: days_elapsed now uses MAX(delivery_date) not CURRENT_DATE
--      corrects ~12-14% pace underestimation from day-1 data lag
-- ════════════════════════════════════════════════════════════
-- Output: portview.csv
-- Columns: account_id, account_name, last_month_gmv, gmv_to_date,
--          days_elapsed, days_in_month, runrate_gmv, account_type,
--          churned_sku_count, churned_gmv, top_churned_names,
--          missing_cat_count, missing_cats,
--          last_month_sku_count, cur_sku_count, orders_to_date,
--          kam_name  ← NEW (col 17, 0-indexed)
-- Refresh: Daily (7:00 AM)
--
-- STEP 1: Upload kam_account_mapping.csv เป็น BQ table ก่อน
--   BigQuery Console → dataset ชั่วคราว (เช่น freshket-rn.ops_staging)
--   → Create table → Upload → ตั้งชื่อ kam_account_mapping
--   Schema: kam_name STRING, account_id STRING,
--           account_name STRING, account_type STRING
--
-- STEP 2: รัน query นี้ → Save → CSV → portview.csv
-- ════════════════════════════════════════════════════════════

WITH params AS (
  SELECT
    DATE_TRUNC(CURRENT_DATE(), MONTH)                                                              AS cur_month_start,
    DATE_TRUNC(DATE_SUB(CURRENT_DATE(), INTERVAL 1 MONTH), MONTH)                                 AS last_month_start,
    -- max_date: latest delivery_date with actual data (data pipeline = day -1 lag)
    -- Using this instead of CURRENT_DATE() prevents days_elapsed overcounting by 1 day
    (SELECT MAX(delivery_date) FROM \`dwh.order\`
     WHERE delivery_date >= DATE_TRUNC(CURRENT_DATE(), MONTH))                                    AS max_date,
    EXTRACT(DAY FROM DATE_SUB(DATE_TRUNC(DATE_ADD(CURRENT_DATE(), INTERVAL 1 MONTH), MONTH), INTERVAL 1 DAY)) AS days_in_month
),

-- params_derived: computes days_elapsed from max_date (not CURRENT_DATE)
-- Fix: days_elapsed 8 → 7 when data only goes to yesterday
-- Effect: pace +~14% more accurate; runrate corrected proportionally
params_derived AS (
  SELECT
    cur_month_start,
    last_month_start,
    max_date,
    days_in_month,
    DATE_DIFF(max_date, DATE_TRUNC(max_date, MONTH), DAY) + 1 AS days_elapsed
  FROM params
),

-- ── KAM Mapping (source of truth: kam_account_mapping.csv) ──
-- กรองเฉพาะ accounts ที่มี KAM ถือ — ตัดร้านที่ไม่มีเจ้าของออก
kam_list AS (
  SELECT kam_name, kam_email, tl_email FROM UNNEST([
    STRUCT('Anusorn (Bookbig) Khamphasuk'         AS kam_name, 'anusorn.k@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Chaklid (Dent) Nimraor'               AS kam_name, 'chaklid.n@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Duangruedee (Ning) Bulalom'           AS kam_name, 'duangruedee.bu@freshket.co' AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Guntinun (Monet) Thanoochan'          AS kam_name, 'guntinun.t@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Intuon (Jane) Yanakit'                AS kam_name, 'intuon.y@freshket.co'       AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Napat (To) Kaikaew'                   AS kam_name, 'napat.k@freshket.co'        AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Natchita (Foam) Bunkong'              AS kam_name, 'natchita.b@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Niracha (Cream) Sangka'               AS kam_name, 'niracha.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Nuttawan (Kwang) Mahaporn'            AS kam_name, 'nuttawan.ma@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Ploynitcha (Nitcha) Rujipiromthagoon' AS kam_name, 'ploynitcha.r@freshket.co'   AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Puttipong (Tape) Wanithaweewat'       AS kam_name, 'puttipong.w@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Rinlaphat (Mild) Setthasiriwuti'      AS kam_name, 'rinlaphat.s@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Dakanda (Kwan) Photipeat'             AS kam_name, 'dakanda.ph@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Siriprapa (Pop) Piapeng'              AS kam_name, 'siriprapa.p@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Warissara (Ply) Chanaboon'            AS kam_name, 'warissara.c@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Treerak (May) Sangjua'                AS kam_name, 'treerak.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email)
  ])
),
-- v201f: dynamic KAM mapping (replaces hardcoded 623-row list) | 90d churn window
-- v207g: current portfolio owner source-of-truth = user_master.staff_owner_email.
-- Fallback to latest order owner only when the master record has no owner email.
user_master_current AS (
  SELECT *
  FROM \`freshket-rn.dim.user_master\`
  WHERE account_guid IS NOT NULL
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_guid
    ORDER BY
      CASE WHEN staff_owner_email IS NOT NULL AND TRIM(staff_owner_email) != '' THEN 0 ELSE 1 END,
      lasted_order_date DESC NULLS LAST,
      lead_created_at DESC NULLS LAST
  ) = 1
),
master_kam_accounts AS (
  SELECT um.account_guid AS account_id, k.kam_name, k.kam_email, k.tl_email, 1 AS _pri
  FROM user_master_current um
  JOIN kam_list k ON LOWER(TRIM(um.staff_owner_email)) = LOWER(TRIM(k.kam_email))
  WHERE um.commercial_owner = 'KAM'
    AND um.account_type IN ('SA','MC','Chain','Unknown')
),
kam_map AS (
  SELECT account_id, kam_name, kam_email, tl_email
  FROM master_kam_accounts
),

-- Last month GMV — เฉพาะ accounts ใน mapping
last_month AS (
  SELECT
    o.account_id,
    MAX(o.account_name)       AS account_name,
    MAX(o.res_name)           AS res_name,
    ROUND(SUM(i.gmv_ex_vat), 0) AS last_month_gmv,
    MAX(o.account_type)       AS account_type,
    COUNT(DISTINCT i.item_id) AS last_month_sku_count
  FROM \`dwh.order\` o, UNNEST(o.item) AS i, params_derived p
  INNER JOIN kam_map km ON o.account_id = km.account_id   -- ← filter to KAM accounts only
  WHERE DATE_TRUNC(o.delivery_date, MONTH) = p.last_month_start
    AND i.gmv_ex_vat > 0
  GROUP BY 1
),

-- Current month GMV
current_month AS (
  SELECT
    o.account_id,
    ROUND(SUM(i.gmv_ex_vat), 0) AS gmv_to_date,
    COUNT(DISTINCT o.order_id)   AS orders_to_date,
    COUNT(DISTINCT i.item_id)    AS cur_sku_count
  FROM \`dwh.order\` o, UNNEST(o.item) AS i, params_derived p
  INNER JOIN kam_map km ON o.account_id = km.account_id
  WHERE DATE_TRUNC(o.delivery_date, MONTH) = p.cur_month_start
    AND o.delivery_date <= p.max_date  -- cap at latest available date
    AND i.gmv_ex_vat > 0
  GROUP BY 1
),

-- SKU churn: ordered last month (≥3 times) but NOT this month
last_month_skus AS (
  SELECT
    o.account_id, i.item_id, i.item_name_th,
    COUNT(DISTINCT o.order_id) AS order_count,
    ROUND(SUM(i.gmv_ex_vat), 0) AS gmv
  FROM \`dwh.order\` o, UNNEST(o.item) AS i, params_derived p
  INNER JOIN kam_map km ON o.account_id = km.account_id
  WHERE DATE_TRUNC(o.delivery_date, MONTH) = p.last_month_start
    AND i.gmv_ex_vat > 0
  GROUP BY 1, 2, 3
  HAVING order_count >= 3
),

current_month_skus AS (
  SELECT DISTINCT o.account_id, i.item_id
  FROM \`dwh.order\` o, UNNEST(o.item) AS i, params_derived p
  INNER JOIN kam_map km ON o.account_id = km.account_id
  WHERE DATE_TRUNC(o.delivery_date, MONTH) = p.cur_month_start
    AND o.delivery_date <= p.max_date  -- cap at latest available date
    AND i.gmv_ex_vat > 0
),

churn_summary AS (
  SELECT
    lm.account_id,
    COUNT(*)                   AS churned_sku_count,
    ROUND(SUM(lm.gmv), 0)     AS churned_gmv,
    STRING_AGG(lm.item_name_th, ' | ' ORDER BY lm.gmv DESC LIMIT 5) AS top_churned_names
  FROM last_month_skus lm
  LEFT JOIN current_month_skus cm
    ON lm.account_id = cm.account_id AND lm.item_id = cm.item_id
  WHERE cm.item_id IS NULL
  GROUP BY 1
),

-- Category gap: had GMV last month but zero this month
last_month_cats AS (
  SELECT
    o.account_id, i.category_high_level AS cat,
    ROUND(SUM(i.gmv_ex_vat), 0) AS gmv
  FROM \`dwh.order\` o, UNNEST(o.item) AS i, params_derived p
  INNER JOIN kam_map km ON o.account_id = km.account_id
  WHERE DATE_TRUNC(o.delivery_date, MONTH) = p.last_month_start
    AND i.gmv_ex_vat > 0
  GROUP BY 1, 2
  HAVING gmv >= 3000
),

current_month_cats AS (
  SELECT DISTINCT o.account_id, i.category_high_level AS cat
  FROM \`dwh.order\` o, UNNEST(o.item) AS i, params_derived p
  INNER JOIN kam_map km ON o.account_id = km.account_id
  WHERE DATE_TRUNC(o.delivery_date, MONTH) = p.cur_month_start
    AND o.delivery_date <= p.max_date  -- cap at latest available date
    AND i.gmv_ex_vat > 0
),

cat_gap_summary AS (
  SELECT
    lc.account_id,
    COUNT(*) AS missing_cat_count,
    STRING_AGG(lc.cat || ' (' || CAST(lc.gmv AS STRING) || ')', ' | ' ORDER BY lc.gmv DESC) AS missing_cats
  FROM last_month_cats lc
  LEFT JOIN current_month_cats cc
    ON lc.account_id = cc.account_id AND lc.cat = cc.cat
  WHERE cc.cat IS NULL
  GROUP BY 1
),

-- KAM assignment date: first order date under current KAM (proxy for handoff date).
-- v207g: if master owner moved but no order has happened under the new KAM yet, set 0
-- so NRR treats it as transfer-in/pending first order instead of old core.
kam_since AS (
  SELECT
    account_id,
    ka_owner,
    MIN(delivery_date) AS first_order_date
  FROM \`dwh.order\`
  WHERE ka_owner IS NOT NULL
    AND ka_owner NOT IN ('ka.sa.admin', 'Admin Freshket')
    AND delivery_date >= DATE_SUB(CURRENT_DATE(), INTERVAL 12 MONTH)
  GROUP BY 1, 2
),
last_known_order_owner AS (
  SELECT
    account_id,
    ka_owner AS last_order_kam,
    delivery_date AS last_order_date
  FROM \`dwh.order\`
  WHERE account_type IN ('SA','MC','Chain','Unknown')
  QUALIFY ROW_NUMBER() OVER (PARTITION BY account_id ORDER BY delivery_date DESC) = 1
)

SELECT
  lm.account_id,
  lm.account_name,
  lm.last_month_gmv,
  COALESCE(cm.gmv_to_date, 0)                                                                     AS gmv_to_date,
  p.days_elapsed,
  p.days_in_month,
  ROUND(COALESCE(cm.gmv_to_date, 0) / NULLIF(p.days_elapsed, 0) * p.days_in_month, 0)            AS runrate_gmv,
  lm.account_type,
  COALESCE(ch.churned_sku_count, 0)                                                               AS churned_sku_count,
  COALESCE(ch.churned_gmv, 0)                                                                     AS churned_gmv,
  ch.top_churned_names,
  COALESCE(cg.missing_cat_count, 0)                                                               AS missing_cat_count,
  cg.missing_cats,
  lm.last_month_sku_count,
  COALESCE(cm.cur_sku_count, 0)                                                                    AS cur_sku_count,
  COALESCE(cm.orders_to_date, 0)                                                                   AS orders_to_date,
  km.kam_name                                                                                      AS kam_name,   -- col 16
  km.kam_email                                                                                     AS kam_email,  -- col 17
  km.tl_email                                                                                      AS tl_email,   -- col 18
  CASE
    -- v207h: if the latest order owner is not the current master owner, this is a pending transfer
    -- until the first order under the new owner happens. This must win over any older historical
    -- order the account may have had under the same KAM in the last 12 months.
    WHEN lko.last_order_kam IS NOT NULL AND LOWER(TRIM(lko.last_order_kam)) != LOWER(TRIM(km.kam_name)) THEN 0
    WHEN ks.first_order_date IS NOT NULL THEN DATE_DIFF(CURRENT_DATE(), ks.first_order_date, DAY)
    ELSE NULL
  END                                                                                                 AS days_with_current_kam  -- col 19; v207h: 0 = transfer pending first order

FROM last_month lm
INNER JOIN kam_map km       ON lm.account_id = km.account_id
LEFT JOIN current_month cm  ON lm.account_id = cm.account_id
LEFT JOIN churn_summary ch  ON lm.account_id = ch.account_id
LEFT JOIN cat_gap_summary cg ON lm.account_id = cg.account_id
LEFT JOIN kam_since ks      ON lm.account_id = ks.account_id AND ks.ka_owner = km.kam_name
LEFT JOIN last_known_order_owner lko ON lm.account_id = lko.account_id
CROSS JOIN params_derived p

QUALIFY ROW_NUMBER() OVER (
  PARTITION BY km.kam_name, COALESCE(lm.res_name, lm.account_id)
  ORDER BY COALESCE(cm.gmv_to_date, 0) DESC, lm.last_month_gmv DESC
) = 1

ORDER BY km.kam_name, COALESCE(cm.gmv_to_date, 0) / NULLIF(lm.last_month_gmv * p.days_elapsed / p.days_in_month, 0) ASC;
`,
Q9B:`-- ════════════════════════════════════════════════════════════
-- Q9 v2: Bulk History — KAM accounts × 6 months
-- ════════════════════════════════════════════════════════════
-- Output: bulk_history.csv
-- Refresh: Weekly (จันทร์ 6:00 AM)

WITH kam_list AS (
  SELECT kam_name, kam_email, tl_email FROM UNNEST([
    STRUCT('Anusorn (Bookbig) Khamphasuk'         AS kam_name, 'anusorn.k@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Chaklid (Dent) Nimraor'               AS kam_name, 'chaklid.n@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Duangruedee (Ning) Bulalom'           AS kam_name, 'duangruedee.bu@freshket.co' AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Guntinun (Monet) Thanoochan'          AS kam_name, 'guntinun.t@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Intuon (Jane) Yanakit'                AS kam_name, 'intuon.y@freshket.co'       AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Napat (To) Kaikaew'                   AS kam_name, 'napat.k@freshket.co'        AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Natchita (Foam) Bunkong'              AS kam_name, 'natchita.b@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Niracha (Cream) Sangka'               AS kam_name, 'niracha.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Nuttawan (Kwang) Mahaporn'            AS kam_name, 'nuttawan.ma@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Ploynitcha (Nitcha) Rujipiromthagoon' AS kam_name, 'ploynitcha.r@freshket.co'   AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Puttipong (Tape) Wanithaweewat'       AS kam_name, 'puttipong.w@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Rinlaphat (Mild) Setthasiriwuti'      AS kam_name, 'rinlaphat.s@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Dakanda (Kwan) Photipeat'             AS kam_name, 'dakanda.ph@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Siriprapa (Pop) Piapeng'              AS kam_name, 'siriprapa.p@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Warissara (Ply) Chanaboon'            AS kam_name, 'warissara.c@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Treerak (May) Sangjua'                AS kam_name, 'treerak.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email)
  ])
),
-- v201f: dynamic KAM mapping (replaces hardcoded 623-row list) | 90d churn window
-- v207g: current portfolio owner source-of-truth = user_master.staff_owner_email.
-- Fallback to latest order owner only when the master record has no owner email.
user_master_current AS (
  SELECT *
  FROM \`freshket-rn.dim.user_master\`
  WHERE account_guid IS NOT NULL
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_guid
    ORDER BY
      CASE WHEN staff_owner_email IS NOT NULL AND TRIM(staff_owner_email) != '' THEN 0 ELSE 1 END,
      lasted_order_date DESC NULLS LAST,
      lead_created_at DESC NULLS LAST
  ) = 1
),
master_kam_accounts AS (
  SELECT um.account_guid AS account_id, k.kam_name, k.kam_email, k.tl_email, 1 AS _pri
  FROM user_master_current um
  JOIN kam_list k ON LOWER(TRIM(um.staff_owner_email)) = LOWER(TRIM(k.kam_email))
  WHERE um.commercial_owner = 'KAM'
    AND um.account_type IN ('SA','MC','Chain','Unknown')
),
kam_map AS (
  SELECT account_id, kam_name, kam_email, tl_email
  FROM master_kam_accounts
),

-- res_primary: for each (KAM, res_name), find the primary account_id
-- Primary = account with most recent order → ensures migrated accounts collapse to new ID
res_last_order AS (
  SELECT
    km.kam_name,
    o.res_name,
    o.account_id,
    MAX(o.delivery_date) AS last_order_date
  FROM \`freshket-rn.dwh.order\` o
  INNER JOIN kam_map km ON o.account_id = km.account_id
  WHERE o.res_name IS NOT NULL
    AND o.delivery_date >= DATE_TRUNC(DATE_SUB(CURRENT_DATE(), INTERVAL 6 MONTH), MONTH)
  GROUP BY 1, 2, 3
),
res_primary AS (
  SELECT kam_name, res_name, account_id AS primary_account_id
  FROM res_last_order
  QUALIFY ROW_NUMBER() OVER (PARTITION BY kam_name, res_name ORDER BY last_order_date DESC) = 1
)

SELECT
  COALESCE(rp.primary_account_id, o.account_id) AS account_id,
  MAX(o.account_name) AS account_name,
  CASE EXTRACT(MONTH FROM DATE_TRUNC(o.delivery_date, MONTH))
    WHEN 1  THEN 'ม.ค.'  WHEN 2  THEN 'ก.พ.'  WHEN 3  THEN 'มี.ค.'
    WHEN 4  THEN 'เม.ย.' WHEN 5  THEN 'พ.ค.'  WHEN 6  THEN 'มิ.ย.'
    WHEN 7  THEN 'ก.ค.'  WHEN 8  THEN 'ส.ค.'  WHEN 9  THEN 'ก.ย.'
    WHEN 10 THEN 'ต.ค.'  WHEN 11 THEN 'พ.ย.'  WHEN 12 THEN 'ธ.ค.'
  END || ' ' || CAST(EXTRACT(YEAR FROM DATE_TRUNC(o.delivery_date, MONTH)) + 543 AS STRING) AS month_label,
  ROUND(SUM(i.gmv_ex_vat), 0) AS gmv,
  COUNT(DISTINCT o.order_id)  AS orders

FROM \`dwh.order\` o, UNNEST(o.item) AS i
INNER JOIN kam_map km ON o.account_id = km.account_id
LEFT JOIN res_primary rp ON km.kam_name = rp.kam_name AND o.res_name = rp.res_name

WHERE o.delivery_date >= DATE_TRUNC(DATE_SUB(CURRENT_DATE(), INTERVAL 6 MONTH), MONTH)
  AND o.delivery_date <  DATE_TRUNC(CURRENT_DATE(), MONTH)
  AND i.gmv_ex_vat > 0

GROUP BY 1, 3
ORDER BY 1, 3;
`,
Q7B:`-- ════════════════════════════════════════════════════════════════════════════
-- Q7B — Bulk SKU Current Month-to-Date (KAM Cost IQ)
-- Output: account_id, item_id, item_name_th, order_count_mtd, gmv_mtd, last_order_date
-- Window: current month start → today (Asia/Bangkok)
-- Filter: 653 piloted accounts (from kam_account_mapping_v2.csv)
-- Locked rules: gmv_ex_vat, no order status filter, account_id from dwh.order
-- ════════════════════════════════════════════════════════════════════════════

WITH kam_list AS (
  SELECT kam_name, kam_email, tl_email FROM UNNEST([
    STRUCT('Anusorn (Bookbig) Khamphasuk'         AS kam_name, 'anusorn.k@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Chaklid (Dent) Nimraor'               AS kam_name, 'chaklid.n@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Duangruedee (Ning) Bulalom'           AS kam_name, 'duangruedee.bu@freshket.co' AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Guntinun (Monet) Thanoochan'          AS kam_name, 'guntinun.t@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Intuon (Jane) Yanakit'                AS kam_name, 'intuon.y@freshket.co'       AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Napat (To) Kaikaew'                   AS kam_name, 'napat.k@freshket.co'        AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Natchita (Foam) Bunkong'              AS kam_name, 'natchita.b@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Niracha (Cream) Sangka'               AS kam_name, 'niracha.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Nuttawan (Kwang) Mahaporn'            AS kam_name, 'nuttawan.ma@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Ploynitcha (Nitcha) Rujipiromthagoon' AS kam_name, 'ploynitcha.r@freshket.co'   AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Puttipong (Tape) Wanithaweewat'       AS kam_name, 'puttipong.w@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Rinlaphat (Mild) Setthasiriwuti'      AS kam_name, 'rinlaphat.s@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Dakanda (Kwan) Photipeat'             AS kam_name, 'dakanda.ph@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Siriprapa (Pop) Piapeng'              AS kam_name, 'siriprapa.p@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Warissara (Ply) Chanaboon'            AS kam_name, 'warissara.c@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Treerak (May) Sangjua'                AS kam_name, 'treerak.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email)
  ])
),
-- v201f: dynamic KAM mapping (replaces hardcoded 623-row list) | 90d churn window
-- v207g: current portfolio owner source-of-truth = user_master.staff_owner_email.
-- Fallback to latest order owner only when the master record has no owner email.
user_master_current AS (
  SELECT *
  FROM \`freshket-rn.dim.user_master\`
  WHERE account_guid IS NOT NULL
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_guid
    ORDER BY
      CASE WHEN staff_owner_email IS NOT NULL AND TRIM(staff_owner_email) != '' THEN 0 ELSE 1 END,
      lasted_order_date DESC NULLS LAST,
      lead_created_at DESC NULLS LAST
  ) = 1
),
master_kam_accounts AS (
  SELECT um.account_guid AS account_id, 1 AS _pri
  FROM user_master_current um
  JOIN kam_list k ON LOWER(TRIM(um.staff_owner_email)) = LOWER(TRIM(k.kam_email))
  WHERE um.commercial_owner = 'KAM'
    AND um.account_type IN ('SA','MC','Chain','Unknown')
),
kam_map AS (
  SELECT account_id FROM master_kam_accounts
),
mtd_items AS (
  SELECT
    o.account_id,
    o.order_id,
    o.delivery_date,
    i.item_id,
    i.item_name_th,
    i.gmv_ex_vat
  FROM \`freshket-rn.dwh.order\` o
  CROSS JOIN UNNEST(o.item) AS i
  JOIN kam_map ON o.account_id = kam_map.account_id
  WHERE TRUE
    AND o.delivery_date >= DATE_TRUNC(CURRENT_DATE('Asia/Bangkok'), MONTH)
    AND o.delivery_date <= CURRENT_DATE('Asia/Bangkok')
)
SELECT
  account_id,
  CAST(item_id AS STRING) AS item_id,
  ANY_VALUE(item_name_th) AS item_name_th,
  COUNT(DISTINCT order_id) AS order_count_mtd,
  ROUND(SUM(gmv_ex_vat), 2) AS gmv_mtd,
  MAX(delivery_date) AS last_order_date
FROM mtd_items
WHERE item_id IS NOT NULL
GROUP BY account_id, item_id
ORDER BY account_id, gmv_mtd DESC;
`,
Q2B:`-- ════════════════════════════════════════════════════════════
-- Q2B v3: Bulk Categories — KAM accounts × 6 months + current month MTD
-- ════════════════════════════════════════════════════════════
-- Output: bulk_categories.csv
-- Refresh: Daily (7:00 AM)

WITH kam_list AS (
  SELECT kam_name, kam_email, tl_email FROM UNNEST([
    STRUCT('Anusorn (Bookbig) Khamphasuk'         AS kam_name, 'anusorn.k@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Chaklid (Dent) Nimraor'               AS kam_name, 'chaklid.n@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Duangruedee (Ning) Bulalom'           AS kam_name, 'duangruedee.bu@freshket.co' AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Guntinun (Monet) Thanoochan'          AS kam_name, 'guntinun.t@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Intuon (Jane) Yanakit'                AS kam_name, 'intuon.y@freshket.co'       AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Napat (To) Kaikaew'                   AS kam_name, 'napat.k@freshket.co'        AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Natchita (Foam) Bunkong'              AS kam_name, 'natchita.b@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Niracha (Cream) Sangka'               AS kam_name, 'niracha.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Nuttawan (Kwang) Mahaporn'            AS kam_name, 'nuttawan.ma@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Ploynitcha (Nitcha) Rujipiromthagoon' AS kam_name, 'ploynitcha.r@freshket.co'   AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Puttipong (Tape) Wanithaweewat'       AS kam_name, 'puttipong.w@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Rinlaphat (Mild) Setthasiriwuti'      AS kam_name, 'rinlaphat.s@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Dakanda (Kwan) Photipeat'             AS kam_name, 'dakanda.ph@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Siriprapa (Pop) Piapeng'              AS kam_name, 'siriprapa.p@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Warissara (Ply) Chanaboon'            AS kam_name, 'warissara.c@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Treerak (May) Sangjua'                AS kam_name, 'treerak.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email)
  ])
),
-- v201f: dynamic KAM mapping (replaces hardcoded 623-row list) | 90d churn window
-- v207g: current portfolio owner source-of-truth = user_master.staff_owner_email.
-- Fallback to latest order owner only when the master record has no owner email.
user_master_current AS (
  SELECT *
  FROM \`freshket-rn.dim.user_master\`
  WHERE account_guid IS NOT NULL
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_guid
    ORDER BY
      CASE WHEN staff_owner_email IS NOT NULL AND TRIM(staff_owner_email) != '' THEN 0 ELSE 1 END,
      lasted_order_date DESC NULLS LAST,
      lead_created_at DESC NULLS LAST
  ) = 1
),
master_kam_accounts AS (
  SELECT um.account_guid AS account_id, k.kam_name, k.kam_email, k.tl_email, 1 AS _pri
  FROM user_master_current um
  JOIN kam_list k ON LOWER(TRIM(um.staff_owner_email)) = LOWER(TRIM(k.kam_email))
  WHERE um.commercial_owner = 'KAM'
    AND um.account_type IN ('SA','MC','Chain','Unknown')
),
kam_map AS (
  SELECT account_id, kam_name, kam_email, tl_email
  FROM master_kam_accounts
),
-- v3: max_date caps current month at latest pipeline data (avoids 1-day lag overcounting)
params AS (
  SELECT (SELECT MAX(delivery_date) FROM \`dwh.order\`
          WHERE delivery_date >= DATE_TRUNC(CURRENT_DATE(), MONTH)) AS max_date
)

SELECT
  o.account_id,
  CASE EXTRACT(MONTH FROM DATE_TRUNC(o.delivery_date, MONTH))
    WHEN 1  THEN 'ม.ค.'  WHEN 2  THEN 'ก.พ.'  WHEN 3  THEN 'มี.ค.'
    WHEN 4  THEN 'เม.ย.' WHEN 5  THEN 'พ.ค.'  WHEN 6  THEN 'มิ.ย.'
    WHEN 7  THEN 'ก.ค.'  WHEN 8  THEN 'ส.ค.'  WHEN 9  THEN 'ก.ย.'
    WHEN 10 THEN 'ต.ค.'  WHEN 11 THEN 'พ.ย.'  WHEN 12 THEN 'ธ.ค.'
  END || ' ' || CAST(EXTRACT(YEAR FROM DATE_TRUNC(o.delivery_date, MONTH)) + 543 AS STRING) AS month_label,
  i.category_high_level AS category,
  ROUND(SUM(i.gmv_ex_vat), 0) AS gmv

FROM \`dwh.order\` o, UNNEST(o.item) AS i
CROSS JOIN params p
INNER JOIN kam_map km ON o.account_id = km.account_id

WHERE o.delivery_date >= DATE_TRUNC(DATE_SUB(CURRENT_DATE(), INTERVAL 6 MONTH), MONTH)
  AND o.delivery_date <= p.max_date  -- v3: include current month MTD (raw GMV, not run rate)
  AND i.gmv_ex_vat > 0

GROUP BY 1, 2, 3
ORDER BY 1, 2, gmv DESC;`,
Q3B:`-- ════════════════════════════════════════════════════════════════════════════
-- Q3B v3 — Bulk SKU Monthly (KAM Cost IQ · pack_size + outlet_count_sku + bi_source unit)
-- Columns (18): account_id, month_label, item_id, item_name_th, dept,
--               subclass, temperature, pack_size,
--               gmv_ex_vat, pct, qty_kg, unit_price, order_count, avg_piece_price,
--               outlet_count_sku, default_unit_group, ea_unit_name, universal_ea_value
-- Window: last 2 complete months + current month MTD (Mar/Apr/May at time of export)
-- Locked rules: gmv_ex_vat, no order status filter, account_id from dwh.order
-- pack_size: from item.pack_size in dwh.order → drives unit label detection (ขวด/ถัง/กก.)
-- bi_source join: adds default_unit_group/ea_unit_name/universal_ea_value for bundle pricing
-- ════════════════════════════════════════════════════════════════════════════

WITH kam_list AS (
  SELECT kam_name, kam_email, tl_email FROM UNNEST([
    STRUCT('Anusorn (Bookbig) Khamphasuk'         AS kam_name, 'anusorn.k@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Chaklid (Dent) Nimraor'               AS kam_name, 'chaklid.n@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Duangruedee (Ning) Bulalom'           AS kam_name, 'duangruedee.bu@freshket.co' AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Guntinun (Monet) Thanoochan'          AS kam_name, 'guntinun.t@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Intuon (Jane) Yanakit'                AS kam_name, 'intuon.y@freshket.co'       AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Napat (To) Kaikaew'                   AS kam_name, 'napat.k@freshket.co'        AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Natchita (Foam) Bunkong'              AS kam_name, 'natchita.b@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Niracha (Cream) Sangka'               AS kam_name, 'niracha.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Nuttawan (Kwang) Mahaporn'            AS kam_name, 'nuttawan.ma@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Ploynitcha (Nitcha) Rujipiromthagoon' AS kam_name, 'ploynitcha.r@freshket.co'   AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Puttipong (Tape) Wanithaweewat'       AS kam_name, 'puttipong.w@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Rinlaphat (Mild) Setthasiriwuti'      AS kam_name, 'rinlaphat.s@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Dakanda (Kwan) Photipeat'             AS kam_name, 'dakanda.ph@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Siriprapa (Pop) Piapeng'              AS kam_name, 'siriprapa.p@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Warissara (Ply) Chanaboon'            AS kam_name, 'warissara.c@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Treerak (May) Sangjua'                AS kam_name, 'treerak.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email)
  ])
),
-- v201f: dynamic KAM mapping (replaces hardcoded 623-row list) | 90d churn window
-- v207g: current portfolio owner source-of-truth = user_master.staff_owner_email.
-- Fallback to latest order owner only when the master record has no owner email.
user_master_current AS (
  SELECT *
  FROM \`freshket-rn.dim.user_master\`
  WHERE account_guid IS NOT NULL
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_guid
    ORDER BY
      CASE WHEN staff_owner_email IS NOT NULL AND TRIM(staff_owner_email) != '' THEN 0 ELSE 1 END,
      lasted_order_date DESC NULLS LAST,
      lead_created_at DESC NULLS LAST
  ) = 1
),
master_kam_accounts AS (
  SELECT um.account_guid AS account_id, 1 AS _pri
  FROM user_master_current um
  JOIN kam_list k ON LOWER(TRIM(um.staff_owner_email)) = LOWER(TRIM(k.kam_email))
  WHERE um.commercial_owner = 'KAM'
    AND um.account_type IN ('SA','MC','Chain','Unknown')
),
kam_map AS (
  SELECT account_id FROM master_kam_accounts
),

raw AS (
  SELECT
    o.account_id,
    DATE_TRUNC(o.delivery_date, MONTH)   AS month_date,
    CAST(i.item_id AS STRING)            AS item_id,
    i.item_name_th,
    COALESCE(i.category_high_level_v2, i.category_high_level, '')  AS dept,
    COALESCE(i.subclass_name, '')        AS subclass,
    COALESCE(i.temperature, '')          AS temperature,
    COALESCE(i.pack_size, '')            AS pack_size,
    i.gmv_ex_vat,
    i.qty,
    i.price_ex_vat,                      -- price per ordering unit (ขวด, ถัง, kg, etc.)
    o.order_id,
    o.user_id                             -- outlet identifier for outlet_count_sku
  FROM \`freshket-rn.dwh.order\` o
  CROSS JOIN UNNEST(o.item) AS i
  JOIN kam_map ON o.account_id = kam_map.account_id
  WHERE TRUE
    AND o.delivery_date >= DATE_SUB(DATE_TRUNC(CURRENT_DATE('Asia/Bangkok'), MONTH), INTERVAL 2 MONTH)
    AND o.delivery_date <= CURRENT_DATE('Asia/Bangkok')
    AND i.item_id IS NOT NULL
),

monthly_total AS (
  SELECT account_id, month_date, SUM(gmv_ex_vat) AS total_gmv
  FROM raw
  GROUP BY account_id, month_date
),

agg AS (
  SELECT
    r.account_id,
    r.month_date,
    r.item_id,
    ANY_VALUE(r.item_name_th)                                          AS item_name_th,
    ANY_VALUE(r.dept)                                                  AS dept,
    ANY_VALUE(r.subclass)                                              AS subclass,
    ANY_VALUE(r.temperature)                                           AS temperature,
    ANY_VALUE(r.pack_size)                                             AS pack_size,
    ROUND(SUM(r.gmv_ex_vat), 2)                                        AS gmv_ex_vat,
    ROUND(SUM(r.qty), 3)                                               AS qty_kg,
    -- unit_price = per-kg price (used when item is sold by weight)
    ROUND(SAFE_DIVIDE(SUM(r.gmv_ex_vat), NULLIF(SUM(r.qty), 0)), 2)   AS unit_price,
    COUNT(DISTINCT r.order_id)                                         AS order_count,
    -- avg_piece_price = avg price per ordering unit (ขวด/ถัง/pack)
    -- when this differs from unit_price, the app detects per-unit pricing
    ROUND(AVG(r.price_ex_vat), 2)                                      AS avg_piece_price,
    -- outlet_count_sku = outlets that actually ordered this SKU (≠ total outlet count)
    -- used for per-outlet frequency → churn interval logic in app
    COUNT(DISTINCT r.user_id)                                          AS outlet_count_sku
  FROM raw r
  GROUP BY r.account_id, r.month_date, r.item_id
)

SELECT
  a.account_id,
  CONCAT(
    CASE EXTRACT(MONTH FROM month_date)
      WHEN 1 THEN 'ม.ค.' WHEN 2 THEN 'ก.พ.' WHEN 3 THEN 'มี.ค.'
      WHEN 4 THEN 'เม.ย.' WHEN 5 THEN 'พ.ค.' WHEN 6 THEN 'มิ.ย.'
      WHEN 7 THEN 'ก.ค.' WHEN 8 THEN 'ส.ค.' WHEN 9 THEN 'ก.ย.'
      WHEN 10 THEN 'ต.ค.' WHEN 11 THEN 'พ.ย.' WHEN 12 THEN 'ธ.ค.'
    END,
    ' ',
    CAST(EXTRACT(YEAR FROM a.month_date) + 543 AS STRING)
  ) AS month_label,
  a.item_id,
  a.item_name_th,
  a.dept,
  a.subclass,
  a.temperature,
  a.pack_size,                           -- ← drives ขวด/ถัง/กก. detection in app
  a.gmv_ex_vat,
  ROUND(SAFE_DIVIDE(a.gmv_ex_vat, t.total_gmv) * 100, 1) AS pct,
  a.qty_kg,
  a.unit_price,
  a.order_count,
  a.avg_piece_price,
  a.outlet_count_sku,
  COALESCE(m.default_unit_group, '')  AS default_unit_group,   -- 'EACH' | 'WEIGHT' | ''
  COALESCE(m.ea_unit_name, '')        AS ea_unit_name,          -- กระป๋อง/ขวด/ถุง/แพ็ค etc.
  COALESCE(m.universal_ea_value, 0)   AS universal_ea_value     -- N per pack (24, 12, 20 ...)
FROM agg a
JOIN monthly_total t USING (account_id, month_date)
LEFT JOIN \`freshket-rn.bi_source.item_master_merchandise\` m ON CAST(m.item_id AS STRING) = a.item_id
ORDER BY a.account_id, a.month_date DESC, a.gmv_ex_vat DESC;
`,
Q4B:`
-- ── Helper: extract total liters from pack_size string ──────────────────
-- Mirrors parsePackSizeUnits() in v160 JS. Returns NULL if not a liquid pack.
CREATE TEMP FUNCTION extract_pack_liters(ps STRING) AS ((
  CASE
    -- N x M ml  (e.g. "24 x 320 ml./Carton")
    WHEN REGEXP_CONTAINS(ps, r'(?i)\d+\.?\d*\s*[xX]\s*\d+\.?\d*\s*ml\b')
      THEN CAST(REGEXP_EXTRACT(ps, r'(?i)(\d+\.?\d*)\s*[xX]') AS FLOAT64)
           * CAST(REGEXP_EXTRACT(ps, r'(?i)[xX]\s*(\d+\.?\d*)\s*ml') AS FLOAT64)
           / 1000
    -- N ml  (e.g. "700 ml./bottle")
    WHEN REGEXP_CONTAINS(ps, r'(?i)\d+\.?\d*\s*ml\b')
      THEN CAST(REGEXP_EXTRACT(ps, r'(?i)(\d+\.?\d*)\s*ml') AS FLOAT64) / 1000
    -- N x M liter/litre/lt/L
    WHEN REGEXP_CONTAINS(ps, r'(?i)\d+\.?\d*\s*[xX]\s*\d+\.?\d*\s*(liter|litre|lt|L)\b')
      THEN CAST(REGEXP_EXTRACT(ps, r'(?i)(\d+\.?\d*)\s*[xX]') AS FLOAT64)
           * CAST(REGEXP_EXTRACT(ps, r'(?i)[xX]\s*(\d+\.?\d*)\s*(liter|litre|lt|L)') AS FLOAT64)
    -- N liter/litre/lt  (e.g. "18 liter/Tin", "13.75Litre/each", "1 liter/bottle")
    WHEN REGEXP_CONTAINS(ps, r'(?i)\d+\.?\d*\s*(liter|litre|lt)\b')
      THEN CAST(REGEXP_EXTRACT(ps, r'(?i)(\d+\.?\d*)\s*(liter|litre|lt)') AS FLOAT64)
    -- Single "L" (e.g. "5 L/bottle") — must be preceded by digit to avoid false matches
    WHEN REGEXP_CONTAINS(ps, r'\d+\.?\d*\s*L\b')
      THEN CAST(REGEXP_EXTRACT(ps, r'(\d+\.?\d*)\s*L\b') AS FLOAT64)
    ELSE NULL
  END
));

-- ════════════════════════════════════════════════════════════
-- Q4B v2: Bulk Alternatives — KAM accounts × last month
-- ════════════════════════════════════════════════════════════
-- Output: bulk_alternatives.csv
-- Refresh: Weekly (จันทร์ 6:00 AM)
-- Notes:
--   • Last month only (closed) — stable within month
--   • catalog CTE ยังใช้ทุก account เป็น price reference (ถูกต้อง)
--     เพราะต้องการราคากลางของ catalog ไม่ใช่ราคาของแต่ละ KAM

WITH kam_list AS (
  SELECT kam_name, kam_email, tl_email FROM UNNEST([
    STRUCT('Anusorn (Bookbig) Khamphasuk'         AS kam_name, 'anusorn.k@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Chaklid (Dent) Nimraor'               AS kam_name, 'chaklid.n@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Duangruedee (Ning) Bulalom'           AS kam_name, 'duangruedee.bu@freshket.co' AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Guntinun (Monet) Thanoochan'          AS kam_name, 'guntinun.t@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Intuon (Jane) Yanakit'                AS kam_name, 'intuon.y@freshket.co'       AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Napat (To) Kaikaew'                   AS kam_name, 'napat.k@freshket.co'        AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Natchita (Foam) Bunkong'              AS kam_name, 'natchita.b@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Niracha (Cream) Sangka'               AS kam_name, 'niracha.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Nuttawan (Kwang) Mahaporn'            AS kam_name, 'nuttawan.ma@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Ploynitcha (Nitcha) Rujipiromthagoon' AS kam_name, 'ploynitcha.r@freshket.co'   AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Puttipong (Tape) Wanithaweewat'       AS kam_name, 'puttipong.w@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Rinlaphat (Mild) Setthasiriwuti'      AS kam_name, 'rinlaphat.s@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Dakanda (Kwan) Photipeat'             AS kam_name, 'dakanda.ph@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Siriprapa (Pop) Piapeng'              AS kam_name, 'siriprapa.p@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Warissara (Ply) Chanaboon'            AS kam_name, 'warissara.c@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Treerak (May) Sangjua'                AS kam_name, 'treerak.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email)
  ])
),
-- v201f: dynamic KAM mapping (replaces hardcoded 623-row list) | 90d churn window
-- v207g: current portfolio owner source-of-truth = user_master.staff_owner_email.
-- Fallback to latest order owner only when the master record has no owner email.
user_master_current AS (
  SELECT *
  FROM \`freshket-rn.dim.user_master\`
  WHERE account_guid IS NOT NULL
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_guid
    ORDER BY
      CASE WHEN staff_owner_email IS NOT NULL AND TRIM(staff_owner_email) != '' THEN 0 ELSE 1 END,
      lasted_order_date DESC NULLS LAST,
      lead_created_at DESC NULLS LAST
  ) = 1
),
master_kam_accounts AS (
  SELECT um.account_guid AS account_id, k.kam_name, k.kam_email, k.tl_email, 1 AS _pri
  FROM user_master_current um
  JOIN kam_list k ON LOWER(TRIM(um.staff_owner_email)) = LOWER(TRIM(k.kam_email))
  WHERE um.commercial_owner = 'KAM'
    AND um.account_type IN ('SA','MC','Chain','Unknown')
),
kam_map AS (
  SELECT account_id, kam_name, kam_email, tl_email
  FROM master_kam_accounts
),

account_items AS (
  SELECT
    o.account_id,
    item.item_id,
    item.item_name_th,
    item.subclass_name,
    item.temperature,
    item.pack_size AS account_pack_size,
    TRIM(SPLIT(item.item_name_th, ' ตรา')[OFFSET(0)]) AS core_name,
    -- per_kg: weight items — same as v2
    ROUND(SUM(item.gmv_ex_vat) OVER (PARTITION BY o.account_id, item.item_id)
          / NULLIF(SUM(item.weight_kg) OVER (PARTITION BY o.account_id, item.item_id), 0), 2)
          AS avg_price_per_kg,
    -- per_liter: liquid items (weight_kg=0, pack_size has volume) — new in v3
    ROUND(
      SAFE_DIVIDE(SUM(item.gmv_ex_vat) OVER (PARTITION BY o.account_id, item.item_id),
                  NULLIF(SUM(item.qty) OVER (PARTITION BY o.account_id, item.item_id), 0))
      / NULLIF(extract_pack_liters(item.pack_size), 0)
    , 2) AS avg_price_per_liter,
    -- price_basis: determines which normalized price to use
    CASE
      WHEN SUM(item.weight_kg) OVER (PARTITION BY o.account_id, item.item_id) > 0 THEN 'per_kg'
      WHEN extract_pack_liters(item.pack_size) IS NOT NULL THEN 'per_liter'
      ELSE NULL
    END AS price_basis,
    ROUND(SUM(item.gmv_ex_vat) OVER (PARTITION BY o.account_id, item.item_id)
          / NULLIF(SUM(item.qty) OVER (PARTITION BY o.account_id, item.item_id), 0), 2)
          AS avg_unit_price,
    ROUND(SUM(item.qty)        OVER (PARTITION BY o.account_id, item.item_id), 2) AS monthly_qty,
    ROUND(SUM(item.gmv_ex_vat) OVER (PARTITION BY o.account_id, item.item_id), 2) AS monthly_gmv
  FROM \`dwh.order\` o, UNNEST(o.item) AS item
  INNER JOIN kam_map km ON o.account_id = km.account_id
  WHERE DATE_TRUNC(o.delivery_date, MONTH) = DATE_TRUNC(DATE_SUB(CURRENT_DATE(), INTERVAL 1 MONTH), MONTH)
    AND item.gmv_ex_vat > 0
    AND item.category_high_level != 'DG Non-food'
    AND (item.weight_kg > 0                                                -- per_kg path (เดิม)
         OR extract_pack_liters(item.pack_size) IS NOT NULL)               -- per_liter path (ใหม่)
  QUALIFY ROW_NUMBER() OVER (PARTITION BY o.account_id, item.item_id ORDER BY o.delivery_date DESC) = 1
),

-- catalog ใช้ทุก account เป็น reference ราคากลาง (ไม่ filter KAM)
catalog AS (
  SELECT
    item.item_id,
    item.item_name_th,
    item.brand_name_th,
    item.grading,
    item.pack_size AS catalog_pack_size,
    item.subclass_name,
    item.temperature,
    TRIM(SPLIT(item.item_name_th, ' ตรา')[OFFSET(0)]) AS core_name,
    ROUND(SUM(item.gmv_ex_vat) OVER (PARTITION BY item.item_id)
          / NULLIF(SUM(item.weight_kg) OVER (PARTITION BY item.item_id), 0), 2)
          AS catalog_price_per_kg,
    ROUND(
      SAFE_DIVIDE(SUM(item.gmv_ex_vat) OVER (PARTITION BY item.item_id),
                  NULLIF(SUM(item.qty) OVER (PARTITION BY item.item_id), 0))
      / NULLIF(extract_pack_liters(item.pack_size), 0)
    , 2) AS catalog_price_per_liter,
    CASE
      WHEN SUM(item.weight_kg) OVER (PARTITION BY item.item_id) > 0 THEN 'per_kg'
      WHEN extract_pack_liters(item.pack_size) IS NOT NULL THEN 'per_liter'
      ELSE NULL
    END AS price_basis,
    ROUND(SUM(item.gmv_ex_vat) OVER (PARTITION BY item.item_id)
          / NULLIF(SUM(item.qty) OVER (PARTITION BY item.item_id), 0), 2)
          AS catalog_unit_price
  FROM \`dwh.order\` o, UNNEST(o.item) AS item
  WHERE DATE_TRUNC(o.delivery_date, MONTH) = DATE_TRUNC(DATE_SUB(CURRENT_DATE(), INTERVAL 1 MONTH), MONTH)
    AND o.account_type != 'enduser'
    AND item.gmv_ex_vat > 0
    AND item.category_high_level != 'DG Non-food'
    AND (item.weight_kg > 0 OR extract_pack_liters(item.pack_size) IS NOT NULL)
  QUALIFY ROW_NUMBER() OVER (PARTITION BY item.item_id ORDER BY o.delivery_date DESC) = 1
)

SELECT
  a.account_id,
  a.item_id                                           AS account_item_id,
  a.item_name_th                                      AS account_item_name,
  a.core_name                                         AS account_core_name,
  COALESCE(a.avg_price_per_kg, a.avg_price_per_liter) AS account_price,
  a.subclass_name,
  c.item_id                                           AS catalog_item_id,
  c.item_name_th                                      AS catalog_item_name,
  c.brand_name_th                                     AS catalog_brand,
  c.grading,
  c.catalog_pack_size                                 AS pack_size,
  COALESCE(c.catalog_price_per_kg, c.catalog_price_per_liter) AS catalog_price,
  ROUND(COALESCE(a.avg_price_per_kg, a.avg_price_per_liter)
      - COALESCE(c.catalog_price_per_kg, c.catalog_price_per_liter), 2) AS price_diff,
  a.avg_unit_price                                    AS account_unit_price,
  a.account_pack_size,
  c.catalog_unit_price,
  a.monthly_qty,
  a.monthly_gmv,
  a.price_basis                                       AS price_basis

FROM account_items a
JOIN catalog c
  ON  a.subclass_name  = c.subclass_name
  AND a.temperature    = c.temperature
  AND a.item_id       != c.item_id
  AND a.price_basis    = c.price_basis                                     -- ห้ามเทียบข้าม unit
  AND (c.core_name LIKE CONCAT('%', a.core_name, '%') OR a.core_name LIKE CONCAT('%', c.core_name, '%'))
  AND COALESCE(c.catalog_price_per_kg, c.catalog_price_per_liter)
      < COALESCE(a.avg_price_per_kg, a.avg_price_per_liter) * 0.97
  AND COALESCE(c.catalog_price_per_kg, c.catalog_price_per_liter) > 0
  AND COALESCE(a.avg_price_per_kg, a.avg_price_per_liter)
      / NULLIF(COALESCE(c.catalog_price_per_kg, c.catalog_price_per_liter), 0) <= 10

QUALIFY ROW_NUMBER() OVER (
  PARTITION BY a.account_id, a.item_id
  ORDER BY price_diff DESC
) <= 5
ORDER BY a.account_id, a.monthly_gmv DESC, price_diff DESC;`,
Q5B:`-- ════════════════════════════════════════════════════════════════════════════
-- Q5B — Bulk Outlets Monthly (KAM Cost IQ)
-- Columns (9): account_id, month_label, outlet_id, outlet_name,
--              gmv_ex_vat, orders, shipping_incvat, mode_timeslot, last_order_date
-- Window: last 6 complete months + current month MTD (for outlet cycle signals)
-- Note: outlet card renders only for accounts with 2+ outlets (Chain)
--       Single-outlet SA/MC accounts will be skipped by the app automatically
-- ════════════════════════════════════════════════════════════════════════════

WITH kam_list AS (
  SELECT kam_name, kam_email, tl_email FROM UNNEST([
    STRUCT('Anusorn (Bookbig) Khamphasuk'         AS kam_name, 'anusorn.k@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Chaklid (Dent) Nimraor'               AS kam_name, 'chaklid.n@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Duangruedee (Ning) Bulalom'           AS kam_name, 'duangruedee.bu@freshket.co' AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Guntinun (Monet) Thanoochan'          AS kam_name, 'guntinun.t@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Intuon (Jane) Yanakit'                AS kam_name, 'intuon.y@freshket.co'       AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Napat (To) Kaikaew'                   AS kam_name, 'napat.k@freshket.co'        AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Natchita (Foam) Bunkong'              AS kam_name, 'natchita.b@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Niracha (Cream) Sangka'               AS kam_name, 'niracha.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Nuttawan (Kwang) Mahaporn'            AS kam_name, 'nuttawan.ma@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Ploynitcha (Nitcha) Rujipiromthagoon' AS kam_name, 'ploynitcha.r@freshket.co'   AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Puttipong (Tape) Wanithaweewat'       AS kam_name, 'puttipong.w@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Rinlaphat (Mild) Setthasiriwuti'      AS kam_name, 'rinlaphat.s@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Dakanda (Kwan) Photipeat'             AS kam_name, 'dakanda.ph@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Siriprapa (Pop) Piapeng'              AS kam_name, 'siriprapa.p@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Warissara (Ply) Chanaboon'            AS kam_name, 'warissara.c@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Treerak (May) Sangjua'                AS kam_name, 'treerak.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email)
  ])
),
-- v201f: dynamic KAM mapping (replaces hardcoded 623-row list) | 90d churn window
-- v207g: current portfolio owner source-of-truth = user_master.staff_owner_email.
-- Fallback to latest order owner only when the master record has no owner email.
user_master_current AS (
  SELECT *
  FROM \`freshket-rn.dim.user_master\`
  WHERE account_guid IS NOT NULL
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_guid
    ORDER BY
      CASE WHEN staff_owner_email IS NOT NULL AND TRIM(staff_owner_email) != '' THEN 0 ELSE 1 END,
      lasted_order_date DESC NULLS LAST,
      lead_created_at DESC NULLS LAST
  ) = 1
),
master_kam_accounts AS (
  SELECT um.account_guid AS account_id, 1 AS _pri
  FROM user_master_current um
  JOIN kam_list k ON LOWER(TRIM(um.staff_owner_email)) = LOWER(TRIM(k.kam_email))
  WHERE um.commercial_owner = 'KAM'
    AND um.account_type IN ('SA','MC','Chain','Unknown')
),
kam_map AS (
  SELECT account_id FROM master_kam_accounts
),

raw AS (
  SELECT
    o.account_id,
    DATE_TRUNC(o.delivery_date, MONTH)  AS month_date,
    o.delivery_date,
    CAST(o.user_id AS STRING)           AS outlet_id,
    o.res_name                          AS outlet_name,
    o.gmv_ex_vat,
    o.order_id,
    o.po_time_slot,
    o.shipping_cost
  FROM \`freshket-rn.dwh.order\` o
  JOIN kam_map ON o.account_id = kam_map.account_id
  WHERE TRUE
    AND o.delivery_date >= DATE_SUB(DATE_TRUNC(CURRENT_DATE('Asia/Bangkok'), MONTH), INTERVAL 6 MONTH)
    AND o.delivery_date <= CURRENT_DATE('Asia/Bangkok')
),

agg AS (
  SELECT
    account_id,
    month_date,
    outlet_id,
    ANY_VALUE(outlet_name)                                        AS outlet_name,
    ROUND(SUM(gmv_ex_vat), 2)                                    AS gmv_ex_vat,
    COUNT(DISTINCT order_id)                                     AS orders,
    ROUND(SUM(shipping_cost), 2)                                 AS shipping_incvat,
    -- mode delivery timeslot (most common slot for this outlet this month)
    CAST(
      COALESCE(
        APPROX_TOP_COUNT(po_time_slot, 1)[SAFE_OFFSET(0)].value,
        0
      ) AS FLOAT64
    )                                                            AS mode_timeslot,
    MAX(delivery_date)                                           AS last_order_date
  FROM raw
  GROUP BY account_id, month_date, outlet_id
)

SELECT
  a.account_id,
  CONCAT(
    CASE EXTRACT(MONTH FROM month_date)
      WHEN 1 THEN 'ม.ค.' WHEN 2 THEN 'ก.พ.' WHEN 3 THEN 'มี.ค.'
      WHEN 4 THEN 'เม.ย.' WHEN 5 THEN 'พ.ค.' WHEN 6 THEN 'มิ.ย.'
      WHEN 7 THEN 'ก.ค.' WHEN 8 THEN 'ส.ค.' WHEN 9 THEN 'ก.ย.'
      WHEN 10 THEN 'ต.ค.' WHEN 11 THEN 'พ.ย.' WHEN 12 THEN 'ธ.ค.'
    END,
    ' ',
    CAST(EXTRACT(YEAR FROM a.month_date) + 543 AS STRING)
  ) AS month_label,
  a.outlet_id,
  a.outlet_name,
  a.gmv_ex_vat,
  a.orders,
  a.shipping_incvat,
  a.mode_timeslot,
  FORMAT_DATE('%Y-%m-%d', a.last_order_date) AS last_order_date
FROM agg a
ORDER BY a.account_id, a.month_date DESC, a.gmv_ex_vat DESC;
`,
Q6B:`-- ════════════════════════════════════════════════════════════
-- Q6B v2: Bulk Price History — KAM accounts × 6 months
-- ════════════════════════════════════════════════════════════
-- Output: bulk_price.csv
-- Refresh: Monthly (1st of month, after Q3B)
-- Purpose: historical price range for sparkline Y-axis normalization
-- Columns (5): account_id, month_label, item_id, unit_price, avg_piece_price
-- Window: last 6 complete months (excludes current month-to-date)
-- Filter: GMV ≥ 100/month per SKU (cuts long-tail, ~40-50% row reduction)
-- Size: ~35-40MB (vs 68MB at 9mo / no filter)
-- ════════════════════════════════════════════════════════════

WITH kam_list AS (
  SELECT kam_name, kam_email, tl_email FROM UNNEST([
    STRUCT('Anusorn (Bookbig) Khamphasuk'         AS kam_name, 'anusorn.k@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Chaklid (Dent) Nimraor'               AS kam_name, 'chaklid.n@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Duangruedee (Ning) Bulalom'           AS kam_name, 'duangruedee.bu@freshket.co' AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Guntinun (Monet) Thanoochan'          AS kam_name, 'guntinun.t@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Intuon (Jane) Yanakit'                AS kam_name, 'intuon.y@freshket.co'       AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Napat (To) Kaikaew'                   AS kam_name, 'napat.k@freshket.co'        AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Natchita (Foam) Bunkong'              AS kam_name, 'natchita.b@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Niracha (Cream) Sangka'               AS kam_name, 'niracha.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Nuttawan (Kwang) Mahaporn'            AS kam_name, 'nuttawan.ma@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Ploynitcha (Nitcha) Rujipiromthagoon' AS kam_name, 'ploynitcha.r@freshket.co'   AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Puttipong (Tape) Wanithaweewat'       AS kam_name, 'puttipong.w@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Rinlaphat (Mild) Setthasiriwuti'      AS kam_name, 'rinlaphat.s@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Dakanda (Kwan) Photipeat'             AS kam_name, 'dakanda.ph@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Siriprapa (Pop) Piapeng'              AS kam_name, 'siriprapa.p@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Warissara (Ply) Chanaboon'            AS kam_name, 'warissara.c@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Treerak (May) Sangjua'                AS kam_name, 'treerak.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email)
  ])
),
-- v201f: dynamic KAM mapping (replaces hardcoded 623-row list) | 90d churn window
-- v207g: current portfolio owner source-of-truth = user_master.staff_owner_email.
-- Fallback to latest order owner only when the master record has no owner email.
user_master_current AS (
  SELECT *
  FROM \`freshket-rn.dim.user_master\`
  WHERE account_guid IS NOT NULL
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_guid
    ORDER BY
      CASE WHEN staff_owner_email IS NOT NULL AND TRIM(staff_owner_email) != '' THEN 0 ELSE 1 END,
      lasted_order_date DESC NULLS LAST,
      lead_created_at DESC NULLS LAST
  ) = 1
),
master_kam_accounts AS (
  SELECT um.account_guid AS account_id, 1 AS _pri
  FROM user_master_current um
  JOIN kam_list k ON LOWER(TRIM(um.staff_owner_email)) = LOWER(TRIM(k.kam_email))
  WHERE um.commercial_owner = 'KAM'
    AND um.account_type IN ('SA','MC','Chain','Unknown')
),
kam_map AS (
  SELECT account_id FROM master_kam_accounts
),


raw AS (
  SELECT
    o.account_id,
    DATE_TRUNC(o.delivery_date, MONTH)   AS month_date,
    CAST(i.item_id AS STRING)            AS item_id,
    i.gmv_ex_vat,
    i.qty,
    i.price_ex_vat
  FROM \`freshket-rn.dwh.order\` o
  CROSS JOIN UNNEST(o.item) AS i
  JOIN kam_map ON o.account_id = kam_map.account_id
  WHERE TRUE
    AND o.delivery_date >= DATE_SUB(DATE_TRUNC(CURRENT_DATE('Asia/Bangkok'), MONTH), INTERVAL 6 MONTH)
    AND o.delivery_date <  DATE_TRUNC(CURRENT_DATE('Asia/Bangkok'), MONTH)
    AND i.item_id IS NOT NULL
    AND i.gmv_ex_vat >= 100
)

SELECT
  account_id,
  CONCAT(
    CASE EXTRACT(MONTH FROM month_date)
      WHEN 1 THEN 'ม.ค.' WHEN 2 THEN 'ก.พ.' WHEN 3 THEN 'มี.ค.'
      WHEN 4 THEN 'เม.ย.' WHEN 5 THEN 'พ.ค.' WHEN 6 THEN 'มิ.ย.'
      WHEN 7 THEN 'ก.ค.' WHEN 8 THEN 'ส.ค.' WHEN 9 THEN 'ก.ย.'
      WHEN 10 THEN 'ต.ค.' WHEN 11 THEN 'พ.ย.' WHEN 12 THEN 'ธ.ค.'
    END, ' ',
    CAST(EXTRACT(YEAR FROM month_date) + 543 AS STRING)
  ) AS month_label,
  item_id,
  ROUND(SAFE_DIVIDE(SUM(gmv_ex_vat), NULLIF(SUM(qty), 0)), 2) AS unit_price,
  ROUND(AVG(price_ex_vat), 2)                                   AS avg_piece_price
FROM raw
GROUP BY account_id, month_date, item_id
ORDER BY account_id, month_date, item_id;
`,
Q10:`-- Q10_FIXED_PROD: portview_handover.csv
-- ใช้ export เป็นไฟล์ portview_handover.csv แล้วอัปขึ้น R2
-- Fix สำคัญ:
-- 1) old KAM ไม่จำเป็นต้องอยู่ใน active KAM list
-- 2) current owner ใช้ user_master.staff_owner_email เป็น source of truth
-- 3) filter dormant zero-zero rows ออก
-- 4) output schema compatible กับ Freshket Sense เดิม

WITH params AS (
  SELECT
    DATE_TRUNC(DATE_SUB(CURRENT_DATE(), INTERVAL 1 MONTH), MONTH) AS lm_start,
    DATE_SUB(DATE_TRUNC(CURRENT_DATE(), MONTH), INTERVAL 1 DAY) AS lm_end,
    DATE_TRUNC(CURRENT_DATE(), MONTH) AS cm_start,
    (
      SELECT MAX(delivery_date)
      FROM \`freshket-rn.dwh.order\`
      WHERE delivery_date >= DATE_TRUNC(CURRENT_DATE(), MONTH)
    ) AS cm_max_date
),

current_kam_list AS (
  SELECT kam_name, kam_email, tl_email FROM UNNEST([
    STRUCT('Anusorn (Bookbig) Khamphasuk'         AS kam_name, 'anusorn.k@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Chaklid (Dent) Nimraor'               AS kam_name, 'chaklid.n@freshket.co'      AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Duangruedee (Ning) Bulalom'           AS kam_name, 'duangruedee.bu@freshket.co' AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Guntinun (Monet) Thanoochan'          AS kam_name, 'guntinun.t@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Intuon (Jane) Yanakit'                AS kam_name, 'intuon.y@freshket.co'       AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Napat (To) Kaikaew'                   AS kam_name, 'napat.k@freshket.co'        AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Natchita (Foam) Bunkong'              AS kam_name, 'natchita.b@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Niracha (Cream) Sangka'               AS kam_name, 'niracha.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Nuttawan (Kwang) Mahaporn'            AS kam_name, 'nuttawan.ma@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Ploynitcha (Nitcha) Rujipiromthagoon' AS kam_name, 'ploynitcha.r@freshket.co'   AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Puttipong (Tape) Wanithaweewat'       AS kam_name, 'puttipong.w@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Rinlaphat (Mild) Setthasiriwuti'      AS kam_name, 'rinlaphat.s@freshket.co'    AS kam_email, 'nitipat.s@freshket.co' AS tl_email),
    STRUCT('Dakanda (Kwan) Photipeat'             AS kam_name, 'dakanda.ph@freshket.co'     AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Siriprapa (Pop) Piapeng'              AS kam_name, 'siriprapa.p@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Warissara (Ply) Chanaboon'            AS kam_name, 'warissara.c@freshket.co'    AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email),
    STRUCT('Treerak (May) Sangjua'                AS kam_name, 'treerak.s@freshket.co'      AS kam_email, 'pavarisa.mu@freshket.co' AS tl_email)
  ])
),

user_master_current AS (
  SELECT *
  FROM \`freshket-rn.dim.user_master\`
  WHERE account_guid IS NOT NULL
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_guid
    ORDER BY
      CASE
        WHEN staff_owner_email IS NOT NULL AND TRIM(staff_owner_email) != '' THEN 0
        ELSE 1
      END,
      lasted_order_date DESC NULLS LAST,
      lead_created_at DESC NULLS LAST
  ) = 1
),

current_master_owner AS (
  SELECT
    CAST(um.account_guid AS STRING) AS account_id,
    um.account_name AS master_account_name,
    um.account_type AS master_account_type,
    um.commercial_owner AS current_owner_type,
    um.staff_owner AS master_staff_owner,
    LOWER(TRIM(um.staff_owner_email)) AS master_staff_owner_email,
    k.kam_name AS mapped_kam_name,
    k.kam_email AS mapped_kam_email
  FROM user_master_current um
  LEFT JOIN current_kam_list k
    ON LOWER(TRIM(um.staff_owner_email)) = LOWER(TRIM(k.kam_email))
  WHERE um.account_type IN ('SA', 'MC', 'Chain', 'Unknown')
),

last_month_kam AS (
  SELECT
    CAST(o.account_id AS STRING) AS account_id,
    ARRAY_AGG(o.account_name ORDER BY o.gmv_ex_vat DESC LIMIT 1)[OFFSET(0)] AS account_name,
    ARRAY_AGG(o.account_type ORDER BY o.gmv_ex_vat DESC LIMIT 1)[OFFSET(0)] AS account_type,
    o.ka_owner AS old_kam_name,
    SUM(o.gmv_ex_vat) AS last_month_gmv,
    MAX(o.delivery_date) AS last_order_date_in_last_month,
    'last_month_kam' AS transfer_basis
  FROM \`freshket-rn.dwh.order\` o, params p
  WHERE o.delivery_date BETWEEN p.lm_start AND p.lm_end
    AND o.commercial_owner = 'KAM'
    AND o.ka_owner IS NOT NULL
    AND TRIM(o.ka_owner) != ''
    AND o.account_type IN ('SA', 'MC', 'Chain', 'Unknown')
  GROUP BY CAST(o.account_id AS STRING), o.ka_owner
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY account_id
    ORDER BY SUM(o.gmv_ex_vat) DESC, MAX(o.delivery_date) DESC
  ) = 1
),

cur_month_gmv AS (
  SELECT
    CAST(o.account_id AS STRING) AS account_id,
    SUM(o.gmv_ex_vat) AS cur_month_gmv
  FROM \`freshket-rn.dwh.order\` o, params p
  WHERE o.delivery_date BETWEEN p.cm_start AND p.cm_max_date
    AND o.account_type IN ('SA', 'MC', 'Chain', 'Unknown')
  GROUP BY CAST(o.account_id AS STRING)
),

last_known_owner AS (
  SELECT
    CAST(o.account_id AS STRING) AS account_id,
    o.account_name,
    o.account_type,
    o.commercial_owner AS last_owner,
    o.ka_owner AS last_ka_owner,
    o.delivery_date AS last_order_date
  FROM \`freshket-rn.dwh.order\` o
  WHERE o.account_type IN ('SA', 'MC', 'Chain', 'Unknown')
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY CAST(o.account_id AS STRING)
    ORDER BY o.delivery_date DESC
  ) = 1
),

transfer_base AS (
  -- Active transfer: ร้านที่เดือนก่อนยังมียอดภายใต้ KAM เดิม ไม่ว่า KAM เดิมจะยัง active อยู่หรือไม่
  SELECT
    lm.old_kam_name,
    lm.account_id,
    lm.account_name,
    lm.account_type,
    ROUND(lm.last_month_gmv) AS last_month_gmv,
    lm.last_order_date_in_last_month AS last_order_date,
    lm.transfer_basis
  FROM last_month_kam lm

  UNION ALL

  -- Dormant transfer: ร้านที่ไม่มี GMV เดือนก่อน แต่ last known owner เป็น KAM
  -- จะถูก filter zero-zero ออกท้าย query
  SELECT
    lko.last_ka_owner AS old_kam_name,
    lko.account_id,
    COALESCE(cmo.master_account_name, lko.account_name) AS account_name,
    COALESCE(cmo.master_account_type, lko.account_type) AS account_type,
    0 AS last_month_gmv,
    lko.last_order_date,
    'dormant_last_known_kam' AS transfer_basis
  FROM last_known_owner lko
  LEFT JOIN last_month_kam lm
    ON lm.account_id = lko.account_id
  LEFT JOIN current_master_owner cmo
    ON cmo.account_id = lko.account_id
  WHERE lm.account_id IS NULL
    AND lko.last_owner = 'KAM'
    AND lko.last_ka_owner IS NOT NULL
    AND TRIM(lko.last_ka_owner) != ''
),

movement_rows AS (
  SELECT
    tb.old_kam_name AS kam_name,
    tb.account_id,
    tb.account_name,
    tb.account_type,
    CAST(tb.last_month_gmv AS INT64) AS last_month_gmv,
    CAST(ROUND(COALESCE(cm.cur_month_gmv, 0)) AS INT64) AS cur_month_gmv,
    COALESCE(cmo.current_owner_type, lko.last_owner, 'none') AS new_owner_type,
    CASE
      WHEN cmo.mapped_kam_name IS NOT NULL
        THEN cmo.mapped_kam_name
      WHEN cmo.account_id IS NOT NULL
        THEN COALESCE(cmo.master_staff_owner, cmo.master_staff_owner_email, 'none')
      ELSE COALESCE(lko.last_ka_owner, 'none')
    END AS new_kam_name,
    tb.transfer_basis,
    CAST(tb.last_order_date AS STRING) AS last_order_date
  FROM transfer_base tb
  LEFT JOIN cur_month_gmv cm
    USING (account_id)
  LEFT JOIN current_master_owner cmo
    USING (account_id)
  LEFT JOIN last_known_owner lko
    USING (account_id)
  WHERE
    (
      cmo.mapped_kam_name IS NOT NULL
      AND LOWER(TRIM(cmo.mapped_kam_name)) != LOWER(TRIM(tb.old_kam_name))
    )
    OR (
      cmo.account_id IS NOT NULL
      AND (
        cmo.mapped_kam_name IS NULL
        OR cmo.current_owner_type != 'KAM'
      )
    )
    OR (
      cmo.account_id IS NULL
      AND lko.last_owner = 'KAM'
      AND LOWER(TRIM(lko.last_ka_owner)) != LOWER(TRIM(tb.old_kam_name))
    )
    OR (
      cmo.account_id IS NULL
      AND lko.last_owner IN ('SALE', 'PM', 'ADMIN')
    )
  QUALIFY ROW_NUMBER() OVER (
    PARTITION BY tb.account_id, tb.old_kam_name
    ORDER BY tb.last_month_gmv DESC, tb.last_order_date DESC
  ) = 1
),

cleaned AS (
  SELECT *
  FROM movement_rows
  WHERE NOT (
    transfer_basis = 'dormant_last_known_kam'
    AND COALESCE(last_month_gmv, 0) = 0
    AND COALESCE(cur_month_gmv, 0) = 0
  )
)

SELECT
  kam_name,
  account_id,
  account_name,
  account_type,
  last_month_gmv,
  cur_month_gmv,
  new_owner_type,
  new_kam_name,
  transfer_basis,
  last_order_date
FROM cleaned
ORDER BY
  kam_name,
  last_month_gmv DESC,
  cur_month_gmv DESC,
  last_order_date DESC`
};

function copyBulkSQL(key, btn){
  const sql=BULK_SQL[key];
  if(!sql){showToast("SQL ไม่พบ: "+key,"⚠");return;}
  function showCopied(){if(!btn)return;btn.textContent="✓";btn.classList.add("copied");setTimeout(()=>{btn.textContent="SQL";btn.classList.remove("copied");},2000);}
  function fallbackCopy(){const ta=document.createElement("textarea");ta.value=sql;ta.style.cssText="position:fixed;opacity:0;top:0;left:0";document.body.appendChild(ta);ta.focus();ta.select();try{document.execCommand("copy");showCopied();}catch(e){showToast("ไม่สามารถ copy ได้","⚠");}document.body.removeChild(ta);}
  if(navigator.clipboard&&window.isSecureContext){navigator.clipboard.writeText(sql).then(showCopied).catch(fallbackCopy);}else{fallbackCopy();}
}

// SECTION:OUTLET_CARD
function renderOutletCard(){
  const wrap=document.getElementById('outlet-card-wrap');if(!wrap)return;
  if(!D_outlets||D_outlets.length<=1){wrap.style.display='none';return;}
  wrap.style.display='block';
  const badge=document.getElementById('outlet-count-badge');
  if(badge)badge.textContent=D_outlets.length+' outlets';

  // Basket tier: color dot (CSS only, no emoji)
  function basketTier(b){
    if(b<1500)return{color:'#E53E3E',label:'< ฿1,500 · จ่ายค่าส่งทุก order'};
    if(b<3000)return{color:'var(--amb)',label:'฿1,500–2,999'};
    if(b<=5000)return{color:'var(--g500)',label:'฿3,000–5,000'};
    return{color:'#818CF8',label:'> ฿5,000 · premium'};
  }

  // Timeslot label: float hour → "08:00"
  function slotLabel(v){
    if(!v||v===0)return'';
    return String(Math.floor(v)).padStart(2,'0')+':00';
  }

  const sorted=[...D_outlets].map(o=>({...o,basket:o.orders>0?Math.round(o.gmv/o.orders):0}))
    .sort((a,b)=>b.basket-a.basket);

  const list=document.getElementById('outlet-list');
  if(list)list.innerHTML=sorted.map(o=>{
    const tier=basketTier(o.basket);
    const slot=slotLabel(o.timeslot);
    const shipAmt=o.shipping||0;
    // Row 2: tier dot + basket · shipping · timeslot
    const shipStr=shipAmt>0
      ?`<span style="color:var(--amb);font-weight:var(--fw-semi)">ค่าส่ง ${fmt(shipAmt)}</span>`
      :'<span style="color:var(--tk-ok-text)">ค่าส่งฟรี</span>';
    const slotStr=slot
      ?`<span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xs);color:var(--n400)">${slot}</span>`
      :'';
    return`<div style="padding:9px 0;border-bottom:1px solid var(--n100)">
      <div style="display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px">
        <div style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1">${o.outlet_name}</div>
        <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n900);flex-shrink:0">${fmt(o.gmv)}<span style="font-size:var(--text-2xs);font-weight:var(--fw-normal);color:var(--n400);font-family:var(--tk-font-body)">/เดือน</span></div>
      </div>
      <div style="display:flex;align-items:center;gap:6px;font-size:var(--text-xs)">
        <span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:${tier.color};flex-shrink:0;box-shadow:0 0 0 2px ${tier.color}22"></span>
        <span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);color:${tier.color}">${fmt(o.basket)}</span>
        <span style="color:var(--n300);font-size:var(--text-xs)">/ออเดอร์</span>
        <span style="color:var(--n200);font-size:var(--text-xs)">·</span>
        ${shipStr}
        ${slot?`<span style="color:var(--n200);font-size:var(--text-xs)">·</span>${slotStr}`:''}
      </div>
    </div>`;
  }).join('');
  // Remove last border
  if(list)list.style.display=outletsExpanded?'block':'none';
  const chev=document.getElementById('outlet-chev');
  if(chev)chev.style.transform=outletsExpanded?'rotate(180deg)':'rotate(0deg)';
}

function toggleOutletCard(){
  outletsExpanded=!outletsExpanded;
  const list=document.getElementById('outlet-list');
  const chev=document.getElementById('outlet-chev');
  if(list)list.style.display=outletsExpanded?'block':'none';
  if(chev)chev.style.transform=outletsExpanded?'rotate(180deg)':'rotate(0deg)';
}

// ════════════════════════════════════════
// IN-APP MATCHER
// ════════════════════════════════════════
// parseMatcherInput — builds groups exactly like original parseData()
// Returns array of groups sorted by monthly_gmv DESC
function parseMatcherInput(csv){
  const lines=csv.trim().split('\n').slice(1);
  const rows=lines.filter(l=>l.trim()).map(l=>{
    const p=parseCSVRow(l);
    return{
      account_item_id:p[0]?.trim(),account_item_name:p[1]?.trim(),account_core_name:p[2]?.trim(),
      account_price:parseFloat(p[3])||0,subclass_name:p[4]?.trim(),
      catalog_item_id:p[5]?.trim(),catalog_item_name:p[6]?.trim(),catalog_brand:p[7]?.trim(),
      grading:p[8]?.trim(),pack_size:p[9]?.trim(),catalog_price:parseFloat(p[10])||0,
      price_diff:parseFloat(p[11])||0,account_unit_price:p[12]?parseFloat(p[12]):null,
      account_pack_size:p[13]?.trim(),catalog_unit_price:parseFloat(p[14])||0,
      monthly_qty:parseFloat(p[15])||0,monthly_gmv:parseFloat(p[16])||0,
      price_basis:p[17]?.trim()||'per_kg',price_unit_label:p[18]?.trim()||''
    };
  }).filter(r=>r.account_item_id&&r.catalog_item_id);
  // Build groups (source SKU → its alternatives)
  const map=new Map();
  rows.forEach(r=>{
    if(!map.has(r.account_item_id))
      map.set(r.account_item_id,{id:r.account_item_id,name:r.account_item_name,core_name:r.account_core_name,
        price:r.account_price,unit_price:r.account_unit_price,pack_size:r.account_pack_size,
        subclass:r.subclass_name,price_basis:r.price_basis||'per_kg',
        price_unit_label:r.price_unit_label||(r.price_basis==='per_liter'?'ลิตร':(r.price_basis==='per_egg'?'ฟอง':'กก.')),
        monthly_gmv:r.monthly_gmv,monthly_qty:r.monthly_qty,
        alternatives:[],status:'pending'});
    map.get(r.account_item_id).alternatives.push({
      catalog_item_id:r.catalog_item_id,catalog_item_name:r.catalog_item_name,
      catalog_brand:r.catalog_brand,grading:r.grading,pack_size:r.pack_size,
      catalog_price:r.catalog_price,price_diff:r.price_diff,
      catalog_unit_price:r.catalog_unit_price||0
    });
  });
  return Array.from(map.values()).sort((a,b)=>b.monthly_gmv-a.monthly_gmv);
}

function chunkArray(arr,size){const c=[];for(let i=0;i<arr.length;i+=size)c.push(arr.slice(i,i+size));return c;}

// Mode + Scope setters
function setMatcherModel(model){
  matcherModel=model;
  // Sync mode: Fast(haiku)=no notes, Detail(sonnet)=with note_th/caveat_th
  matcherMode=model==='sonnet'?'detail':'fast';
  const hEl=document.getElementById('mm-haiku');
  const sEl=document.getElementById('mm-sonnet');
  if(hEl){hEl.style.borderColor=model==='haiku'?'var(--g500)':'var(--n200)';hEl.style.background=model==='haiku'?'var(--g900)':'var(--n50)';hEl.querySelector('div').style.color=model==='haiku'?'#fff':'var(--n700)';}
  if(sEl){sEl.style.borderColor=model==='sonnet'?'var(--g500)':'var(--n200)';sEl.style.background=model==='sonnet'?'var(--g900)':'var(--n50)';sEl.querySelector('div').style.color=model==='sonnet'?'#fff':'var(--n700)';}
}
// ── PHASE 3 RUNTIME WIRING ─────────────────────────
// Phase 3 runtime boundary for Freshket Sense.
// This file is classic-script compatible by design because the legacy app still relies on global names.
// It gives the monolith a real runtime module seam without forcing an ES-module migration yet.
(function(global){
  'use strict';

  const RUNTIME_VERSION = 'v155-phase22-olive-chat-v2';
  const PROXY_ONLY_PRODUCTION = true;

  // ── Olive identity source of truth ───────────────────
  const OLIVE_BASE = `You are Olive, Freshket Sense's female-coded internal intelligence partner for Freshket's Sales and KAM teams.

Olive helps users understand what is really happening across accounts, portfolios, teams, and customer purchasing behavior — then turns that diagnosis into practical next actions.

Voice:
- Smart, calm, warm, concise, practical, and lightly playful when the moment fits.
- Friendly without being childish. Playful without being silly. Honest without sounding cold. Sharp without sounding arrogant.
- Accuracy and usefulness matter more than sounding confident. Signature behavior: เก่งแบบไม่มั่ว.
- Do not force jokes. Do not over-soften serious business risks.
- Do not use emojis in AI chat answers unless the user explicitly asks for them.

Thai identity and language rules:
- If the user writes Thai or mixed Thai-English, reply in Thai. Use English only for metric names, field names, product terms, or if the user explicitly asks for English.
- Refer to yourself only as "Olive".
- Never use "หนู", "ฉัน", "ดิฉัน", "ผม", "เรา" as Olive's self-reference.
- Never call the user "อาจารย์".
- Do not use "ครับ".
- Use feminine Thai particles like "ค่ะ/นะคะ" naturally and lightly. Do not put a particle at the end of every sentence.

Currency rules:
- All monetary values in this product are Thai Baht (THB).
- Use "บาท" or "฿" only.
- Never use เยน, JPY, ¥, dollar, USD, or any other currency unless the user explicitly asks about foreign currency.

Analysis behavior:
- Answer first.
- Then give only the evidence, interpretation, recommendation, and next step that are useful for the user’s actual question.
- Never invent data. If the loaded context is not enough, say exactly what is missing and give the safest next step.
- Separate facts, assumptions, and interpretation.
- For summaries or action plans only, identify Decision, Owner, Deadline, Next step, and Risk when that structure helps.

Grounded intelligence behavior:
- Be smart and wide-ranging, but never pretend an inference is a fact.
- Use available account, portfolio, team, SKU, category, trend, and alternative data when present.
- When context is thin, diagnose what can be known, then suggest what KAM should ask or verify.
- Do not overfit every answer to churn/SKU-loss. Also look for growth, wallet protection, wallet expansion, ordering-cycle, branch, spec, price, and menu-mix opportunities when the context supports it.
- Never create week-level patterns from monthly data. Never create supplier/menu/customer-intent facts without evidence.

Restaurant reasoning lens:
- Diagnose purchasing signals like someone who understands restaurant operations: menu design, ingredient specs, food cost pressure, ordering cycles, supplier switching, prep burden, waste, branch dynamics, and chef/menu changes.
- A missing SKU may indicate menu change, ordering cycle, supplier switch, branch behavior, or prep/waste pressure — not automatically churn.
- A new SKU may indicate menu change, chef change, spec change, promotion, or substitution.
- Getting the diagnosis right changes how a KAM should approach the conversation.

Outreach behavior:
- When recommending customer contact, assume LINE is the default channel in Thailand. Mention LINE only when it naturally helps the action; do not force the word LINE into every recommendation.

On cost-saving alternatives:
- The system surfaces potential substitutions from a database, but these have not been spec-verified against the customer's actual requirements.
- Frame alternatives as options to explore, not confirmed recommendations, because the customer may have brand, spec, menu, or contract reasons for their current choice that the data does not show.`;

  function oliveToneClean(t){
  // Last-mile guard for Olive's Thai voice. Keep this narrow enough to avoid rewriting business meaning.
  let s=String(t||'');
  s=s
    .replace(/\u0e14\u0e34\u0e09\u0e31\u0e19/g,'Olive')
    .replace(/(^|[\n\r\t \u00A0])\u0e09\u0e31\u0e19(?=(\s|จะ|ขอ|เห็น|คิด|แนะนำ|ช่วย|พร้อม|วิเคราะห์|เป็น|คือ|มอง|สรุป|เช็ค))/g,'$1Olive')
    .replace(/(^|[\n\r\t \u00A0])หนู(?=(\s|จะ|ขอ|เห็น|คิด|แนะนำ|ช่วย|พร้อม|วิเคราะห์|เป็น|คือ|มอง|สรุป|เช็ค))/g,'$1Olive')
    .replace(/(^|[\n\r\t \u00A0])ผม(?=(\s|จะ|ขอ|เห็น|คิด|แนะนำ|ช่วย|พร้อม|วิเคราะห์|เป็น|คือ|มอง|สรุป|เช็ค))/g,'$1Olive')
    .replace(/(^|[\n\r\t \u00A0])เรา(?=(\s|จะ|ขอ|เห็น|คิด|แนะนำ|ช่วย|พร้อม|วิเคราะห์|เป็น|คือ|มอง|สรุป|เช็ค))/g,'$1Olive')
    .replace(/อาจารย์/g,'คุณ')
    .replace(/นะครับ/g,'นะคะ')
    .replace(/ครับผม/g,'ค่ะ')
    .replace(/ครับ/g,'ค่ะ')
    .replace(/เยน|JPY|¥/gi,'บาท')
    .replace(/ดอลลาร์|USD/gi,'บาท')
    .replace(/ค่ะค่ะ/g,'ค่ะ')
    .replace(/คะค่ะ/g,'ค่ะ')
    .replace(/ค่ะนะคะ/g,'นะคะ')
    .replace(/นะคะค่ะ/g,'นะคะ')
    .replace(/ฟอกประมาณ/g,'คิดเป็นประมาณ')
    .replace(/ยังมีหลังคาให้ยัง/g,'ยังมี room ให้ปรับ')
    .replace(/โทรตอบรับเสียว/g,'โทรเช็คอิน')
    .replace(/ตอบรับเสียว/g,'เช็คอิน')
    .replace(/ไม่ได้มีซื้อ/g,'ไม่มีการซื้อ')
    .replace(/สัปดาห์เรียว/g,'สัปดาห์ต่อเนื่อง')
    .replace(/[ \t]+\n/g,'\n')
    .trim();
  return s;
  }

  // ── AI provider/runtime boundary ─────────────────────
  function getAiProxyStorageKey(){
    return (global.FreshketSenseConfig && global.FreshketSenseConfig.ai && global.FreshketSenseConfig.ai.proxyStorageKey) || 'freshket_ai_proxy_url';
  }

  function getAiProxyUrl(){
    const configDefault=(global.FreshketSenseConfig&&global.FreshketSenseConfig.ai&&global.FreshketSenseConfig.ai.defaultProxyUrl)||'';
    return (global.FRESHKET_AI_PROXY_URL||global.localStorage?.getItem(getAiProxyStorageKey())||configDefault||'').trim();
  }

  function setAiProxyUrl(url){
    const key=getAiProxyStorageKey();
    if(url) global.localStorage?.setItem(key, String(url).trim());
    else global.localStorage?.removeItem(key);
  }

  function directAiKeyModeAllowed(){
    return false;
  }

  async function callAI(opts){
    const {modelKey, sys, messages, maxTok, provider, geminiApiKey, claudeApiKey} = opts || {};
    const activeProvider = provider || 'gemini';   // 25 ต.ค. 2569: ค่ายหลัก = Gemini (API บริษัท)

    // ── iframe / local: direct Anthropic API FIRST (Claude artifact context) ──
    // Must be checked BEFORE proxyUrl — defaultProxyUrl is always set in config,
    // but Worker calls are CSP-blocked inside Claude chat iframe.
    const _isIframe = global.self !== global.top;
    const _isLocal = global.location?.search?.includes('local=1');
    if(_isIframe || _isLocal){
      const _modelMap = {
        'haiku':  'claude-haiku-4-5-20251001',
        'sonnet': 'claude-sonnet-4-6',
      };
      const _model = _modelMap[modelKey] || _modelMap['sonnet'];
      const _body = {model:_model, max_tokens:maxTok||1000, messages};
      if(sys) _body.system = sys;
      const res = await fetch('https://api.anthropic.com/v1/messages',{
        method:'POST',
        headers:{'Content-Type':'application/json'},
        body:JSON.stringify(_body)
      });
      if(!res.ok) throw new Error('Direct API '+res.status+': '+(await res.text()).slice(0,120));
      const d = await res.json();
      return d.content?.[0]?.text || '';
    }

    // ── Production: proxy only ──
    const proxyUrl=getAiProxyUrl();
    if(proxyUrl){
      // 25 ต.ค. 2569 (ตรวจแอปค้าง): เดิมไม่มีเวลาตัด — ปลายทางค้างเมื่อไหร่ วงหมุน "กำลังวิเคราะห์" หมุนไม่จบ
      const _ctrl=(typeof AbortController!=='undefined')?new AbortController():null;
      const _tmo=_ctrl?setTimeout(()=>_ctrl.abort(),90000):0;
      let res;
      try{
        res=await fetch(proxyUrl,{
          method:'POST',
          headers:{'Content-Type':'application/json'},
          body:JSON.stringify({provider:activeProvider,modelKey,system:sys,messages,maxTokens:maxTok}),
          signal:_ctrl?_ctrl.signal:undefined
        });
      }catch(e){
        if(e&&e.name==='AbortError')throw new Error('Olive ตอบช้าเกินไป (เกิน 90 วินาที) — ลองใหม่อีกครั้ง');
        throw e;
      }finally{ if(_tmo)clearTimeout(_tmo); }
      // v_aifix (2026-08-08): เดิมเวลา worker ตอบ {"text":""} ข้อความ error ที่โยน
      // ออกมาจะว่างเปล่า และเวลาได้ 200 พร้อม text ว่างก็ปล่อยค่าว่างไหลเข้าหน้าจอ
      // เงียบๆ — เป็นเหตุที่ตอน AI ทุกตัวหยุดทำงานพร้อมกันไม่มีใครรู้ว่าเพราะอะไร
      const _raw = await res.text();
      let _d = null;
      try { _d = _raw ? JSON.parse(_raw) : null; } catch(_) {}
      if(!res.ok){
        const _why = _d?.error || _raw.slice(0,300) || ('HTTP '+res.status);
        throw new Error('AI proxy '+res.status+': '+_why);
      }
      const _text = _d?.text || '';
      if(!_text) throw new Error('AI proxy ตอบกลับว่าง — '+(_d?.error || _d?.trail || 'ปลายทางไม่ส่งข้อความมา'));
      return _text;
    }

    // Phase 5.1: production is proxy-only. No browser-held Claude/Gemini keys and no direct model endpoints.
    throw new Error('AI proxy ยังไม่ถูกตั้งค่า — ตั้งค่า freshket_ai_proxy_url ก่อนใช้งาน Olive AI');
  }


  function setAiProvider(p, deps){
    const d=deps||{};
    d.setProvider?.(p);
    global.localStorage?.setItem((global.FreshketSenseConfig&&global.FreshketSenseConfig.ai&&global.FreshketSenseConfig.ai.providerStorageKey)||'ai_provider',p);

    const cBtn=document.getElementById('aip-claude');
    const gBtn=document.getElementById('aip-gemini');
    const gKeyRow=document.getElementById('aip-gemini-key-row');
    const claudeSection=document.getElementById('aip-claude-section');
    const badge=document.getElementById('aip-badge');

    if(cBtn){
      cBtn.style.background=p==='claude'?'var(--g900)':'var(--n50)';
      cBtn.style.borderColor=p==='claude'?'var(--g500)':'var(--n200)';
      const label=cBtn.querySelector('div');
      if(label) label.style.color=p==='claude'?'#fff':'var(--n700)';
    }
    if(gBtn){
      gBtn.style.background=p==='gemini'?'#2d1b5e':'var(--n50)';
      gBtn.style.borderColor=p==='gemini'?'#7c3aed':'var(--n200)';
      const label=gBtn.querySelector('div');
      if(label) label.style.color=p==='gemini'?'#fff':'var(--n700)';
    }
    if(gKeyRow)gKeyRow.style.display='none';
    const matcherKeyRow=document.getElementById('matcher-api-key-row');
    if(matcherKeyRow)matcherKeyRow.style.display='none';
    if(claudeSection)claudeSection.style.opacity=p==='gemini'?'.4':'1';
    if(claudeSection)claudeSection.style.pointerEvents=p==='gemini'?'none':'auto';
    if(badge){
      badge.textContent=p==='gemini'?'Gemini':'Claude';
      badge.style.background=p==='gemini'?'rgba(124,58,237,.15)':'var(--tk-ok-dim)';
      badge.style.color=p==='gemini'?'#7c3aed':'var(--tk-ok-text)';
      badge.style.borderColor=p==='gemini'?'rgba(124,58,237,.3)':'var(--tk-ok-border)';
    }
  }

  const previousRuntime = global.FreshketSenseRuntime || {};
  global.FreshketSenseRuntime = Object.freeze({
    version:RUNTIME_VERSION,
    ai:Object.freeze({OLIVE_BASE,oliveToneClean}),
    aiClient:Object.freeze({proxyOnlyProduction:PROXY_ONLY_PRODUCTION,getAiProxyUrl,setAiProxyUrl,directAiKeyModeAllowed,callAI,setAiProvider}),
    data: previousRuntime.data
  });
})(window);

// ── PHASE 3 LEGACY AI ADAPTERS ──────────────────────
// Keep the original global names alive while delegating to FreshketSenseRuntime.
// This lets inline handlers and legacy call sites continue to work during modular migration.
window.FreshketSenseRuntime = window.FreshketSenseRuntime || { ai:{ OLIVE_BASE:'', oliveToneClean:function(t){return String(t||'').trim();} }, aiClient:{} };
var OLIVE_BASE = window.FreshketSenseRuntime.ai && window.FreshketSenseRuntime.ai.OLIVE_BASE || '';

// SECTION:AI_CLIENT
function oliveToneClean(t){ return window.FreshketSenseRuntime.ai && window.FreshketSenseRuntime.ai.oliveToneClean ? window.FreshketSenseRuntime.ai.oliveToneClean(t) : String(t||'').trim(); }
function getAiProxyUrl(){ return window.FreshketSenseRuntime.aiClient && window.FreshketSenseRuntime.aiClient.getAiProxyUrl ? window.FreshketSenseRuntime.aiClient.getAiProxyUrl() : ''; }
function setAiProxyUrl(url){ return window.FreshketSenseRuntime.aiClient && window.FreshketSenseRuntime.aiClient.setAiProxyUrl ? window.FreshketSenseRuntime.aiClient.setAiProxyUrl(url) : undefined; }
function directAiKeyModeAllowed(){ return window.FreshketSenseRuntime.aiClient && window.FreshketSenseRuntime.aiClient.directAiKeyModeAllowed ? window.FreshketSenseRuntime.aiClient.directAiKeyModeAllowed() : false; }
async function callAI(modelKey,sys,messages,maxTok){
  if(!window.FreshketSenseRuntime.aiClient || !window.FreshketSenseRuntime.aiClient.callAI) throw new Error('AI runtime unavailable');
  return window.FreshketSenseRuntime.aiClient.callAI({
    modelKey, sys, messages, maxTok,
    provider: aiProvider,
    geminiApiKey,
    claudeApiKey: CLAUDE_API_KEY
  });
}
function setAiProvider(p){
  if(!window.FreshketSenseRuntime.aiClient || !window.FreshketSenseRuntime.aiClient.setAiProvider){ aiProvider=p; localStorage.setItem((FRESHKET_APP_CONFIG.ai&&FRESHKET_APP_CONFIG.ai.providerStorageKey)||'ai_provider',p); return; }
  return window.FreshketSenseRuntime.aiClient.setAiProvider(p, {
    setProvider: (nextProvider)=>{ aiProvider=nextProvider; }
  });
}
// ─────────────────────────────────────────────────────


// ── PHASE 5 DATA RUNTIME BOUNDARY ───────────────────
// Phase 5 data runtime boundary for Freshket Sense.
// This phase moves low-risk loader helpers into runtime-owned implementations:
// IndexedDB CSV cache, fetch-with-timeout, and data-pill DOM helpers.
// The orchestration flow still remains legacy-compatible to avoid regressions.
(function(global){
  'use strict';

  const runtime = global.FreshketSenseRuntime || {};
  if(!global.FreshketSenseRuntime) global.FreshketSenseRuntime = runtime;

  const DATA_RUNTIME_VERSION = 'v155-phase9-config-extraction';
  const CFG = global.FreshketSenseConfig || {};
  const DATA_CFG = CFG.data || {};
  const STORAGE_CFG = CFG.storage || {};
  const FOREGROUND_KEYS = (DATA_CFG.foregroundKeys || ['portview','history','categories','sku_current','outlets']).slice();
  const BACKGROUND_KEYS = (DATA_CFG.backgroundKeys || ['skus','alternatives']).slice();
  const ALL_KEYS = FOREGROUND_KEYS.concat(BACKGROUND_KEYS);

  const CSV_DB = STORAGE_CFG.csvDbName || 'ciq-csv-v1';
  const CSV_TTL = STORAGE_CFG.csvCacheTtlMs || 6 * 60 * 60 * 1000; // 6 hours
  const R2_BASE = DATA_CFG.r2Base || (((typeof location !== 'undefined' && location.origin) || '') + '/data'); // v_gate: ประตูไฟล์ข้อมูล
  const R2_FILES = DATA_CFG.r2Files || Object.freeze({
    portview:'portview.csv',
    history:'bulk_history.csv',
    categories:'bulk_categories.csv',
    sku_current:'bulk_sku_current.csv',
    outlets:'bulk_outlets.csv',
    skus:'bulk_skus.csv',
    alternatives:'bulk_alternatives.csv'
  });
  const R2_SPECS = DATA_CFG.r2Specs || Object.freeze({
    portview:{type:'portview-bulk',tab:'portview',cache:true},
    history:{type:'bulk-data',tab:'history',cache:true},
    categories:{type:'bulk-categories',tab:'categories',cache:true},
    sku_current:{type:'bulk-sku-current',tab:'sku_current',cache:true},
    outlets:{type:'bulk-outlets',tab:'outlets',cache:true},
    skus:{type:'bulk-skus',tab:'skus',cache:false,heavy:true},
    alternatives:{type:'bulk-alternatives',tab:'alternatives',cache:false,heavy:true},
  });

  const status = {
    version: DATA_RUNTIME_VERSION,
    bootedAt: Date.now(),
    lastOperation: null,
    lastError: null,
    operations: [],
    pill: { visible:false, text:'', count:'', lastFinishedAt:null },
    panel: { open:false, lastOpenedAt:null },
    cache: { db: CSV_DB, ttlMs: CSV_TTL, lastGet:null, lastSet:null, lastClear:null },
    fetch: { lastUrl:null, lastMs:null, lastStatus:null },
  };

  let dataPillTimers = [];

  function now(){ return Date.now(); }

  function safeCall(fn, args, ctx){
    if(typeof fn !== 'function') return undefined;
    return fn.apply(ctx || global, args || []);
  }

  function recordOperation(name, phase, extra){
    const evt = Object.assign({ name, phase, ts: now() }, extra || {});
    status.lastOperation = evt;
    status.operations.push(evt);
    if(status.operations.length > 80) status.operations.shift();
    return evt;
  }

  async function wrapAsync(name, original, args, ctx){
    const start = now();
    recordOperation(name, 'start');
    try{
      const result = await safeCall(original, args, ctx);
      recordOperation(name, 'done', { ms: now() - start, ok: result !== false });
      return result;
    }catch(err){
      status.lastError = { name, message: err && err.message ? err.message : String(err), ts: now() };
      recordOperation(name, 'error', { ms: now() - start, message: status.lastError.message });
      throw err;
    }
  }

  function wrapSync(name, original, args, ctx){
    const start = now();
    recordOperation(name, 'start');
    try{
      const result = safeCall(original, args, ctx);
      recordOperation(name, 'done', { ms: now() - start, ok: result !== false });
      return result;
    }catch(err){
      status.lastError = { name, message: err && err.message ? err.message : String(err), ts: now() };
      recordOperation(name, 'error', { ms: now() - start, message: status.lastError.message });
      throw err;
    }
  }

  function onPillText(text, count){
    status.pill.visible = true;
    status.pill.text = text || '';
    status.pill.count = count || '';
  }

  function onPillReset(){
    status.pill.visible = false;
    status.pill.text = '';
    status.pill.count = '';
  }

  function onPillFinish(text){
    status.pill.text = text || status.pill.text || '';
    status.pill.count = '';
    status.pill.lastFinishedAt = now();
  }

  function onPanelOpen(){
    status.panel.open = true;
    status.panel.lastOpenedAt = now();
  }

  function onPanelClose(){
    status.panel.open = false;
  }

  // v_bootnet (2026-08-11): IDB open ต้องไม่ค้างเงียบ
  //
  // ของเดิมไม่มี onblocked และไม่มีเพดานเวลา — คำขอที่ถูก block (มีคอนเนกชัน
  // เวอร์ชันเก่าค้างอยู่ หรือ Safari เพี้ยนหลังปลุกเครื่อง) จะ **ไม่ resolve และ
  // ไม่ reject** = promise ตายคาที่ · ผู้เรียกคือ _preloadFromIndexedDB ซึ่ง
  // .then() ของมันเป็นตัวเดียวที่สั่ง loadFromCloudflareR2() → ค้างตรงนี้แปลว่า
  // ผ่าน auth มาแล้วแต่ไม่มีข้อมูลโผล่มาเลยสักไฟล์
  //
  // 3 วิพอ: IDB ปกติเปิดใน ~10ms · หมดเวลา = คืน null แล้วให้ผู้เรียก (ซึ่ง
  // try/catch อยู่แล้ว) ตกไปทางเน็ตตามปกติ
  const CSV_IDB_OPEN_TIMEOUT_MS = 3000;
  function csvOpen(){
    return new Promise((res, rej)=>{
      let settled = false;
      const done = fn => (...a) => { if(settled) return; settled = true; clearTimeout(timer); fn(...a); };
      const timer = setTimeout(() => {
        if(settled) return; settled = true;
        console.warn('[idb] เปิด ' + CSV_DB + ' เกิน ' + CSV_IDB_OPEN_TIMEOUT_MS + 'ms — ข้ามแคชไปใช้เน็ตแทน');
        rej(new Error('idb open timeout'));
      }, CSV_IDB_OPEN_TIMEOUT_MS);
      try{
        const r = global.indexedDB.open(CSV_DB, 1);
        r.onupgradeneeded = e => e.target.result.createObjectStore('csv');
        r.onsuccess = done(e => res(e.target.result));
        r.onerror = done(() => rej(new Error('idb open failed')));
        r.onblocked = done(() => rej(new Error('idb open blocked')));
      }catch(e){ done(() => rej(e))(); }
    });
  }

  async function csvCacheGet(tab){
    const start = now();
    try{
      const db = await csvOpen();
      return new Promise(res=>{
        const g = db.transaction('csv','readonly').objectStore('csv').get(tab);
        g.onsuccess = () => {
          status.cache.lastGet = { tab, hit: !!g.result, ms: now() - start, ts: now() };
          res(g.result || null);
        };
        g.onerror = () => {
          status.cache.lastGet = { tab, hit:false, error:true, ms: now() - start, ts: now() };
          res(null);
        };
      });
    }catch(e){
      status.cache.lastGet = { tab, hit:false, error:true, message:e && e.message ? e.message : String(e), ms: now() - start, ts: now() };
      return null;
    }
  }

  async function csvCacheSet(tab, text, etag){
    const start = now();
    try{
      const db = await csvOpen();
      return new Promise(res=>{
        const tx = db.transaction('csv','readwrite');
        tx.objectStore('csv').put({ text, ts: now(), etag: etag || null }, tab);
        tx.oncomplete = () => {
          status.cache.lastSet = { tab, bytes: text ? text.length : 0, ok:true, ms: now() - start, ts: now() };
          res(true);
        };
        tx.onerror = () => {
          status.cache.lastSet = { tab, ok:false, error:true, ms: now() - start, ts: now() };
          res(false);
        };
      });
    }catch(e){
      status.cache.lastSet = { tab, ok:false, error:true, message:e && e.message ? e.message : String(e), ms: now() - start, ts: now() };
      return false;
    }
  }

  async function csvCacheClear(){
    const start = now();
    try{
      const db = await csvOpen();
      return new Promise(res=>{
        const tx = db.transaction('csv','readwrite');
        tx.objectStore('csv').clear();
        tx.oncomplete = () => {
          status.cache.lastClear = { ok:true, ms: now() - start, ts: now() };
          res(true);
        };
        tx.onerror = () => {
          status.cache.lastClear = { ok:false, error:true, ms: now() - start, ts: now() };
          res(false);
        };
      });
    }catch(e){
      status.cache.lastClear = { ok:false, error:true, message:e && e.message ? e.message : String(e), ms: now() - start, ts: now() };
      return false;
    }
  }

  async function fetchTextWithTimeout(url, timeoutMs){
    const start = now();
    const ctrl = new AbortController();
    const timer = setTimeout(()=>ctrl.abort(), timeoutMs);
    status.fetch.lastUrl = url;
    status.fetch.lastStatus = 'started';
    try{
      const resp = await fetch(url, { cache:'no-store', signal:ctrl.signal });
      status.fetch.lastStatus = resp.status;
      if(!resp.ok){ const e = new Error('HTTP ' + resp.status); e.status = resp.status; throw e; } // v_gate: ตัวเรียกต้องแยก 401/403 ออกจากเน็ตหลุด
      const text = await resp.text();
      status.fetch.lastMs = now() - start;
      return text;
    }catch(err){
      status.fetch.lastMs = now() - start;
      status.fetch.lastStatus = err && err.name === 'AbortError' ? 'timeout' : 'error';
      throw err;
    }finally{
      clearTimeout(timer);
    }
  }

  // v205c: Conditional GET — uses If-None-Match for ETag-based cache validation
  // Returns {text, etag} on 200, or {text:null, etag:cachedEtag, notModified:true} on 304
  async function fetchWithEtag(url, cachedEtag, timeoutMs){
    const start = now();
    const ctrl = new AbortController();
    const timer = setTimeout(()=>ctrl.abort(), timeoutMs||90000);
    const headers = {};
    if(cachedEtag) headers['If-None-Match'] = cachedEtag;
    try{
      const resp = await fetch(url, { cache:'no-cache', signal:ctrl.signal, headers });
      if(resp.status===304){
        status.fetch.lastStatus = 304;
        status.fetch.lastMs = now()-start;
        return {text:null, etag:cachedEtag, notModified:true};
      }
      if(!resp.ok){ const e = new Error('HTTP '+resp.status); e.status = resp.status; throw e; } // v_gate
      const etag = resp.headers.get('ETag');
      const text = await resp.text();
      status.fetch.lastStatus = resp.status;
      status.fetch.lastMs = now()-start;
      return {text, etag, notModified:false};
    }catch(err){
      status.fetch.lastMs = now()-start;
      status.fetch.lastStatus = err&&err.name==='AbortError'?'timeout':'error';
      throw err;
    }finally{
      clearTimeout(timer);
    }
  }

  function clearPillTimers(){
    dataPillTimers.forEach(t=>clearTimeout(t));
    dataPillTimers = [];
  }

  function resetDataPill(){
    clearPillTimers();
    const pill = document.getElementById('data-load-pill');
    const dots = document.getElementById('dlp-dots');
    const bgDots = document.getElementById('dlp-bg-dots');
    const icon = document.getElementById('dlp-ready-icon');
    const txt = document.getElementById('dlp-text');
    const cnt = document.getElementById('dlp-count');
    if(pill){ pill.style.display=''; pill.classList.remove('out','ready','visible'); void pill.offsetWidth; }
    if(dots){ dots.style.display='flex'; [...dots.children].forEach(d=>{ d.classList.remove('done'); d.style.background=''; }); }
    if(bgDots){ bgDots.style.display='none'; [...bgDots.children].forEach(d=>{ d.classList.remove('done'); d.style.background=''; }); }
    if(icon) icon.style.display = 'none';
    if(txt) txt.textContent = 'กำลังโหลด';
    if(cnt) cnt.textContent = '';
    onPillReset();
  }

  function setDataPillText(text, count){
    clearPillTimers();
    const pill = document.getElementById('data-load-pill');
    const txt = document.getElementById('dlp-text');
    const cnt = document.getElementById('dlp-count');
    if(pill){ pill.style.display=''; pill.classList.remove('out'); pill.classList.add('visible'); }
    if(txt) txt.textContent = text || 'กำลังโหลด';
    if(cnt) cnt.textContent = count || '';
    onPillText(text, count);
  }

  function finishDataPill(text, hideMs){
    if(hideMs === undefined) hideMs = 1200;
    clearPillTimers();
    const pill = document.getElementById('data-load-pill');
    const txt = document.getElementById('dlp-text');
    const icon = document.getElementById('dlp-ready-icon');
    const dots = document.getElementById('dlp-dots');
    const bgDots = document.getElementById('dlp-bg-dots');
    const cnt = document.getElementById('dlp-count');
    if(txt) txt.textContent = text || 'พร้อมใช้งาน';
    if(cnt) cnt.textContent = '';
    if(dots) dots.style.display = 'none';
    if(bgDots) bgDots.style.display = 'none';
    if(icon) icon.style.display = 'block';
    if(pill){
      pill.classList.add('ready');
      dataPillTimers.push(setTimeout(()=>pill.classList.add('out'), hideMs));
      dataPillTimers.push(setTimeout(()=>{ if(pill) pill.style.display = 'none'; }, hideMs + 700));
    }
    onPillFinish(text);
  }

  function markForegroundPillDot(idx){
    const dot = document.getElementById('dlp-d-' + idx);
    if(dot){
      dot.classList.add('done');
      dot.style.animation = 'dlp-dot-in .3s cubic-bezier(.34,1.56,.64,1) forwards';
    }
  }

  function prepareProgressChips(keys, totalCount, specs){
    const specMap = specs || R2_SPECS;
    const counter = document.getElementById('sheets-loaded-count');
    const progEl = document.getElementById('sheets-progress');
    if(counter){ counter.style.display='inline-block'; counter.textContent='0/' + totalCount; }
    if(progEl){
      progEl.style.display = 'flex';
      progEl.innerHTML = keys
        .map(k=>specMap[k])
        .filter(Boolean)
        .map(f=>`<span id="sp-${f.tab}" style="font-size:var(--text-xs);font-weight:var(--fw-semi);padding:2px 8px;border-radius:var(--r-8);background:rgba(0,0,0,.06);color:var(--n500)">${f.tab}</span>`)
        .join('');
    }
  }

  function getSnapshot(extra){
    const e = typeof extra === 'function' ? extra() : (extra || {});
    return Object.assign({
      version: DATA_RUNTIME_VERSION,
      foregroundKeys: FOREGROUND_KEYS.slice(),
      backgroundKeys: BACKGROUND_KEYS.slice(),
      allKeys: ALL_KEYS.slice(),
      cacheDb: CSV_DB,
      cacheTtlMs: CSV_TTL,
      r2Base: R2_BASE,
      status: JSON.parse(JSON.stringify(status)),
    }, e);
  }

  const dataApi = Object.freeze({
    version: DATA_RUNTIME_VERSION,
    foregroundKeys: FOREGROUND_KEYS.slice(),
    backgroundKeys: BACKGROUND_KEYS.slice(),
    allKeys: ALL_KEYS.slice(),
    csvDb: CSV_DB,
    csvTtlMs: CSV_TTL,
    r2Base: R2_BASE,
    r2Files: R2_FILES,
    r2Specs: R2_SPECS,
    status,
    wrapAsync,
    wrapSync,
    onPillText,
    onPillReset,
    onPillFinish,
    onPanelOpen,
    onPanelClose,
    csvOpen,
    csvCacheGet,
    csvCacheSet,
    csvCacheClear,
    fetchTextWithTimeout,
    clearPillTimers,
    resetDataPill,
    setDataPillText,
    finishDataPill,
    markForegroundPillDot,
    prepareProgressChips,
    getSnapshot,
  });
  if(Object.isFrozen(runtime)){
    global.FreshketSenseRuntime = Object.assign({}, runtime, { data: dataApi });
  }else{
    runtime.data = dataApi;
  }
  global.FreshketSenseDataRuntime = dataApi;
})(window);

// ─────────────────────────────────────────────────────

// ── PHASE 5 DATA LEGACY ADAPTER ─────────────────────
// ── PHASE 5 LEGACY DATA ADAPTERS ─────────────────────
// Keep the original data-loading globals alive while routing them through
// FreshketSenseRuntime.data for instrumentation and future extraction.
(function(global){
  'use strict';
  const dataRuntime = global.FreshketSenseRuntime && global.FreshketSenseRuntime.data;
  if(!dataRuntime){
    global.getFreshketDataRuntimeSnapshot = function(){ return { ok:false, error:'data runtime unavailable', ts:Date.now() }; };
    try{ console.warn('[Freshket Sense] data runtime unavailable; legacy data functions are running without instrumentation'); }catch(e){}
    return;
  }

  const legacy = {};
  const asyncNames = [
    'ensureCloudflareFiles',
    'loadFromCloudflareR2',
    'reloadFromCloudflareR2',
    'loadFromGoogleSheets',
    'reloadFromGoogleSheets',
    'ensureAccountDetailData',
    'ensureSenseData',
    'loadFromSupabaseStorage',
    '_csvCacheClear',
    'fetchWithEtag',
    '_fetchCloudflareFile'
  ];
  const syncNames = [
    '_resetDataPill',
    '_setDataPillText',
    '_finishDataPill',
    '_markForegroundPillDot',
    '_prepareProgressChips',
    '_startCloudBackgroundLoad',
    'openDataPanel',
    'closeDataPanel',
    'updateDataStatus',
    'setDpMode'
  ];

  function getGlobal(name){
    try { return global[name]; } catch(e) { return undefined; }
  }
  function setGlobal(name, fn){
    try { global[name] = fn; } catch(e) { /* ignore non-writable */ }
  }

  asyncNames.forEach(function(name){
    const original = getGlobal(name);
    if(typeof original !== 'function') return;
    legacy[name] = original;
    const wrapped = function(){
      return dataRuntime.wrapAsync(name, original, Array.prototype.slice.call(arguments), this);
    };
    setGlobal(name, wrapped);
    try { eval(name + ' = wrapped'); } catch(e) { /* global binding may not be writable in some contexts */ }
  });

  syncNames.forEach(function(name){
    const original = getGlobal(name);
    if(typeof original !== 'function') return;
    legacy[name] = original;
    const wrapped = function(){
      const args = Array.prototype.slice.call(arguments);
      if(name === '_setDataPillText') dataRuntime.onPillText(args[0], args[1]);
      if(name === '_resetDataPill') dataRuntime.onPillReset();
      if(name === '_finishDataPill') dataRuntime.onPillFinish(args[0]);
      if(name === 'openDataPanel') dataRuntime.onPanelOpen();
      if(name === 'closeDataPanel') dataRuntime.onPanelClose();
      return dataRuntime.wrapSync(name, original, args, this);
    };
    setGlobal(name, wrapped);
    try { eval(name + ' = wrapped'); } catch(e) { /* global binding may not be writable in some contexts */ }
  });

  global.FreshketSenseLegacyData = Object.freeze(legacy);
  global.getFreshketDataRuntimeSnapshot = function(){
    return dataRuntime.getSnapshot(function(){
      return {
        loadedTabs: (global._cloudLoadedTabs && typeof global._cloudLoadedTabs.size === 'number') ? Array.from(global._cloudLoadedTabs) : undefined,
        bulkSkusReady: typeof global.bulkSkusReady === 'boolean' ? global.bulkSkusReady : undefined,
        bulkAltsReady: typeof global.bulkAltsReady === 'boolean' ? global.bulkAltsReady : undefined,
        sheetsLoadStarted: typeof global.sheetsLoadStarted === 'boolean' ? global.sheetsLoadStarted : undefined,
      };
    });
  };
})(window);
// ─────────────────────────────────────────────────────


// ── PHASE 6.1 LOADER ORCHESTRATION RUNTIME ─────────────────────
// Phase 6.1 stabilized loader orchestration runtime for Freshket Sense.
// This layer owns Cloudflare/R2 orchestration while keeping the legacy globals as adapters.
// It intentionally reads/writes the legacy app state in the same classic-script scope.
(function(global){
  'use strict';

  const rt = global.FreshketSenseRuntime || {};
  const baseData = rt.data || global.FreshketSenseDataRuntime;
  if(!baseData){
    try{ console.warn('[Freshket Sense Phase 6.1] data runtime unavailable; loader orchestration not installed'); }catch(e){}
    return;
  }

  const ORCH_VERSION = 'v206d-loader-silent-hydrate';
  const ORCH_CFG = global.FreshketSenseConfig || {};
  const ORCH_DATA_CFG = ORCH_CFG.data || {};
  const FOREGROUND = (ORCH_DATA_CFG.foregroundKeys || ['portview','history','categories','sku_current','outlets','handover']).slice();
  const CRITICAL = (ORCH_DATA_CFG.criticalKeys || ['portview','history','handover']).slice();
  const ENHANCEMENT = (ORCH_DATA_CFG.enhancementKeys || FOREGROUND.filter(function(k){return CRITICAL.indexOf(k)<0;})).slice();
  const BACKGROUND = (ORCH_DATA_CFG.backgroundKeys || ['skus','alternatives']).slice();
  const ALL = FOREGROUND.concat(BACKGROUND);

  const orchStatus = {
    version: ORCH_VERSION,
    installedAt: Date.now(),
    lastOperation: null,
    lastError: null,
    foregroundLoaded: 0,
    backgroundLoaded: 0,
    loadedTabs: [],
    forceReloads: 0,
    backgroundReleased: false,
  };

  function now(){ return Date.now(); }
  function safeWarn(){ try{ console.warn.apply(console, arguments); }catch(e){} }
  function safeToast(text, icon){ try{ if(typeof showToast === 'function') showToast(text, icon); }catch(e){} }
  function getSpecs(){ try{ if(typeof R2_SPECS !== 'undefined') return R2_SPECS; }catch(e){} return baseData.r2Specs || {}; }
  function getFiles(){
    try{
      const base = (typeof window.R2_FILES !== 'undefined') ? window.R2_FILES : (baseData.r2Files || {});
      // Sales: return correct files based on role at fetch time
      // R2_FILES is frozen (Object.freeze in shell.html) so mutation doesn't work
      // Instead: build a new object for Sales without touching the frozen base
      const role = typeof getCurrentRole === 'function' ? getCurrentRole() : '';
      if(role === 'sales' || role === 'sales_tl'){
        return Object.assign({}, base, {
          portview:    'sales_portview.csv',
          history:     'sales_history.csv',
          categories:  'sales_categories.csv',
          sku_current: 'sales_sku_current.csv',
          outlets:     'sales_outlets.csv',
          handover:    ''
        });
      }
      return base;
    }catch(e){ return baseData.r2Files || {}; }
  }
  function getBase(){ try{ if(typeof R2_BASE !== 'undefined') return R2_BASE; }catch(e){} return baseData.r2Base || ''; }
  function getTtl(){ try{ if(typeof _CSV_TTL !== 'undefined') return _CSV_TTL; }catch(e){} return baseData.csvTtlMs || 0; }
  function getLoadedTabs(){ try{ if(typeof _cloudLoadedTabs !== 'undefined') return _cloudLoadedTabs; }catch(e){} return null; }
  function getInFlight(){ try{ if(typeof _cloudInFlight !== 'undefined') return _cloudInFlight; }catch(e){} return {}; }

  function record(name, phase, extra){
    const evt = Object.assign({ name, phase, ts: now() }, extra || {});
    orchStatus.lastOperation = evt;
    if(baseData && baseData.status && Array.isArray(baseData.status.operations)){
      baseData.status.lastOperation = evt;
      baseData.status.operations.push(evt);
      if(baseData.status.operations.length > 100) baseData.status.operations.shift();
    }
    return evt;
  }

  function recordError(name, err){
    const message = err && err.message ? err.message : String(err);
    orchStatus.lastError = { name, message, ts: now() };
    if(baseData && baseData.status){ baseData.status.lastError = orchStatus.lastError; }
    record(name, 'error', { message });
  }

  function markLoaded(tab){
    const tabs = getLoadedTabs();
    if(tabs && typeof tabs.add === 'function') tabs.add(tab);
    orchStatus.loadedTabs = tabs && typeof tabs.forEach === 'function' ? Array.from(tabs) : orchStatus.loadedTabs;
    try{ if(tab === 'skus') bulkSkusReady = true; }catch(e){}
    try{ if(tab === 'alternatives') bulkAltsReady = true; }catch(e){}
  }

  function isLoaded(tab){
    const tabs = getLoadedTabs();
    return !!(tabs && typeof tabs.has === 'function' && tabs.has(tab));
  }

  function clearInFlight(){
    const inFlight = getInFlight();
    Object.keys(inFlight).forEach(function(k){ delete inFlight[k]; });
  }

  function fetchTimeout(spec){ return spec && spec.heavy ? 240000 : 90000; }
  function ingestTimeout(spec){ return spec && spec.heavy ? 240000 : 90000; }

  const V212_DATA_EPOCH = '2026-05-22-v212-data-freshness';
  const V212_NETWORK_FIRST_TABS = { portview:true, history:true, handover:true, current_movements:true };
  function v212ShouldNetworkFirst(tab, spec, force){
    return !!force || !!V212_NETWORK_FIRST_TABS[tab] || (spec && spec.freshness === 'network-first');
  }
  function v212FreshUrl(url, tab){
    try{
      const sep = String(url).indexOf('?') >= 0 ? '&' : '?';
      return String(url) + sep + 'v=' + encodeURIComponent(V212_DATA_EPOCH) + '&cb=' + Date.now();
    }catch(e){ return url; }
  }
  function v212RecordFreshness(tab, meta){
    try{
      global.FreshketSenseDataFreshness = global.FreshketSenseDataFreshness || {};
      global.FreshketSenseDataFreshness[tab] = Object.assign({ tab:tab, dataEpoch:V212_DATA_EPOCH, checkedAt:Date.now() }, meta || {});
    }catch(e){}
  }

  // v_gate (5 ต.ค. 2026): ไฟล์ไหนในรอบนี้ได้มาจากสำเนาในเครื่องเพราะโหลดใหม่ไม่ได้ — ใช้ตัดสินว่าจะขึ้น "ข้อมูลล่าสุดแล้ว" ได้ไหม
  global._senseStaleTabs = function(tabs){
    try{
      const fr = global.FreshketSenseDataFreshness || {};
      return (tabs || []).filter(function(t){ const m = fr[t]; return !!(m && m.source === 'offline-cache'); });
    }catch(e){ return []; }
  };
  // v_gate: บัตรผ่านใช้ไม่ได้ (401/403) ⇒ ใช้สำเนาในเครื่องได้ไม่เกิน 24 ชม. (เน็ตหลุดยังใช้ได้เหมือนเดิม)
  const AUTH_FAIL_CACHE_MAX_MS = 24 * 3600 * 1000;

  async function fetchCloudflareFile(spec, opts){
    opts = opts || {};
    const force = !!opts.force;
    const cacheOverride = opts.cacheOverride;
    if(!spec || !spec.tab) return false;
    const tab = spec.tab;
    const inFlight = getInFlight();
    const networkFirst = v212ShouldNetworkFirst(tab, spec, force);

    if(!force && !networkFirst && isLoaded(tab)) return true;
    if(!force && inFlight[tab]) return inFlight[tab];

    const p = (async function(){
      record('_fetchCloudflareFile', 'start', { tab, force, heavy: !!spec.heavy, networkFirst });
      const dot = document.getElementById('sp-' + tab);
      if(dot) dot.style.background = 'var(--tk-accent-dim)';
      try{
        let text = null;
        let source = 'network';
        let cached = null;
        const useCache = (cacheOverride !== undefined) ? cacheOverride : !!spec.cache;
        if(useCache && !networkFirst){
          cached = await baseData.csvCacheGet(tab);
          if(cached && cached.ts && (Date.now() - cached.ts) < getTtl()){
            text = cached.text;
            source = 'cache';
          }
        }
        if(!text){
          const files = getFiles();
          let url = `${getBase()}/${files[tab] || tab + '.csv'}`;
          if(tab==='current_movements'){
          }
          if(networkFirst) url = v212FreshUrl(url, tab);
          try{
            text = await baseData.fetchTextWithTimeout(url, fetchTimeout(spec));
            source = 'network';
            // v212: keep a fallback copy even for network-first files; never use it before trying network.
            if(useCache || networkFirst) baseData.csvCacheSet(tab, text);
          }catch(fetchErr){
            if(useCache || networkFirst){
              cached = cached || await baseData.csvCacheGet(tab);
              const authFail = !!(fetchErr && (fetchErr.status === 401 || fetchErr.status === 403));
              const tooOldForAuthFail = authFail && !(cached && cached.ts && (Date.now() - cached.ts) <= AUTH_FAIL_CACHE_MAX_MS);
              if(cached && cached.text && !tooOldForAuthFail){
                text = cached.text;
                source = 'offline-cache';
                safeWarn('[v212 freshness] network failed; using cached ' + tab, fetchErr && fetchErr.message ? fetchErr.message : fetchErr);
              }else{
                throw fetchErr;
              }
            }else{
              throw fetchErr;
            }
          }
        }
        if(spec.tab==='current_movements'){
        }
        const ok = await ingestCSVText(spec.type, text, { timeoutMs: ingestTimeout(spec) });
        if(spec.tab==='current_movements'){
        }
        if(ok){
          markLoaded(tab);
          v212RecordFreshness(tab, { source, bytes:text ? text.length : 0, networkFirst, force, ageMs: source === 'cache' || source === 'offline-cache' ? (cached && cached.ts ? Date.now() - cached.ts : null) : 0 });
          if(dot){ dot.style.background = source === 'offline-cache' ? 'rgba(240,176,0,.18)' : 'var(--tk-ok-dim-2)'; dot.style.color = source === 'offline-cache' ? '#9a6500' : 'var(--g700)'; }
          record('_fetchCloudflareFile', 'done', { tab, ok:true, source, networkFirst });
        }else{
          if(dot){ dot.style.background = 'rgba(240,80,0,.12)'; dot.style.color = 'var(--org)'; }
          v212RecordFreshness(tab, { source:'failed', networkFirst, force });
          record('_fetchCloudflareFile', 'done', { tab, ok:false, source, networkFirst });
        }
        return !!ok;
      }catch(err){
        if(dot){ dot.style.background = 'rgba(240,80,0,.12)'; dot.style.color = 'var(--org)'; }
        v212RecordFreshness(tab, { source:'error', networkFirst, force, error:err && err.message ? err.message : String(err) });
        recordError('_fetchCloudflareFile:' + tab, err);
        safeWarn('[Cloudflare R2]', tab, err && err.message ? err.message : err);
        return false;
      }finally{
        delete inFlight[tab];
      }
    })();

    inFlight[tab] = p;
    return p;
  }

  async function ensureCloudflareFiles(keys, opts){
    opts = opts || {};
    const label = opts.label || 'กำลังโหลดข้อมูล';
    const force = !!opts.force;
    const specs = (keys || []).map(function(k){ return getSpecs()[k]; }).filter(Boolean);
    if(!specs.length) return true;
    record('ensureCloudflareFiles', 'start', { keys:(keys||[]).slice(), label, force });
    let done = 0;
    baseData.setDataPillText(label, '0/' + specs.length);
    const results = await Promise.all(specs.map(function(spec){
      return fetchCloudflareFile(spec, { force, cacheOverride: spec.heavy ? false : undefined }).then(function(ok){
        done++;
        baseData.setDataPillText(label, done + '/' + specs.length);
        return ok;
      });
    }));
    const ok = results.every(Boolean);
    baseData.finishDataPill(ok ? (label + ' พร้อมแล้ว') : (label + ' โหลดไม่ครบ'), ok ? 900 : 1400);
    record('ensureCloudflareFiles', 'done', { ok, done, total: specs.length });
    return ok;
  }

  function nextIdle(fn, delay){
    delay = delay == null ? 0 : delay;
    if(global.requestIdleCallback){ return global.requestIdleCallback(function(){ fn(); }, { timeout: Math.max(800, delay + 800) }); }
    return setTimeout(fn, delay);
  }

  function startCloudEnhancementLoad(opts){
    opts = opts || {};
    const token = opts.token;
    const criticalLoaded = opts.criticalLoaded || 0;
    const specs = getSpecs();
    const keys = ENHANCEMENT.filter(function(k){ return specs[k]; });
    // v_onestep: phase-settled flag — the commission strip's team-fast-path
    // gate (07b_cds.js buildSources/_cdsBuildSrc) holds skeleton until the
    // enhancement phase CONCLUDES (loaded or definitively failed). Set at
    // every exit of this phase — never via timers/watchdogs (v919-921 lesson).
    if(!keys.length){ window._enhancementSettled = true; startCloudBackgroundLoad({ token, fgLoaded:criticalLoaded, total:ALL.length }); return Promise.resolve([]); }
    record('startCloudEnhancementLoad', 'start', { token, keys:keys.slice(), criticalLoaded });
    baseData.setDataPillText('เติมรายละเอียด','0/' + keys.length);
    let done = 0;
    const p = Promise.all(keys.map(function(key){
      const spec = specs[key];
      return fetchCloudflareFile(spec,{ force:false }).then(function(ok){
        done++;
        try{ if(token !== _cloudLoadToken) return ok; }catch(e){}
        baseData.setDataPillText('เติมรายละเอียด',done + '/' + keys.length);
        return ok;
      });
    })).then(function(results){
      try{ if(token !== _cloudLoadToken) return results; }catch(e){}
      const okCount = results.filter(Boolean).length;
      window._enhancementSettled = true; // v_onestep: individual fetch failures resolve false (never reject), so this line always runs — the gate can never hang on a missing file
      orchStatus.foregroundLoaded = criticalLoaded + okCount;
      try{ if(typeof updateDataStatus === 'function') updateDataStatus(); }catch(e){}
      try{ if(typeof updateMatcherPreStatus === 'function') updateMatcherPreStatus(); }catch(e){}
      // v223: RenderBus handles render
      try{ if(window.RenderBus) window.RenderBus.signal('enhancement'); }catch(e){}
      record('startCloudEnhancementLoad','done',{ okCount, total:keys.length });
      startCloudBackgroundLoad({ token, fgLoaded:criticalLoaded + okCount, total:ALL.length });
      return results;
    }).catch(function(err){
      window._enhancementSettled = true; // v_onestep: phase concluded even on unexpected error
      recordError('startCloudEnhancementLoad',err);
      startCloudBackgroundLoad({ token, fgLoaded:criticalLoaded, total:ALL.length });
      return [];
    });
    return p;
  }

  function startCloudBackgroundLoad(opts){
    opts = opts || {};
    const token = opts.token;
    const fgLoaded = opts.fgLoaded || 0;
    const total = opts.total || 7;
    try{ if(_cloudBackgroundPromise) return _cloudBackgroundPromise; }catch(e){}

    record('_startCloudBackgroundLoad', 'start', { token, fgLoaded, total });
    const counter = document.getElementById('sheets-loaded-count');
    const bgDots = document.getElementById('dlp-bg-dots');
    const readyIcon = document.getElementById('dlp-ready-icon');
    const dots = document.getElementById('dlp-dots');
    if(dots) dots.style.display = 'none';
    if(readyIcon) readyIcon.style.display = 'none';
    if(bgDots) bgDots.style.display = 'flex';
    baseData.setDataPillText('SKU','');

    let pillReleased = false;
    let finished = false;
    const releaseTimer = setTimeout(function(){
      try{ if(finished || token !== _cloudLoadToken) return; }catch(e){ if(finished) return; }
      pillReleased = true;
      orchStatus.backgroundReleased = true;
      baseData.finishDataPill('โหลดต่อเบื้องหลัง',1000);
      safeToast('กำลังโหลด SKU ต่อเบื้องหลัง','⟳');
    },18000);

    const specs = getSpecs();
    const p = Promise.all(BACKGROUND.map(async function(key){
      const spec = specs[key];
      const bgDot = document.getElementById(key === 'skus' ? 'dlp-bg-skus' : 'dlp-bg-alts');
      const ok = await fetchCloudflareFile(spec, { force:false, cacheOverride:false });
      try{ if(token !== _cloudLoadToken) return ok; }catch(e){}
      if(ok){ if(bgDot) bgDot.classList.add('done'); }
      else { if(bgDot) bgDot.style.background = 'rgba(240,80,0,.7)'; }
      const loadedNow = fgLoaded + BACKGROUND.filter(function(k){ return isLoaded(specs[k].tab); }).length;
      if(counter) counter.textContent = loadedNow + '/' + total;
      return ok;
    })).then(function(results){
      try{ if(token !== _cloudLoadToken) return results; }catch(e){}
      finished = true; clearTimeout(releaseTimer);
      const okCount = results.filter(Boolean).length;
      orchStatus.backgroundLoaded = okCount;
      if(okCount === BACKGROUND.length){
        if(!pillReleased) baseData.finishDataPill('ข้อมูลครบแล้ว',1000);
        safeToast('ข้อมูล SKU พร้อมแล้ว','✓');
      }else{
        if(!pillReleased) baseData.finishDataPill('ข้อมูลหลักพร้อมแล้ว',1400);
        safeToast('ข้อมูลหลักพร้อม แต่ SKU ยังไม่ครบ — กด Refresh data ได้','⚠');
      }
      try{ if(typeof updateDataStatus === 'function') updateDataStatus(); }catch(e){}
      try{ if(typeof updateMatcherPreStatus === 'function') updateMatcherPreStatus(); }catch(e){}
      record('_startCloudBackgroundLoad', 'done', { okCount, total: BACKGROUND.length });
      return results;
    }).catch(function(err){
      try{ if(token === _cloudLoadToken){
        finished = true; clearTimeout(releaseTimer);
        if(!pillReleased) baseData.finishDataPill('ข้อมูลหลักพร้อมแล้ว',1400);
        safeToast('โหลด SKU ไม่สำเร็จ — กด Refresh data','⚠');
        safeWarn('[Cloudflare background]', err);
      }}catch(e){}
      recordError('_startCloudBackgroundLoad', err);
      return [false,false];
    }).finally(function(){
      try{ if(token === _cloudLoadToken) _cloudBackgroundPromise = null; }catch(e){}
      // ── v221: Tier 3 deferred price load disabled — on-demand only ──
      // v198f path was: setTimeout(function(){ _startDeferredPriceLoad(_pt); }, 3000);
    });

    try{ _cloudBackgroundPromise = p; }catch(e){}
    return p;
  }

  async function loadFromCloudflareR2(){
    try{
      if(sheetsLoadStarted && _cloudInitialPromise) return _cloudInitialPromise;
      if(sheetsLoadStarted) return;
      sheetsLoadStarted = true;
    }catch(e){}
    let token;
    try{ token = ++_cloudLoadToken; }catch(e){ token = Date.now(); }

    record('loadFromCloudflareR2', 'start', { token, critical:CRITICAL.slice(), enhancement:ENHANCEMENT.slice() });
    const btn = document.getElementById('sheets-load-btn');
    const counter = document.getElementById('sheets-loaded-count');
    if(btn){ btn.disabled = true; btn.textContent = 'กำลังโหลด...'; }
    baseData.resetDataPill();
    baseData.prepareProgressChips(ALL, ALL.length, getSpecs());
    baseData.setDataPillText('โหลดข้อมูลหลัก','0/' + CRITICAL.length);

    const p = (async function(){
      let loaded = 0;
      const specs = getSpecs();
      const criticalResults = await Promise.all(CRITICAL.map(async function(key, idx){
        const ok = await fetchCloudflareFile(specs[key], { force:false });
        try{ if(token !== _cloudLoadToken) return ok; }catch(e){}
        if(ok){ loaded++; baseData.markForegroundPillDot(idx); }
        if(counter) counter.textContent = loaded + '/' + ALL.length;
        baseData.setDataPillText('โหลดข้อมูลหลัก', loaded + '/' + CRITICAL.length);
        return ok;
      }));
      try{ if(token !== _cloudLoadToken) return; }catch(e){}
      const criticalOk = criticalResults.filter(Boolean).length;
      orchStatus.foregroundLoaded = criticalOk;
      if(btn){ btn.disabled = false; btn.textContent = 'Refresh data'; }
      if(criticalOk === CRITICAL.length){
        safeToast('พร้อมใช้งาน — ข้อมูลหลัก ' + criticalOk + '/' + CRITICAL.length + ' ไฟล์','✓');
        baseData.setDataPillText('พร้อมใช้งาน','เติมรายละเอียดต่อเบื้องหลัง');
        // v223: RenderBus handles render
        try{ if(window.RenderBus) window.RenderBus.signal('critical'); }catch(e){}
        try{ if(typeof renderTeamview === 'function' && document.getElementById('scr-teamview')?.classList.contains('on') && !window.RenderBus) renderTeamview(); }catch(e){}
        nextIdle(function(){ startCloudEnhancementLoad({ token, criticalLoaded:criticalOk }); }, 450);
      }else{
        safeToast('ข้อมูลหลักยังไม่ครบ — กด Refresh data','⚠');
        nextIdle(function(){ startCloudEnhancementLoad({ token, criticalLoaded:criticalOk }); }, 500);
      }
      try{ if(typeof updateDataStatus === 'function') updateDataStatus(); }catch(e){}
      try{ if(typeof updateMatcherPreStatus === 'function') updateMatcherPreStatus(); }catch(e){}
      record('loadFromCloudflareR2', 'done', { criticalOk: criticalOk, totalCritical: CRITICAL.length, enhancementQueued: ENHANCEMENT.length });
    })().catch(function(err){
      recordError('loadFromCloudflareR2', err);
      safeToast('โหลดข้อมูลหลักไม่สำเร็จ — กด Refresh data','⚠');
      if(btn){ btn.disabled = false; btn.textContent = 'Refresh data'; }
      throw err;
    }).finally(function(){
      try{ if(token === _cloudLoadToken) _cloudInitialPromise = null; }catch(e){}
    });

    try{ _cloudInitialPromise = p; }catch(e){}
    return p;
  }

  async function reloadFromCloudflareR2(){
    record('reloadFromCloudflareR2', 'start');
    orchStatus.forceReloads++;
    await baseData.csvCacheClear();
    try{ sheetsLoadStarted = false; }catch(e){}
    try{ bulkSkusReady = false; bulkAltsReady = false; }catch(e){}
    try{ if(typeof _kamBundleLoaded !== 'undefined' && _kamBundleLoaded && _kamBundleLoaded.clear) _kamBundleLoaded.clear(); }catch(e){}
    try{ if(typeof _kamBundleInFlight !== 'undefined' && _kamBundleInFlight) Object.keys(_kamBundleInFlight).forEach(function(k){ delete _kamBundleInFlight[k]; }); }catch(e){}
    try{ global.FreshketSenseDataFreshness = {}; }catch(e){}
    const tabs = getLoadedTabs();
    if(tabs && typeof tabs.clear === 'function') tabs.clear();
    clearInFlight();
    try{ _cloudInitialPromise = null; _cloudBackgroundPromise = null; _cloudLoadToken++; }catch(e){}
    return loadFromCloudflareR2();
  }

  async function ensureAccountDetailData(accountId){
    if(!accountId) return false;
    const needed = [];
    try{ if(!bulkCatsData[accountId]) needed.push('categories'); }catch(e){ needed.push('categories'); }
    try{ if(!bulkSkuCurrentData[accountId]) needed.push('sku_current'); }catch(e){ needed.push('sku_current'); }
    try{ if(!bulkOutletsData[accountId]) needed.push('outlets'); }catch(e){ needed.push('outlets'); }
    try{ if(!bulkSkusData[accountId]) needed.push('skus'); }catch(e){ needed.push('skus'); }
    if(!needed.length) return true;
    safeToast('กำลังโหลด account intelligence...','⟳');
    const ok = await ensureCloudflareFiles(needed, { label:'Account intelligence' });
    try{ loadFromStorage(accountId); }catch(e){}
    try{ refreshAll(); updateDataStatus(); }catch(e){}
    try{ if(typeof updateMatcherPreStatus === 'function') updateMatcherPreStatus(); }catch(e){}
    try{ if(isKAM && document.getElementById('scr-overview')?.classList.contains('on')) renderKamOverview(); }catch(e){}
    record('ensureAccountDetailData', 'done', { accountId, ok, needed });
    return ok;
  }

  async function ensureSenseData(accountId){
    if(!accountId) return false;
    const needed = [];
    try{ if(!bulkSkusData[accountId]) needed.push('skus'); }catch(e){ needed.push('skus'); }
    try{ if(!bulkAltsReady && !bulkAltsUnverified[accountId]) needed.push('alternatives'); }catch(e){ needed.push('alternatives'); }
    if(!needed.length) return true;
    safeToast('กำลังโหลด SKU + ทางเลือก...','⟳');
    const ok = await ensureCloudflareFiles(needed, { label:'SKU + ทางเลือก' });
    try{ loadFromStorage(accountId); }catch(e){}
    try{ if(D.alts.length && D.skus.length) computeOPPS(); }catch(e){}
    try{ refreshAll(); updateDataStatus(); }catch(e){}
    try{ if(typeof updateMatcherPreStatus === 'function') updateMatcherPreStatus(); }catch(e){}
    record('ensureSenseData', 'done', { accountId, ok, needed });
    return ok;
  }

  function getOrchestrationSnapshot(){
    const tabs = getLoadedTabs();
    return {
      orchestrationVersion: ORCH_VERSION,
      status: JSON.parse(JSON.stringify(orchStatus)),
      loadedTabs: tabs && typeof tabs.forEach === 'function' ? Array.from(tabs) : [],
      foregroundKeys: FOREGROUND.slice(),
      criticalKeys: CRITICAL.slice(),
      enhancementKeys: ENHANCEMENT.slice(),
      backgroundKeys: BACKGROUND.slice(),
      allKeys: ALL.slice(),
      sheetsLoadStarted: (function(){ try{ return sheetsLoadStarted; }catch(e){ return undefined; } })(),
      bulkSkusReady: (function(){ try{ return bulkSkusReady; }catch(e){ return undefined; } })(),
      bulkAltsReady: (function(){ try{ return bulkAltsReady; }catch(e){ return undefined; } })(),
    };
  }

  const phase6Methods = {
    version: ORCH_VERSION,
    loaderOrchestrationVersion: ORCH_VERSION,
    orchestrationStatus: orchStatus,
    fetchCloudflareFile,
    ensureCloudflareFiles,
    startCloudBackgroundLoad,
    loadFromCloudflareR2,
    reloadFromCloudflareR2,
    reloadFromGoogleSheets: reloadFromCloudflareR2,
    loadFromGoogleSheets: loadFromCloudflareR2,
    ensureAccountDetailData,
    ensureSenseData,
    loadFromSupabaseStorage: loadFromCloudflareR2,
    getOrchestrationSnapshot,
  };

  const extendedData = Object.freeze(Object.assign({}, baseData, phase6Methods, {
    getSnapshot: function(extra){
      const baseSnapshot = typeof baseData.getSnapshot === 'function' ? baseData.getSnapshot(extra) : {};
      return Object.assign({}, baseSnapshot, { version: ORCH_VERSION, orchestration: getOrchestrationSnapshot() });
    }
  }));

  const nextRuntime = Object.freeze(Object.assign({}, rt, { data: extendedData }));
  global.FreshketSenseRuntime = nextRuntime;
  global.FreshketSenseDataRuntime = extendedData;
})(window);

// ─────────────────────────────────────────────────────

// ── PHASE 6.1 LEGACY LOADER ADAPTER ─────────────────────
// Phase 6.1 legacy loader adapter.
// It replaces loader globals with runtime-owned orchestration implementations while retaining Phase 5.1 originals as fallback.
(function(global){
  'use strict';
  const data = global.FreshketSenseRuntime && global.FreshketSenseRuntime.data;
  const originals = global.FreshketSenseLegacyData || {};
  const ADAPTED_NAMES = ['_fetchCloudflareFile','ensureCloudflareFiles','_startCloudBackgroundLoad','loadFromCloudflareR2','reloadFromCloudflareR2','loadFromGoogleSheets','reloadFromGoogleSheets','ensureAccountDetailData','ensureSenseData','loadFromSupabaseStorage'];
  const FLAG_KEYS = ['freshket_loader_runtime_disabled','freshket_force_legacy_loader'];
  function normalizeFlag(v){ return v === true || v === '1' || v === 'true' || v === 'yes' || v === 'legacy'; }
  function readFlag(){
    try{
      const qs = new URLSearchParams(global.location && global.location.search || '');
      if(qs.get('freshket_loader_runtime') === 'legacy') return { disabled:true, source:'query:freshket_loader_runtime=legacy' };
      if(qs.get('freshket_loader_runtime') === 'runtime') return { disabled:false, source:'query:freshket_loader_runtime=runtime' };
    }catch(e){}
    try{
      for(const k of FLAG_KEYS){
        const v = global.localStorage && localStorage.getItem(k);
        if(normalizeFlag(v)) return { disabled:true, source:'localStorage:' + k, value:v };
      }
    }catch(e){}
    return { disabled:false, source:'default' };
  }
  function fallback(name){ return originals[name]; }
  function setGlobal(name, fn){
    try{ global[name] = fn; }catch(e){}
    try{ eval(name + ' = fn'); }catch(e){}
  }
  function restoreLegacyNow(){
    const restored = [];
    ADAPTED_NAMES.forEach(function(name){
      if(typeof originals[name] === 'function'){
        setGlobal(name, originals[name]);
        restored.push(name);
      }
    });
    return restored;
  }
  function makeControl(statusRef){
    return Object.freeze({
      version: 'v155-phase6-1-stabilized-loader-control',
      flagKeys: FLAG_KEYS.slice(),
      status: function(){ return Object.assign({}, statusRef, { flag: readFlag() }); },
      disableRuntime: function(reason){
        try{ localStorage.setItem('freshket_loader_runtime_disabled','1'); }catch(e){}
        const restored = restoreLegacyNow();
        statusRef.mode = 'legacy';
        statusRef.disabledByFlag = true;
        statusRef.disabledReason = reason || 'manual-disable';
        statusRef.restored = restored;
        try{ console.warn('[Freshket Sense Phase 6.1] Loader runtime disabled. Refresh recommended.', statusRef); }catch(e){}
        return statusRef;
      },
      enableRuntimeNextReload: function(){
        try{ FLAG_KEYS.forEach(function(k){ localStorage.removeItem(k); }); }catch(e){}
        statusRef.enableRuntimeOnNextReload = true;
        try{ console.info('[Freshket Sense Phase 6.1] Loader runtime will be enabled after refresh.'); }catch(e){}
        return statusRef;
      },
      restoreLegacyNow: restoreLegacyNow,
      refreshRecommended: true,
    });
  }
  const adapterStatus = {
    version: data && data.loaderOrchestrationVersion || 'missing-runtime',
    installedAt: Date.now(),
    mode: 'runtime',
    adapted: [],
    disabledByFlag: false,
    disabledReason: null,
    fallbackCount: 0,
    lastFallback: null,
  };
  global.FreshketSenseLoaderControl = makeControl(adapterStatus);

  if(!data || !data.loaderOrchestrationVersion){
    adapterStatus.mode = 'legacy';
    adapterStatus.disabledReason = 'runtime-missing';
    global.FreshketSensePhase6LoaderAdapter = Object.freeze(adapterStatus);
    try{ console.warn('[Freshket Sense Phase 6.1] loader orchestration runtime missing; keeping Phase 5.1 functions'); }catch(e){}
    return;
  }
  const flag = readFlag();
  if(flag.disabled){
    adapterStatus.mode = 'legacy';
    adapterStatus.disabledByFlag = true;
    adapterStatus.disabledReason = flag.source;
    adapterStatus.restored = restoreLegacyNow();
    global.FreshketSensePhase6LoaderAdapter = Object.freeze(adapterStatus);
    try{ console.warn('[Freshket Sense Phase 6.1] loader runtime disabled by flag; keeping legacy loader path.', adapterStatus); }catch(e){}
    return;
  }
  function asyncAdapter(name, runtimeFn){
    const original = fallback(name);
    const fn = async function(){
      try{ return await runtimeFn.apply(this, Array.prototype.slice.call(arguments)); }
      catch(err){
        adapterStatus.fallbackCount += 1;
        adapterStatus.lastFallback = { name:name, message:err && err.message ? err.message : String(err), ts:Date.now() };
        try{ console.warn('[Freshket Sense Phase 6.1 fallback]', name, err && err.message ? err.message : err); }catch(e){}
        if(typeof original === 'function') return original.apply(this, Array.prototype.slice.call(arguments));
        throw err;
      }
    };
    setGlobal(name, fn);
  }
  function syncAdapter(name, runtimeFn){
    const original = fallback(name);
    const fn = function(){
      try{ return runtimeFn.apply(this, Array.prototype.slice.call(arguments)); }
      catch(err){
        adapterStatus.fallbackCount += 1;
        adapterStatus.lastFallback = { name:name, message:err && err.message ? err.message : String(err), ts:Date.now() };
        try{ console.warn('[Freshket Sense Phase 6.1 fallback]', name, err && err.message ? err.message : err); }catch(e){}
        if(typeof original === 'function') return original.apply(this, Array.prototype.slice.call(arguments));
        throw err;
      }
    };
    setGlobal(name, fn);
  }

  asyncAdapter('_fetchCloudflareFile', data.fetchCloudflareFile);
  asyncAdapter('ensureCloudflareFiles', data.ensureCloudflareFiles);
  syncAdapter('_startCloudBackgroundLoad', data.startCloudBackgroundLoad);
  asyncAdapter('loadFromCloudflareR2', data.loadFromCloudflareR2);
  asyncAdapter('reloadFromCloudflareR2', data.reloadFromCloudflareR2);
  asyncAdapter('loadFromGoogleSheets', data.loadFromGoogleSheets);
  asyncAdapter('reloadFromGoogleSheets', data.reloadFromGoogleSheets);
  asyncAdapter('ensureAccountDetailData', data.ensureAccountDetailData);
  asyncAdapter('ensureSenseData', data.ensureSenseData);
  asyncAdapter('loadFromSupabaseStorage', data.loadFromSupabaseStorage);

  adapterStatus.adapted = ADAPTED_NAMES.slice();
  global.FreshketSensePhase6LoaderAdapter = Object.freeze(adapterStatus);
})(window);

// ─────────────────────────────────────────────────────


// ── PHASE 13 VIEW REGISTRY / RENDERER INVENTORY ─────────────────────
// Freshket Sense view boundary runtime — Phase 13.
// Diagnostic-first boundary: reads FreshketSenseViewRegistry and validates screen/renderer inventory without rewriting UI behavior.
(function(global){
  'use strict';

  const CFG = global.FreshketSenseConfig || {};
  const STORAGE_CFG = CFG.storage || {};
  const STORAGE_KEY = STORAGE_CFG.viewRuntimeDisabledKey || 'freshket_view_runtime_disabled';
  const VERSION = 'phase13-view-registry-inventory';
  const REGISTRY = global.FreshketSenseViewRegistry || { screens:{}, groups:{}, rendererNames:[], domAnchors:[], stateReads:[], extractionOrder:[], behaviorChanged:false };
  const screenRegistry = REGISTRY.screens || {};
  const viewGroups = REGISTRY.groups || {};

  const state = {
    installedAt: new Date().toISOString(),
    lastOperation: null,
    lastOperationAt: null,
    lastError: null,
    readCount: 0
  };

  function now(){ return new Date().toISOString(); }
  function mark(op){ state.lastOperation = op; state.lastOperationAt = now(); }
  function keys(obj){ return Object.keys(obj || {}); }
  function isDisabled(){
    try { return !!global.localStorage && localStorage.getItem(STORAGE_KEY) === '1'; }
    catch(e){ return false; }
  }
  function hasEl(id){ return !!(id && global.document && document.getElementById(id)); }
  function getElClass(id){ const el = id && global.document && document.getElementById(id); return el ? String(el.className || '') : null; }
  function hasFn(name){ return typeof global[name] === 'function'; }
  function isVisibleByClass(id){
    const el = id && global.document && document.getElementById(id);
    if(!el) return false;
    return el.classList ? el.classList.contains('on') : /\bon\b/.test(String(el.className || ''));
  }
  function domAnchorDiagnostics(meta){
    return (meta.domAnchors || []).map(function(id){ return { id:id, exists:hasEl(id), className:getElClass(id) }; });
  }
  function rendererDiagnostics(meta){
    return (meta.primaryRenderers || meta.renderFns || []).map(function(fn){ return { name:fn, exists:hasFn(fn) }; });
  }
  function getActiveScreen(){
    mark('view.getActiveScreen'); state.readCount += 1;
    const active = [];
    keys(screenRegistry).forEach(function(key){
      const meta = screenRegistry[key];
      if(isVisibleByClass(meta.id)) active.push({ key:key, id:meta.id, label:meta.label, mode:meta.mode || null });
    });
    return active;
  }
  function getActiveNav(){
    mark('view.getActiveNav'); state.readCount += 1;
    const navs = [];
    try{
      if(global.document){
        document.querySelectorAll('.ni.on').forEach(function(el){
          navs.push({ id:el.id || null, label:el.textContent ? el.textContent.trim().replace(/\s+/g,' ') : '' });
        });
      }
    }catch(error){ state.lastError = { op:'getActiveNav', message:error.message || String(error), at:now() }; }
    return navs;
  }
  function getScreenDiagnostics(){
    mark('view.getScreenDiagnostics'); state.readCount += 1;
    return keys(screenRegistry).map(function(key){
      const meta = screenRegistry[key];
      return {
        key:key,
        id:meta.id,
        label:meta.label,
        mode:meta.mode || null,
        group:meta.group,
        exists:hasEl(meta.id),
        navId:meta.navId,
        navExists:meta.navId ? hasEl(meta.navId) : false,
        isActive:isVisibleByClass(meta.id),
        className:getElClass(meta.id),
        extractionRisk:meta.extractionRisk || 'unknown',
        renderFns:rendererDiagnostics(meta),
        domAnchors:domAnchorDiagnostics(meta),
        stateReads:(meta.stateReads || []).slice(),
        notes:meta.notes || ''
      };
    });
  }
  function getGroupDiagnostics(){
    mark('view.getGroupDiagnostics'); state.readCount += 1;
    return keys(viewGroups).map(function(key){
      const group = viewGroups[key];
      return {
        key:key,
        id:group.id,
        mode:group.mode || null,
        behavior:group.behavior || null,
        exists:hasEl(group.id),
        className:getElClass(group.id),
        screens:(group.screens || []).slice()
      };
    });
  }
  function getRendererInventory(){
    mark('view.getRendererInventory'); state.readCount += 1;
    const names = (REGISTRY.rendererNames || []).slice().sort();
    return names.map(function(name){ return { name:name, exists:hasFn(name) }; });
  }
  function getDomInventory(){
    mark('view.getDomInventory'); state.readCount += 1;
    return (REGISTRY.domAnchors || []).slice().sort().map(function(id){ return { id:id, exists:hasEl(id) }; });
  }
  function getStateReadInventory(){
    mark('view.getStateReadInventory'); state.readCount += 1;
    return (REGISTRY.stateReads || []).slice().sort();
  }
  function getExtractionPlan(){
    mark('view.getExtractionPlan'); state.readCount += 1;
    return (REGISTRY.extractionOrder || []).map(function(item){ return Object.assign({}, item); });
  }
  function validate(){
    const screens = getScreenDiagnostics();
    const groups = getGroupDiagnostics();
    const criticalScreens = ['overview','portfolio','opportunities','report'];
    const missingCriticalScreens = screens.filter(function(s){ return criticalScreens.indexOf(s.key) >= 0 && !s.exists; }).map(function(s){ return s.key; });
    const missingGroups = groups.filter(function(g){ return (g.key === 'restaurantA' || g.key === 'restaurantB') && !g.exists; }).map(function(g){ return g.key; });
    const missingRendererNames = getRendererInventory().filter(function(r){ return !r.exists; }).map(function(r){ return r.name; });
    const missingDomAnchors = getDomInventory().filter(function(d){ return !d.exists; }).map(function(d){ return d.id; });
    return {
      ok: missingCriticalScreens.length === 0 && missingGroups.length === 0,
      registryLoaded: !!global.FreshketSenseViewRegistry,
      registryVersion: REGISTRY.version || null,
      behaviorChanged: !!REGISTRY.behaviorChanged,
      missingCriticalScreens: missingCriticalScreens,
      missingGroups: missingGroups,
      missingRenderFns: missingRendererNames,
      missingDomAnchors: missingDomAnchors,
      at: now()
    };
  }
  function getSnapshot(){
    return {
      version: VERSION,
      registryVersion: REGISTRY.version || null,
      disabled: isDisabled(),
      behaviorChanged: false,
      state: Object.assign({}, state),
      activeScreens: getActiveScreen(),
      activeNav: getActiveNav(),
      screens: getScreenDiagnostics(),
      groups: getGroupDiagnostics(),
      renderers: getRendererInventory(),
      domAnchors: getDomInventory(),
      stateReads: getStateReadInventory(),
      extractionPlan: getExtractionPlan(),
      validation: validate(),
      mode: global.isKAM ? 'kam' : 'restaurant',
      currentMode: global.mode || null,
      ts: now()
    };
  }
  function printSnapshot(){
    const snapshot = getSnapshot();
    try{
      console.log('Freshket view registry / renderer inventory diagnostics:', snapshot);
      console.table(snapshot.screens.map(function(s){ return {
        key:s.key,
        exists:s.exists,
        active:s.isActive,
        nav:s.navExists,
        risk:s.extractionRisk,
        missingRenderFns:s.renderFns.filter(function(f){ return !f.exists; }).map(function(f){ return f.name; }).join(', '),
        missingDom:s.domAnchors.filter(function(d){ return !d.exists; }).map(function(d){ return d.id; }).join(', ')
      }; }));
    }catch(e){}
    return snapshot;
  }

  const runtime = Object.freeze({
    version: VERSION,
    storageKey: STORAGE_KEY,
    registry: REGISTRY,
    screensRegistry: screenRegistry,
    groups: viewGroups,
    isDisabled: isDisabled,
    activeScreens: getActiveScreen,
    activeNav: getActiveNav,
    screens: getScreenDiagnostics,
    groupsDiagnostics: getGroupDiagnostics,
    renderers: getRendererInventory,
    domInventory: getDomInventory,
    stateReadInventory: getStateReadInventory,
    extractionPlan: getExtractionPlan,
    validate: validate,
    getSnapshot: getSnapshot,
    printSnapshot: printSnapshot
  });

  const control = Object.freeze({
    version: VERSION,
    status: function(){ return { disabled:isDisabled(), storageKey:STORAGE_KEY, validation:validate(), at:now() }; },
    disableRuntime: function(reason){ try{ localStorage.setItem(STORAGE_KEY,'1'); }catch(e){} try{ console.warn('[Freshket Sense Phase 13] View runtime disabled flag set. Diagnostics remain safe; refresh optional.', reason || 'manual-disable'); }catch(e){} return this.status(); },
    enableRuntimeNextReload: function(){ try{ localStorage.removeItem(STORAGE_KEY); }catch(e){} return this.status(); }
  });

  global.FreshketSenseViewRuntime = runtime;
  global.FreshketSenseViewControl = control;
  global.getFreshketViewRuntimeSnapshot = getSnapshot;
  global.printFreshketViewDiagnostics = printSnapshot;
})(window);

// Freshket Sense legacy view adapter — Phase 13.
// Intentionally diagnostic-only. It preserves all legacy screen/render functions and exposes a boundary for future extraction.
(function(global){
  'use strict';
  const runtime = global.FreshketSenseViewRuntime || null;
  const registry = global.FreshketSenseViewRegistry || null;
  const status = {
    version: 'phase13-legacy-view-adapter',
    installedAt: new Date().toISOString(),
    mode: runtime ? 'diagnostic-only' : 'missing-runtime',
    registryLoaded: !!registry,
    rewiredFunctions: [],
    behaviorChanged: false,
    note: 'No legacy view functions are overridden in Phase 13.'
  };
  global.FreshketSensePhase13ViewAdapter = Object.freeze(status);
  global.FreshketSensePhase12ViewAdapter = global.FreshketSensePhase12ViewAdapter || Object.freeze(status);
})(window);


// ─────────────────────────────────────────────────────


// ── PHASE 11.1 APP STATE/STORAGE SAFETY STABILIZATION ─────────────────────
// Freshket Sense app state/storage runtime boundary — Phase 11.1.
// Classic-script compatible. Diagnostic-first: it does not rewrite legacy state
// or storage behavior. It creates a safe boundary before deeper view extraction.
(function(global){
  'use strict';

  const CFG = global.FreshketSenseConfig || {};
  const STORAGE_CFG = CFG.storage || {};
  const STORAGE_KEY = STORAGE_CFG.stateRuntimeDisabledKey || 'freshket_state_runtime_disabled';
  const VERSION = 'phase11-1-state-storage-stabilization';

  const knownStorageKeys = Object.freeze({
    aiProxy: (CFG.ai && CFG.ai.proxyStorageKey) || 'freshket_ai_proxy_url',
    aiProvider: (CFG.ai && CFG.ai.providerStorageKey) || 'ai_provider',
    chatFabPosition: STORAGE_CFG.chatFabPositionKey || 'fs_aifab_pos_v1',
    loaderRuntimeDisabled: STORAGE_CFG.loaderRuntimeDisabledKey || 'freshket_loader_runtime_disabled',
    authRuntimeDisabled: STORAGE_CFG.authRuntimeDisabledKey || 'freshket_auth_runtime_disabled',
    stateRuntimeDisabled: STORAGE_KEY,
    accountIndex: STORAGE_CFG.accountIndexKey || 'ciq_index',
    localAccountPrefix: STORAGE_CFG.localAccountPrefix || 'ciq_acct_',
    visited: STORAGE_CFG.visitedKey || 'ciq_visited',
    restaurantSwipeLearned: STORAGE_CFG.restaurantSwipeLearnedKey || 'ciq_rest_swipe_learned'
  });

  const state = {
    installedAt: new Date().toISOString(),
    lastOperation: null,
    lastOperationAt: null,
    lastError: null,
    readCount: 0,
    writeCount: 0,
    removeCount: 0
  };

  function now(){ return new Date().toISOString(); }
  function mark(op){ state.lastOperation = op; state.lastOperationAt = now(); }
  function isDisabled(){
    try { return !!global.localStorage && localStorage.getItem(STORAGE_KEY) === '1'; }
    catch(e){ return false; }
  }
  function safeStringify(value){ try { return JSON.stringify(value); } catch(e){ return null; } }
  function getRaw(key){
    mark('storage.getRaw:' + key); state.readCount += 1;
    try { return global.localStorage ? localStorage.getItem(key) : null; }
    catch(error){ state.lastError = { op:'getRaw', key, message:error.message || String(error), at:now() }; return null; }
  }
  function setRaw(key, value){
    mark('storage.setRaw:' + key); state.writeCount += 1;
    try { if(global.localStorage) localStorage.setItem(key, String(value)); return true; }
    catch(error){ state.lastError = { op:'setRaw', key, message:error.message || String(error), at:now() }; return false; }
  }
  function getJSON(key, fallback){
    const raw = getRaw(key);
    if(raw == null || raw === '') return fallback;
    try { return JSON.parse(raw); }
    catch(error){ state.lastError = { op:'getJSON', key, message:error.message || String(error), at:now() }; return fallback; }
  }
  function setJSON(key, value){
    const raw = safeStringify(value);
    if(raw == null){ state.lastError = { op:'setJSON', key, message:'JSON stringify failed', at:now() }; return false; }
    return setRaw(key, raw);
  }
  function remove(key){
    mark('storage.remove:' + key); state.removeCount += 1;
    try { if(global.localStorage) localStorage.removeItem(key); return true; }
    catch(error){ state.lastError = { op:'remove', key, message:error.message || String(error), at:now() }; return false; }
  }
  function localStorageKeys(){
    try {
      if(!global.localStorage) return [];
      const keys = [];
      for(let i=0; i<localStorage.length; i++) keys.push(localStorage.key(i));
      return keys.filter(Boolean).sort();
    } catch(error){
      state.lastError = { op:'localStorageKeys', message:error.message || String(error), at:now() };
      return [];
    }
  }
  function byteLen(value){ return value == null ? 0 : String(value).length; }
  function count(value){
    if(Array.isArray(value)) return value.length;
    if(value && typeof value === 'object') return Object.keys(value).length;
    return value == null ? 0 : 1;
  }
  function storageSnapshot(){
    const keys = localStorageKeys();
    const accountPrefix = knownStorageKeys.localAccountPrefix;
    const accountKeys = keys.filter(k => k.indexOf(accountPrefix) === 0);
    const known = {};
    Object.keys(knownStorageKeys).forEach(name => {
      const key = knownStorageKeys[name];
      if(name === 'localAccountPrefix') return;
      const raw = getRaw(key);
      known[name] = { key, exists: raw != null, bytes: byteLen(raw) };
    });
    return {
      available: !!global.localStorage,
      totalKeys: keys.length,
      accountStorageKeys: accountKeys.length,
      knownKeys: knownStorageKeys,
      known,
      accountIndexCount: count(getJSON(knownStorageKeys.accountIndex, [])),
      currentAccountStorageExists: !!(global.currentAccountId && getRaw(accountPrefix + global.currentAccountId)),
      ts: now()
    };
  }
  function appStateSnapshot(){
    const D = global.D || {};
    const fileStatus = global.fileStatus || {};
    const sel = global.sel;
    const OPPS = global.OPPS;
    const pv = global.portviewBulkData;
    const currentAccountId = global.currentAccountId || (D.meta && D.meta.accountId) || null;
    let activeScreen = null;
    try { activeScreen = typeof global.getActiveScreenName === 'function' ? global.getActiveScreenName() : null; } catch(e) {}
    return {
      mode: global.mode || null,
      isKAM: !!global.isKAM,
      activeScreen,
      currentAccountId,
      accountName: D.meta && D.meta.accountName || null,
      kamName: D.meta && D.meta.kamName || null,
      currentUserEmail: global.currentUser && global.currentUser.email || null,
      profileRole: global.currentUserProfile && global.currentUserProfile.role || null,
      currentPlanMode: global.currentPlanMode || null,
      chatOpen: !!global.chatOpen,
      aiProvider: global.aiProvider || null,
      D: {
        history: count(D.history), cats: count(D.cats), cats_monthly: count(D.cats_monthly),
        skus: count(D.skus), skus_monthly: count(D.skus_monthly), alts: count(D.alts),
        outlets_monthly: count(D.outlets_monthly), sku_current: count(D.sku_current), current_month_loaded: !!D.current_month
      },
      selection: {
        selectedOpps: sel && typeof sel.size === 'number' ? sel.size : count(sel),
        selectedAltCount: count(global.selAlt)
      },
      opportunities: count(OPPS),
      fileStatus: Object.assign({}, fileStatus),
      bulk: {
        portviewRows: count(pv), historyAccounts: count(global.bulkHistoryData), categoryAccounts: count(global.bulkCategoriesData),
        skuAccounts: count(global.bulkSkusData), alternativesAccounts: count(global.bulkAltsData || global.bulkAltsUnverified),
        outletAccounts: count(global.bulkOutletsData), currentMonthAccounts: count(global.bulkCurrentMonthData)
      },
      runtimeFlags: {
        authDisabled: getRaw(knownStorageKeys.authRuntimeDisabled) === '1',
        loaderDisabled: getRaw(knownStorageKeys.loaderRuntimeDisabled) === '1',
        stateDisabled: isDisabled()
      },
      ts: now()
    };
  }
  function status(){
    return {
      version: VERSION,
      disabled: isDisabled(),
      storageKey: STORAGE_KEY,
      installedAt: state.installedAt,
      lastOperation: state.lastOperation,
      lastOperationAt: state.lastOperationAt,
      lastError: state.lastError,
      readCount: state.readCount,
      writeCount: state.writeCount,
      removeCount: state.removeCount,
      knownStorageKeys
    };
  }

  function validateRuntime(){
    const errors = [];
    const methodNames = ['getRaw','setRaw','getJSON','setJSON','remove','localStorageKeys','snapshot'];
    const storageMethods = {};
    methodNames.forEach(function(name){ storageMethods[name] = !!(api && api.storage && typeof api.storage[name] === 'function'); });
    let appStateOk = false;
    let storageOk = false;
    try { const a = appStateSnapshot(); appStateOk = !!(a && a.ts); } catch(error){ errors.push({ area:'appStateSnapshot', message:error.message || String(error) }); }
    try { const s = storageSnapshot(); storageOk = !!(s && typeof s.totalKeys === 'number'); } catch(error){ errors.push({ area:'storageSnapshot', message:error.message || String(error) }); }
    const knownKeysOk = !!(knownStorageKeys.aiProxy && knownStorageKeys.stateRuntimeDisabled && knownStorageKeys.accountIndex);
    const methodsOk = Object.keys(storageMethods).every(function(name){ return storageMethods[name]; });
    return {
      ok: methodsOk && appStateOk && storageOk && knownKeysOk && !errors.length,
      version: VERSION,
      disabled: isDisabled(),
      storageAvailable: !!global.localStorage,
      methods: storageMethods,
      snapshots: { appState: appStateOk, storage: storageOk },
      knownKeysOk: knownKeysOk,
      readOnly: true,
      note: 'Phase 11.1 validation reads snapshots only. It does not rewrite app state or storage behavior.',
      errors: errors,
      ts: now()
    };
  }

  function printDiagnostics(){
    const diag = { status: status(), validation: validateRuntime(), appState: appStateSnapshot(), storage: storageSnapshot() };
    try { console.log('Freshket state/storage diagnostics:', diag); } catch(e) {}
    return diag;
  }
  function disableRuntime(reason){
    try { localStorage.setItem(STORAGE_KEY, '1'); } catch(e) {}
    mark('disableRuntime');
    if(reason) state.lastDisableReason = String(reason);
    return status();
  }
  function enableRuntimeNextReload(){
    try { localStorage.removeItem(STORAGE_KEY); } catch(e) {}
    mark('enableRuntimeNextReload');
    return status();
  }

  const api = Object.freeze({
    version: VERSION,
    status,
    printDiagnostics,
    disableRuntime,
    enableRuntimeNextReload,
    getAppStateSnapshot: appStateSnapshot,
    getStorageSnapshot: storageSnapshot,
    validate: validateRuntime,
    knownStorageKeys,
    storage: Object.freeze({ getRaw, setRaw, getJSON, setJSON, remove, localStorageKeys, snapshot: storageSnapshot })
  });

  const previousRuntime = global.FreshketSenseRuntime || {};
  global.FreshketSenseRuntime = Object.freeze(Object.assign({}, previousRuntime, { state: api }));
  global.FreshketSenseStateRuntime = api;
  global.FreshketSenseStateControl = Object.freeze({ status, printDiagnostics, disableRuntime, enableRuntimeNextReload, snapshot: appStateSnapshot, storageSnapshot, validate: validateRuntime });
  global.getFreshketStateRuntimeSnapshot = appStateSnapshot;
  global.getFreshketStateRuntimeDiagnostics = printDiagnostics;
})(window);

// ─────────────────────────────────────────────────────

// Phase 11+ debug and staging smoke-check utilities.
// Console usage:
//   FreshketSenseDebug.snapshot()
//   FreshketSenseDebug.runStaticSmokeChecklist()
//   FreshketSenseDebug.printStaticSmokeChecklist()
//   FreshketSenseDebug.printConfigDiagnostics()
//   FreshketSenseDebug.printBoundaryDiagnostics()
(function(global){
  'use strict';

  function hasFn(name){ return typeof global[name] === 'function'; }
  function hasEl(id){ return !!global.document && !!document.getElementById(id); }
  function safe(fn, fallback){ try{ return fn(); }catch(e){ return fallback; } }
  function getDataSnapshot(){
    return hasFn('getFreshketDataRuntimeSnapshot') ? global.getFreshketDataRuntimeSnapshot() : { ok:false, error:'getFreshketDataRuntimeSnapshot missing' };
  }

  function configDiagnostics(){
    const cfg = global.FreshketSenseConfig || {};
    const app = cfg.app || {};
    const ai = cfg.ai || {};
    const data = cfg.data || {};
    const storage = cfg.storage || {};
    const assets = cfg.assets || {};
    const supabase = cfg.supabase || {};
    return {
      exists: !!global.FreshketSenseConfig,
      frozen: !!global.FreshketSenseConfig && Object.isFrozen(global.FreshketSenseConfig),
      appVersion: app.version || null,
      workingBaseline: app.workingBaseline || null,
      serviceWorkerUrl: app.serviceWorkerUrl || null,
      proxyOnlyProduction: ai.proxyOnlyProduction === true,
      proxyStorageKey: ai.proxyStorageKey || null,
      defaultProxyUrl: ai.defaultProxyUrl || null,
      providerStorageKey: ai.providerStorageKey || null,
      supabaseUrlPresent: !!supabase.url,
      supabaseKeyType: supabase.publishableKey && supabase.publishableKey.indexOf('sb_publishable_') === 0 ? 'publishable' : (supabase.publishableKey ? 'unknown-present' : 'missing'),
      r2BasePresent: !!data.r2Base,
      foregroundKeys: Array.isArray(data.foregroundKeys) ? data.foregroundKeys.slice() : [],
      backgroundKeys: Array.isArray(data.backgroundKeys) ? data.backgroundKeys.slice() : [],
      csvDbName: storage.csvDbName || null,
      chatFabPositionKey: storage.chatFabPositionKey || null,
      iconUrlPresent: !!assets.iconUrl,
      oliveAvatarUrlPresent: !!assets.oliveAvatarUrl,
      ts: new Date().toISOString()
    };
  }

  function printConfigDiagnostics(){
    const diag = configDiagnostics();
    try{ console.log('Freshket config diagnostics:', diag); }catch(e){}
    return diag;
  }

  function authDiagnostics(){
    const auth = global.FreshketSenseAuthRuntime || null;
    const control = global.FreshketSenseAuthControl || null;
    const diag = {
      exists: !!auth,
      version: auth && auth.version || null,
      controlExists: !!control,
      status: control && control.status ? control.status() : (auth && auth.status ? auth.status() : null),
      legacyAuthFns: ['doLogin','checkSession','hideLoginOverlay','showSenseSplash','doSignOut','loadUserProfile'].reduce(function(acc,name){ acc[name] = typeof global[name] === 'function'; return acc; }, {}),
      ts: new Date().toISOString()
    };
    return diag;
  }

  function printAuthDiagnostics(){
    const diag = authDiagnostics();
    return diag;
  }

  function stateDiagnostics(){
    const rt = global.FreshketSenseStateRuntime || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.state) || null;
    return {
      exists: !!rt,
      version: rt && rt.version || null,
      controlExists: !!global.FreshketSenseStateControl,
      status: rt && rt.status ? rt.status() : null,
      appState: rt && rt.getAppStateSnapshot ? rt.getAppStateSnapshot() : null,
      storage: rt && rt.getStorageSnapshot ? rt.getStorageSnapshot() : null,
      ts: new Date().toISOString()
    };
  }

  function printStateDiagnostics(){
    const diag = stateDiagnostics();
    try{ console.log('Freshket state/storage diagnostics:', diag); }catch(e){}
    return diag;
  }

  function boundaryDiagnostics(){
    return {
      config: configDiagnostics(),
      auth: authDiagnostics(),
      loader: loaderDiagnostics(),
      state: stateDiagnostics(),
      smoke: runStaticSmokeChecklist(),
      ts: new Date().toISOString()
    };
  }

  function printBoundaryDiagnostics(){
    const diag = boundaryDiagnostics();
    try{ console.log('Freshket boundary diagnostics:', diag); }catch(e){}
    return diag;
  }

  function runStaticSmokeChecklist(){
    const rt = global.FreshketSenseRuntime || {};
    const aiClient = rt.aiClient || {};
    const data = rt.data || global.FreshketSenseDataRuntime || null;
    const checks = [
      ['runtime object exists', !!rt.version, rt.version || 'missing'],
      ['config object exists', !!global.FreshketSenseConfig, global.FreshketSenseConfig ? (global.FreshketSenseConfig.app && global.FreshketSenseConfig.app.version) : 'missing'],
      ['config version phase21', (global.FreshketSenseConfig && global.FreshketSenseConfig.app && global.FreshketSenseConfig.app.version) === 'v155-phase21-final-audit-regression', global.FreshketSenseConfig && global.FreshketSenseConfig.app && global.FreshketSenseConfig.app.version],
      ['AI runtime exists', !!aiClient.callAI, aiClient.callAI ? 'ok' : 'missing callAI'],
      ['production is proxy-only', aiClient.proxyOnlyProduction === true, aiClient.proxyOnlyProduction],
      ['direct browser key mode disabled', hasFn('directAiKeyModeAllowed') ? global.directAiKeyModeAllowed() === false : aiClient.directAiKeyModeAllowed && aiClient.directAiKeyModeAllowed() === false, 'expected false'],
      ['AI proxy configured', typeof aiClient.getAiProxyUrl === 'function' && !!aiClient.getAiProxyUrl(), typeof aiClient.getAiProxyUrl === 'function' ? (aiClient.getAiProxyUrl() || 'not set') : 'missing'],
      ['data runtime exists', !!data, data ? data.version : 'missing'],
      ['loader control exists', !!global.FreshketSenseLoaderControl, global.FreshketSenseLoaderControl ? 'ok' : 'missing'],
      ['loader adapter status exists', !!global.FreshketSensePhase6LoaderAdapter, global.FreshketSensePhase6LoaderAdapter ? (global.FreshketSensePhase6LoaderAdapter.mode || 'installed') : 'missing'],
      ['auth runtime exists', !!global.FreshketSenseAuthRuntime, global.FreshketSenseAuthRuntime ? global.FreshketSenseAuthRuntime.version : 'missing'],
      ['auth control exists', !!global.FreshketSenseAuthControl, global.FreshketSenseAuthControl ? 'ok' : 'missing'],
      ['state runtime exists', !!global.FreshketSenseStateRuntime, global.FreshketSenseStateRuntime ? global.FreshketSenseStateRuntime.version : 'missing'],
      ['state control exists', !!global.FreshketSenseStateControl, global.FreshketSenseStateControl ? 'ok' : 'missing'],
      ['storage facade exists', !!(global.FreshketSenseStateRuntime && global.FreshketSenseStateRuntime.storage), global.FreshketSenseStateRuntime && global.FreshketSenseStateRuntime.storage ? 'ok' : 'missing'],
      ['state runtime validation ok', !!(global.FreshketSenseStateRuntime && typeof global.FreshketSenseStateRuntime.validate === 'function' && global.FreshketSenseStateRuntime.validate().ok), global.FreshketSenseStateRuntime && typeof global.FreshketSenseStateRuntime.validate === 'function' ? global.FreshketSenseStateRuntime.validate().ok : 'missing'],
      ['view registry exists', !!global.FreshketSenseViewRegistry, global.FreshketSenseViewRegistry ? global.FreshketSenseViewRegistry.version : 'missing'],
      ['view runtime exists', !!global.FreshketSenseViewRuntime, global.FreshketSenseViewRuntime ? global.FreshketSenseViewRuntime.version : 'missing'],
      ['view control exists', !!global.FreshketSenseViewControl, global.FreshketSenseViewControl ? 'ok' : 'missing'],
      ['view adapter diagnostic-only', !!(global.FreshketSensePhase12ViewAdapter && global.FreshketSensePhase12ViewAdapter.behaviorChanged === false), global.FreshketSensePhase12ViewAdapter ? global.FreshketSensePhase12ViewAdapter.mode : 'missing'],
      ['view runtime validation ok', !!(global.FreshketSenseViewRuntime && typeof global.FreshketSenseViewRuntime.validate === 'function' && global.FreshketSenseViewRuntime.validate().ok), global.FreshketSenseViewRuntime && typeof global.FreshketSenseViewRuntime.validate === 'function' ? global.FreshketSenseViewRuntime.validate().ok : 'missing'],
      ['view snapshot helper exists', typeof global.getFreshketViewRuntimeSnapshot === 'function', 'getFreshketViewRuntimeSnapshot'],
      ['read model runtime exists', !!global.FreshketSenseReadModelRuntime, global.FreshketSenseReadModelRuntime ? global.FreshketSenseReadModelRuntime.version : 'missing'],
      ['read model behavior unchanged', !!(global.FreshketSenseReadModelRuntime && global.FreshketSenseReadModelRuntime.behaviorChanged === false), global.FreshketSenseReadModelRuntime ? global.FreshketSenseReadModelRuntime.behaviorChanged : 'missing'],
      ['read model validation ok', !!(global.FreshketSenseReadModelRuntime && typeof global.FreshketSenseReadModelRuntime.validate === 'function' && global.FreshketSenseReadModelRuntime.validate().ok), global.FreshketSenseReadModelRuntime && typeof global.FreshketSenseReadModelRuntime.validate === 'function' ? global.FreshketSenseReadModelRuntime.validate().ok : 'missing'],
      ['read model snapshot helper exists', typeof global.getFreshketReadModelSnapshot === 'function', 'getFreshketReadModelSnapshot'],
      ['navigation runtime exists', !!global.FreshketSenseNavigationRuntime, global.FreshketSenseNavigationRuntime ? global.FreshketSenseNavigationRuntime.version : 'missing'],
      ['navigation behavior unchanged', !!(global.FreshketSenseNavigationRuntime && global.FreshketSenseNavigationRuntime.behaviorChanged === false), global.FreshketSenseNavigationRuntime ? global.FreshketSenseNavigationRuntime.behaviorChanged : 'missing'],
      ['navigation validation ok', !!(global.FreshketSenseNavigationRuntime && typeof global.FreshketSenseNavigationRuntime.validate === 'function' && global.FreshketSenseNavigationRuntime.validate().ok), global.FreshketSenseNavigationRuntime && typeof global.FreshketSenseNavigationRuntime.validate === 'function' ? global.FreshketSenseNavigationRuntime.validate().ok : 'missing'],
      ['navigation snapshot helper exists', typeof global.getFreshketNavigationRuntimeSnapshot === 'function', 'getFreshketNavigationRuntimeSnapshot'],
      ['report renderer exists', !!global.FreshketSenseReportRenderer, global.FreshketSenseReportRenderer ? global.FreshketSenseReportRenderer.version : 'missing'],
      ['report renderer behavior unchanged', !!(global.FreshketSenseReportRenderer && global.FreshketSenseReportRenderer.behaviorChanged === false), global.FreshketSenseReportRenderer ? global.FreshketSenseReportRenderer.behaviorChanged : 'missing'],
      ['report renderer validation ok', !!(global.FreshketSenseReportRenderer && typeof global.FreshketSenseReportRenderer.validate === 'function' && global.FreshketSenseReportRenderer.validate().ok), global.FreshketSenseReportRenderer && typeof global.FreshketSenseReportRenderer.validate === 'function' ? global.FreshketSenseReportRenderer.validate().ok : 'missing'],
      ['report renderer snapshot helper exists', typeof global.getFreshketReportRendererSnapshot === 'function', 'getFreshketReportRendererSnapshot'],
      ['overview renderer exists', !!global.FreshketSenseOverviewRenderer, global.FreshketSenseOverviewRenderer ? global.FreshketSenseOverviewRenderer.version : 'missing'],
      ['overview renderer behavior unchanged', !!(global.FreshketSenseOverviewRenderer && global.FreshketSenseOverviewRenderer.behaviorChanged === false), global.FreshketSenseOverviewRenderer ? global.FreshketSenseOverviewRenderer.behaviorChanged : 'missing'],
      ['overview renderer validation ok', !!(global.FreshketSenseOverviewRenderer && typeof global.FreshketSenseOverviewRenderer.validate === 'function' && global.FreshketSenseOverviewRenderer.validate().ok), global.FreshketSenseOverviewRenderer && typeof global.FreshketSenseOverviewRenderer.validate === 'function' ? global.FreshketSenseOverviewRenderer.validate().ok : 'missing'],
      ['overview renderer snapshot helper exists', typeof global.getFreshketOverviewRendererSnapshot === 'function', 'getFreshketOverviewRendererSnapshot'],
      ['portfolio renderer exists', !!global.FreshketSensePortfolioRenderer, global.FreshketSensePortfolioRenderer ? global.FreshketSensePortfolioRenderer.version : 'missing'],
      ['portfolio renderer behavior unchanged', !!(global.FreshketSensePortfolioRenderer && global.FreshketSensePortfolioRenderer.behaviorChanged === false), global.FreshketSensePortfolioRenderer ? global.FreshketSensePortfolioRenderer.behaviorChanged : 'missing'],
      ['portfolio renderer validation ok', !!(global.FreshketSensePortfolioRenderer && typeof global.FreshketSensePortfolioRenderer.validate === 'function' && global.FreshketSensePortfolioRenderer.validate().ok), global.FreshketSensePortfolioRenderer && typeof global.FreshketSensePortfolioRenderer.validate === 'function' ? global.FreshketSensePortfolioRenderer.validate().ok : 'missing'],
      ['portfolio renderer snapshot helper exists', typeof global.getFreshketPortfolioRendererSnapshot === 'function', 'getFreshketPortfolioRendererSnapshot'],
      ['KAM/Team renderer exists', !!global.FreshketSenseKamTeamRenderer, global.FreshketSenseKamTeamRenderer ? global.FreshketSenseKamTeamRenderer.version : 'missing'],
      ['KAM/Team renderer behavior unchanged', !!(global.FreshketSenseKamTeamRenderer && global.FreshketSenseKamTeamRenderer.behaviorChanged === false), global.FreshketSenseKamTeamRenderer ? global.FreshketSenseKamTeamRenderer.behaviorChanged : 'missing'],
      ['KAM/Team renderer validation ok', !!(global.FreshketSenseKamTeamRenderer && typeof global.FreshketSenseKamTeamRenderer.validate === 'function' && global.FreshketSenseKamTeamRenderer.validate().ok), global.FreshketSenseKamTeamRenderer && typeof global.FreshketSenseKamTeamRenderer.validate === 'function' ? global.FreshketSenseKamTeamRenderer.validate().ok : 'missing'],
      ['KAM/Team renderer snapshot helper exists', typeof global.getFreshketKamTeamRendererSnapshot === 'function', 'getFreshketKamTeamRendererSnapshot'],
      ['style runtime exists', !!global.FreshketSenseStyleRuntime, global.FreshketSenseStyleRuntime ? global.FreshketSenseStyleRuntime.version : 'missing'],
      ['style runtime behavior unchanged', !!(global.FreshketSenseStyleRuntime && global.FreshketSenseStyleRuntime.behaviorChanged === false), global.FreshketSenseStyleRuntime ? global.FreshketSenseStyleRuntime.behaviorChanged : 'missing'],
      ['style runtime validation ok', !!(global.FreshketSenseStyleRuntime && typeof global.FreshketSenseStyleRuntime.validate === 'function' && global.FreshketSenseStyleRuntime.validate().ok), global.FreshketSenseStyleRuntime && typeof global.FreshketSenseStyleRuntime.validate === 'function' ? global.FreshketSenseStyleRuntime.validate().ok : 'missing'],
      ['style snapshot helper exists', typeof global.getFreshketStyleRuntimeSnapshot === 'function', 'getFreshketStyleRuntimeSnapshot'],
      ['state snapshot helper exists', typeof global.getFreshketStateRuntimeSnapshot === 'function', 'getFreshketStateRuntimeSnapshot'],
      ['auth checkSession exists', hasFn('checkSession'), 'checkSession'],
      ['auth doLogin exists', hasFn('doLogin'), 'doLogin'],
      ['data snapshot exists', hasFn('getFreshketDataRuntimeSnapshot'), hasFn('getFreshketDataRuntimeSnapshot') ? 'ok' : 'missing'],
      ['topbar exists', hasEl('dataBtnTop'), 'dataBtnTop'],
      ['data panel exists', hasEl('dataPanel'), 'dataPanel'],
      ['data pill exists', hasEl('data-load-pill'), 'data-load-pill'],
      ['AI FAB exists', hasEl('aiFab'), 'aiFab'],
      ['AI panel exists', hasEl('aiPanel'), 'aiPanel'],
      ['service worker supported', !!(global.navigator && navigator.serviceWorker), 'navigator.serviceWorker'],
      ['legacy load function exists', hasFn('loadFromCloudflareR2'), 'loadFromCloudflareR2'],
      ['legacy ensure function exists', hasFn('ensureCloudflareFiles'), 'ensureCloudflareFiles'],
      ['legacy data panel open exists', hasFn('openDataPanel'), 'openDataPanel'],
    ].map(function(row){ return { name:row[0], ok:!!row[1], detail:row[2] }; });
    return {
      ok: checks.every(function(c){ return c.ok || c.name === 'AI proxy configured'; }),
      note: 'AI proxy may be unset on local/staging until you configure freshket_ai_proxy_url.',
      runtimeVersion: rt.version || null,
      dataRuntimeVersion: data && data.version || null,
      proxyUrl: aiClient.getAiProxyUrl ? aiClient.getAiProxyUrl() : '',
      checks: checks,
      dataSnapshot: getDataSnapshot(),
      ts: new Date().toISOString()
    };
  }

  function printStaticSmokeChecklist(){
    const result = runStaticSmokeChecklist();
    const rows = result.checks.map(function(c){ return { ok:c.ok ? '✅' : '❌', check:c.name, detail:String(c.detail || '') }; });
    try{ console.table(rows); console.log('Freshket static smoke result:', result); }catch(e){}
    return result;
  }

  function loaderDiagnostics(){
    const rt = global.FreshketSenseRuntime || {};
    const data = rt.data || global.FreshketSenseDataRuntime || null;
    const adapter = global.FreshketSensePhase6LoaderAdapter || null;
    const control = global.FreshketSenseLoaderControl || null;
    const diag = {
      runtimeVersion: rt.version || null,
      dataRuntimeVersion: data && data.version || null,
      loaderOrchestrationVersion: data && data.loaderOrchestrationVersion || null,
      adapter: adapter,
      control: control && control.status ? control.status() : null,
      orchestration: data && data.getOrchestrationSnapshot ? data.getOrchestrationSnapshot() : null,
      legacyAvailable: !!global.FreshketSenseLegacyData,
      loaderFns: ['_fetchCloudflareFile','ensureCloudflareFiles','_startCloudBackgroundLoad','loadFromCloudflareR2','reloadFromCloudflareR2','ensureAccountDetailData','ensureSenseData'].reduce(function(acc,name){ acc[name] = typeof global[name] === 'function'; return acc; }, {}),
      ts: new Date().toISOString()
    };
    return diag;
  }

  function printLoaderDiagnostics(){
    const diag = loaderDiagnostics();
    try{
      console.log('Freshket loader diagnostics:', diag);
      if(diag.orchestration && diag.orchestration.loadedTabs) console.table(diag.orchestration.loadedTabs.map(function(t){ return { loadedTab:t }; }));
    }catch(e){}
    return diag;
  }

  function viewDiagnostics(){
    const view = global.FreshketSenseViewRuntime || null;
    const adapter = global.FreshketSensePhase12ViewAdapter || null;
    return {
      runtimeVersion: view && view.version || null,
      adapter: adapter,
      control: global.FreshketSenseViewControl && global.FreshketSenseViewControl.status ? global.FreshketSenseViewControl.status() : null,
      activeScreens: view && view.activeScreens ? view.activeScreens() : [],
      activeNav: view && view.activeNav ? view.activeNav() : [],
      screens: view && view.screens ? view.screens() : [],
      groups: view && view.groupsDiagnostics ? view.groupsDiagnostics() : [],
      renderers: view && view.renderers ? view.renderers() : [],
      validation: view && view.validate ? view.validate() : { ok:false, reason:'view runtime missing' },
      ts: new Date().toISOString()
    };
  }

  function printViewDiagnostics(){
    const diag = viewDiagnostics();
    try{
      console.log('Freshket view diagnostics:', diag);
      if(diag.screens) console.table(diag.screens.map(function(s){ return { key:s.key, exists:s.exists, active:s.isActive, nav:s.navExists, missingRenderFns:(s.renderFns||[]).filter(function(f){ return !f.exists; }).map(function(f){ return f.name; }).join(', ') }; }));
    }catch(e){}
    return diag;
  }


  function readModelDiagnostics(){
    const rt = global.FreshketSenseReadModelRuntime || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.readModel) || null;
    return rt && rt.diagnostics ? rt.diagnostics() : { version:null, ok:false, reason:'read model runtime missing', ts:new Date().toISOString() };
  }

  function printReadModelDiagnostics(){
    const diag = readModelDiagnostics();
    try{
      console.log('Freshket read model diagnostics:', diag);
      if(diag.validation && diag.validation.models) console.table(diag.validation.models.map(function(m){ return { key:m.key, ok:m.ok, screen:m.screen }; }));
    }catch(e){}
    return diag;
  }

  function navigationDiagnostics(){
    const rt = global.FreshketSenseNavigationRuntime || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.navigation) || null;
    return rt && rt.diagnostics ? rt.diagnostics() : { version:null, ok:false, reason:'navigation runtime missing', ts:new Date().toISOString() };
  }

  function printNavigationDiagnostics(){
    const diag = navigationDiagnostics();
    try{
      console.log('Freshket navigation/screen-controller diagnostics:', diag);
      if(diag.validation && diag.validation.ids) console.table(diag.validation.ids);
    }catch(e){}
    return diag;
  }


  function reportRendererDiagnostics(){
    const rt = global.FreshketSenseReportRenderer || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.views && global.FreshketSenseRuntime.views.reportRenderer) || null;
    return rt && rt.diagnostics ? rt.diagnostics() : { version:null, ok:false, reason:'report renderer missing', ts:new Date().toISOString() };
  }

  function printReportRendererDiagnostics(){
    const diag = reportRendererDiagnostics();
    try{
      console.log('Freshket report renderer diagnostics:', diag);
      if(diag.validation && diag.validation.ids) console.table(diag.validation.ids);
    }catch(e){}
    return diag;
  }


  function overviewRendererDiagnostics(){
    const rt = global.FreshketSenseOverviewRenderer || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.views && global.FreshketSenseRuntime.views.overviewRenderer) || null;
    return rt && rt.diagnostics ? rt.diagnostics() : { version:null, ok:false, reason:'overview renderer missing', ts:new Date().toISOString() };
  }

  function printOverviewRendererDiagnostics(){
    const diag = overviewRendererDiagnostics();
    try{
      console.log('Freshket overview renderer diagnostics:', diag);
      if(diag.validation && diag.validation.ids) console.table(diag.validation.ids);
    }catch(e){}
    return diag;
  }


  function portfolioRendererDiagnostics(){
    const rt = global.FreshketSensePortfolioRenderer || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.views && global.FreshketSenseRuntime.views.portfolioRenderer) || null;
    return rt && rt.diagnostics ? rt.diagnostics() : { version:null, ok:false, reason:'portfolio renderer missing', ts:new Date().toISOString() };
  }

  function printPortfolioRendererDiagnostics(){
    const diag = portfolioRendererDiagnostics();
    try{
      console.log('Freshket portfolio/SKU renderer diagnostics:', diag);
      if(diag.validation && diag.validation.ids) console.table(diag.validation.ids);
    }catch(e){}
    return diag;
  }

  function kamTeamRendererDiagnostics(){
    const rt = global.FreshketSenseKamTeamRenderer || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.views && global.FreshketSenseRuntime.views.kamTeamRenderer) || null;
    return rt && rt.diagnostics ? rt.diagnostics() : { version:null, ok:false, reason:'KAM/Team renderer missing', ts:new Date().toISOString() };
  }

  function printKamTeamRendererDiagnostics(){
    const diag = kamTeamRendererDiagnostics();
    try{
      console.log('Freshket KAM/Team renderer diagnostics:', diag);
      if(diag.validation && diag.validation.ids) console.table(diag.validation.ids);
    }catch(e){}
    return diag;
  }

  function styleDiagnostics(){
    const rt = global.FreshketSenseStyleRuntime || (global.FreshketSenseRuntime && global.FreshketSenseRuntime.style) || null;
    return rt && rt.diagnostics ? rt.diagnostics() : { version:null, ok:false, reason:'style runtime missing', ts:new Date().toISOString() };
  }

  function printStyleDiagnostics(){
    const diag = styleDiagnostics();
    try{
      console.log('Freshket style/token diagnostics:', diag);
      if(diag.validation && diag.validation.criticalSelectors) console.table(diag.validation.criticalSelectors);
    }catch(e){}
    return diag;
  }

  function snapshot(){
    const rt = global.FreshketSenseRuntime || {};
    return {
      runtimeVersion: rt.version || null,
      proxyOnlyProduction: !!(rt.aiClient && rt.aiClient.proxyOnlyProduction),
      proxyUrl: rt.aiClient && rt.aiClient.getAiProxyUrl ? rt.aiClient.getAiProxyUrl() : '',
      aiProvider: global.aiProvider,
      currentUserEmail: global.currentUser && global.currentUser.email || null,
      currentMode: global.mode || null,
      currentAccountId: global.currentAccountId || null,
      loader: loaderDiagnostics(),
      data: getDataSnapshot(),
      smoke: runStaticSmokeChecklist(),
      config: configDiagnostics(),
      auth: authDiagnostics(),
      state: stateDiagnostics(),
      boundary: boundaryDiagnostics(),
      view: viewDiagnostics(),
      readModel: readModelDiagnostics(),
      navigation: navigationDiagnostics(),
      reportRenderer: reportRendererDiagnostics(),
      overviewRenderer: overviewRendererDiagnostics(),
      portfolioRenderer: portfolioRendererDiagnostics(),
      kamTeamRenderer: kamTeamRendererDiagnostics(),
      style: styleDiagnostics(),
      ts: new Date().toISOString()
    };
  }

  global.FreshketSenseDebug = Object.freeze({ snapshot, runStaticSmokeChecklist, printStaticSmokeChecklist, loaderDiagnostics, printLoaderDiagnostics, configDiagnostics, printConfigDiagnostics, authDiagnostics, printAuthDiagnostics, stateDiagnostics, printStateDiagnostics, boundaryDiagnostics, printBoundaryDiagnostics, viewDiagnostics, printViewDiagnostics, readModelDiagnostics, printReadModelDiagnostics, navigationDiagnostics, printNavigationDiagnostics, reportRendererDiagnostics, printReportRendererDiagnostics, overviewRendererDiagnostics, printOverviewRendererDiagnostics, portfolioRendererDiagnostics, printPortfolioRendererDiagnostics, kamTeamRendererDiagnostics, printKamTeamRendererDiagnostics, styleDiagnostics, printStyleDiagnostics });
  global.printFreshketLoaderDiagnostics = printLoaderDiagnostics;
  global.printFreshketAuthDiagnostics = printAuthDiagnostics;
  global.printFreshketStateDiagnostics = printStateDiagnostics;
  global.printFreshketBoundaryDiagnostics = printBoundaryDiagnostics;
  global.printFreshketViewDiagnostics = printViewDiagnostics;
  global.printFreshketReadModelDiagnostics = printReadModelDiagnostics;
  global.printFreshketNavigationDiagnostics = printNavigationDiagnostics;
  global.printFreshketReportRendererDiagnostics = printReportRendererDiagnostics;
  global.printFreshketOverviewRendererDiagnostics = printOverviewRendererDiagnostics;
  global.printFreshketPortfolioRendererDiagnostics = printPortfolioRendererDiagnostics;
  global.printFreshketKamTeamRendererDiagnostics = printKamTeamRendererDiagnostics;
  global.printFreshketStyleDiagnostics = printStyleDiagnostics;
  global.runFreshketStaticSmokeChecklist = runStaticSmokeChecklist;
})(window);


// SECTION:SKU_MATCHER
function setMatcherMode(mode, btn){
  matcherMode=mode;
  document.querySelectorAll('.ms-opt[id^="m-"]').forEach(b=>b.classList.remove('on'));
  if(btn)btn.classList.add('on');
}
function setMatcherScope(scope, btn){
  matcherScope=scope;
  document.querySelectorAll('.ms-opt').forEach(b=>b.classList.remove('on'));
  if(btn)btn.classList.add('on');
  const customRow=document.getElementById('ms-custom-row');
  if(customRow)customRow.style.display=scope==='custom'?'block':'none';
  const vsCustomRow=document.getElementById('vs-custom-row');
  if(vsCustomRow)vsCustomRow.style.display=scope==='custom'?'block':'none';
  updateMatcherPreStatus();
}

function updateMatcherPreStatus(){
  // ── v52: dual-source aware ──
  // Priority: matcherRawCsv (legacy) → D.alts unverified (bulk) → empty state
  const el=document.getElementById('gen-pre-status');
  const btn=document.getElementById('gen-btn');
  const reVerifyLink=document.getElementById('gen-reverify-link');
  // Verify sheet mirrors
  const vsEl=document.getElementById('vs-pre-status');
  const vsBtn=document.getElementById('vs-run-btn');
  const vsReVerifyLink=document.getElementById('vs-reverify-link');

  const iconSvg14='<svg width="12" height="12" viewBox="0 0 10 10" fill="currentColor" stroke="none"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg>';

  // Helper to set button text + state for both contexts
  const setBtn=(text,disabled)=>{
    if(btn){
      btn.disabled=!!disabled;btn.style.opacity=disabled?0.5:1;
      const iconSvg='<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M13 2L4.5 13.5H12L11 22 19.5 10.5H12L13 2z"/></svg>';
      btn.innerHTML=iconSvg+' '+text;
    }
    if(vsBtn&&!vsBtn.classList.contains('running')){
      vsBtn.disabled=!!disabled;vsBtn.style.opacity=disabled?0.5:1;
      vsBtn.innerHTML=iconSvg14+' <span id="vs-run-label">'+text+'</span>';
    }
  };
  const setStatus=(html)=>{
    if(el)el.innerHTML=html;
    if(vsEl)vsEl.innerHTML=html;
  };
  const setReVerify=(show)=>{
    if(reVerifyLink)reVerifyLink.style.display=show?'block':'none';
    if(vsReVerifyLink)vsReVerifyLink.style.display=show?'block':'none';
  };

  // Legacy flow: matcher_input.csv uploaded
  if(matcherRawCsv){
    const allGroups=parseMatcherInput(matcherRawCsv);
    const scoped=getScopedSkus(allGroups);
    const scopedPairs=scoped.reduce((s,g)=>s+g.alternatives.length,0);
    const scopedGmv=scoped.reduce((s,g)=>s+(g.monthly_gmv||0),0);
    const scopeLabel=matcherScope==='all'?'':(matcherScope==='custom'?` (กำหนดเอง ${scoped.length})`:` (Top ${matcherScope})`);
    const gmvTxt=scopedGmv>0?` · ยอดซื้อรวม <strong>${fmt(scopedGmv)}/เดือน</strong>`:'';
    setStatus(`${scoped.length}${scopeLabel} SKU · ${scopedPairs} คู่${scoped.length<allGroups.length?' จาก '+allGroups.length+' ทั้งหมด':''}${gmvTxt}`);
    setBtn('Generate โอกาสประหยัด',false);
    setReVerify(false);
    return;
  }

  // Bulk flow: D.alts has unverified items
  if(D.alts&&D.alts.length){
    const meta=D.alts_meta||{};
    const allGroups=buildGroupsFromAlts();  // unverified only
    const scoped=getScopedSkus(allGroups);
    const scopedPairs=scoped.reduce((s,g)=>s+g.alternatives.length,0);
    const scopedGmv=scoped.reduce((s,g)=>s+(g.monthly_gmv||0),0);
    const totalSrc=meta.total_source_count||0;
    const verifiedSrc=meta.verified_source_count||0;
    const unverifiedSrc=allGroups.length;

    if(unverifiedSrc===0){
      // All verified state
      setStatus(`<span style="color:var(--g700);font-weight:var(--fw-semi)">✓ Verified ครบ ${verifiedSrc} SKU</span>${meta.verified_at?` · เมื่อ ${new Date(meta.verified_at).toLocaleDateString('th-TH')}`:''}`)
      setBtn('✓ Verified ครบ',true);
      setReVerify(true);
    } else {
      // Has unverified — show scope
      const scopeLabel=matcherScope==='all'?'':(matcherScope==='custom'?` (กำหนดเอง ${scoped.length})`:` (Top ${matcherScope})`);
      const gmvTxt=scopedGmv>0?` · ยอดซื้อรวม <strong>${fmt(scopedGmv)}/เดือน</strong>`:'';
      const partialTxt=verifiedSrc>0?` <span style="color:var(--g700);font-size:var(--text-sm)">(verified ${verifiedSrc} แล้ว)</span>`:'';
      setStatus(`${scoped.length}${scopeLabel} SKU ยังไม่ verify · ${scopedPairs} คู่${scoped.length<unverifiedSrc?' จาก '+unverifiedSrc+' ใหม่':''}${gmvTxt}${partialTxt}`);
      const btnText=verifiedSrc>0?`เทียบสเปคเพิ่ม ${scoped.length} SKU`:`ให้ Sense เทียบสเปค ${scoped.length} SKU`;
      setBtn(btnText,false);
      setReVerify(verifiedSrc>0);
    }
    return;
  }

  // No data
  setStatus('upload bulk_alternatives.csv หรือ matcher_input.csv ก่อน');
  setBtn('ให้ Sense เทียบสเปค',true);
  setReVerify(false);
}

function getScopedSkus(groups){
  if(matcherScope==='all')return groups;
  let n;
  if(matcherScope==='custom'){
    n=parseInt(document.getElementById('ms-custom-n')?.value)||parseInt(document.getElementById('vs-custom-n')?.value)||0;
    if(!n)return groups;
  }else{
    n=parseInt(matcherScope)||50;
  }
  return groups.slice(0,n);
}

// ════════════════════════════════════════
// v92: SAVE deterministic pre-filter / veto / fallback layer
//
// Diagnosis (2026-07-16 investigation): SAVE's matching accuracy problem
// was never "rule-based vs AI" — it was that NO deterministic layer of any
// kind existed here at all. `04_sku_matcher.js` had zero jaccard/token/
// normName functions (confirmed via exhaustive grep) despite this exact
// codebase already having a proven one for a sibling feature, "SKU Verify"
// (src/05_kam_view.js:~3093-3256) — a deterministic token-Jaccard +
// family-key + form-conflict scorer used as BOTH a pre-score AND an
// AI-failure fallback there. SAVE never adopted that pattern.
//
// This block ports that scorer's reusable core VERBATIM from
// src/05_kam_view.js (confirmed domain-agnostic — every function takes
// only product-name strings, no framing-specific knowledge), prefixed
// `_saveSku*` to avoid collision, per this codebase's established
// "twin-file-in-sync, not shared-module" convention (the SAME scorer was
// already independently ported once before, into src/nrr/nrr_account.js
// as `_nrrSku*`, deliberately diverging there with a stricter fallback
// path + a magnitude gate that doesn't apply to SAVE's catalog-search
// framing). A 3rd copy here is 1 more file to keep in sync, but is a much
// smaller risk than either (a) leaving SAVE with no deterministic layer,
// or (b) refactoring 2 already-working, already-battle-tested files into
// a shared module in the same effort as this accuracy fix.
//
// Three integration points (see processItem() below):
//  (a) post-LLM veto — catches a conflict the LLM missed on its own
//      "verified" output; can only DEMOTE an approval, never invents one,
//      so it strictly cannot make SAVE recommend something worse than today.
//  (b) pre-filter — deprioritizes (never hard-deletes) candidates that fail
//      before they occupy one of the 6 LLM-visible slots per SKU.
//  (c) AI-failure fallback — on timeout/error/malformed JSON, returns a
//      deterministic result instead of throwing, so a SKU no longer
//      silently drops to zero alternatives (tagged 'done_fallback', not
//      indistinguishable from a real AI pass).
// ════════════════════════════════════════

// ── Ported verbatim from src/05_kam_view.js (~3093-3160) ──────────────
const _SAVE_SKU_TH_DIGITS={'๐':'0','๑':'1','๒':'2','๓':'3','๔':'4','๕':'5','๖':'6','๗':'7','๘':'8','๙':'9'};
function _saveSkuToAsciiDigits(s){return String(s||'').replace(/[๐-๙]/g,d=>_SAVE_SKU_TH_DIGITS[d]||d);}
function _saveSkuNormName(s){
  return _saveSkuToAsciiDigits(s)
    .toLowerCase()
    .replace(/[()\[\]{}]/g,' ')
    .replace(/[·•|,:;_\-/\\]+/g,' ')
    .replace(/\s+/g,' ')
    .trim();
}
function _saveSkuCompact(s){return _saveSkuNormName(s).replace(/\s+/g,'');}
function _saveSkuEggKey(name){
  const n=_saveSkuNormName(name);
  const c=_saveSkuCompact(name);
  if(n.indexOf('ไข่')<0 && c.indexOf('egg')<0)return'';
  let m=n.match(/เบอร์\s*(\d+)/)||c.match(/เบอร์(\d+)/)||n.match(/no\.?\s*(\d+)/)||c.match(/no(\d+)/);
  if(m&&m[1])return'egg:no'+m[1];
  if(c.indexOf('เบอร์หนึ่ง')>=0)return'egg:no1';
  return'egg:unknown';
}
function _saveSkuFamilyKey(name,meta){
  const e=_saveSkuEggKey(name);
  if(e&&e!=='egg:unknown')return e;
  const sub=_saveSkuNormName(meta&&(meta.subclass||meta.sc)||'');
  if(sub)return'sub:'+sub;
  return'';
}
// Same qualifier stopword list as src/05_kam_view.js / src/nrr/nrr_account.js
// — generic preservation-state/quality/sourcing words that describe HOW a
// product is kept/graded, not WHAT it is, so they must not count toward
// name similarity (root-caused two real false positives on this exact
// scorer elsewhere in this codebase: frozen chicken wing vs frozen chicken
// leg via the shared word "แช่แข็ง"; quinoa vs chia via shared "ออแกนิค").
// Curated, not provably complete — extend if more mismatches turn up.
const _SAVE_SKU_QUALIFIER_STOPWORDS=['แช่แข็ง','frozen','แช่เย็น','chilled','สด','ทั้งตัว','คัดพิเศษ','เกรดเอ','เกรด','ออร์แกนิค','ออแกนิค','ตัดแต่ง','นำเข้า','เพียวเร่','คอนเซนเทรต'];
// Brand tokens are PREFIX-matched, not exact — real product names fuse the
// brand into one token ("ตรากรีนไลฟ์"), so an exact match on "ตรา" alone
// never actually fires (this was a real bug, fixed the same way here from
// the start rather than repeating it a 3rd time).
const _SAVE_SKU_BRAND_PREFIX_RE=/^(ตรา|brand|ยี่ห้อ)/;
function _saveSkuTokens(name){
  return _saveSkuNormName(name).split(' ').filter(t=>t&&!/^\d+$/.test(t)&&!_SAVE_SKU_BRAND_PREFIX_RE.test(t)&&!_SAVE_SKU_QUALIFIER_STOPWORDS.includes(t));
}
function _saveSkuJaccard(a,b){
  const A=new Set(_saveSkuTokens(a)),B=new Set(_saveSkuTokens(b));
  if(!A.size||!B.size)return 0;
  let inter=0;A.forEach(x=>{if(B.has(x))inter++;});
  return inter/Math.max(1,A.size+B.size-inter);
}
function _saveSkuFormConflict(a,b){
  const aa=_saveSkuCompact(a),bb=_saveSkuCompact(b);
  const groups=[['บด','สับ'],['ชิ้น','แผ่น','สไลซ์'],['ผง'],['น้ำ'],['แช่แข็ง','frozen']];
  for(const g of groups){
    const ha=g.some(x=>aa.indexOf(x)>=0);
    const hb=g.some(x=>bb.indexOf(x)>=0);
    if((ha||hb)&&ha!==hb)return true;
  }
  return false;
}

// ── New for SAVE: exclusion categories the ported scorer above doesn't
// cover, mirroring SAVE's own AI prompt rules #1/#3-7 (sharedCriteria,
// below). Each is genuinely new curated-list work, not free reuse — same
// "curated, not provably complete" caveat as the qualifier stopwords. Kept
// as separate small functions rather than folded into the qualifier
// stopword list, since most of these are ONE-DIRECTIONAL presence-mismatch
// conflicts (the label's presence/absence IS the signal), structurally
// different from a stopword-to-ignore. ──────────────────────────────────

// Rule #1: unit-price ratio >5x ⇒ pack_size_issue. Pure arithmetic already
// available on every candidate before the LLM is ever called — no reason
// to have an LLM re-derive a ratio from numbers already in its own prompt.
function _saveSkuPriceRatioIssue(sourcePrice,altPrice){
  const s=Number(sourcePrice)||0,a=Number(altPrice)||0;
  if(s<=0||a<=0)return false; // can't evaluate — don't block on missing data
  return Math.max(s,a)/Math.min(s,a)>5;
}

// Rule #3: premium breed/origin label (Kurobuta, Wagyu, A5, Hokkaido, ...)
// — one side having it and the other not is the conflict signal itself.
const _SAVE_SKU_PREMIUM_LABELS=['คุโรบูตะ','kurobuta','wagyu','วากิว','อิเบริโก้','iberico','a5','hokkaido','ฮอกไกโด'];
function _saveSkuPremiumLabelConflict(a,b){
  const ca=_saveSkuCompact(a),cb=_saveSkuCompact(b);
  const hasA=_SAVE_SKU_PREMIUM_LABELS.some(w=>ca.indexOf(w)>=0);
  const hasB=_SAVE_SKU_PREMIUM_LABELS.some(w=>cb.indexOf(w)>=0);
  return hasA!==hasB;
}

// Rule #4: explicit size variant (Baby/Mini/Cherry vs. base item). Kept
// deliberately narrow — generic Thai "เล็ก"/"ใหญ่" (small/big) are common,
// legitimate words on ordinary size-graded produce names and would
// over-trigger if included; stuck to the loan-word-style variant markers
// from SAVE's own prompt examples (Baby Cos ≠ Cos, Cherry Tomato ≠ Tomato).
const _SAVE_SKU_SIZE_VARIANT_WORDS=['baby','mini','เบบี้','cherry','เชอร์รี่'];
function _saveSkuSizeVariantConflict(a,b){
  const ca=_saveSkuCompact(a),cb=_saveSkuCompact(b);
  const hasA=_SAVE_SKU_SIZE_VARIANT_WORDS.some(w=>ca.indexOf(w)>=0);
  const hasB=_SAVE_SKU_SIZE_VARIANT_WORDS.some(w=>cb.indexOf(w)>=0);
  return hasA!==hasB;
}

// Rule #5: flavor/recipe variant. Hardest to enumerate exhaustively —
// seeded from SAVE's own prompt examples only; likely needs the most
// future extension of any list here (accept this category may still lean
// on AI judgment even with this layer in place).
const _SAVE_SKU_FLAVOR_VARIANT_WORDS=['สูตรกวางตุ้ง','สูตรไหหลำ','รสเผ็ด','ต้นตำรับ','สูตรดั้งเดิม'];
function _saveSkuFlavorVariantConflict(a,b){
  const ca=_saveSkuCompact(a),cb=_saveSkuCompact(b);
  const hasA=_SAVE_SKU_FLAVOR_VARIANT_WORDS.some(w=>ca.indexOf(w)>=0);
  const hasB=_SAVE_SKU_FLAVOR_VARIANT_WORDS.some(w=>cb.indexOf(w)>=0);
  return hasA!==hasB;
}

// Rule #6: acid/vinegar TYPE mismatch — different shape from the others
// above: not presence-vs-absence, but "both sides are typed, and the
// types differ." Only fires when BOTH sides match a known type, so it
// never triggers on unrelated products that happen to share no acid marker.
const _SAVE_SKU_ACID_TYPE_GROUPS=['ไวน์แดง','ไวน์ขาว','แอปเปิ้ล','ปาล์ม','บัลซามิก'];
function _saveSkuAcidType(name){
  const c=_saveSkuCompact(name);
  for(const g of _SAVE_SKU_ACID_TYPE_GROUPS){if(c.indexOf(g)>=0)return g;}
  return null;
}
function _saveSkuAcidTypeConflict(a,b){
  const ta=_saveSkuAcidType(a),tb=_saveSkuAcidType(b);
  return!!(ta&&tb&&ta!==tb);
}

// Rule #7: alcoholic/branded beverage brand sensitivity — NOT a
// name-similarity problem, a category gate: if the source's subclass looks
// like an alcoholic/branded beverage, require an exact brand-token match,
// full stop (subclass is guaranteed equal on both sides by Stage A's own
// SQL join, so checking the source's subclass covers the pair).
const _SAVE_SKU_BEVERAGE_SUBCLASS_MARKERS=['เบียร์','ไวน์','แอลกอฮอล์','สุรา','beer','wine','alcohol'];
function _saveSkuBrandToken(name){
  const toks=_saveSkuNormName(name).split(' ');
  for(const t of toks){if(_SAVE_SKU_BRAND_PREFIX_RE.test(t))return t;}
  return'';
}
function _saveSkuBeverageBrandConflict(subclass,srcName,altName,altBrand){
  const subc=_saveSkuCompact(subclass||'');
  const isBeverage=_SAVE_SKU_BEVERAGE_SUBCLASS_MARKERS.some(w=>subc.indexOf(w)>=0);
  if(!isBeverage)return false;
  const brandA=_saveSkuBrandToken(srcName);
  const brandB=_saveSkuBrandToken(altName)||_saveSkuCompact(altBrand||'');
  return!!(brandA&&brandB&&brandA!==brandB);
}

// General similarity floor — mirrors src/05_kam_view.js's pairScore()
// exactly (same egg-key short-circuit, same familyKey+0.20 / bare-0.55
// thresholds). Without this, _saveSkuJaccard/_saveSkuFamilyKey/_saveSkuEggKey
// above were ported but never actually consulted by any veto check — the 3
// documented production false positives that motivated QUALIFIER_STOPWORDS/
// BRAND_PREFIX_RE in the first place (wing-vs-leg, quinoa-vs-chia, and
// bare-flavor pairs like two Monin syrup flavors) share only a generic word
// or a fused brand token, which none of the category checks above catch —
// only a raw name-similarity floor does. SAVE's candidates already share
// subclass by construction (Stage A's own SQL join), so the familyKey
// branch's 0.20 floor — Sense's own proven-in-production threshold, not
// tightened further since short 2-3 token Thai names structurally cap
// around jaccard 0.33 even for a legitimate same-product/different-brand
// pair — is the one that applies in practice; the bare 0.55 floor is a
// fallback for the rare case subclass is missing on either side.
function _saveSkuSimilarityConflict(g,alt){
  const srcName=g.name||'',altName=alt.catalog_item_name||'';
  const eggA=_saveSkuEggKey(srcName),eggB=_saveSkuEggKey(altName);
  if(eggA&&eggB&&eggA===eggB)return false; // same egg spec — proven same-family signal, never veto here
  const fkA=_saveSkuFamilyKey(srcName,{subclass:g.subclass}),fkB=_saveSkuFamilyKey(altName,{subclass:alt.subclass||g.subclass});
  const sim=_saveSkuJaccard(srcName,altName);
  if(fkA&&fkB&&fkA===fkB)return sim<0.20;
  return sim<0.55;
}

// Unified reason-checker — used both as the pre-filter (2.2b, before the
// LLM call) and the post-LLM veto (2.2a, after) so the two integration
// points can never disagree about what counts as a conflict. Returns a
// reason_code string (compatible with the AI prompt's own reason_code
// enum, plus two new additions 'form_conflict'/'low_similarity') or null
// if no conflict. Specific category reasons are checked before the general
// similarity floor so a KAM sees the more actionable reason when both fire.
function _saveSkuVetoReason(g,alt){
  const srcName=g.name||'',altName=alt.catalog_item_name||'';
  if(_saveSkuPriceRatioIssue(g.price,alt.catalog_price))return'pack_size';
  if(_saveSkuFormConflict(srcName,altName))return'form_conflict';
  if(_saveSkuPremiumLabelConflict(srcName,altName))return'premium_breed';
  if(_saveSkuSizeVariantConflict(srcName,altName))return'size_variant';
  if(_saveSkuFlavorVariantConflict(srcName,altName))return'flavor_variant';
  if(_saveSkuAcidTypeConflict(srcName,altName))return'acid_type';
  if(_saveSkuBeverageBrandConflict(g.subclass,srcName,altName,alt.catalog_brand))return'beverage_brand';
  if(_saveSkuSimilarityConflict(g,alt))return'low_similarity';
  return null;
}

// AI-failure fallback (2.2c) — mirrors judgePairsWithAI()'s shape from
// src/05_kam_view.js: a non-empty, honestly-labeled result instead of a
// thrown error. Can only claim 'medium' confidence (not 'high') since it
// hasn't had the AI's more nuanced judgment — a candidate passing every
// deterministic check here is plausible, not confirmed.
function _saveSkuFallbackResult(g,alts){
  const verified=[],excluded=[];
  (alts||[]).forEach(a=>{
    const reason=_saveSkuVetoReason(g,a);
    if(reason){
      excluded.push({catalog_item_id:a.catalog_item_id,catalog_item_name:a.catalog_item_name,reason_code:reason});
    }else{
      verified.push({
        catalog_item_id:a.catalog_item_id,catalog_item_name:a.catalog_item_name,
        catalog_price:a.catalog_price,pack_size:a.pack_size||'',
        price_diff:a.price_diff||0,is_substitutable:true,confidence:'medium'
      });
    }
  });
  return{pack_size_issue:false,verified,excluded,summary_th:'AI ไม่พร้อมใช้งาน — ใช้การตรวจสอบแบบกฎเกณฑ์แทน'};
}
function _saveSkuApplyFallback(g,alts,warnMsg){
  console.warn('[Matcher] AI unavailable for "'+g.name.slice(0,20)+'" — using deterministic fallback:',warnMsg);
  const fb=_saveSkuFallbackResult(g,alts);
  g.result={...fb,status:'done_fallback',ai_note:fb.summary_th};
  g.status='done_fallback';
  return g;
}

// ════════════════════════════════════════
// MATCHER CORE — ported verbatim from matcher_artifact_v3.html
// processItem: 1 API call per source SKU, top-6 alts, 30s timeout
// ════════════════════════════════════════
async function processItem(g, _retryLeft=1){
  // v92 (2.2b): deterministic pre-filter — split candidates by
  // _saveSkuVetoReason before the diversity sort, so the LLM's scarce
  // 6-slot budget goes to genuinely-plausible candidates first. Never
  // hard-deletes (mirrors the merge-back's own "never delete, only
  // downgrade" philosophy below) — flagged candidates only backfill the
  // pool if fewer than 6 pass on their own.
  const _rawAlts=[...g.alternatives];
  const _passed=_rawAlts.filter(a=>!_saveSkuVetoReason(g,a));
  const _flagged=_rawAlts.filter(a=>_saveSkuVetoReason(g,a));
  const _poolAlts=_passed.length>=6?_passed:[..._passed,..._flagged];
  // Diversity sort: mix high-confidence + high-savings for better AI coverage
  const _highConf=_poolAlts.filter(a=>(a.grading||'').toLowerCase()==='a'||a.pack_size===g.pack_size).sort((a,b)=>b.price_diff-a.price_diff).slice(0,3);
  const _highConfIds=new Set(_highConf.map(a=>a.catalog_item_id));
  const _highDiff=_poolAlts.filter(a=>!_highConfIds.has(a.catalog_item_id)).sort((a,b)=>b.price_diff-a.price_diff).slice(0,3);
  const alts=[..._highConf,..._highDiff].slice(0,6);
  const _unitLabel=g.price_unit_label||(g.price_basis==='per_liter'?'ลิตร':(g.price_basis==='per_egg'?'ฟอง':'กก.'));
  const _priceLabel='฿/'+_unitLabel;
  const altLines=alts.map(a=>`• [${a.catalog_item_id}] ${a.catalog_item_name} | brand: ${a.catalog_brand||'no brand'} | grade: ${a.grading} | pack: ${a.pack_size} | ${_priceLabel}: ${a.catalog_price} | diff: ฿${Number(a.price_diff||0).toFixed(2)}/${_unitLabel}`).join('\n');

  const sharedCriteria=`คุณคือ AI วิเคราะห์การจัดซื้อวัตถุดิบร้านอาหารไทย ทำงานให้ Freshket

หลักการประเมิน (ใช้เหมือนกันทุก mode):

--- EXCLUSION RULES (ถ้าตรงเงื่อนไขใดเข้า ให้ excluded ทันที) ---
1. PACK SIZE ISSUE: ราคาต่อหน่วยที่ส่งให้ต่างกัน >5x ส่วนใหญ่เป็นเรื่อง pack size ไม่ใช่โอกาสจริง → excluded + ตั้ง pack_size_issue=true
2. PRODUCT TYPE: ผลิตภัณฑ์คนละประเภทจริง → excluded (e.g. น้ำมันไก่ vs มันไก่ดิบ)
3. PREMIUM BREED/ORIGIN: account item มี label เช่น คุโรบูตะ/Kurobuta, Wagyu, อิเบริโก้, A5, Hokkaido → catalog ที่ไม่มี label นั้น = excluded
4. SIZE VARIANT: Baby/Mini/เล็ก/ใหญ่ ในชื่อ (Baby Cos ≠ Cos, Cherry Tomato ≠ Tomato) → excluded
5. FLAVOR/RECIPE VARIANT: สูตร/รส/ระบุในชื่อ (สูตรกวางตุ้ง, สูตรไหหลำ, รสเผ็ด, ต้นตำรับ) → flavor ต่างกัน = excluded
6. ACID/VINEGAR TYPE: น้ำส้มสายชูต่างชนิด (ไวน์แดง vs ไวน์ขาว vs แอปเปิ้ล vs ปาล์ม) = excluded
7. BEVERAGE BRAND: เครื่องดื่มแอลกอฮอล์และ branded beverage (เบียร์, ไวน์, แอลกอฮอล์) → brand = ผลต่อประสบการณ์สุดท้ายของลูกค้า → excluded ถ้าข้ามยี่ห้อ

--- CONFIDENCE RULES (ถ้าไม่ถูก exclude ข้างบน) ---
8. SAME CUT: ต้องเป็น cut เดียวกัน → high; cut ต่าง = excluded
9. GRADE: A vs NORMAL → medium + note
10. SIZE SPEC: alternative ไม่ระบุขนาด → medium`;

  const sysFast=sharedCriteria+`

ตอบเป็น JSON เท่านั้น ห้ามเขียน note prose summary ใดๆ ทั้งสิ้น
schema: {"pack_size_issue":false,"verified":[{"catalog_item_id":"12345","catalog_item_name":"ชื่อสินค้า","catalog_price":99.0,"pack_size":"1 kg./pack","price_diff":9.0,"is_substitutable":true,"confidence":"high|medium|low"}],"excluded":[{"catalog_item_id":"12345","catalog_item_name":"ชื่อสินค้า","reason_code":"wrong_type|pack_size|grade|spec|premium_breed|size_variant|flavor_variant|acid_type|beverage_brand"}]}`;

  const sysDetail=sharedCriteria+`

ตอบเป็น JSON เท่านั้น schema:
{"pack_size_issue":false,"pack_size_note":"","verified":[{"catalog_item_id":"12345","catalog_item_name":"...","catalog_price":99.0,"pack_size":"1 kg./pack","price_diff":9.0,"is_substitutable":true,"confidence":"high|medium|low","caveat_th":""}],"excluded":[{"catalog_item_id":"12345","catalog_item_name":"...","catalog_price":47.0,"pack_size":"...","reason_th":"เหตุผลที่ exclude"}],"summary_th":"สรุปสั้นๆ"}`;

  const sys=matcherMode==='fast'?sysFast:sysDetail;
  const maxTok=matcherMode==='fast'?1000:4096;
  const _matLabel=g.monthly_gmv>=20000?'สินค้าหลัก (GMV สูง)':g.monthly_gmv>=5000?'สินค้ารอง':'สินค้าย่อย';
  const userMsg=`Account item:
- item_id: ${g.id}
- ชื่อ: ${g.name}
- pack: ${g.pack_size||'ไม่ระบุ'}
- ราคา/unit: ฿${g.unit_price||'?'}
- ราคา/${_unitLabel}: ฿${g.price}
- price_basis: ${g.price_basis||'per_kg'}
- subclass: ${g.subclass}
- ความสำคัญ: ${_matLabel} (GMV ฿${Math.round(g.monthly_gmv||0).toLocaleString()}/เดือน)

Alternatives:
${altLines}

ตอบ JSON`;

  let text;
  try{
    const fetchPromise=callAI(matcherModel==='sonnet'?'sonnet':'haiku',sys,[{role:'user',content:userMsg}],maxTok);
    const timeoutPromise=new Promise((_,reject)=>setTimeout(()=>reject(new Error('Timeout (30s) — ลอง process ใหม่')),30000));
    text=await Promise.race([fetchPromise,timeoutPromise]);
  }catch(e){
    const msg=(e&&e.message)||'';
    const isOverload=msg.includes('429')||msg.includes('529')||msg.toLowerCase().includes('overload')||msg.toLowerCase().includes('rate');
    if(isOverload&&_retryLeft>0){
      console.warn('[Matcher] rate-limited on "'+g.name.slice(0,20)+'" — retry in 2s');
      await new Promise(r=>setTimeout(r,2000));
      return processItem(g,_retryLeft-1);
    }
    // v92 (2.2c): was `throw e` — a non-retryable AI failure (timeout,
    // network error, exhausted retry) silently dropped this SKU to zero
    // alternatives. Fall back to the deterministic layer instead.
    return _saveSkuApplyFallback(g,alts,msg);
  }
  let parsed;
  try{
    let jsonStr=text.replace(/^```json\s*/,'').replace(/^```\s*/,'').replace(/\s*```$/,'').trim();
    const st=jsonStr.indexOf('{');
    if(st===-1)throw new Error('No JSON in response');
    let depth=0,en=-1;
    for(let i=st;i<jsonStr.length;i++){
      if(jsonStr[i]==='{')depth++;
      else if(jsonStr[i]==='}'){depth--;if(depth===0){en=i;break;}}
    }
    if(en===-1)throw new Error('Response truncated — ลอง process ใหม่');
    jsonStr=jsonStr.slice(st,en+1);
    parsed=JSON.parse(jsonStr);
  }catch(e){
    // v92 (2.2c): malformed/truncated/non-JSON response — same fallback,
    // not a throw, for the same reason as the AI-call-failure path above.
    return _saveSkuApplyFallback(g,alts,'parse: '+e.message);
  }
  // v92 (2.2a): post-LLM veto — catch a conflict the LLM's own judgment
  // missed. Can only demote an AI "verified" approval to rejected, never
  // invent a new approval, so this strictly cannot make SAVE recommend
  // something worse than today.
  if(Array.isArray(parsed.verified)){
    parsed.verified.forEach(v=>{
      if(!v.is_substitutable)return; // already excluded by AI, nothing to veto
      const alt=alts.find(a=>String(a.catalog_item_id)===String(v.catalog_item_id));
      const reason=alt?_saveSkuVetoReason(g,alt):null;
      if(reason){v.is_substitutable=false;v.reason_code=reason;}
    });
  }
  // v92-fix: was `parsed.verified?.length>0` — counted array LENGTH, not
  // how many entries are still is_substitutable after the veto above (the
  // veto flips the flag in place, it doesn't shrink the array), so a SKU
  // where the veto rejected every single AI approval would have still
  // reported hasConfirmed=true and status='done_yes'.
  const hasConfirmed=parsed.verified?.some(v=>v.is_substitutable);
  const isFlag=parsed.pack_size_issue||parsed.verified?.some(v=>v.is_substitutable&&v.confidence==='low');
  g.result={...parsed,status:hasConfirmed?(isFlag?'done_flag':'done_yes'):'done_no',ai_note:parsed.summary_th||''};
  g.status=g.result.status;
  return g;
}

// [UNUSED] — no callers found; safe to delete in future refactor
async function retryMatcherItem(itemId){
  // Find the item in matcherGroups and re-process it
  if(!window._matcherGroups)return;
  const g=window._matcherGroups.find(x=>String(x.id)===String(itemId));
  if(!g)return showToast('ไม่พบ item '+itemId);
  g.status='pending';g.result=null;
  const btn=document.querySelector('[data-retry-id="'+itemId+'"]');
  if(btn){btn.textContent='กำลัง...';btn.disabled=true;}
  try{
    await processItem(g);
    updateMatcherUI();
    showToast('✓ retry สำเร็จ: '+g.name.slice(0,20));
  }catch(e){
    g.status='error';g.error=e.message;
    showToast('retry ล้มเหลว: '+e.message.slice(0,40));
  }
  if(btn){btn.textContent='retry';btn.disabled=false;}
  updateMatcherUI();
}

// ════════════════════════════════════════
// PRICE BASIS DETECTION (Phase 1)
// ════════════════════════════════════════

// Detect whether item is sold by weight or commercial unit
// Returns: 'per_kg' | 'per_unit_volume' | 'per_unit_count'
// ── Variable-weight range extractor ──────────────────────────────────
// For items like "3-6 kg./pack", "1.7-2.2 กก./ชิ้น" — returns MAX kg
// Freshket displays: price / max_weight = per-kg rate (same as website)
// Returns null if pack_size is not a variable-weight range
function extractRangeKgMax(packSizeStr){
  const s=(packSizeStr||'').toLowerCase().trim();
  if(!s)return null;
  // kg range: "3-6 kg./pack", "1.7-2.2 กก./ชิ้น", "3~6 kg", spaces ok
  const km=s.match(/(\d+(?:\.\d+)?)\s*[-~]\s*(\d+(?:\.\d+)?)\s*(kg|กก\.?)/i);
  if(km){
    const maxKg=Math.max(parseFloat(km[1]),parseFloat(km[2]));
    return maxKg>0?maxKg:null;
  }
  // gram range: "500-1000 g./pack" → convert to kg
  const gm=s.match(/(\d+(?:\.\d+)?)\s*[-~]\s*(\d+(?:\.\d+)?)\s*(g\b|g\.|กรัม)/i);
  if(gm){
    const maxG=Math.max(parseFloat(gm[1]),parseFloat(gm[2]));
    return maxG>0?maxG/1000:null;
  }
  return null;
}

// ── parsePackSizeUnits: extract total kg or total liter from pack_size string ──
// Returns {kg: N} or {liter: N} or null (no conversion possible)
// Handles: "5 kg", "N x M kg", "500 g.", "N x M g.", "1 L", "N x M ml", "cc", "กก.", "กรัม", "ลิตร"
// Excludes: range strings (3-6 kg) — those are handled by extractRangeKgMax
function parsePackSizeUnits(packSizeStr){
  const s=(packSizeStr||'').trim();
  if(!s)return null;

  // Skip range patterns — extractRangeKgMax handles those
  if(/\d+\s*[-~]\s*\d+\s*(?:kg|กก\.?|g\b|g\.|กรัม)/i.test(s))return null;

  // ── KG patterns ──
  // "N x M kg" or "N x M กก."
  const nxmKg=s.match(/(\d+(?:\.\d+)?)\s*[xX×]\s*(\d+(?:\.\d+)?)\s*(?:kg|กก\.?)(?:\b|\/|$|\s|,)/i);
  if(nxmKg)return{kg:parseFloat(nxmKg[1])*parseFloat(nxmKg[2])};
  // "N kg" or "N กก."
  const oneKg=s.match(/(\d+(?:\.\d+)?)\s*(?:kg|กก\.?)(?:\b|\/|$|\s|,)/i);
  if(oneKg)return{kg:parseFloat(oneKg[1])};

  // ── GRAM patterns ──
  // "N x M g." or "N x M กรัม"
  const nxmG=s.match(/(\d+(?:\.\d+)?)\s*[xX×]\s*(\d+(?:\.\d+)?)\s*(?:g\.?|กรัม)(?:\b|\/|$|\s|,)/i);
  if(nxmG){const kg=(parseFloat(nxmG[1])*parseFloat(nxmG[2]))/1000;return kg>0?{kg}:null;}
  // "N g." or "N กรัม"
  const oneG=s.match(/(\d+(?:\.\d+)?)\s*(?:g\.?|กรัม)(?:\b|\/|$|\s|,)/i);
  if(oneG){const kg=parseFloat(oneG[1])/1000;return kg>0?{kg}:null;}

  // ── LITER patterns ──
  // "N x M L" or "N x M liter/litre/ลิตร"
  const nxmL=s.match(/(\d+(?:\.\d+)?)\s*[xX×]\s*(\d+(?:\.\d+)?)\s*(?:l(?:iter|itre)?|ลิตร|lt)\b/i);
  if(nxmL)return{liter:parseFloat(nxmL[1])*parseFloat(nxmL[2])};
  // "N L" or "N liter/litre/ลิตร/lt"
  const oneL=s.match(/(\d+(?:\.\d+)?)\s*(?:l(?:iter|itre)?|ลิตร|lt)\b/i);
  if(oneL)return{liter:parseFloat(oneL[1])};

  // ── ML / CC patterns ──
  // "N x M ml" or "N x M cc"
  const nxmMl=s.match(/(\d+(?:\.\d+)?)\s*[xX×]\s*(\d+(?:\.\d+)?)\s*(?:ml|cc)\b/i);
  if(nxmMl)return{liter:(parseFloat(nxmMl[1])*parseFloat(nxmMl[2]))/1000};
  // "N ml" or "N cc"
  const oneMl=s.match(/(\d+(?:\.\d+)?)\s*(?:ml|cc)\b/i);
  if(oneMl)return{liter:parseFloat(oneMl[1])/1000};

  return null;
}

function detectPriceBasis(packSize, unitPrice, kgPrice){
  const s=(packSize||'').toLowerCase();

  // Clear weight indicators → per_kg
  if(/\d+\s*(g\b|g\.|กรัม|kg\b)/.test(s)) return 'per_kg';

  // Volume indicators → per_unit_volume (still compare per kg, display per unit)
  if(/\d+\s*(ml|ลิตร|liter)\b/.test(s)) return 'per_unit_volume';
  if(/\b(l\/|\/l\b)/.test(s)&&!/\bkg\b/.test(s)) return 'per_unit_volume';

  // Count/commercial unit indicators → per_unit_count
  if(/กระป๋อง|ขวด|ลัง|แพ็ค|can|bottle|case|carton|piece|pcs|ชิ้น/.test(s)) return 'per_unit_count';

  // Fallback heuristic: if unit_price differs significantly from kg_price, likely unit-based
  if(unitPrice>0 && kgPrice>0){
    const ratio=Math.abs(unitPrice-kgPrice)/kgPrice;
    if(ratio>0.4) return 'per_unit_count';
  }

  return 'per_kg';
}

// Derive display unit label from pack_size string
function getUnitLabel(packSize, priceBasis){
  if(priceBasis==='per_kg') return 'กก.';
  const s=(packSize||'').toLowerCase();
  if(s.includes('ถัง')) return 'ถัง';
  if(s.includes('ลัง')||s.includes('case')||s.includes('carton')) return 'ลัง';
  if(s.includes('กระป๋อง')||s.includes('can')) return 'กระป๋อง';
  if(s.includes('ขวด')||s.includes('bottle')) return 'ขวด';
  if(s.includes('แพ็ค')||s.includes('แพ็ก')||s.includes('pack')) return 'แพ็ค';
  if(s.includes('ชิ้น')||s.includes('pcs')||s.includes('piece')) return 'ชิ้น';
  if(s.includes('โหล')||s.includes('dozen')) return 'โหล';
  if(/ml|ลิตร|liter/.test(s)) return 'ขวด';
  if(s.includes('หน่วย')) return 'หน่วย';
  // Fallback: return trimmed pack_size if it's short and readable, else 'ชิ้น'
  const trimmed=(packSize||'').trim();
  if(trimmed&&trimmed.length<=20) return trimmed;
  return 'ชิ้น';
}

// ── Display unit helpers (Phase 3: egg + liquid normalization) ──

// Extract egg count from pack_size string (e.g. "30 egg/pack" → 30)
function extractEggCount(packSize){
  const m=(packSize||'').match(/(\d+)\s*eggs?[./\s]/i);
  return m?parseInt(m[1]):0;
}

// Derive the purchase/trading unit from pack_size string
// e.g. "12 x 800 ml./carton" → "ลัง", "1 kg/pack" → "แพ็ค"
function deriveQtyUnit(packSize,priceBasis){
  if(!packSize){return(priceBasis==='per_kg')?'kg':'ชิ้น';}
  const ps=packSize.toLowerCase();
  if(/carton/.test(ps)) return 'ลัง';
  if(/bottle/.test(ps)) return 'ขวด';
  if(/bag/.test(ps))    return 'ถุง';
  if(/can/.test(ps))    return 'กระป๋อง';
  if(/pack/.test(ps))   return 'แพ็ค';
  if(/\bkg\b|กก\./.test(ps)) return 'kg';
  if(priceBasis==='per_kg') return 'kg';
  return 'ชิ้น';
}

// Detect the natural trade unit for display
// Returns: 'per_kg' | 'per_liter' | 'per_egg'
function detectDisplayMode(subclass,packSize){
  const sub=(subclass||'').toUpperCase();
  const ps=(packSize||'').toLowerCase();
  // Eggs first
  if(/\bEGG\b/.test(sub)||extractEggCount(packSize)>0) return 'per_egg';
  // Liquid subclasses
  if(/MINERAL.WATER|DRINKING.WATER|STILL.WATER|SPARKLING|COLA|SODA|SYRUP|JUICE|MIXER|BEER|WINE|SPIRIT|LIQUOR|COCKTAIL|COFFEE.DRINK|ENERGY.DRINK|TEA.DRINK/.test(sub)) return 'per_liter';
  // Liquid by pack_size pattern (e.g. "12 x 500 ml./pack", "6 x 1.5 litres/pack")
  // Liquid by pack_size: "830 ml./bottle", "18 litre./tank", "12 x 500 ml./pack" etc.
  // v_fix3: unified regex — previous missed "ml./X" due to \b after [/.]
  if(/(?:\d+\s*x\s*)?[\d.]+\s*(ml|liter|litre|l)[\s./]/i.test(ps)) return 'per_liter';
  return 'per_kg';
}

async function runMatcherInApp(vsMode=false){
  if(matcherRunning)return;
  if(!matcherRawCsv&&(!D.alts.length||!D.skus.length)&&typeof ensureSenseData==='function'){
    await ensureSenseData(currentAccountId);
  }

  // ── Element lookup: maps logical key → DOM id based on context ──
  const _EL={
    btn:         vsMode?'vs-run-btn':'gen-btn',
    progressWrap:vsMode?'vs-progress-wrap':'gen-progress-wrap',
    result:      vsMode?'vs-result':'gen-result',
    skuLog:      vsMode?'vs-sku-log':'gen-sku-log',
    fill:        vsMode?'vs-progress-fill':'gen-progress-fill',
    progSku:     vsMode?'vs-prog-sku':'gen-prog-sku',
    progFound:   vsMode?'vs-prog-found':'gen-prog-found',
    progDetail:  vsMode?'vs-prog-detail':'gen-prog-detail',
  };
  const _g=key=>document.getElementById(_EL[key]);

  // ── v52: source can be matcherRawCsv (legacy) OR D.alts (bulk_alternatives) ──
  // Priority: matcherRawCsv (manual upload wins for backward compat)
  let allGroups=[];
  let sourceMode='legacy';
  if(matcherRawCsv){
    allGroups=parseMatcherInput(matcherRawCsv);
    sourceMode='legacy';
  } else if(D.alts&&D.alts.length){
    // Build groups from unverified pairs in D.alts
    allGroups=buildGroupsFromAlts();
    sourceMode='bulk';
    if(allGroups.length===0){
      showToast('ทุก SKU verified แล้ว — กด "Re-verify ทั้งหมด" ถ้าต้องการรันใหม่','✓');
      return;
    }
  } else {
    showToast('ไม่มีข้อมูลให้ verify — upload bulk_alternatives.csv หรือ matcher_input.csv ก่อน','⚠');
    return;
  }

  matcherRunning=true;
  const btn=_g('btn');if(btn){btn.disabled=true;btn.classList.add('running');}
  const progWrap=_g('progressWrap');if(progWrap)progWrap.style.display='block';
  const resEl=_g('result');if(resEl)resEl.style.display='none';
  const skuLogEl=_g('skuLog');if(skuLogEl)skuLogEl.innerHTML='';

  const groups=getScopedSkus(allGroups);               // apply top-N scope
  const total=groups.length;

  if(total===0){
    const det=_g('progDetail');if(det)det.textContent='ไม่พบ SKU ที่วิเคราะห์ได้';
    matcherRunning=false;if(btn){btn.disabled=false;btn.classList.remove('running');}return;
  }

  let processed=0;
  const CONCURRENCY=3; // Tier 1 safe: 3 concurrent × ~1.5s/batch ≈ 120 RPM; retry handles occasional 429
  for(let i=0;i<total;i+=CONCURRENCY){
    const batch=groups.slice(i,i+CONCURRENCY);
    // Show first item name in batch as progress hint
    const det=_g('progDetail');if(det)det.textContent=`กำลังวิเคราะห์: ${batch[0].name.substring(0,28)}...`;
    const results=await Promise.allSettled(batch.map(g=>processItem(g)));
    results.forEach((res,bi)=>{
      const g=batch[bi];
      if(res.status==='rejected'){
        g.status='error';g.result={status:'error',ai_note:(res.reason&&res.reason.message)||'error'};
        console.warn('[Matcher] batch item error:',g.name,(res.reason&&res.reason.message));
      }
      processed++;
      // Update live progress
      const pct=Math.round(processed/total*100);
      const fill=_g('fill');if(fill)fill.style.width=pct+'%';
      const skuEl=_g('progSku');if(skuEl)skuEl.textContent=`ตรวจสอบ ${processed} / ${total} SKU`;
      const verifiedCount=groups.filter(x=>x.status==='done_yes'||x.status==='done_flag').reduce((s,x)=>(s+(x.result?.verified?.length||0)),0);
      const foundEl=_g('progFound');if(foundEl)foundEl.textContent=`พบ ${verifiedCount} ตัวเลือก`;
      appendSkuLog(g.name,g.result?.verified?.length||0,g.status,g.result?.excluded||[],g.result?.pack_size_issue,vsMode);
    });
  }

  // Build alternatives.json format from verified results
  // Export format identical to original exportJSON()
  const pairs=[];
  groups.forEach(g=>{
    if(!g.result?.verified)return;
    // v207e: preserve basis from Q4B / matcher_input instead of forcing every verified pair to per_kg.
    const _basis=g.price_basis||'per_kg';
    const _unitLabel=g.price_unit_label||(_basis==='per_liter'?'ลิตร':(_basis==='per_egg'?'ฟอง':'กก.'));
    g.result.verified.forEach(v=>{
      if(!v.is_substitutable) return;
      const _alt=g.alternatives.find(a=>String(a.catalog_item_id)===String(v.catalog_item_id))||{};
      const _srcDisplay=Number(g.price)||0;
      const _diff=Number(v.price_diff)||0;
      const _altDisplay=Number(v.catalog_price)||Math.max(0,_srcDisplay-_diff);
      pairs.push({
        source_item_id:parseInt(g.id),source_item_name:g.name,
        source_price:_srcDisplay,
        source_pack_size:g.pack_size||'',
        alt_item_id:parseInt(v.catalog_item_id),alt_item_name:v.catalog_item_name,
        alt_price:_altDisplay,
        price_diff:_diff,
        pack_size:v.pack_size||'',
        confidence:v.confidence,note_th:v.note_th||'',caveat_th:v.caveat_th||'',
        subclass:g.subclass,
        price_basis:_basis,price_unit_label:_unitLabel,
        source_display_price:_srcDisplay,
        alt_display_price:_altDisplay,
        price_diff_display:_diff,
        source_unit_price:g.unit_price||null,
        alt_unit_price:_alt.catalog_unit_price||null,
        monthly_qty_commercial:g.monthly_qty||0
      });
    });
  });

  // ── v_fix: CONFIDENCE UPDATE strategy ──
  // matcher never removes alts — only updates confidence of alts it reviewed
  // alts AI approved → confidence from matcher result
  // alts AI rejected (is_substitutable=false) → confidence = 'low' (still shown, not recommended)
  // alts not in this run → keep confidence as-is (unverified or previously verified)
  const verifiedSourceIds=new Set(groups.map(g=>parseInt(g.id)));
  // Build a map of alt_item_id → verified result for quick lookup
  const verifiedAltMap=new Map(); // key: `${source_item_id}-${alt_item_id}` → {confidence, note_th, caveat_th}
  pairs.forEach(p=>{
    verifiedAltMap.set(`${p.source_item_id}-${p.alt_item_id}`,
      {confidence:p.confidence,note_th:p.note_th||'',caveat_th:p.caveat_th||''});
  });
  // Also track which alt_ids AI explicitly rejected per source
  const rejectedAltMap=new Map(); // key: source_item_id → Set of rejected alt_item_ids
  groups.forEach(g=>{
    if(!g.result?.verified)return;
    const sid=parseInt(g.id);
    g.result.verified.forEach(v=>{
      if(!v.is_substitutable){
        if(!rejectedAltMap.has(sid))rejectedAltMap.set(sid,new Set());
        rejectedAltMap.get(sid).add(parseInt(v.catalog_item_id));
      }
    });
  });
  // Update existing alts with new confidence, never remove
  const existingPairs=(D.alts||[]).map(p=>{
    const key=`${p.source_item_id}-${p.alt_item_id}`;
    if(verifiedAltMap.has(key)){
      // AI reviewed and approved this pair — update confidence/notes
      const v=verifiedAltMap.get(key);
      return {...p,confidence:v.confidence,note_th:v.note_th,caveat_th:v.caveat_th};
    }
    if(rejectedAltMap.has(p.source_item_id)&&rejectedAltMap.get(p.source_item_id).has(p.alt_item_id)){
      // AI explicitly rejected this alt — mark low confidence but keep in list
      return {...p,confidence:'low'};
    }
    return p; // not reviewed — keep as-is
  });
  // Add new pairs from matcher that didn't exist in D.alts before
  const existingKeys=new Set(existingPairs.map(p=>`${p.source_item_id}-${p.alt_item_id}`));
  const newPairs=pairs.filter(p=>!existingKeys.has(`${p.source_item_id}-${p.alt_item_id}`));
  const mergedPairs=[...existingPairs,...newPairs];

  const altData={generated:new Date().toISOString(),pairs:mergedPairs};
  D.alts=parseAlternatives(JSON.stringify(altData));
  fileStatus.alternatives=true;

  // ── v52: Update alts_meta ──
  const allSourceIds=new Set(D.alts.map(p=>p.source_item_id));
  const verifiedNowSourceIds=new Set(D.alts.filter(p=>p.confidence&&p.confidence!=='unverified').map(p=>p.source_item_id));
  const totalCnt=D.alts.length;
  const verifiedCnt=D.alts.filter(p=>p.confidence&&p.confidence!=='unverified').length;
  let metaStatus='unverified';
  if(verifiedCnt===0)metaStatus='unverified';
  else if(verifiedNowSourceIds.size===allSourceIds.size)metaStatus='verified';
  else metaStatus='partial';
  D.alts_meta={
    status:metaStatus,
    verified_count:verifiedCnt,
    total_count:totalCnt,
    verified_source_count:verifiedNowSourceIds.size,
    total_source_count:allSourceIds.size,
    verified_at:new Date().toISOString(),
    bulk_loaded_at:D.alts_meta?.bulk_loaded_at||null
  };

  computeOPPS();saveToStorage();refreshAll();updateDataStatus();updateMatcherPreStatus();
  // Auto-activate Sense after matcher so opportunities screen reflects new verified SKUs
  senseActivated=true;
  matcherRunning=false;if(btn){btn.disabled=false;btn.classList.remove('running');}
  // Save to Supabase so result persists across devices
  if(currentAccountId){saveAltsToSupabase(currentAccountId,altData).then(()=>showToast('บันทึก alternatives ไว้ใน cloud แล้ว','☁'));}
  showMatcherResults(groups,pairs.length,vsMode);
}

// ── v52: Re-verify ทั้งหมด (force re-run on already-verified pairs) ──
async function reVerifyAll(){
  if(matcherRunning)return;
  if(!confirm('Re-verify ทั้งหมด? — จะเสีย AI cost รัน Matcher ทุก SKU อีกครั้ง'))return;
  // Reset all D.alts to unverified status, then run
  D.alts=(D.alts||[]).map(p=>({...p,confidence:'unverified',note_th:'',caveat_th:''}));
  D.alts_meta={...D.alts_meta,status:'unverified',verified_count:0,verified_source_count:0,verified_at:null};
  saveToStorage();
  updateMatcherPreStatus();
  await runMatcherInApp(false);
}

async function reVerifyAllFromSheet(){
  if(matcherRunning)return;
  if(!confirm('Re-verify ทั้งหมด? — จะเสีย AI cost รัน Matcher ทุก SKU อีกครั้ง'))return;
  D.alts=(D.alts||[]).map(p=>({...p,confidence:'unverified',note_th:'',caveat_th:''}));
  D.alts_meta={...D.alts_meta,status:'unverified',verified_count:0,verified_source_count:0,verified_at:null};
  saveToStorage();
  updateMatcherPreStatus();
  await runMatcherInApp(true);
}

function runMatcherFromSheet(){
  // Hide config, show progress inline — no redirect to data panel
  const cfg=document.getElementById('vs-config-section');
  if(cfg)cfg.style.display='none';
  runMatcherInApp(true);
}

function vsResetToConfig(){
  // Show config section again (e.g. after result, user wants to re-configure scope)
  const cfg=document.getElementById('vs-config-section');
  if(cfg)cfg.style.display='block';
  const res=document.getElementById('vs-result');
  if(res)res.style.display='none';
  const prog=document.getElementById('vs-progress-wrap');
  if(prog)prog.style.display='none';
  syncVsStatus();
}

function appendSkuLog(name, altCount, status, excluded, packSizeIssue, vsMode=false){
  const log=document.getElementById(vsMode?'vs-sku-log':'gen-sku-log');if(!log)return;
  const ok=altCount>0;const isErr=status==='error';const isFlag=status==='done_flag';
  const wrap=document.createElement('div');
  wrap.style.cssText='border-bottom:1px solid var(--n100);padding:4px 0';
  // Main row
  const row=document.createElement('div');
  row.className='gen-sku-row '+(isErr?'skip':ok?'ok':'skip');
  const icon=isErr?'✕':isFlag?'⚑':ok?'✓':'—';
  const packNote=packSizeIssue?'<span style="font-size:var(--text-2xs);color:var(--amb);font-weight:var(--fw-bold);margin-left:4px">pack⚠</span>':'';
  row.innerHTML=`<span style="font-size:var(--text-xs)">${icon}</span><span class="gsr-name">${name}${packNote}</span>${ok?`<span class="gsr-count">${altCount} ตัวเลือก</span>`:isErr?`<span class="gsr-count" style="color:var(--org)">${status}</span>`:'<span class="gsr-count" style="color:var(--n400)">ไม่พบ</span>'}`;
  wrap.appendChild(row);
  // Excluded sub-rows
  if(excluded?.length){
    excluded.slice(0,3).forEach(ex=>{
      const sub=document.createElement('div');
      sub.style.cssText='display:flex;align-items:center;gap:5px;font-size:var(--text-2xs);color:var(--n400);padding:1px 0 1px 14px';
      const reason=ex.reason_code||ex.reason_th||'excluded';
      sub.innerHTML=`<span>✕</span><span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${ex.catalog_item_name}</span><span style="flex-shrink:0;font-style:italic">${reason.split('|')[0]}</span>`;
      wrap.appendChild(sub);
    });
    if(excluded.length>3){
      const more=document.createElement('div');
      more.style.cssText='font-size:var(--text-2xs);color:var(--n400);padding:1px 0 1px 14px';
      more.textContent=`+ ${excluded.length-3} อีก excluded`;
      wrap.appendChild(more);
    }
  }
  log.appendChild(wrap);log.scrollTop=log.scrollHeight;
}

// [UNUSED] — no callers found; safe to delete in future refactor
function updateGenProgress(){}  // no-op, progress updated inline in runMatcherInApp

function showMatcherResults(groups,totalPairs,vsMode=false){
  const resultEl=document.getElementById(vsMode?'vs-result':'gen-result');if(!resultEl)return;
  resultEl.style.display='block';
  const withAlts=groups.filter(g=>g.result?.verified?.length>0);
  const flags=groups.filter(g=>g.status==='done_flag').length;
  const summaryEl=document.getElementById(vsMode?'vs-result-summary':'gen-result-summary');
  if(summaryEl)summaryEl.innerHTML=`✓ เสร็จแล้ว · ตรวจ ${groups.length} SKU · <strong>${withAlts.length} มีตัวเลือก</strong>${flags?` · ${flags} ⚑ review`:''}${OPPS.length!==withAlts.length?` · ทั้งหมดใน app ${OPPS.length}`:''}`;
  const tableEl=document.getElementById(vsMode?'vs-result-table':'gen-result-table');
  if(tableEl)tableEl.innerHTML=
    '<div class="grt-row header"><span class="grt-name">SKU</span><span class="grt-alts">ตัวเลือก</span><span class="grt-save">ประหยัด/kg</span></div>'+
    withAlts.slice(0,15).map(g=>{
      const maxSave=Math.max(...(g.result.verified||[]).map(v=>v.price_diff),0);
      const badge=g.status==='done_flag'?'⚑ ':g.status==='done_yes'?'✓ ':'';
      return`<div class="grt-row"><span class="grt-name">${badge}${g.name}</span><span class="grt-alts">${g.result.verified.length}</span><span class="grt-save">฿${maxSave.toFixed(0)}</span></div>`;
    }).join('')+(withAlts.length>15?`<div class="grt-row" style="color:var(--n400);text-align:center;justify-content:center">+ ${withAlts.length-15} รายการ</div>`:'');

  if(vsMode){
    // VS mode: update the pre-wired nav button label + no dl button needed
    const _thisRunCount=withAlts.length;  // SKUs verified in THIS run
    const navLbl=document.getElementById('vs-nav-opps-label');
    if(navLbl)navLbl.textContent=`ดูรายการที่เพิ่งตรวจ ${withAlts.length} SKU →`;
    return;
  }

  // Data panel mode: dynamically add download + nav buttons
  let dlBtn=document.getElementById('gen-dl-btn');
  if(!dlBtn){
    dlBtn=document.createElement('button');
    dlBtn.id='gen-dl-btn';
    dlBtn.style.cssText='width:100%;margin-top:10px;padding:10px;border-radius:var(--r-md);border:1.5px solid var(--g500);background:var(--g50);color:var(--g700);font-size:var(--text-base);font-weight:var(--fw-bold);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px';
    resultEl.appendChild(dlBtn);
  }
  dlBtn.onclick=downloadAlternatives;
  const acctLabel=D.meta.accountName?D.meta.accountName.slice(0,12):'account';
  dlBtn.innerHTML=`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg> บันทึก alternatives.json`;
  // CTA to navigate to Opportunities
  let navBtn=document.getElementById('gen-nav-opps-btn');
  if(!navBtn){
    navBtn=document.createElement('button');
    navBtn.id='gen-nav-opps-btn';
    navBtn.style.cssText='width:100%;margin-top:8px;padding:12px;border-radius:var(--r-md);border:none;background:linear-gradient(135deg,#1a4a3a,#0d3328);color:var(--tk-text-primary);font-size:var(--text-base);font-weight:var(--fw-bold);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px';
    navBtn.innerHTML=`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M13 2L4.5 13.5H12L11 22 19.5 10.5H12L13 2z"/></svg> ดูรายการที่เพิ่งตรวจ ${withAlts.length} SKU →`;
    navBtn.onclick=()=>{closeDataPanel();showScreen('opportunities');};
    resultEl.appendChild(navBtn);
  } else {
    navBtn.innerHTML=`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M13 2L4.5 13.5H12L11 22 19.5 10.5H12L13 2z"/></svg> ดูรายการที่เพิ่งตรวจ ${withAlts.length} SKU →`;
  }
}

function downloadAlternatives(){
  if(!D.alts||!D.alts.length){showToast('ยังไม่มีข้อมูล alternatives','⚠');return;}
  const pairs=D.alts;
  const blob=new Blob([JSON.stringify({generated:new Date().toISOString(),account:D.meta.accountName||'',pairs},null,2)],{type:'application/json'});
  const url=URL.createObjectURL(blob);
  const a=document.createElement('a');
  const acct=(D.meta.accountId||'account').slice(0,8);
  a.href=url;a.download=`alternatives_${acct}.json`;
  document.body.appendChild(a);a.click();
  setTimeout(()=>{URL.revokeObjectURL(url);document.body.removeChild(a);},500);
  showToast('บันทึก alternatives.json แล้ว','↓');
}

// ════════════════════════════════════════
// SENSE GATE OVERLAY
// ════════════════════════════════════════
let _sgRunning=false;
let _sgTickerTimer=null;
let _sgRevealTimer=null;  // v201b: storable timer so abort-on-fail can cancel reveal
let _sgRevealPending=false;  // v201c: set when reveal timer fires before data ready — sgOrbTap triggers reveal on data arrival

// SECTION:SENSE_GATE
function openSenseGate(){
  const gate=document.getElementById('sense-gate');
  if(!gate)return;
  gate.style.display='flex';gate.style.opacity='1';gate.classList.remove('sg-exit');
  // Inject personalized data context (now in text-area, above tap hint)
  const ringData=document.getElementById('sg-ring-data');
  if(ringData){
    const n=OPPS.length||D.skus.length||0;
    const lastMo=D.history.length?D.history[D.history.length-1].m:'';
    ringData.textContent=n>0?(n+' SKU'+(lastMo?' · '+lastMo:'')):'';
    ringData.style.opacity=n>0?'1':'0';
    ringData.style.display='';
  }
  _sgSetState('standby');
}

function _sgSetState(state){
  const ringSvg=document.getElementById('sg-ring-svg');
  const ringFill=document.getElementById('sg-ring-fill');
  const ringScan=document.getElementById('sg-ring-scan');
  const orbStar=document.getElementById('sg-orb-star');
  const scoreWrap=document.getElementById('sg-score-wrap');
  const ticker=document.getElementById('sg-ticker');
  const ctaWrap=document.getElementById('sg-cta-wrap');
  const title=document.getElementById('sg-title');
  const sub=document.getElementById('sg-sub');
  const tapHint=document.getElementById('sg-tap-hint');
  const beacon=document.getElementById('sg-beacon');
  const ringData=document.getElementById('sg-ring-data');
  if(state==='standby'){
    _sgRunning=false;
    if(_sgTickerTimer){clearTimeout(_sgTickerTimer);_sgTickerTimer=null;}
    if(_sgRevealTimer){clearTimeout(_sgRevealTimer);_sgRevealTimer=null;}
    _sgRevealPending=false;
    if(ringSvg)ringSvg.setAttribute('class','');
    if(ringFill){ringFill.style.opacity='0';ringFill.style.strokeDashoffset='565.2';}
    if(ringScan){ringScan.style.opacity='';ringScan.style.transition='';ringScan.style.animation='';ringScan.style.strokeDasharray='';}
    _sgStopElectrons();
    ['sg-ring-scan2','sg-ring-scan3'].forEach(id=>{const el=document.getElementById(id);if(el){el.style.animation='';el.style.opacity='';};});
    ['sg-ring-scan2','sg-ring-scan3','sg-od1','sg-od2','sg-od3'].forEach(id=>{
      const el=document.getElementById(id);
      if(el){el.style.animation='';el.style.opacity='';}
    });
    if(orbStar){orbStar.style.display='block';orbStar.style.opacity='1';}
    if(scoreWrap)scoreWrap.classList.remove('visible');
    if(ticker){ticker.style.display='none';}
    if(ctaWrap)ctaWrap.classList.remove('visible');
    if(title){title.textContent='Freshket Sense';title.style.opacity='1';}
    if(sub){sub.style.opacity='1';}
    if(tapHint){tapHint.classList.remove('hidden');tapHint.style.display='';}
    if(beacon)beacon.style.display='';
    // v493: show all 3 beacon rings on standby
    ['sg-beacon-2','sg-beacon-3'].forEach(function(id){const el=document.getElementById(id);if(el)el.style.display='';});
    if(ringData){ringData.style.opacity='1';ringData.style.display='';}
  }
}

async function sgOrbTap(){
  if(_sgRunning||senseActivated)return;
  _sgRunning=true;
  // hide tap hint + start animation IMMEDIATELY
  const tapHint=document.getElementById('sg-tap-hint');
  const beacon=document.getElementById('sg-beacon');
  if(tapHint)tapHint.classList.add('hidden');
  if(beacon)beacon.style.display='none';
  ['sg-beacon-2','sg-beacon-3'].forEach(function(id){const el=document.getElementById(id);if(el)el.style.display='none';});
  const _sgTapAt=Date.now();
  _sgRunThinking();  // start animation; reveal timer is now data-driven (see below)
  if(!D.alts.length||!D.skus.length){
    // COLD PATH: data not in memory — load now, reveal immediately when done
    if(typeof ensureSenseData==='function')await ensureSenseData(currentAccountId,{silent:true});
    if(!D.alts.length||!D.skus.length){
      console.warn('[SenseGate] load failed — aborting');
      _sgSetState('standby');
      const sub=document.getElementById('sg-sub');
      if(sub){sub.style.opacity='1';sub.textContent='ยังไม่มีข้อมูลเพียงพอสำหรับร้านนี้';setTimeout(()=>{sub.textContent='';},2200);}
      return;
    }
    // Cancel the fallback timer set by _sgRunThinking — we reveal now
    if(_sgRevealTimer){clearTimeout(_sgRevealTimer);_sgRevealTimer=null;}
    if(_sgRunning&&!senseActivated) _sgRevealScore();
  } else {
    // WARM PATH: data already in memory — wait minimum 1200ms so animation feels real, then reveal
    const elapsed=Date.now()-_sgTapAt;
    const wait=Math.max(0,1200-elapsed);
    if(_sgRevealTimer){clearTimeout(_sgRevealTimer);_sgRevealTimer=null;}
    _sgRevealTimer=setTimeout(()=>{
      _sgRevealTimer=null;
      if(_sgRunning&&!senseActivated) _sgRevealScore();
    },wait);
  }
}

let _sgElectronRAF=null;
function _sgStartElectrons(){
  const svgEl=document.getElementById('sg-ring-svg');
  // Generate many particles dynamically
  const svgNS='http://www.w3.org/2000/svg';
  const svgEl2=document.getElementById('sg-ring-svg');
  // Remove old dynamic dots if any
  document.querySelectorAll('.sg-edot').forEach(e=>e.remove());
  const dotDefs=[
    {r:3.5,color:'#00ff99'},{r:2.5,color:'#66ffbb'},{r:2,color:'#00cc6a'},
    {r:1.5,color:'#00ff88'},{r:3,color:'#44ffaa'},{r:1.5,color:'#00ee77'},
    {r:2,color:'#88ffcc'},{r:1,color:'#00cc6a'},{r:2.5,color:'#33ff99'},
    {r:1.5,color:'#00ffaa'},{r:1,color:'#55ffbb'},{r:3,color:'#00ff88'},
  ];
  const dots=dotDefs.map((def,i)=>{
    const c=document.createElementNS(svgNS,'circle');
    c.setAttribute('class','sg-edot');
    c.setAttribute('r',def.r);
    c.setAttribute('fill',def.color);
    c.setAttribute('opacity','0');
    if(svgEl2)svgEl2.appendChild(c);
    return{el:c,baseR:def.r,angle:Math.random()*Math.PI*2,speed:0.8+Math.random()*1.8,phase:Math.random()};
  });
  const cx=110,cy=110,r=90;
  function tick(){
    const now=performance.now()/1000;
    dots.forEach(d=>{
      if(!d.el)return;
      const cyc=((now*d.speed*0.35)+d.phase)%1;
      let x,y,op;
      if(cyc<0.65){
        const angle=d.angle+now*d.speed;
        x=cx+r*Math.cos(angle);y=cy+r*Math.sin(angle);
        op=cyc<0.08?cyc/0.08:0.85;
        d.el.setAttribute('r',String(d.baseR*(cyc<0.08?cyc/0.08:1)));
      } else {
        const t=(cyc-0.65)/0.35;
        const ease=t*t*(3-2*t);
        const angle=d.angle+now*d.speed;
        x=cx+(r*(1-ease))*Math.cos(angle);
        y=cy+(r*(1-ease))*Math.sin(angle);
        op=(1-ease)*0.85;
        d.el.setAttribute('r',String(d.baseR*Math.max(0.2,1-ease*0.8)));
      }
      d.el.setAttribute('cx',x.toFixed(2));
      d.el.setAttribute('cy',y.toFixed(2));
      d.el.setAttribute('opacity',op.toFixed(2));
    });
    _sgElectronRAF=requestAnimationFrame(tick);
  }
  tick();
}
function _sgStopElectrons(){
  if(_sgElectronRAF){cancelAnimationFrame(_sgElectronRAF);_sgElectronRAF=null;}
  document.querySelectorAll('.sg-edot').forEach(e=>e.remove());
}
function _sgRunThinking(){
  const ringSvg=document.getElementById('sg-ring-svg');
  const orbStar=document.getElementById('sg-orb-star');
  const ticker=document.getElementById('sg-ticker');
  const tickerLine=document.getElementById('sg-ticker-line');
  const tickerText=document.getElementById('sg-ticker-text');
  const title=document.getElementById('sg-title');
  const sub=document.getElementById('sg-sub');
  const ringData=document.getElementById('sg-ring-data');
  const tapHint=document.getElementById('sg-tap-hint');
  if(ringSvg)ringSvg.setAttribute('class','thinking');
  if(orbStar)orbStar.style.display='none';
  // Directly activate A+B+C via inline styles (bypasses CSS specificity battle)
  setTimeout(()=>{
    // A: scan1 faster CW (direct JS — bypass SVG className CSS issue)
    const s1=document.getElementById('sg-ring-scan');
    if(s1){s1.style.strokeDasharray='110 490';s1.style.animation='sg-scan-rotate .9s linear infinite';}
    // A: scan2 CCW
    const s2=document.getElementById('sg-ring-scan2');
    if(s2){s2.style.opacity='.6';s2.style.animation='sg-scan-rotate-ccw 2.1s linear infinite';}
    // B: scan3 short fragment CW
    const s3=document.getElementById('sg-ring-scan3');
    if(s3){s3.style.opacity='.45';s3.style.animation='sg-scan-rotate 1.5s linear infinite';}
    // C: electron-suck JS loop
    _sgStartElectrons();
  },50);
  if(ringData){ringData.style.opacity='0';}
  if(tapHint){tapHint.classList.add('hidden');setTimeout(()=>{tapHint.style.display='none';},350);}
  if(title)title.style.opacity='0';
  if(sub)sub.style.opacity='0';
  if(ticker)ticker.style.display='block';
  // Phases — ticker text only; reveal is now data-driven from sgOrbTap
  const n=OPPS.length||D.skus.length||0;
  const phases=[
    'กำลังตรวจ '+(n||'—')+' รายการของร้าน',
    'เปรียบราคาตลาด Freshket',
    'คัดสินค้าที่ใกล้เคียงสเปค',
    'Sense จัดลำดับโอกาสสำหรับคุณ',
    'ทบทวนผลการวิเคราะห์',
  ];
  // Phase ticker: spread across 10s window so text cycles naturally regardless of reveal timing
  const tickerMs=10000;
  const baseSlice=tickerMs/phases.length;
  let t=0;
  const timings=[];
  phases.forEach((_,i)=>{
    const jitter=(Math.random()-.5)*baseSlice*.4;
    timings.push({start:Math.round(t),text:phases[i]});
    t+=baseSlice+jitter;
  });
  if(tickerText)tickerText.textContent=timings[0].text;
  timings.slice(1).forEach(({start,text})=>{
    _sgTickerTimer=setTimeout(()=>{
      if(tickerLine)tickerLine.classList.add('fade-out');
      setTimeout(()=>{
        if(tickerText)tickerText.textContent=text;
        if(tickerLine)tickerLine.classList.remove('fade-out');
      },390);
    },start);
  });
  // Safety-net fallback only — sgOrbTap cancels this and reveals earlier via data-ready path
  _sgRevealTimer=setTimeout(()=>{
    _sgRevealTimer=null;
    if(!D.alts.length||!D.skus.length){
      _sgRevealPending=true;
      return;
    }
    if(_sgRunning&&!senseActivated) _sgRevealScore();
  },12000);
}

function _sgRevealScore(){
  const ringSvg=document.getElementById('sg-ring-svg');
  const ringFill=document.getElementById('sg-ring-fill');
  const orbStar=document.getElementById('sg-orb-star');
  const scoreWrap=document.getElementById('sg-score-wrap');
  const scoreNum=document.getElementById('sg-score-num');
  const scoreUnit=document.getElementById('sg-score-unit');
  const ctaWrap=document.getElementById('sg-cta-wrap');
  const ticker=document.getElementById('sg-ticker');
  const tickerLine=document.getElementById('sg-ticker-line');
  const doneLabel=document.getElementById('sg-done-label');
  const doneDesc=document.getElementById('sg-done-desc');
  // Compute score
  const senseMetrics=getSenseScoreMetrics();
  const savPct=senseMetrics.savPct;
  const score=senseMetrics.score;
  const scoreLabel=score>=85?'บริหารต้นทุนดีมาก':score>=72?'บริหารดี ยังมีช่อง':score>=58?'มีช่องประหยัดได้':'Sense เจอราคาคุ้มกว่ามาก';
  const circ=565.2;
  // Set globals
  senseActivated=true;aiCameFromPreview=true;
  // Ring: stop scan (CSS + opacity), show fill arc
  if(ringSvg)ringSvg.setAttribute('class','done-state');
  if(orbStar)orbStar.style.display='none';
  // Hard-stop all scan arcs + electrons
  _sgStopElectrons();
  ['sg-ring-scan','sg-ring-scan2','sg-ring-scan3'].forEach(id=>{
    const el=document.getElementById(id);
    if(el){el.style.animation='none';el.style.opacity='0';}
  });
  if(ringFill){
    ringFill.style.opacity='1';
    setTimeout(()=>{ringFill.style.strokeDashoffset=String(circ-(score/100)*circ);},80);
  }
  // Score in ring — SENSE SCORE label underneath
  if(scoreNum){scoreNum.style.color='#ffffff';scoreNum.textContent='0';}
  if(scoreUnit){scoreUnit.textContent='SAVE SCORE';scoreUnit.style.cssText='font-size:var(--text-3xs);color:rgba(160,255,200,.6);font-family:\'Noto Sans Thai\',sans-serif;margin-top:5px;font-weight:var(--fw-bold);letter-spacing:1.5px;text-transform:uppercase;';}
  requestAnimationFrame(()=>{
    if(scoreWrap)scoreWrap.classList.add('visible');
    if(scoreNum){
      const start=Date.now();
      (function tick(){
        const t=Math.min((Date.now()-start)/1200,1);
        const e=1-Math.pow(1-t,3);
        if(scoreNum)scoreNum.textContent=String(Math.round(score*e));
        if(t<1)requestAnimationFrame(tick);
      })();
    }
  });
  // Fade ticker out cleanly
  setTimeout(()=>{if(tickerLine)tickerLine.classList.add('fade-out');},200);
  setTimeout(()=>{if(ticker)ticker.style.display='none';},650);
  // CTA slide up — personalized: savings % + count
  const savYr=totalAll()*12;
  setTimeout(()=>{
    if(doneLabel){
      doneLabel.textContent='มี '+OPPS.length+' รายการที่ราคาคุ้มกว่า';
      doneLabel.style.cssText='font-size:var(--text-lg2);font-weight:var(--fw-bold);color:var(--tk-text-primary);text-align:center;font-family:\'Noto Sans Thai\',sans-serif;margin-bottom:4px;';
    }
    if(doneDesc){
      doneDesc.textContent='ประหยัดได้ '+(savYr>0?fmt(savYr):'—')+' / ปี';
      doneDesc.style.color='#f0b000';
    }
    if(ctaWrap)ctaWrap.classList.add('visible');
  },900);
  // Sync score to compact dial in opportunities (background)
  _unlockScore();
}

function sgCommit(){
  const gate=document.getElementById('sense-gate');
  const orbWrap=document.getElementById('sg-orb-wrap');
  if(orbWrap){
    orbWrap.style.transition='transform .38s cubic-bezier(.4,0,.2,1),opacity .3s ease';
    orbWrap.style.transform='translate(-80px,-160px) scale(.28)';
    orbWrap.style.opacity='0';
  }
  setTimeout(()=>{
    if(gate)gate.classList.add('sg-exit');
    showScreen('opportunities');
    // Render opportunities with senseActivated=true so compact header shows
    renderOpps();
    // v202b: mute AFTER renderOpps (element now exists) and SYNCHRONOUSLY
    // so browser never paints an un-muted frame
    const _oppListEl=document.getElementById('opplist');
    if(_oppListEl&&!footerUnlocked)_oppListEl.classList.add('opplist-muted');
    _scheduleOppReveal();
  },300);
  setTimeout(()=>{
    if(gate){gate.style.display='none';gate.classList.remove('sg-exit');}
    if(orbWrap){orbWrap.style.transform='';orbWrap.style.opacity='';}
  },650);
}

function _scheduleOppReveal(){
  // Stagger animate first 8 items in opplist
  setTimeout(()=>{
    const items=document.querySelectorAll('#opplist .pb-cat-group, #opplist .opp-card');
    items.forEach((el,i)=>{
      if(i<8){el.classList.add('opp-reveal');el.style.animationDelay=`${i*55}ms`;}
    });
    setTimeout(()=>{items.forEach(el=>el.classList.remove('opp-reveal'));},1200);
  },350);
}

function toggleScoreTooltip(){
  const tt=document.getElementById('score-tooltip');
  const btn=document.getElementById('score-info-btn');
  if(!tt)return;
  const on=tt.classList.toggle('on');
  if(btn){btn.classList.toggle('active-info',on);}  if(on){
    // Inject personalized "ทำไมไม่ 100?" content
    const whyEl=document.getElementById('st-why-txt');
    if(whyEl){
      const savPct=curSpend()>0?totalAll()/curSpend()*100:0;
      const nOpps=OPPS.length;
      const savAmt=totalAll();
      if(nOpps>0&&savAmt>0){
        whyEl.innerHTML=`Sense สแกนแล้วพบ <strong style="color:var(--tk-text-primary)">${nOpps} รายการ</strong> วัตถุดิบที่มีราคาคุ้มกว่าใน catalog Freshket — ประหยัดได้ <strong style="color:var(--amb)">${fmt(savAmt)}/เดือน</strong> หรือ <strong style="color:var(--amb)">${fmt(savAmt*12)}/ปี</strong><br><span style="font-size:var(--text-sm);color:var(--tk-text-muted);margin-top:4px;display:block">Score สูง = พอร์ตเรียบร้อยดีแล้ว · Score ต่ำ = Sense เจอวัตถุดิบราคาคุ้มกว่ามาก</span>`;
      }else{
        whyEl.textContent='ยังไม่มีข้อมูลวิเคราะห์ SKU — อัปโหลด alternatives.json เพื่อดูโอกาสประหยัด';
      }
    }
    tt.scrollIntoView({behavior:'smooth',block:'nearest'});
  }
}

function toggleSsbTooltip(){
  const tt=document.getElementById('ssb-tooltip');
  if(!tt)return;
  const on=tt.classList.toggle('on');
  if(on)setTimeout(()=>tt.scrollIntoView({behavior:'smooth',block:'nearest'}),50);
}


// ════════════════════════════════════════
// ยืนยันแผน
// ════════════════════════════════════════


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================


// PATCH: freshket-v207b-sense-flow-stability-js
//////////////////////////////////////////////////////////////////////////////

(function(global){
  'use strict';
  const VERSION='v207d-sense-glass-nav-fix';
  const DEBUG_KEY='senseDebug';
  const isDebug=()=>{try{return localStorage.getItem(DEBUG_KEY)==='1';}catch(e){return false;}};
  const log=(...a)=>{if(isDebug())try{console.log.apply(console,a);}catch(e){}};
  const warn=(...a)=>{try{console.warn.apply(console,a);}catch(e){}};
  function role(){try{return (currentUserProfile&&currentUserProfile.role)||'';}catch(e){return '';}}
  function isPwa(){try{return (global.matchMedia&&global.matchMedia('(display-mode: standalone)').matches)||navigator.standalone===true;}catch(e){return false;}}
  function shouldAvoidGlobalHeavy(){const r=role();return r==='tl'||r==='admin'||isPwa()||document.body.classList.contains('kam-sense-active')||global._senseFlowHeavyActive===true;}
  function toast(msg,icon){try{if(typeof showToast==='function')showToast(msg,icon||'⟳');}catch(e){}}
  function setTopbarHeight(){
    try{
      const tb=document.querySelector('.topbar');
      const h=tb?Math.ceil(tb.getBoundingClientRect().height):0;
      if(h>40)document.documentElement.style.setProperty('--sense-topbar-h',h+'px');
      const nav=document.querySelector('.bnav');
      if(nav){
        const nh=Math.ceil(nav.getBoundingClientRect().height);
        if(nh>60){
          const expanded=document.body.classList.contains('sense-plan-expanded');
          document.documentElement.style.setProperty(expanded?'--sense-plan-tray-h':'--sense-bottom-nav-h',nh+'px');
        }
      }
    }catch(e){}
  }
  ['load','resize','orientationchange'].forEach(ev=>global.addEventListener(ev,()=>setTimeout(setTopbarHeight,80),{passive:true}));
  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',()=>setTimeout(setTopbarHeight,80));else setTimeout(setTopbarHeight,80);
  const _mo=new MutationObserver(()=>setTimeout(setTopbarHeight,60));
  try{_mo.observe(document.body,{attributes:true,attributeFilter:['class'],childList:false,subtree:false});}catch(e){}

  // Prevent heavy global bulk files from auto-loading on TL/Admin/PWA. Sense uses per-KAM bundles.
  const origStartBg=global._startCloudBackgroundLoad;
  if(typeof origStartBg==='function'){
    global._startCloudBackgroundLoad=function(opts){
      if(shouldAvoidGlobalHeavy()){
        log('[v207b] skip global bulk SKU background load', {role:role(), pwa:isPwa(), sense:document.body.classList.contains('kam-sense-active')});
        try{if(typeof _finishDataPill==='function')_finishDataPill('ข้อมูลหลักพร้อมแล้ว',900);}catch(e){}
        return Promise.resolve([]);
      }
      return origStartBg.apply(this,arguments);
    };
    try{_startCloudBackgroundLoad=global._startCloudBackgroundLoad;}catch(e){}
  }
  const origDeferredPrice=global._startDeferredPriceLoad;
  if(typeof origDeferredPrice==='function'){
    global._startDeferredPriceLoad=function(token){
      if(shouldAvoidGlobalHeavy()){
        log('[v207b] skip deferred bulk price load', {role:role(), pwa:isPwa()});
        return Promise.resolve(false);
      }
      return origDeferredPrice.apply(this,arguments);
    };
    try{_startDeferredPriceLoad=global._startDeferredPriceLoad;}catch(e){}
  }

  // Account detail should not pull global bulk_skus for TL/Admin/PWA. Bundle handles SKU/Sense sections.
  const origEnsureAccount=global.ensureAccountDetailData;
  global.ensureAccountDetailData=async function(accountId){
    if(!accountId)return false;
    if(shouldAvoidGlobalHeavy()){
      const needed=[];
      try{if(!bulkCatsData[accountId])needed.push('categories');}catch(e){needed.push('categories');}
      try{if(!bulkSkuCurrentData[accountId])needed.push('sku_current');}catch(e){needed.push('sku_current');}
      try{if(!bulkOutletsData[accountId])needed.push('outlets');}catch(e){needed.push('outlets');}
      if(!needed.length)return true;
      try{toast('กำลังเติมข้อมูล account...','⟳');}catch(e){}
      const ok=typeof ensureCloudflareFiles==='function'?await ensureCloudflareFiles(needed,{label:'Account detail'}):false;
      try{loadFromStorage(accountId);}catch(e){}
      try{if(typeof updateDataStatus==='function')updateDataStatus();}catch(e){}
      try{if(typeof updateMatcherPreStatus==='function')updateMatcherPreStatus();}catch(e){}
      return !!ok;
    }
    return typeof origEnsureAccount==='function'?origEnsureAccount.apply(this,arguments):false;
  };
  try{ensureAccountDetailData=global.ensureAccountDetailData;}catch(e){}

  // Sequential per-KAM bundle load. It is slower by a few hundred ms, but much safer on iOS/PWA.
  const origFetchBundle=global._fetchKamBundle;
  if(typeof origFetchBundle==='function' && typeof _fetchKamFile==='function'){
    global._fetchKamBundle=async function(kamEmail){
      if(!kamEmail)return false;
      let safeKey='';
      try{safeKey=typeof _kamSafeKey==='function'?_kamSafeKey(kamEmail):(kamEmail||'').toLowerCase().replace(/[^a-z0-9]/g,'_');}catch(e){safeKey=(kamEmail||'').toLowerCase().replace(/[^a-z0-9]/g,'_');}
      try{if(_kamBundleLoaded&&_kamBundleLoaded.has(safeKey))return true;}catch(e){}
      try{if(_kamBundleInFlight&&_kamBundleInFlight[safeKey])return _kamBundleInFlight[safeKey];}catch(e){}
      const p=(async()=>{
        try{
          const base=typeof R2_BASE!=='undefined'?R2_BASE:'';
          const skusUrl=`${base}/sense_skus_${safeKey}.csv`;
          const altsUrl=`${base}/sense_alts_${safeKey}.csv`;
          log('[v207b bundle] sequential fetch start',kamEmail);
          const okSkus=await _fetchKamFile({url:skusUrl,type:'bulk-skus',tab:`bundle-skus-${safeKey}`});
          await new Promise(r=>setTimeout(r,shouldAvoidGlobalHeavy()?450:180));
          const okAlts=await _fetchKamFile({url:altsUrl,type:'bulk-alternatives',tab:`bundle-alts-${safeKey}`});
          // v755l: เพิ่ม outlet fetch — ไม่รอผล (non-blocking) เพราะ sequential path ช้าอยู่แล้ว
          if(okSkus&&okAlts){
            try{_kamBundleLoaded.add(safeKey);}catch(e){}
            log('[v207b bundle] ready',kamEmail);
            // fetch outlet แยก non-blocking
            try{
              const outletUrl=`${base}/sense_sku_outlet_${safeKey}.csv`;
              _fetchKamFile({url:outletUrl,type:'bulk-sku-outlet',tab:`bundle-sku-outlet-v2-${safeKey}`})
                .then(okOutlet=>{
                  if(okOutlet){
                    try{_kamOutletLoaded.add(safeKey);}catch(e){}
                    log('[v755l] outlet loaded for',kamEmail,'accounts:',Object.keys(bulkSkuOutletData).length);
                    setTimeout(()=>{try{if(typeof renderKamThisMonth==='function')renderKamThisMonth();}catch(e){}},50);
                  } else {
                    warn('[v755l] outlet fetch failed for',kamEmail);
                  }
                }).catch(()=>{});
            }catch(e){}
            return true;
          }
          warn('[v207b bundle] incomplete',kamEmail,{okSkus,okAlts});
          return false;
        }catch(e){warn('[v207b bundle] error',kamEmail,e&&e.message?e.message:e);return false;}
        finally{try{delete _kamBundleInFlight[safeKey];}catch(e){}}
      })();
      try{_kamBundleInFlight[safeKey]=p;}catch(e){}
      return p;
    };
    try{_fetchKamBundle=global._fetchKamBundle;}catch(e){}
  }

  function senseDataReady(){try{return !!(D&&D.skus&&D.skus.length&&D.alts&&D.alts.length);}catch(e){return false;}}
  function setGatePrep(text,sub){
    try{
      const hint=document.getElementById('sg-tap-hint'); if(hint)hint.classList.add('hidden');
      const title=document.getElementById('sg-title'); if(title){title.style.opacity='1';title.textContent=text||'กำลังเตรียม Sense...';}
      const s=document.getElementById('sg-sub'); if(s){s.style.opacity='1';s.textContent=sub||'โหลด SKU intelligence เฉพาะ KAM นี้ก่อนเริ่มสแกน';}
      const ticker=document.getElementById('sg-ticker'); if(ticker)ticker.style.display='block';
      const line=document.querySelector('#sg-ticker .sg-ticker-line'); if(line)line.innerHTML='กำลังเตรียมข้อมูล<span class="sg-ticker-dot"></span><span class="sg-ticker-dot"></span><span class="sg-ticker-dot"></span>';
      const svg=document.getElementById('sg-ring-svg'); if(svg)svg.classList.add('thinking');
    }catch(e){}
  }
  function clearGatePrep(){
    try{const ticker=document.getElementById('sg-ticker'); if(ticker)ticker.style.display='none';}catch(e){}
  }
  const origSgOrb=global.sgOrbTap;
  if(typeof origSgOrb==='function'){
    global.sgOrbTap=async function(){
      try{if(global._senseFlowPreflightRunning)return;}catch(e){}
      if(senseDataReady())return origSgOrb.apply(this,arguments);
      global._senseFlowPreflightRunning=true;
      global._senseFlowHeavyActive=true;
      setGatePrep('กำลังเตรียม Sense...', 'โหลด SKU intelligence เฉพาะ KAM นี้ก่อนเริ่มสแกน');
      try{
        const ok=typeof ensureSenseData==='function'?await ensureSenseData(currentAccountId,{silent:true,preflight:true}):false;
        if(!ok){
          setGatePrep('โหลดข้อมูลไม่สำเร็จ', 'กดกลับแล้วลองใหม่ หรือรอ connection ให้เสถียรก่อน');
          setTimeout(()=>{try{global._senseFlowHeavyActive=false;}catch(e){}},1200);
          return false;
        }
        try{if(typeof loadFromStorage==='function')loadFromStorage(currentAccountId);}catch(e){}
        try{if(D&&D.alts&&D.skus&&D.alts.length&&D.skus.length&&typeof computeOPPS==='function')computeOPPS();}catch(e){}
        clearGatePrep();
        return origSgOrb.apply(this,arguments);
      }finally{
        global._senseFlowPreflightRunning=false;
        setTimeout(()=>{try{global._senseFlowHeavyActive=false;}catch(e){}},2500);
      }
    };
    try{sgOrbTap=global.sgOrbTap;}catch(e){}
  }

  // Clean matcher CTA labels after render, in case older inline text is created before this patch runs.
  const origShowMatcher=global.showMatcherResults;
  if(typeof origShowMatcher==='function'){
    global.showMatcherResults=function(groups,totalPairs,vsMode){
      const ret=origShowMatcher.apply(this,arguments);
      try{
        const withAlts=(groups||[]).filter(g=>g&&g.result&&Array.isArray(g.result.verified)&&g.result.verified.length>0);
        const navLbl=document.getElementById(vsMode?'vs-nav-opps-label':null);
        if(navLbl)navLbl.textContent=`ดูรายการที่เพิ่งตรวจ ${withAlts.length} SKU →`;
        const gen=document.getElementById('gen-nav-opps-btn');
        if(gen)gen.innerHTML=`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M13 2L4.5 13.5H12L11 22 19.5 10.5H12L13 2z"/></svg> ดูรายการที่เพิ่งตรวจ ${withAlts.length} SKU →`;
      }catch(e){}
      return ret;
    };
    try{showMatcherResults=global.showMatcherResults;}catch(e){}
  }

  global.getFreshketV207bSenseFlowState=function(){
    let loadedTabs=[];try{loadedTabs=Array.from(_cloudLoadedTabs||[]);}catch(e){}
    return {version:VERSION,role:role(),pwa:isPwa(),avoidGlobalHeavy:shouldAvoidGlobalHeavy(),senseFlowHeavyActive:!!global._senseFlowHeavyActive,loadedTabs,skusReady:(()=>{try{return !!bulkSkusReady;}catch(e){return undefined;}})(),altsReady:(()=>{try{return !!bulkAltsReady;}catch(e){return undefined;}})(),currentAccountId:(()=>{try{return currentAccountId;}catch(e){return null;}})(),senseDataReady:senseDataReady()};
  };
  log('[v207b] Sense flow stability patch installed');
})(window);


//////////////////////////////////////////////////////////////////////////////

// SECTION:SCREEN_NAV
function showScreen(name){
  const controller = window.FreshketSenseNavigationRuntime;
  if(controller && typeof controller.showScreenFromLegacy === 'function'){
    try{
      return controller.showScreenFromLegacy({
        isKAM: (typeof isKAM !== 'undefined' ? isKAM : false),
        currentAccountId: (typeof currentAccountId !== 'undefined' ? currentAccountId : null),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        senseActivated: (typeof senseActivated !== 'undefined' ? senseActivated : false),
        legacy: { showScreen: __legacyShowScreenFallback }
      }, name);
    }catch(e){
      console.warn('showScreen navigation controller failed, falling back to legacy navigation', e);
    }
  }
  return __legacyShowScreenFallback(name);
}

function __legacyShowScreenFallback(name){
  // v601: ถ้า body.overflow:hidden ค้าง (Echo lock) แต่ sheet ไม่อยู่ → restore ก่อน render
  // v801: also restore when sheet exists but is NOT actively open (.ci-open) — covers
  // the case where PWA was killed/backgrounded mid-Echo and the sheet went stale,
  // leaving body.overflow:hidden locked and the whole app unscrollable.
  try {
    if (document.body.style.overflow === 'hidden') {
      const _sheet = document.getElementById('ci-fullsheet');
      const _sheetActive = _sheet && _sheet.style.display !== 'none' && _sheet.classList.contains('ci-open');
      if (!_sheetActive) {
        if (typeof CI !== 'undefined' && typeof CI._restoreBodyScroll === 'function') {
          CI._restoreBodyScroll();
        } else {
          document.body.style.overflow = '';
        }
      }
    }
  } catch(_e) {}
  // ── Role guard: only TL/admin can access teamview ──
  if(name==='teamview'){
    const _role=(currentUserProfile&&currentUserProfile.role)||'rep';
    if(_role!=='tl'&&_role!=='admin'){
      // Silently redirect rep users to their portview instead
      name='portview';
    }
  }
  // ── Gate: intercept opportunities entry when Sense not yet run ──
  // Restaurant mode: always gated. KAM mode: gated only when account selected.
  const _kamWithAcct=isKAM&&currentAccountId&&currentAccountId!=='default';
  // Set KAM sense return flag (before gate — so sgCommit re-entry also hits routing)
  if(_kamWithAcct&&(name==='opportunities'||name==='report'))window._kamSenseReturn=true;
  // Cleanup flag when KAM navigates away from Sense screens
  if(isKAM&&name!=='opportunities'&&name!=='report'&&window._kamSenseReturn){
    document.body.classList.remove('kam-sense-active');
    window._kamSenseReturn=false;
    const _ksb=document.getElementById('kam-sense-back-btn');if(_ksb)_ksb.remove();
    // v753a: re-render nav so Skills tab shows again after leaving Save screen
    try{if(typeof NavConfig!=='undefined'&&NavConfig.render)NavConfig.render(typeof getCurrentRole==='function'?getCurrentRole():'rep');}catch(_){}
  }
  if((name==='opportunities'||name==='report')&&!senseActivated&&(!isKAM||_kamWithAcct)){
    openSenseGate();return;
  }
  // ── KAM Sense Mode: full-screen opportunities routing ──
  if(isKAM&&window._kamSenseReturn&&(name==='opportunities'||name==='report')){
    document.body.classList.add('kam-sense-active');
    // v753a: re-render nav so Skills tab hides when entering Save screen
    try{if(typeof NavConfig!=='undefined'&&NavConfig.render)NavConfig.render(typeof getCurrentRole==='function'?getCurrentRole():'rep');}catch(_){}
    const _grpB=document.getElementById('swipe-grp-b');
    if(_grpB)_grpB.classList.add('on');
    // v260: sweep เฉพาะจอของแอปหลัก — จอภายใน Echo sheet (#ci-fullsheet ใช้ .scr เหมือนกัน)
    // ห้ามโดนกวาด ไม่งั้น boot route ที่หน่วงเวลา (fallbackTimer 3.2s ฯลฯ) จะถอด .on
    // ของ ci-s-record ทิ้งตอนผู้ใช้เพิ่งเปิด Echo → เหลือ overlay ขาวเปล่าค้างถาวร
    document.querySelectorAll('.scr').forEach(s=>{if(!s.closest('#ci-fullsheet'))s.classList.remove('on');});
    document.querySelectorAll('.ni').forEach(n=>n.classList.remove('on'));
    const _scrEl=document.getElementById('scr-'+name);
    if(_scrEl){_scrEl.classList.add('on');_scrEl.style.display='';}
    const _navEl=document.getElementById('nav-'+name);
    if(_navEl)_navEl.classList.add('on');
    // v207a: route into Sense should never inherit sheet scroll-lock; scroll the actual fixed container, not only window.
    document.body.style.overflow='';
    if(name==='opportunities'&&typeof renderOpps==='function')renderOpps();
    if(name==='report'&&typeof renderReport==='function')renderReport();
    setTimeout(_injectKamSenseBackBtn,80);
    setTimeout(_initPlanTray,100);
    if(_grpB)try{_grpB.scrollTo({top:0,left:0,behavior:'instant'});}catch(e){_grpB.scrollTop=0;}
    window.scrollTo({top:0,left:0,behavior:'instant'});
    setTimeout(()=>{try{if(typeof updatePbFooter==='function')updatePbFooter();}catch(e){}},120);
    return;
  }
  // ── Restaurant swipe mode ──
  const GRP_A=['overview','portfolio'];
  const GRP_B=['opportunities','report'];
  if(!isKAM && (GRP_A.includes(name)||GRP_B.includes(name))){
    const inA=GRP_A.includes(name);
    const grpA=document.getElementById('swipe-grp-a');
    const grpB=document.getElementById('swipe-grp-b');
    if(grpA){grpA.classList.toggle('on',inA);}
    if(grpB){grpB.classList.toggle('on',!inA);}
    const activeGrp=inA?grpA:grpB;
    const screens=inA?GRP_A:GRP_B;
    const idx=screens.indexOf(name);
    // v626: reset scrollLeft directly first (offsetWidth may be 0 before repaint)
    // then RAF to handle case where scroll didn't reset (container was off-screen)
    if(activeGrp){
      activeGrp.scrollLeft = idx === 0 ? 0 : (activeGrp.scrollLeft);
      requestAnimationFrame(()=>{
        const w = activeGrp.offsetWidth || window.innerWidth;
        try{ activeGrp.scrollTo({left:idx*w,behavior:'instant'}); }
        catch(e){ activeGrp.scrollLeft = idx*w; }
      });
    }
    _updateRestSwipe(inA?'a':'b',idx,{teach:inA,duration:2800});
    const footer=document.getElementById('pb-footer');
    if(footer)footer.classList.toggle('hidden',inA||name==='report');
    const modeToggleWrap=document.getElementById('mode-toggle-wrap');
    if(modeToggleWrap)modeToggleWrap.style.display='';
    if(name==='report'&&typeof renderReport==='function')renderReport();
    return;
  }
  // v260: ข้าม .scr ใน #ci-fullsheet ด้วยเหตุผลเดียวกับ sweep ตัวบน
  document.querySelectorAll('.scr').forEach(s=>{if(!s.closest('#ci-fullsheet'))s.classList.remove('on');});
  document.querySelectorAll('.ni').forEach(n=>n.classList.remove('on'));
  const scrEl=document.getElementById('scr-'+name);
  const navEl=document.getElementById('nav-'+name);
  // v801: tear down portview scroll-collapse observer when leaving portview.
  // Prevents the rAF loop + scroll listeners from surviving into another screen
  // (Echo, account view, teamview) and racing a fresh observer on return.
  // Also clears the collapse snapshot so re-entering portview starts EXPANDED —
  // this is what makes the pace bar / commission strip (both inside pv-collapsible)
  // reliably visible again in the installed PWA after navigating around.
  // Routed through window._pvTeardownCollapseObserver (defined in 06_portview) to
  // avoid a temporal-dead-zone reference to that module's `let` binding.
  if(name!=='portview' && typeof window._pvTeardownCollapseObserver==='function'){
    window._pvTeardownCollapseObserver();
  }
  if(scrEl){scrEl.classList.add('on');scrEl.style.display='';}
  if(navEl)navEl.classList.add('on');
  if(name==='report')renderReport();
  if(name==='portview'){renderPortview();
    // In KAM mode nav-overview IS the portview button — highlight it
    if(isKAM){const _ov=document.getElementById('nav-overview');if(_ov)_ov.classList.add('on');}
    // Force-disable ร้าน on portview — no account in context yet.
    // v_key round3: Products (nav-opportunities) is no longer Save-only — its popover's
    // Key SKU row works fine with no account selected (routes to the portfolio queue),
    // so it must stay tappable here.
    const _rb=document.getElementById('nav-restaurant');
    if(_rb)_rb.classList.add('nav-disabled');
    // v_daily: ช่องนี้ตายอยู่แล้วบน portview — ให้ "Olive สรุปให้" มายืมใช้
    if(typeof _diSyncNavButton==='function')_diSyncNavButton('portview');
  }
  // KAM account view: ร้าน active (user is "in" a store context), show drag handle
  if(isKAM&&name==='overview'){
    const _ov=document.getElementById('nav-overview');
    const _rs=document.getElementById('nav-restaurant');
    if(_ov)_ov.classList.remove('on');
    if(_rs){_rs.classList.remove('nav-disabled');_rs.classList.add('on');}
    // v_daily: ออกจาก portview แล้ว — คืนช่องนี้ให้ Profile เหมือนเดิม
    if(typeof _diSyncNavButton==='function')_diSyncNavButton('overview');
  }
  const _handle=document.getElementById('kam-nav-handle');
  if(_handle)_handle.style.display=(isKAM&&name==='overview')?'block':'none';
  if(name==='teamview'){
    teamviewKamFilter=null;renderTeamview();
    // v_daily: teamview คือหน้าแรกของ TL — ปุ่ม "สรุปให้" ต้องอยู่ตรงนี้ด้วย
    // ไม่งั้น TL ปัดปิดจอแล้วเปิดกลับไม่ได้เลย
    if(typeof _diSyncNavButton==='function')_diSyncNavButton('teamview');
    // v687: sync first-card offset after teamview is visible and layout settles
    setTimeout(function(){try{if(typeof _tvSyncListOffset==='function')_tvSyncListOffset();}catch(e){}},300);
    setTimeout(function(){try{if(typeof _tvSyncListOffset==='function')_tvSyncListOffset();}catch(e){}},600);
  }
  // Disable Restaurant when on skills — no account context (Products stays enabled, see above)
  if(name==='skills'&&isKAM){
    const _rb=document.getElementById('nav-restaurant');
    if(_rb)_rb.classList.add('nav-disabled');
  }
  // v_key: Key SKU screens — queue is cross-portfolio (like portview), key is per-account
  // (like overview) but lives outside .main (like portview/teamview) since it needs its
  // own sticky footer without the restaurant-swipe layout getting in the way.
  if(name==='key-queue'){ if(typeof renderKeyQueueScreen==='function') renderKeyQueueScreen(); }
  if(name==='key'){ if(typeof renderKeyScreen==='function') renderKeyScreen(); }
  // portview + teamview live OUTSIDE .main in DOM — hide .main so its min-height
  // doesn't push those screens below the fold
  const mainEl=document.querySelector('.main');
  if(mainEl)mainEl.style.display=(name==='portview'||name==='teamview'||name==='sales-portview'||name==='sales-pipeline'||name==='sales-commission'||name==='sales-teamview'||name==='skills'||name==='key'||name==='key-queue')?'none':'';
  // Clean up portview return fab if navigating away from per-account view
  const existingFab=document.getElementById('portview-return-fab');
  if(existingFab&&name==='portview')existingFab.remove();

  window.scrollTo({top:0,left:0,behavior:'instant'});
  document.body.scrollTop=0;
  document.documentElement.scrollTop=0;
  // Hide plan builder footer and swap-sticky in KAM mode
  const footer=document.getElementById('pb-footer');
  if(footer)footer.classList.add('hidden');
  // Show ร้าน|KAM toggle on all screens except KAM portfolio/team views
  const modeToggleWrap=document.getElementById('mode-toggle-wrap');
  if(modeToggleWrap){
    const _showToggle=!(name==='portview'||name==='teamview');
    modeToggleWrap.style.display=_showToggle?'':'none';
    // Dim ร้าน button if no account selected
    const _restBtn=document.getElementById('mbtn-restaurant');
    if(_restBtn){
      const _hasAcct=currentAccountId&&currentAccountId!=='default';
      _restBtn.style.opacity=_hasAcct?'':'0.35';
      _restBtn.style.cursor=_hasAcct?'':'not-allowed';
    }
  }
  // Clean up legacy floating back FAB on any navigation
  const legacyFab=document.getElementById('portview-return-fab');
  if(legacyFab)legacyFab.remove();
  // Show ‹ back button only in account detail (overview) and only when portfolio data exists
  const kamBackBtn=document.getElementById('kam-back-btn');
  if(kamBackBtn){
    const _showBack=(name==='overview'&&portviewBulkData&&portviewBulkData.length>0);
    kamBackBtn.style.display=_showBack?'':'none';
    if(_showBack){kamBackBtn.classList.remove('kam-back-entering');void kamBackBtn.offsetWidth;kamBackBtn.classList.add('kam-back-entering');}
  }
  // ── No-account empty state for KAM Insight ──
  if(isKAM&&name==='overview'&&typeof _renderKamNoAcctState==='function')_renderKamNoAcctState();
  // ── Auto-hint pill when landing on overview (restaurant mode only) ──
  if(!isKAM&&name==='overview'){
    setTimeout(()=>{_showPill();_hidePill(2000);},350);
  }
  // ── NavConfig: update Save enabled/disabled state ──
  // renderNav is called separately via showScreen wrapper in 12_nav_config.js
  // (which patches window.showScreen — but direct calls bypass it)
  // updateSaveState is safe to call here directly since it's idempotent
  if(typeof NavConfig!=='undefined'&&NavConfig.updateSaveState)NavConfig.updateSaveState(name);
}

// ════════════════════════════════════════
// KAM MODE — MODEL + ACCOUNT SUMMARY
// ════════════════════════════════════════

function setKamModel(model){
  kamModel=model;
  ['km-haiku','km-sonnet'].forEach(id=>{
    const el=document.getElementById(id);if(!el)return;
    const on=id==='km-'+model;
    el.style.borderColor=on?'var(--tk-accent)':'var(--n200)';
    el.style.background=on?'var(--tk-accent-dark)':'var(--n50)';
    el.querySelector('div').style.color=on?'#fff':'var(--n700)';
  });
  const b1=document.getElementById('kam-model-badge');if(b1)b1.textContent=model==='haiku'?'Haiku':'Sonnet';
}

// SECTION:KAM_ACCOUNT
// v_daily: แกนกลางถูกแยกออกมาเป็น _skuMovementCore เพื่อให้ "หน้าสรุปรายวัน" ใช้นิยาม
// เดียวกันได้กับทั้งพอร์ต (bulk) โดยไม่ต้องคัดลอกสูตรไปไว้อีกที่ — computeSkuMovement()
// ยังทำงานเหมือนเดิมทุกประการ แค่ส่ง D เข้าไปแทน
function computeSkuMovement(){
  return _skuMovementCore(D.skus_monthly,(D.current_month||{}).month_label||'');
}
// เวอร์ชันรายบัญชี อ่านจาก bulk globals ที่โหลดไว้ตั้งแต่บูต (ไม่ต้องเปิดหน้าร้าน)
function computeSkuMovementForAccount(accountId){
  if(typeof bulkSkusData==='undefined')return null;
  const cm=(typeof bulkCurrentMonthData!=='undefined'&&bulkCurrentMonthData[accountId])||{};
  return _skuMovementCore(bulkSkusData[accountId],cm.month_label||'');
}
function _skuMovementCore(skusMonthly,curMonthLabel){
  // Sort months desc (newest first) — key insertion order is not guaranteed
  const months=Object.keys(skusMonthly||{}).sort((a,b)=>{
    const toDate=m=>{const parts=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(parts[1]||0)*12)+mo.indexOf(parts[0]);};return toDate(b)-toDate(a);});
  if(months.length<2)return null;
  // v156: exclude current MTD month — GMV not comparable to full months
  const _cmLbl4=curMonthLabel||'';
  const closedMonths=months.filter(m=>m!==_cmLbl4);
  if(closedMonths.length<2)return null;
  const recent=skusMonthly[closedMonths[0]]||[];
  const compareIdx=Math.min(1,closedMonths.length-1);
  const older=skusMonthly[closedMonths[compareIdx]]||[];
  const recentMap=new Map(recent.map(s=>[s.id,s]));
  const olderMap=new Map(older.map(s=>[s.id,s]));
  const recentTotal=recent.reduce((a,s)=>a+(s.gmv||s.s||0),0);
  const _mvThresh=Math.max(3000,recentTotal*0.005); // relative: 0.5% of monthly GMV or 3K min
  const newSkus=recent.filter(s=>!olderMap.has(s.id)&&(s.gmv||s.s)>_mvThresh)
    .sort((a,b)=>(b.gmv||b.s)-(a.gmv||a.s)).slice(0,6)
    .map(s=>({name:s.n,gmv:s.gmv||s.s,cat:s.d}));
  const droppedSkus=older.filter(s=>!recentMap.has(s.id)&&(s.gmv||s.s)>_mvThresh)
    .sort((a,b)=>(b.gmv||b.s)-(a.gmv||a.s)).slice(0,6)
    .map(s=>({name:s.n,gmv:s.gmv||s.s,cat:s.d}));
  const growing=[],declining=[];
  recent.forEach(r=>{
    const o=olderMap.get(r.id);if(!o)return;
    const rg=r.gmv||r.s,og=o.gmv||o.s;if(!og||rg===og)return;
    const chg=(rg-og)/og;
    if(chg>0.25&&rg>3000)growing.push({name:r.n,gmv:rg,oldGmv:og,changePct:Math.round(chg*100)});
    if(chg<-0.25&&og>3000)declining.push({name:r.n,gmv:rg,oldGmv:og,changePct:Math.round(chg*100)});
  });
  return{
    newSkus,droppedSkus,
    growing:growing.sort((a,b)=>b.changePct-a.changePct).slice(0,4),
    declining:declining.sort((a,b)=>a.changePct-b.changePct).slice(0,4),
    recentMo:closedMonths[0],compareMo:closedMonths[compareIdx],
    note:'เทียบ MoM: '+closedMonths[compareIdx]+' → '+closedMonths[0]
  };
}

// ── Outlet Cycle Signals — like computeChurnSignals() but for outlets ──
// Requires Q5B v2 (has last_order_date) + current month in outlets_monthly
function computeOutletCycleSignals(){
  const _sortMo=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
  const months=Object.keys(D.outlets_monthly||{}).sort((a,b)=>_sortMo(b)-_sortMo(a));
  if(months.length<2)return[];
  const recentMo=months[0];const prevMo=months[1];
  if(_sortMo(recentMo)<=_sortMo(prevMo))return[]; // no current month data
  const curOutlets=D.outlets_monthly[recentMo]||[];
  const prevOutlets=D.outlets_monthly[prevMo]||[];
  if(!prevOutlets.length)return[];
  const curMap=new Map(curOutlets.map(o=>[o.outlet_id,o]));
  const cm=D.current_month;
  const now=new Date();
  const daysElapsed=cm?.days_elapsed||now.getDate();
  const daysInMonth=cm?.days_in_month||30;
  const signals=[];
  prevOutlets.forEach(prev=>{
    if(!prev.orders||prev.orders<2)return;
    const cycle=Math.round(daysInMonth/prev.orders);
    if(cycle<3)return; // ≥3 day cycle only (orders ≤10/month) — daily outlets too noisy
    const cur=curMap.get(prev.outlet_id);
    if(cur&&(cur.orders||0)>0)return; // has ordered this month → active, skip
    // Only flag outlets with 0 orders this month AND past their expected cycle
    if(daysElapsed<=cycle)return; // not yet past cycle — too early to flag
    const overdue=daysElapsed-cycle;
    const type=overdue>cycle*0.5?'gone':'near';
    signals.push({id:prev.outlet_id,name:prev.outlet_name||'—',gmv:prev.gmv||0,orders:prev.orders,cycle,daysElapsed,overdue,type});
  });
  return signals.sort((a,b)=>b.overdue-a.overdue);
}

function computeOutletMovement(offset=0){
  const _sortMo=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
  const months=Object.keys(D.outlets_monthly||{}).sort((a,b)=>_sortMo(b)-_sortMo(a));
  if(months.length<offset+2)return null;
  const recent=D.outlets_monthly[months[offset]]||[];
  const prev=D.outlets_monthly[months[offset+1]]||[];
  if(recent.length<=1&&prev.length<=1)return null;
  const recentIds=new Set(recent.map(o=>o.outlet_id));
  const prevIds=new Set(prev.map(o=>o.outlet_id));
  return{
    newOutlets:recent.filter(o=>!prevIds.has(o.outlet_id)).map(o=>({name:o.outlet_name,gmv:o.gmv})),
    droppedOutlets:prev.filter(o=>!recentIds.has(o.outlet_id)).map(o=>({name:o.outlet_name,gmv:o.gmv,orders:o.orders||0,outlet_id:o.outlet_id})),
    recentMo:months[offset],prevMo:months[offset+1]
  };
}

function buildKamContext(){
  const hist=D.history.length?D.history:[];
  const last=hist[hist.length-1]||{s:0,orders:0,m:''};
  const prev=hist[hist.length-2]||null;
  const momChange=prev&&prev.s>0?parseFloat(((last.s-prev.s)/prev.s*100).toFixed(1)):null;
  const allHigh=OPPS.filter(o=>getAlt(o).conf==='high');
  const top3=OPPS.slice(0,3).map(o=>{const a=getAlt(o);return{name:o.curName,altName:a.altName,saveMo:a.save,pct:a.pct,conf:a.conf};});
  return{
    account:{name:D.meta.accountName||'ไม่ระบุ',kam:D.meta.kamName||'—'},
    spend:{current:last.s,month:last.m,orders:last.orders,momChangePct:momChange,prevMonth:prev?.m||null},
    topCategories:((portfolioMonth&&D.cats_monthly&&D.cats_monthly[portfolioMonth])?D.cats_monthly[portfolioMonth]:(D.cats.length?D.cats:SAMPLE.cats)).slice(0,3).map(c=>({name:c.n,gmv:c.s,pct:c.p})),
    outletMovement:computeOutletMovement(),
    skuMovement:computeSkuMovement(),
    opportunities:{total:OPPS.length,highConf:allHigh.length,totalSaveMo:totalAll(),top3}
  };
}

// Build consistent SKU movement HTML — 3 columns, period in group header
function renderSkuMovementHtml(sm){
  if(!sm)return'<div style="font-size:var(--text-md);color:rgba(255,255,255,.52)">ไม่มีข้อมูล SKU หลายเดือน</div>';
  // Short month label helper: "เม.ย. 2569" → "เม.ย."
  const _shortMo=m=>(m||'').split(' ')[0]||m;
  const _shortRange=(a,b)=>a===b?_shortMo(a):_shortMo(a)+'–'+_shortMo(b);
  // Row: 3 columns only (no period column)
  const row=(ind,cls,name,gmv,pct)=>
    `<div class="kam-sku-row"><span class="kam-sku-ind ${cls}">${ind}</span><span class="kam-sku-name">${name}</span><span class="kam-sku-num">${fmt(gmv)}/เดือน${pct?` · ${pct}`:''}</span></div>`;
  // Group header with subtle period pill
  const grpHead=(label,period)=>
    `<div class="kam-sku-group-label">${label}<span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xs);font-weight:var(--fw-normal);color:rgba(180,200,255,.45);margin-left:6px">${period}</span></div>`;
  let html='';
  if(sm.newSkus?.length){
    html+=`<div class="kam-sku-group">${grpHead(`เพิ่มใหม่ (${sm.newSkus.length})`,_shortMo(sm.recentMo))}`;
    html+=sm.newSkus.map(s=>row('+','pos',s.name,s.gmv,'')).join('');
    html+='</div>';
  }
  if(sm.droppedSkus?.length){
    html+=`<div class="kam-sku-group">${grpHead(`หยุดสั่ง (${sm.droppedSkus.length})`,_shortMo(sm.compareMo))}`;
    html+=sm.droppedSkus.map(s=>{
      const sub=skuSubstituteMapLM[s.name];
      if(sub){
        return`<div class="kam-sku-row" style="align-items:flex-start;padding:6px 0;background:var(--tk-accent-dim);border-radius:var(--r-8);padding:8px 10px;margin-bottom:4px">
          <span class="kam-sku-ind substituted" style="margin-top:2px">→</span>
          <div style="flex:1;min-width:0">
            <div class="kam-sku-name">${s.name}</div>
            <div style="font-size:var(--text-xs);color:rgba(255,255,255,.52);margin-top:1px">${s.gmv?fmt(s.gmv)+'/เดือน':''}</div>
            <div style="font-size:var(--text-sm);color:rgba(180,210,255,.8);margin-top:4px">→ ${sub.substituteName}</div>
            <div style="font-size:var(--text-xs);color:rgba(140,180,255,.45);margin-top:1px">${sub.reason||''}</div>
          </div>
          <span style="font-size:var(--text-xs);font-weight:var(--fw-bold);background:var(--tk-accent-dim-3);color:rgba(180,210,255,.95);border:1px solid var(--tk-subtab-active);border-radius:var(--r-md);padding:2px 8px;flex-shrink:0">สลับ</span>
        </div>`;
      }
      return row('−','neg',s.name,s.gmv,'');
    }).join('');
    html+='</div>';
  }
  if(sm.growing?.length){
    html+=`<div class="kam-sku-group">${grpHead('เพิ่มขึ้นมาก',_shortRange(sm.compareMo,sm.recentMo))}`;
    html+=sm.growing.map(s=>row('↑','pos',s.name,s.gmv,`+${s.changePct}%`)).join('');
    html+='</div>';
  }
  if(sm.declining?.length){
    html+=`<div class="kam-sku-group">${grpHead('ลดลงมาก',_shortRange(sm.compareMo,sm.recentMo))}`;
    html+=sm.declining.map(s=>row('↓','warn',s.name,s.gmv,`${s.changePct}%`)).join('');
    html+='</div>';
  }
  return html||'<div style="font-size:var(--text-md);color:rgba(255,255,255,.52)">ไม่พบการเปลี่ยนแปลงที่มีนัยสำคัญ</div>';
}

// ── Shared header update (called by both tab renders) ──
function _renderKamHeader(){
  const ctx=buildKamContext();
  const portRow=portviewBulkData.find(r=>r.id===currentAccountId)
    ||portviewBulkData.find(r=>r.id===D.meta.accountId);
  const displayName=portRow?.name||ctx.account.name||'—';
  const displayKam=portRow?.kamName||ctx.account.kam||'—';
  const displayType=portRow?.accountType||D.meta.accountType||'';
  // Legacy IDs (still written for any code that reads them)
  const dd=document.getElementById('kam-acct-dept');if(dd)dd.textContent=displayType;
  const dm=document.getElementById('kam-acct-meta2');if(dm)dm.textContent=`KAM: ${displayKam}`;
  const dn=document.getElementById('kam-acct-name2');if(dn)dn.textContent=displayName;
  // v185: combined dept·KAM label — show nickname only (Chain · KAM: Bookbig)
  const dkl=document.getElementById('kav-dept-kam-label');
  if(dkl){const nickMatch=displayKam.match(/\(([^)]+)\)/);const kamNick=nickMatch?nickMatch[1]:displayKam.split(' ')[0];dkl.textContent=[displayType,kamNick?`KAM: ${kamNick}`:null].filter(Boolean).join(' · ');}
  const sl=document.getElementById('kam-summary-acct-label');
  if(sl)sl.textContent=displayName?`${displayName.slice(0,18)}${displayName.length>18?'...':''}`:'Account Summary';
  // Update last month tab label dynamically
  const lastMoEl=document.getElementById('kstab-lastmonth-label');
  if(lastMoEl){const h=D.history;const lm=h.length?h[h.length-1].m:'เม.ย.';lastMoEl.textContent=(lm||'เม.ย.').split(' ')[0];}
  const emEl=document.getElementById('kam-empty-state');
  const hasData=(ctx.spend.current>0||OPPS.length>0);
  if(emEl)emEl.style.display=hasData?'none':'block';
  // v184+: update Zone 1 status strip + Zone 3
  _renderKamZone1Status();
  const z3=document.getElementById('kav-z3');
  const hasRealAcct=currentAccountId&&currentAccountId!=='default';
  if(z3)z3.style.display=hasRealAcct&&hasData?'':'none';
  return{ctx,displayName,portRow};
}

// ── v185: Zone 1 — status strip + stat row ──────────────────────
function _renderKamZone1Status(){
  const cm=D.current_month;
  const strip=document.getElementById('kav-status-strip');
  const statRow=document.getElementById('kav-stat-row');
  if(!cm){
    if(strip)strip.style.display='none';
    if(statRow)statRow.style.display='none';
    return;
  }
  const sig=computePaceSignal(cm,D.history);
  window._lastKamPaceSignal=sig; // ยังใช้โดยจอสรุปเช้า / _renderKamZone3Ctx / hidden-risk (05:614)
  const _fK=n=>n>=1e6?'฿'+(n/1e6).toFixed(1)+'M':n>=1e3?'฿'+(n/1e3).toFixed(0)+'K':'฿'+Math.round(n);

  // v302: บนหน้าแรก (พอร์ตรวม 'default') วงแหวน = %NRR เทียบเดือนฐาน ตัวเดียวกับหัวจอ Portfolio
  // และตัวจ่ายค่าคอมฯ · เปิดร้านเดี่ยว (currentAccountId จริง) → H เป็น null → ทำงานเหมือนเดิมทุกอย่าง
  const _isHome=(typeof currentAccountId==='undefined'||!currentAccountId||currentAccountId==='default');
  const H=(_isHome&&typeof isKAM!=='undefined'&&isKAM&&typeof _nrrHeadlineFor==='function')
    ?_nrrHeadlineFor('kam',(currentUserProfile&&currentUserProfile.email)||'')
    :null;

  // 25 ต.ค. 2569 (C7 · บอร์ด ShopNew): หน้าร้านเดี่ยว วงแหวน = %NRR ของร้านเทียบฐาน (แถวเดียวกับรายการร้าน · 05b nrrShopRowFor)
  //   เดิมเป็น pace (ยอดเดือนนี้เทียบค่าเฉลี่ย 3 เดือน) — pace ยังคิดอยู่ที่ window._lastKamPaceSignal ให้จอสรุปเช้าใช้ตามเดิม
  const _shopRow=(!H&&typeof nrrShopRowFor==='function')?nrrShopRowFor(currentAccountId):null;
  const ns=_shopRow&&_shopRow.nrrSignal;
  const _nsPct=!!(ns&&ns.pct!=null&&!ns.isNew);
  const _hz=_nsPct&&typeof nrrShopHealth==='function'?nrrShopHealth(_shopRow):null;
  const _hzCls=(typeof nrrShopHealthCls==='function')?nrrShopHealthCls(_hz):'';

  // — status strip —
  if(strip)strip.style.display=(sig.isNew&&!H&&!_nsPct)?'none':'';
  const pctEl=document.getElementById('kav-pace-pct');
  const chipEl=document.getElementById('kav-pace-chip');
  const daysEl=document.getElementById('kav-days-lbl');
  const barEl=document.getElementById('kav-ss-bar-fill');
  const _labelMap={great:'ON TRACK',safe:'ON TRACK',warn:'MONITOR',danger:'AT RISK',new:'NEW'};
  if(H){
    const _hasNum=H.source==='live'||H.source==='cached';
    if(pctEl){
      pctEl.textContent=_hasNum?(typeof _commFmtPct==='function'?_commFmtPct(H.pct):H.pct.toFixed(1)+'%'):(H.source==='stale_quarter'?'—':'');
      pctEl.className='kav-pace-num '+(_hasNum?(H.cls||''):(H.source==='none'?'shimmer':''));
    }
    // รอข้อมูล: วันแรกๆ ของเดือนเลข NRR แกว่งทุกสี ไม่ใช่แค่ safe (เดิมผูกกับ cls==='safe' ของ pace)
    const _early=_hasNum&&(sig.daysElapsed||0)<5;
    if(chipEl){
      // v_autoq: ข้อมูลยังเป็นไตรมาสก่อน ⇒ ตัวเลขยังขึ้น ป้ายบอกว่าข้อมูลไตรมาสใหม่ยังไม่มา
      // 24 ต.ค. 2569: คำตามช่วงเกณฑ์ค่าคอมฯ ของตัวเอง (ค่าคอมฯ 0 / ได้ 50% / ขั้น 1 …) แทน ON TRACK/MONITOR/AT RISK ที่เส้นตายตัว
      const _zw=(H.zone&&H.zone.key!=='none'&&H.zone.word_th)?H.zone.word_th:'';
      chipEl.textContent=H.source==='stale_quarter'?'รอตั้งค่าไตรมาสใหม่':(_hasNum&&H.quarterNotice?H.quarterNotice:(_early?'รอข้อมูล':(_hasNum?_zw:'')));
      chipEl.className='kav-status-label '+(H.source==='stale_quarter'||(_hasNum&&H.quarterNotice)?'warn':(_early?'early':(_hasNum?(H.cls||''):'')));
    }
    if(daysEl){
      const _cachedNote=H.source==='cached'?`&ensp;<span style="font-size:var(--text-2xs);opacity:.85;color:rgba(140,180,255,.9)">· ข้อมูลเมื่อ ${typeof _nrrShortThaiDate==='function'?_nrrShortThaiDate(H.asOf):H.asOf}</span>`:'';
      daysEl.innerHTML=`${sig.daysElapsed} / ${sig.daysInMonth} วัน${_early?`&ensp;<span style="font-size:var(--text-2xs);opacity:.85;color:rgba(140,180,255,.9)">· อัพเดทวันที่ 6</span>`:_cachedNote}`;
    }
    if(barEl){const _r=38,_c=2*Math.PI*_r,_d=_c*Math.min(((_hasNum?H.pct:0)||0)/100,1);barEl.style.strokeDasharray=_d+' '+(_c-_d);barEl.setAttribute('class','kav-ring-fill '+(_hasNum?(H.cls||''):''));}
  } else if(ns){
    // %NRR ร้าน · คำ ON TRACK / MONITOR / AT RISK (เขียวเรือง = ถึงขั้น 2 ของเจ้าของร้าน) · ร้านไม่มี % บอกประเภทร้านแทน
    const _earlyN=_nsPct&&(ns.daysElapsed||0)<5;
    if(pctEl){
      pctEl.textContent=_nsPct?ns.label:(ns.altLabel||ns.tag||'—');
      // 25 ต.ค. 2569: คำ (จาก Sales / ร้านใหม่ …) ตัวเล็กแบบตัวหนังสือ ไม่ใช่ตัวเลข — เดิมล้นวง
      pctEl.className='kav-pace-num shop '+(_nsPct?_hzCls:(ns.altLabel?'':'kind'));
    }
    if(chipEl){
      chipEl.textContent=_nsPct?(_earlyN?'รอข้อมูล':((_hz&&_hz.word_th)||'')):(ns.altLabel?(ns.tag||''):'');
      chipEl.className='kav-status-label '+(_nsPct?(_earlyN?'early':_hzCls):'');
    }
    if(daysEl){
      const _dE=ns.daysElapsed||sig.daysElapsed, _dM=ns.daysInMonth||sig.daysInMonth;
      daysEl.innerHTML=`${_dE} / ${_dM} วัน${_earlyN?`&ensp;<span style="font-size:var(--text-2xs);opacity:.85;color:rgba(140,180,255,.9)">· อัพเดทวันที่ 6</span>`:''}`;
    }
    if(barEl){const _r=38,_c=2*Math.PI*_r,_d=_c*Math.min(((_nsPct?ns.pct:0)||0)/100,1);barEl.style.strokeDasharray=_d+' '+(_c-_d);barEl.setAttribute('class','kav-ring-fill '+(_nsPct?_hzCls:''));}
  } else {
    if(pctEl){pctEl.textContent=sig.pct!==null?sig.pct+'%':'—';pctEl.className='kav-pace-num '+(sig.cls||'');}
    // plain-text label matching portview: ON TRACK / MONITOR / AT RISK
    const _isEarlyMonth = sig.cls==='safe' && sig.daysElapsed < 5;
    if(chipEl){
      chipEl.textContent = _isEarlyMonth ? 'รอข้อมูล' : (_labelMap[sig.cls]||sig.label);
      chipEl.className='kav-status-label '+(_isEarlyMonth?'early':sig.cls||'');
    }
    if(daysEl){
      if(_isEarlyMonth){
        const _updateDay = 6; // pace reliable after day 5, shows on day 6
        daysEl.innerHTML=`${sig.daysElapsed} / ${sig.daysInMonth} วัน&ensp;<span style="font-size:var(--text-2xs);opacity:.85;color:rgba(140,180,255,.9)">· อัพเดทวันที่ ${_updateDay}</span>`;
      } else {
        daysEl.textContent=`${sig.daysElapsed} / ${sig.daysInMonth} วัน`;
      }
    }
    if(barEl){const _r=38,_c=2*Math.PI*_r,_d=_c*Math.min((sig.pct||0)/100,1);barEl.style.strokeDasharray=_d+' '+(_c-_d);barEl.setAttribute('class','kav-ring-fill '+(sig.cls||''));}
  }
  const daysArcEl=document.getElementById('kav-days-arc-fill');
  if(daysArcEl&&sig.daysInMonth>0){const _dr=28,_dc=2*Math.PI*_dr,_dd=_dc*Math.min((sig.daysElapsed||0)/sig.daysInMonth,1);daysArcEl.style.strokeDasharray=_dd+' '+(_dc-_dd);}

  // — stat row —
  if(statRow)statRow.style.display=sig.isNew?'none':'';
  const mtdEl=document.getElementById('kav-mtd-val');
  const expEl=document.getElementById('kav-exp-val');
  const fcstEl=document.getElementById('kav-fcst-val');
  const baseEl=document.getElementById('kav-base-val');
  if(mtdEl)mtdEl.textContent=(_nsPct?ns.gmvToDate:sig.gmvToDate)?_fK(_nsPct?ns.gmvToDate:sig.gmvToDate):'—';
  // 25 ต.ค. 2569 (Bucci): ร้านจาก Sales / Handover / Comeback เทียบยอดเดือนฐาน (ตัวเดียวกับการ์ดในพอร์ต) แทนเฉลี่ย 3 เดือน
  const _kb=(!_nsPct&&ns&&typeof nrrKindBase==='function')?nrrKindBase(_shopRow.id||currentAccountId,ns):null;
  // ควรได้ตอนนี้ = pro-rated baseline × days elapsed — neutral, not a performance signal
  // v302: บนหน้าแรกซ่อนแถวนี้ — เป็นค่าเฉลี่ยเลื่อน ซึ่งเก็บไว้เฉพาะจอสรุปเช้า (ไม่ใช่ไม้บรรทัดของวงแหวนแล้ว)
  if(expEl){
    // หน้าร้าน (C7): ควรได้ตอนนี้ = ยอดต่อวันเดือนฐาน × วันที่ผ่านไป (ตัวเดียวกับที่ใช้คิด %)
    const _exp=_nsPct?ns.expected:(_kb?_kb.daily*(ns.daysElapsed||sig.daysElapsed||0):sig.expected);
    expEl.textContent=_exp?_fK(Math.round(_exp)):'—';
    expEl.style.color=''; // neutral — matches MTD จริง
    const _expRow=expEl.closest?expEl.closest('.kav-ring-stat-row'):null;
    if(_expRow)_expRow.style.display=H?'none':'';
  }
  // RUN RATE / BASELINE pair — บนหน้าแรก (H) ไม่ลงสี ให้วงแหวนเป็นสัญญาณเดียว
  // หน้าร้าน (C7): RUN RATE / ฐาน = คู่เดียวกับรายการร้าน (ยอดที่เทียบกับฐานได้ ÷ ฐาน = % บนวงแหวนพอดี) ไม่ลงสี
  if(fcstEl){
    fcstEl.textContent=_nsPct?(ns.cmpRunrate?_fK(ns.cmpRunrate):'—'):(_kb?(ns.runrate?_fK(ns.runrate):'—'):(sig.runrate?_fK(sig.runrate):'—'));
    // ร้านที่เทียบเดือนฐาน (_kb) ⇒ สีตามเดือนฐานตัวเดียวกับตัวเลขคู่กัน (เดิมเทียบเฉลี่ย 3 เดือน ⇒ ขึ้นแดงทั้งที่สูงกว่าฐาน)
    fcstEl.style.color=(H||_nsPct)?'':(_kb?((ns.runrate||0)>=_kb.base?'var(--tk-ok-bright)':'#ff8888'):(sig.runrate&&sig.baselineGmv?(sig.runrate>=sig.baselineGmv?'var(--tk-ok-bright)':'#ff8888'):'rgba(255,255,255,.88)'));
  }
  if(baseEl)baseEl.textContent=_nsPct?(ns.baseline_gmv?_fK(ns.baseline_gmv):'—'):(_kb?_fK(_kb.base):(sig.baselineGmv?_fK(sig.baselineGmv):'—'));

  // — formula expand content —
  const fmlEl=document.getElementById('kav-formula-text');
  if(fmlEl&&_nsPct){
    // C8 (บอร์ด ShopInfo): วงแหวนนี้คืออะไร — ยอดต่อวันเดือนนี้ ÷ ยอดต่อวันเดือนฐาน + เส้นสีจากค่าตั้ง/เกณฑ์ของเจ้าของร้าน
    fmlEl.innerHTML=_kavShopNrrExplain(ns,_shopRow.kamEmail||'');
  } else if(fmlEl&&_kb){
    fmlEl.innerHTML=`ฐาน = ยอดจริงเดือน ${_kb.label} <strong>${_fK(_kb.base)}</strong> · ยอดต่อ 30 วัน = ยอดเดือนนี้ถึงวันนี้คิดเต็มเดือน<br><span style="color:rgba(220,235,255,.45)">ร้านนี้ไม่นับใน %NRR ไตรมาสนี้ (${String(ns.tag||'').replace(/[<>&]/g,'')}) — เทียบให้ดูว่าโตหรือลดเท่านั้น</span>`;
  } else if(fmlEl&&sig.monthsDetail&&sig.monthsDetail.length){
    const lines=sig.monthsDetail.map(d=>`${d.m}: ${_fK(d.gmv)} ÷ ${d.days} วัน = <strong>${_fK(d.daily)}/วัน</strong>`).join('<br>');
    const method=sig.histMonths>=3?`avg ${sig.histMonths} เดือน`:sig.histMonths===2?'avg 2 เดือน':'1 เดือน';
    // HR-2: บอกเส้นของคนนี้เดือนนี้ใต้คำอธิบายวงแหวน (จาก RuleView เดียวกับที่จ่าย ไม่มีเส้น = ไม่เขียน)
    const _ringRule=H&&typeof _kavRingRuleLine==='function'?_kavRingRuleLine((currentUserProfile&&currentUserProfile.email)||''):'';
    const _ringNote=H?`<span style="color:rgba(220,235,255,.7)">วงแหวน = %NRR เทียบฐาน ${H.baseLabel||'เดือนฐานของไตรมาส'} (ตัวเดียวกับค่าคอมฯ)</span><br>${_ringRule?`<span style="color:rgba(220,235,255,.7)">${_ringRule}</span><br>`:''}<span style="color:rgba(220,235,255,.4)">ด้านล่างคือฐานของยอดต่อ 30 วัน:</span><br>`:'';
    fmlEl.innerHTML=`${_ringNote}${lines}<br><span style="color:rgba(220,235,255,.4)">method: ${method} · baseline daily = ${_fK(sig.baselineDaily)}/วัน × ${sig.daysInMonth} วัน</span>`;
  }

  // — Zone 3 context label — (หน้าร้าน: ตามสุขภาพร้าน ตัวเดียวกับวงแหวน)
  _renderKamZone3Ctx(_hz?{cls:_hz.key==='risk'?'danger':(_hz.key==='monitor'?'warn':'safe')}:sig);
}

// C8 (25 ต.ค. 2569 · บอร์ด ShopInfo): คำอธิบายวงแหวนหน้าร้าน — ตัวเลขทุกตัวมาจาก nrrSignal ตัวเดียวกับรายการร้าน
//   ฐานต่อวัน = ยอดเดือนฐาน ÷ วันของเดือนฐาน · เดือนนี้ต่อวัน = ฐานต่อวัน × % (สาขาที่นับเท่านั้น) · หาร = % บนวงแหวน
//   เส้นสีจากค่าตั้ง (nrrShopHealthRules) · เส้นเขียวเรืองจากขั้น 2 ของเจ้าของร้าน (ไม่มี = ไม่เขียนบรรทัดนั้น)
function _kavShopNrrExplain(ns,email){
  const fB=n=>'฿'+Math.round(n).toLocaleString('en-US');
  const fK=n=>n>=1e6?'฿'+(n/1e6).toFixed(1)+'M':n>=1e3?'฿'+(n/1e3).toFixed(0)+'K':'฿'+Math.round(n);
  const baseLbl=ns.baseMonthLabel||'';
  const baseMo=baseLbl.split(' ')[0]||'เดือนฐาน';
  const baseDays=(typeof _nrrDaysInYm==='function'&&typeof _nrrYmFromThLabel==='function')?_nrrDaysInYm(_nrrYmFromThLabel(baseLbl)):0;
  const curMo=(D&&D.current_month&&D.current_month.month_label)?String(D.current_month.month_label).split(' ')[0]:'เดือนนี้';
  const dE=ns.daysElapsed||0;
  const basePerDay=baseDays>0?(ns.baseline_gmv||0)/baseDays:0;
  const curPerDay=basePerDay*(ns.pct||0)/100;
  const row=(k,v)=>`<div style="display:flex;justify-content:space-between;gap:10px"><span>${k}</span><b style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;color:rgba(255,255,255,.9);white-space:nowrap">${v}</b></div>`;
  const cov=ns.coverage?` (${ns.coverage.counted} จาก ${ns.coverage.total} สาขา)`:'';
  const R=(typeof nrrShopHealthRules==='function')?nrrShopHealthRules():null;
  const g=(typeof nrrShopGlowFrom==='function')?nrrShopGlowFrom(email):null;
  const pts=n=>(typeof _commFormatPts==='function'?_commFormatPts(n):String(n))+'%';
  const leg=(color,word,txt)=>`<div style="display:flex;gap:8px;align-items:baseline"><b style="color:${color};min-width:76px;white-space:nowrap">${word}</b><span>${txt}</span></div>`;
  const legend=R?`<div style="margin-top:9px;display:flex;flex-direction:column;gap:3px">`+
      (g!=null?leg('var(--hz-glow)',pts(g)+' ขึ้นไป','ถึงขั้น 2 ของเกณฑ์ ช่วยดึง %NRR ของ KAM ขึ้น'):'')+
      leg('var(--hz-on)','ON TRACK',pts(R.t1)+' ขึ้นไป')+
      leg('var(--hz-monitor)','MONITOR',pts(R.t2)+' ถึงต่ำกว่า '+pts(R.t1))+
      leg('var(--hz-risk)','AT RISK','ต่ำกว่า '+pts(R.t2))+
    `</div>`:'';
  return `<div style="color:rgba(220,235,255,.85);font-weight:var(--fw-bold);margin-bottom:4px">วงแหวนนี้คืออะไร</div>`+
    `<div style="color:rgba(220,235,255,.7);margin-bottom:8px">%NRR ของร้านนี้ คือยอดซื้อต่อวันเดือนนี้ เทียบกับยอดซื้อต่อวันเดือน ${baseMo} ซึ่งเป็นเดือนฐานของไตรมาส</div>`+
    (baseDays>0&&dE>0
      ?row(`${baseMo} ${fK(ns.baseline_gmv||0)} ÷ ${baseDays} วัน`,`${fB(basePerDay)} / วัน`)+
       row(`${curMo} ถึงวันนี้ ${fK(curPerDay*dE)} ÷ ${dE} วัน`,`${fB(curPerDay)} / วัน`)+
       row(`${fB(curPerDay)} ÷ ${fB(basePerDay)}`,ns.label)
      :'')+
    `<div style="color:rgba(220,235,255,.55);margin-top:8px">เลขเดียวกับในหน้าพอร์ต และคิดแบบเดียวกับ %NRR ที่ใช้คิดค่าคอมฯ · นับเฉพาะสาขาที่มียอดใน ${baseMo}${cov} สาขาที่เพิ่งเริ่มซื้อยังไม่นับ</div>`+
    legend;
}

// HR-2: "เส้นของคุณเดือน ต.ค. (ทีม Chain): ถึง 106% ได้ขั้นแรก ฿5,000 · 103–105.9% ค่าคอมฯ ส่วนอื่นได้ 50% · ต่ำกว่า 103% ได้ 0"
// อ่านจาก RuleView ของคนนี้เดือนนี้ (_dispRuleView ใน 07a) · ยังอ่านไม่ได้ = '' (ไม่เดาเส้น)
function _kavRingRuleLine(email){
  try{
    if(!email||typeof _dispRuleView!=='function'||typeof _dispGateOf!=='function')return '';
    const per=(typeof _nrrExclusionCurrentPeriod==='function')?_nrrExclusionCurrentPeriod():null;
    const role=(typeof _dispEngineRoleOf==='function')?_dispEngineRoleOf(email,(currentUserProfile&&currentUserProfile.role)||null):'kam';
    const v=_dispRuleView(per,email,role);
    if(!v||v.status==='loading')return '';
    // R1 UI #7: PM / ตำแหน่งที่ไม่มีแผน — เดิมไหลลงไปเขียน "เส้นของคุณ …: ไม่มีขั้นเงินจาก %NRR" ทั้งที่ไม่มีแผนเลย
    if(v.status==='no_plan')return 'ตำแหน่งนี้ยังไม่มีแผนค่าคอมฯ';
    // R1 UI #6: เกณฑ์อ่านไม่ได้ ⇒ ประโยคเดียวกับแถบค่าคอมฯ และชีท (07b_cds _commPlainRuleReasonTh)
    if(v.status==='unresolved'||v.status==='refused'){
      const pr=(typeof window._commPlainRuleReasonTh==='function')?window._commPlainRuleReasonTh(v,''):'';
      return pr||v.reason_th||'';
    }
    const g=_dispGateOf(v), s1=_dispStep1(v);
    const pct=n=>(typeof _commFormatPts==='function'?_commFormatPts(n):String(n))+'%';
    const sq=(typeof _dispSquadTh==='function')?_dispSquadTh(v):null;
    const parts=[];
    if(s1)parts.push('ถึง '+pct(s1.min)+' ได้ขั้นแรก '+_commFmtPayout(s1.pay));
    else parts.push('ไม่มีขั้นเงินจาก %NRR');
    if(g){
      // คำ ได้ X% จากตัวคูณที่ตั้งไว้ในเกณฑ์ (07a _dispGateOf → below/mid)
      const _gw=m=>(typeof _gateWordTh==='function'&&_gateWordTh(m))||null;
      parts.push(_commFormatPts(g.zero)+'–'+pct(Math.round((g.full-0.1)*10)/10)+' ค่าคอมฯ ส่วนอื่น'+(_gw(g.mid)||'ได้บางส่วน'));
      parts.push('ต่ำกว่า '+pct(g.zero)+' '+(_gw(g.below)||'ได้ 0%'));
    }
    return 'เส้นของคุณเดือน '+(_dispMonthShortTh(v.period))+(sq?' (ทีม '+sq+')':'')+': '+parts.join(' · ');
  }catch(e){return '';}
}

// ── v185: formula toggle ─────────────────────────────────────────
function _toggleKavFormula(){
  const d=document.getElementById('kav-formula-wrap');
  if(d)d.style.display=d.style.display==='none'||!d.style.display?'block':'none';
}

// ── v185: Zone 3 context button ──────────────────────────────────
function _renderKamZone3Ctx(sig){
  const btn=document.getElementById('kav-z3-secondary');
  if(!btn||!sig)return;
  const icon=`<svg width="13" height="13" viewBox="0 0 24 24" 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>`;
  if(sig.cls==='danger'){
    btn.innerHTML=`${icon} เปิดมุมมองร้าน — ดูสถานการณ์`;
    btn.className='kav-z3-ctx danger-ctx';
  }else{
    btn.innerHTML=`${icon} เปิดมุมมองร้าน`;
    btn.className='kav-z3-ctx';
  }
}

// ── Tab 1 "เดือนนี้": ก่อนเข้าร้าน brief card (new schema: situation/driver/pattern/probe) ──
// ── Tab 1 "เดือนนี้": rule-based data shown immediately; AI card injected after Insight ──
// ── v755d: floating outlet tooltip ──────────────────────────
function _showSkuOutletTooltip(event,dataId){
  event.stopPropagation();
  const existing=document.getElementById('_sku-outlet-tip');
  if(existing){
    if(existing.dataset.src===dataId){existing.remove();return;}
    existing.remove();
  }
  const src=document.getElementById(dataId);
  if(!src)return;
  const tip=document.createElement('div');
  tip.id='_sku-outlet-tip';
  tip.dataset.src=dataId;
  tip.innerHTML=`<div style="font-size:var(--text-2xs);color:rgba(255,255,255,.52);font-weight:var(--fw-bold);letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase">สาขา</div>${src.innerHTML}`;
  Object.assign(tip.style,{
    position:'fixed',zIndex:'9999',
    background:'rgba(18,22,32,.97)',
    border:'1px solid rgba(255,255,255,.12)',
    borderRadius:'10px',padding:'10px 12px',
    minWidth:'220px',maxWidth:'340px',
    boxShadow:'0 8px 24px rgba(0,0,0,.5)',
    fontSize:'12px',color:'rgba(255,255,255,.85)',
    fontFamily:"'Noto Sans Thai','IBM Plex Mono',sans-serif",
  });
  document.body.appendChild(tip);
  const rect=event.currentTarget.getBoundingClientRect();
  const tw=tip.offsetWidth||220;
  const th=tip.offsetHeight||120;
  let left=rect.left;
  let top=rect.bottom+6;
  if(left+tw>window.innerWidth-8)left=window.innerWidth-tw-8;
  if(top+th>window.innerHeight-8)top=rect.top-th-6;
  tip.style.left=left+'px';
  tip.style.top=top+'px';
  const close=e=>{if(!tip.contains(e.target)){tip.remove();document.removeEventListener('click',close,true);}};
  setTimeout(()=>document.addEventListener('click',close,true),10);
}

function renderKamThisMonth(){
  const renderer = window.FreshketSenseKamTeamRenderer;
  if(renderer && typeof renderer.renderKamThisMonthFromLegacy === 'function'){
    try{
      return renderer.renderKamThisMonthFromLegacy({
        D: D,
        OPPS: OPPS,
        currentAccountId: currentAccountId,
        currentKamSubtab: (typeof currentKamSubtab !== 'undefined' ? currentKamSubtab : null),
        portviewLevel: (typeof portviewLevel !== 'undefined' ? portviewLevel : null),
        portviewFilter: (typeof portviewFilter !== 'undefined' ? portviewFilter : null),
        teamviewLevel: (typeof teamviewLevel !== 'undefined' ? teamviewLevel : null),
        portviewBulkData: (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        legacy: { renderKamThisMonth: __legacyRenderKamThisMonthFallback }
      });
    }catch(e){
      console.warn('renderKamThisMonth renderer failed, falling back to legacy renderer', e);
    }
  }
  return __legacyRenderKamThisMonthFallback();
}

function __legacyRenderKamThisMonthFallback(){
  _renderKamHeader();
  const kamCards=document.getElementById('kam-cards');
  if(!kamCards)return;
  // Clear signal bar — Insight not yet run for this account; generateKamBriefing will re-populate
  const _sb=document.getElementById('kam-signal-bar');if(_sb){_sb.innerHTML='';_sb.style.display='none';}
  const cm=D.current_month;
  const history=D.history;
  const fmtK=n=>n>=1e6?'฿'+(n/1e6).toFixed(1)+'M':n>=1e3?'฿'+(n/1e3).toFixed(0)+'K':'฿'+Math.round(n).toLocaleString('th-TH');
  let html='';

  // ── 1: PACE card — v185: data now in Zone 1, skip rendering here ──
  // (sig still computed for hidden-risk warning below)
  let sig=null;
  if(cm){
    // v302: ด่าน "pace ดีแต่มีสัญญาณซ่อน" ใช้ %NRR เทียบเดือนฐาน (twin /nrr) ให้ตรงกับวงแหวน
    sig=(typeof computeNrrSignal==='function')?computeNrrSignal(cm,history,((typeof currentAccountId!=='undefined'&&currentAccountId&&currentAccountId!=='default')?currentAccountId:(D.meta&&D.meta.accountId))):computePaceSignal(cm,history);
    // pace card suppressed — see Zone 1 status strip
  } else {
    // no data state already handled by empty-state
  }

  // ── 1b: Hidden risk warning — pace ดี แต่มีสัญญาณซ่อน ──
  // 25 ต.ค. 2569 (C9): ร้านที่ ON TRACK ตามสุขภาพร้านตัวเดียวกับวงแหวน (05b nrrShopHealth) · ยังไม่รู้เส้น ⇒ ใช้ cls เดิม
  const _hidRow=(typeof nrrShopRowFor==='function')?nrrShopRowFor((typeof currentAccountId!=='undefined'&&currentAccountId&&currentAccountId!=='default')?currentAccountId:(D.meta&&D.meta.accountId)):null;
  const _hidH=_hidRow&&typeof nrrShopHealth==='function'?nrrShopHealth(_hidRow):null;
  const _hidOk=_hidH&&_hidH.key!=='none'?_hidH.group==='on':!!(sig&&(sig.cls==='safe'||sig.cls==='great'));
  if(cm&&sig&&_hidOk){
    const hiddenChurn=computeChurnSignals().filter(s=>s.type==='gone'&&s.gmv>=5000);
    const hiddenOm=computeOutletMovement();
    const droppedBig=(hiddenOm?.droppedOutlets||[]).filter(o=>(o.gmv||0)>=5000);
    const hiddenItems=[];
    if(hiddenChurn.length){
      const topChurn=hiddenChurn.slice(0,2).map(s=>s.name).join(', ');
      const totalGmv=hiddenChurn.reduce((s,c)=>s+c.gmv,0);
      hiddenItems.push(`หยุดสั่ง ${hiddenChurn.length} รายการ ที่เคยสั่งตั้งแต่ ฿5K/เดือน (รวม ${fmt(totalGmv)}/เดือน): ${topChurn}`);
    }
    if(droppedBig.length){
      const topDrop=droppedBig.slice(0,2).map(o=>o.outlet_name||o.name||'—').join(', ');
      hiddenItems.push(`สาขาหยุดสั่ง: ${topDrop}`);
    }
    if(hiddenItems.length){
      html+=`<div style="margin-bottom:12px;padding:11px 14px;background:rgba(240,176,0,.07);border:1px solid rgba(240,176,0,.3);border-radius:var(--r-card)">
        <div style="display:flex;align-items:center;gap:7px;margin-bottom:7px">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="rgba(240,176,0,.8)" stroke-width="2.5" stroke-linecap="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>
          <span style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(240,176,0,.85);text-transform:uppercase;letter-spacing:.7px">ระวัง — %NRR ดี แต่มีสัญญาณซ่อน</span>
        </div>
        ${hiddenItems.map(item=>`<div style="font-size:var(--text-sm);color:rgba(255,220,100,.75);line-height:1.6;padding-left:21px">• ${item}</div>`).join('')}
        <div style="font-size:var(--text-xs);color:rgba(255,200,80,.55);padding-left:21px;margin-top:6px;line-height:1.5">อาจส่งผลต่อยอดเดือนหน้า — ควร verify ก่อนออกจากร้าน</div>
      </div>`;
    }
  }

  // ── 2: สัญญาณบวก (new + growing SKUs this month) — rule-based ──
  const skuCurrentMap=new Map((D.sku_current||[]).map(s=>[String(s.item_id),s]));
  const moKeys=Object.keys(D.skus_monthly||{}).sort((a,b)=>{
    const toD=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
    return toD(b)-toD(a);
  });
  // v156: use last CLOSED month as baseline (not May MTD) for new/growing signal
  const _cmLbl3=(D.current_month||{}).month_label||'';
  const _prevClosedMoA=moKeys.find(m=>m!==_cmLbl3)||moKeys[0];
  const prevMonthSkuIds=_prevClosedMoA?new Set((D.skus_monthly[_prevClosedMoA]||[]).map(s=>String(s.id||s.item_id))):new Set();
  // New this month: in sku_current but NOT in last finished month
  const newThisMonth=(D.sku_current||[]).filter(s=>!prevMonthSkuIds.has(String(s.item_id))&&(s.gmv_to_date||0)>1000)
    .sort((a,b)=>(b.gmv_to_date||0)-(a.gmv_to_date||0)).slice(0,5);
  // Growing this month: in both, but pace-adjusted gmv > last month gmv
  const growing=[];
  if(cm&&cm.days_elapsed>0&&cm.days_in_month>0){
    const ratio=cm.days_in_month/cm.days_elapsed;
    (D.sku_current||[]).filter(s=>prevMonthSkuIds.has(String(s.item_id))).forEach(s=>{
      const lastSku=(D.skus_monthly[_prevClosedMoA]||[]).find(ls=>String(ls.id||ls.item_id)===String(s.item_id));
      if(!lastSku)return;
      const proj=(s.gmv_to_date||0)*ratio;
      const chgPct=lastSku.gmv>0?Math.round((proj-lastSku.gmv)/lastSku.gmv*100):0;
      const projGmv=(s.gmv_to_date||0)*ratio;
      if(chgPct>=20&&(s.gmv_to_date||0)>2000)growing.push({name:s.item_name_th||lastSku.n||'—',gmv:s.gmv_to_date||0,chgPct,projGmv:Math.round(projGmv),lastGmv:lastSku.gmv||0,item_id:String(s.item_id)});
    });
    growing.sort((a,b)=>b.gmv-a.gmv);growing.splice(5);
  }
  if(newThisMonth.length||growing.length){
    // 25 ต.ค. 2569 (Bucci · รอบแท่งเล็ก): เรื่องดีไม่ต้องลงมือ ⇒ ยุบเหลือหัวกลุ่ม + ยอดรวม แตะเปิดดูรายชื่อ (เปลี่ยนร้านแล้วยุบใหม่)
    if(typeof skuPosOpen==='undefined')window.skuPosOpen=false;
    // 25 ต.ค. 2569 (Bucci "แค่เด้งออกมา"): กาง/ยุบในที่ ไม่วาดทั้งหน้าใหม่ (_skuPosToggle) — ความสูงไหลลง แถวค่อย ๆ โผล่ทีละแถว
    //   ปุ่ม "ดูทั้งหมด N" มุมขวา + แถวกลุ่มเป็นปุ่ม (พื้นอ่อน ลูกศรในวง กดแล้วยุบตัว) · ชื่อ 2 ตัวแรกเป็นชิป
    const _posTotal=newThisMonth.length+growing.length;
    html+=`<div class="kam-dc pos-card${skuPosOpen?' open':''}" id="sku-pos-card" style="margin-bottom:12px">
      <div class="kam-dc-head" onclick="_skuPosToggle()" style="cursor:pointer"><span class="kam-dc-head-label" style="color:rgba(80,220,160,.85)">ซื้อเพิ่มเดือนนี้</span><span style="flex:1"></span><button type="button" class="pos-all" aria-expanded="${skuPosOpen?'true':'false'}"><span class="pos-all-t">${skuPosOpen?'ซ่อน':'ดูทั้งหมด '+_posTotal}</span><i aria-hidden="true">›</i></button></div>
      <div class="kam-dc-body">`;
    // v760: commission badge — match subclass to p1/p3 groups
    // v836-fix: was _commBuildKamPayout(currentUserProfile.email) — the VIEWER's email,
    // not the account's actual KAM. A TL/Admin opening any individual account's "This
    // Month" tab silently computed badges off their own (empty) upsell data instead of
    // the account-owning KAM's. Resolve via _getKamEmailForAccount (same helper the
    // portview account-switcher already uses), falling back to the viewer's own email
    // only if that lookup is unavailable (e.g. a KAM viewing their own account, where
    // both resolve to the same person anyway).
    const _commNewSet=new Set(),_commUpsellSet=new Set();
    try{
      const _cpEmail=(typeof _getKamEmailForAccount==='function'&&_getKamEmailForAccount(currentAccountId))||(currentUserProfile&&currentUserProfile.email);
      // HR-3 (R6): คิดด้วยตำแหน่งจริงของเจ้าของร้าน (AD/PM ใช้แผนของตัวเอง ไม่ใช่ของ KAM)
      const _cpRole=(typeof _dispPortfolioRoleOf==='function')?_dispPortfolioRoleOf(_cpEmail):'kam';
      const _cp=typeof _commBuildKamPayout==='function'?_commBuildKamPayout(_cpEmail,undefined,_cpRole==='kam'?undefined:_cpRole):null;
      (_cp&&_cp.upsell_sku&&_cp.upsell_sku.p1&&_cp.upsell_sku.p1.groups||[]).forEach(g=>{if(g.groupKey)_commNewSet.add(g.groupKey.toUpperCase());});
      (_cp&&_cp.upsell_sku&&_cp.upsell_sku.p3&&_cp.upsell_sku.p3.groups||[]).forEach(g=>{if(g.groupKey)_commUpsellSet.add(g.groupKey.toUpperCase());});
    }catch(e){}
    const _subclassMap=new Map();
    // v762: loop ALL months (incl. current MTD) so new-this-month SKUs get subclass
    // Old: only _prevClosedMoA → item_id ใหม่เดือนนี้ไม่มีใน prev → subclass empty → badge ไม่ขึ้น
    Object.values(D.skus_monthly||{}).forEach(arr=>(arr||[]).forEach(s=>{if((s.id||s.item_id)&&(s.d||s.subclass))_subclassMap.set(String(s.id||s.item_id),(s.d||s.subclass||'').toUpperCase());}));
    // fallback: also seed from D.skus (alias of latest month)
    (D.skus||[]).forEach(s=>{if((s.id||s.item_id)&&(s.d||s.subclass)&&!_subclassMap.has(String(s.id||s.item_id)))_subclassMap.set(String(s.id||s.item_id),(s.d||s.subclass||'').toUpperCase());});
    const _commBadge=(subclass)=>{
      if(!subclass)return'';
      const sc=subclass.toUpperCase();
      if(_commNewSet.has(sc))return`<span style="font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:1px 6px;border-radius:var(--r-xl);background:rgba(80,220,160,.12);color:rgba(80,220,160,.85);border:0.5px solid rgba(80,220,160,.25);margin-left:5px;letter-spacing:.3px">new</span>`;
      if(_commUpsellSet.has(sc))return`<span style="font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:1px 6px;border-radius:var(--r-xl);background:rgba(100,180,255,.1);color:rgba(100,180,255,.85);border:0.5px solid rgba(100,180,255,.25);margin-left:5px;letter-spacing:.3px">upsell</span>`;
      return'';
    };
    // v759: outlet tooltip helper
    const _posOutletTip=(itemId,nameForId)=>{
      const _od=(typeof bulkSkuOutletData!=='undefined'&&bulkSkuOutletData&&currentAccountId&&bulkSkuOutletData[currentAccountId])?bulkSkuOutletData[currentAccountId][String(itemId)]:null;
      if(!_od||!_od.length)return{html:'',chevron:'',onclick:''};
      const _oid='otp-'+String(nameForId).replace(/[^a-z0-9]/gi,'_');
      const tipHtml=`<div id="${_oid}" style="display:none" aria-hidden="true">${_od.map(o=>{
        const bought=o.this_month_orders>0;
        const dot=bought?'rgba(80,220,160,.9)':'rgba(255,130,130,.8)';
        return`<div style="display:flex;align-items:center;gap:8px;padding:4px 0"><span style="width:7px;height:7px;border-radius:50%;background:${dot};flex-shrink:0"></span><span style="font-size:var(--text-md);color:rgba(255,255,255,.85);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${o.outlet_name||o.outlet_id}</span></div>`;
      }).join('')}</div>`;
      return{html:tipHtml,chevron:'<span style="font-size:var(--text-2xs);color:rgba(255,255,255,.52);margin-left:4px">⌄</span>',onclick:`onclick="_showSkuOutletTooltip(event,'${_oid}')" style="cursor:pointer"`};
    };
    const _kS=n=>{n=Math.round(n||0);return n>=1e6?'฿'+(n/1e6).toFixed(1)+'M':n>=1e3?'฿'+(n/1e3).toFixed(1).replace(/\.0$/,'')+'K':'฿'+n;};
    // นับว่ากี่รายการเข้ากลุ่มค่าคอมฯ (ป้าย new/upsell บนแถว) — ยุบแล้วยังเห็นที่หัวกลุ่ม
    const _commN=arr=>arr.filter(x=>{const sc=_subclassMap.get(String(x.item_id))||'';return sc&&(_commNewSet.has(sc)||_commUpsellSet.has(sc));}).length;
    // 25 ต.ค. 2569 (Bucci "ดูไม่รู้ว่ากดขยายได้"): ยุบอยู่ ⇒ โชว์ชื่อ 2 ตัวแรก + "+N" และลูกศร › ท้ายแถว · กางอยู่ ⇒ ลูกศรหมุนลง
    const _escN=x=>String(x).replace(/[<>&"]/g,c=>({'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;'}[c]));
    const _posH=(lbl,n,sum,unit,cn,names)=>`<div class="pos-grp" onclick="_skuPosToggle()" role="button" tabindex="0"><div class="sku-grp pos tap"><b>${lbl}</b><span>${n} รายการ${cn?` · นับค่าคอมฯ ${cn}`:''}</span><em>${sum} <small>${unit}</small></em><i class="sku-grp-arr" aria-hidden="true">›</i></div>`
      +(names&&names.length?`<div class="sku-grp-peek">${names.slice(0,2).map(x=>`<span>${_escN(x)}</span>`).join('')}${names.length>2?`<b>+${names.length-2}</b>`:''}</div>`:'')+`</div>`;
    // แถวรายการอยู่ในกล่องที่ยุบได้เสมอ (วาดไว้ก่อน แค่ซ่อน) ⇒ กางแล้วไหลลงลื่น ไม่ต้องวาดทั้งหน้าใหม่ · --i = ลำดับสำหรับโผล่ทีละแถว
    const _posRows=rowsHtml=>`<div class="pos-rows"><div class="pos-rows-in">${rowsHtml}</div></div>`;
    if(newThisMonth.length){
      html+=_posH('เพิ่งเริ่มสั่ง',newThisMonth.length,_kS(newThisMonth.reduce((t,x)=>t+(x.gmv_to_date||0),0)),'เดือนนี้',_commN(newThisMonth),newThisMonth.map(x=>x.item_name_th||'—'));
      html+=_posRows(newThisMonth.map((s,_ri)=>{
        const {html:tipHtml,chevron,onclick}=_posOutletTip(s.item_id,s.item_id);
        const _sc=_subclassMap.get(String(s.item_id))||'';
        const _badge=_commBadge(_sc);
        return`<div class="kam-sku-row" style="--i:${_ri}"><span class="kam-sku-ind pos">+</span><div style="flex:1;min-width:0"><div class="kam-sku-name" ${onclick}>${s.item_name_th||'—'}${chevron}${tipHtml}</div></div><div style="text-align:right;flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:4px">${_badge}<span style="font-size:var(--text-base);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:var(--amb)">${fmt(s.gmv_to_date||0)}</span></div></div>`;
      }).join(''));
    }
    if(growing.length){
      html+=_posH('สั่งเพิ่มขึ้น',growing.length,'+'+_kS(growing.reduce((t,x)=>t+Math.max(0,x.projGmv-x.lastGmv),0)),'คาดทั้งเดือน',_commN(growing),growing.map(x=>x.name||'—'));
      html+=_posRows(growing.map((s,_ri)=>{
        const projInc=Math.max(0,s.projGmv-s.lastGmv);
        const {html:tipHtml,chevron,onclick}=_posOutletTip(s.item_id,s.item_id);
        const _sc=_subclassMap.get(String(s.item_id))||'';
        const _badge=_commBadge(_sc);
        return`<div class="kam-sku-row" style="--i:${_ri}"><span class="kam-sku-ind pos">↑</span><div style="flex:1;min-width:0"><div class="kam-sku-name" ${onclick}>${s.name}${chevron}${tipHtml}</div></div><div style="text-align:right;flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:4px">${_badge}<span style="font-size:var(--text-md);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:rgba(80,220,160,.95)">+${fmt(projInc)}</span></div></div>`;
      }).join(''));
    }
    html+=`</div></div>`;
  }

  // ── 2b: Outlet movement — unified list (dropped enriched with cycle info) ──
  const om=computeOutletMovement(0); // พ.ค. vs เม.ย.
  const cm2b=D.current_month;
  const now2b=new Date();
  const daysEl=cm2b?.days_elapsed||now2b.getDate();
  const daysInMo=cm2b?.days_in_month||30;
  if(om&&(om.newOutlets.length||om.droppedOutlets.length)){
    html+=`<div class="kam-dc" style="margin-bottom:12px">
      <div class="kam-dc-head"><span class="kam-dc-head-label">Outlet · ${om.recentMo}</span></div>
      <div class="kam-dc-body" style="padding-top:8px">`;
    om.newOutlets.forEach(o=>{
      html+=`<div class="kam-sku-row"><span class="kam-sku-ind pos">+</span><span class="kam-sku-name">${o.name||'—'}</span><div style="text-align:right;flex-shrink:0;white-space:nowrap"><span style="font-size:var(--text-md);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:rgba(255,255,255,.9)">${fmt(o.gmv||0)}</span><span style="font-size:var(--text-2xs);color:rgba(80,220,160,.5);margin-left:4px">ใหม่</span></div></div>`;
    });
    om.droppedOutlets.forEach(o=>{
      const cycle=o.orders>=1?Math.round(daysInMo/Math.max(o.orders,1)):0;
      const isMonthly=o.orders===1;          // สั่ง 1 ครั้ง/เดือน — informational only
      const hasCycle=cycle>=3&&!isMonthly;   // orders≥2: show urgency
      const clr=hasCycle&&daysEl>cycle*1.5?'rgba(255,130,130,.9)':'rgba(240,176,0,.85)';
      const ind=hasCycle&&daysEl>cycle*1.5?'neg':'warn';
      if(hasCycle||isMonthly||o.orders===0){
        const cycleLabel=isMonthly
          ?`<div style="font-size:var(--text-xs);color:rgba(255,255,255,.52);margin-top:1px">ปกติ 1 ครั้ง/เดือน</div>`
          :o.orders===0?''
          :`<div style="font-size:var(--text-xs);color:rgba(255,255,255,.52);margin-top:1px">ปกติ ${o.orders} ครั้ง/เดือน · ผ่านมา ${daysEl} วันแล้ว</div>`;
        const statusClr=isMonthly?'rgba(255,255,255,.3)':o.orders===0?'rgba(255,255,255,.3)':clr;
        html+=`<div class="kam-sku-row" style="align-items:flex-start;padding:5px 0">
          <span class="kam-sku-ind ${isMonthly||o.orders===0?'neg':ind}" style="margin-top:2px">−</span>
          <div style="flex:1;min-width:0">
            <div class="kam-sku-name">${o.name||'—'}</div>
            ${cycleLabel}
          </div>
          <div style="text-align:right;flex-shrink:0;white-space:nowrap">
            ${o.gmv?`<div style="font-size:var(--text-md);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:rgba(255,255,255,.75)">${fmt(o.gmv)}</div>`:''}
            <div style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:${statusClr}">ยังไม่สั่ง</div>
          </div>
        </div>`;
      }
    });
    html+=`</div></div>`;
  }

  // ── 3: SKU Signals — churn (gone + slow) ──
  const signals=computeChurnSignals();
  if(D.sku_current&&D.sku_current.length&&signals.length){
    const goneCount=signals.filter(s=>s.type==='gone').length;
    const slowCount=signals.filter(s=>s.type==='slow').length;
    const nearCount=signals.filter(s=>s.type==='near').length;
    const notYetCount=signals.filter(s=>s.type==='not_yet').length;
    const badgeParts=[];
    if(goneCount)badgeParts.push(goneCount+' ไม่มียอด');
    if(slowCount)badgeParts.push(slowCount+' ยอดลด');
    if(nearCount)badgeParts.push(nearCount+' เฝ้าดู');
    if(notYetCount)badgeParts.push(notYetCount+' ยังไม่ถึงรอบ');
    const infoCard=skuSignalInfoOpen?`<div style="margin:8px 0 4px;padding:10px 12px;background:rgba(255,255,255,.05);border-radius:var(--r-8);border-left:2px solid rgba(100,170,255,.4)">
      <div style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(180,210,255,.9);margin-bottom:6px">สินค้าที่ต้องดูคิดยังไง?</div>
      <div style="font-size:var(--text-sm);color:rgba(220,235,255,.7);line-height:1.75">ดูจากเดือนที่แล้วว่าแต่ละ SKU สั่งกี่ครั้ง แล้วคำนวณ "รอบปกติ" ว่าห่างกันกี่วัน</div>
      <div style="margin:7px 0 5px;font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(180,210,255,.6);letter-spacing:.5px">ตัวอย่าง: น้ำมันปาล์ม สั่ง 4 ครั้ง/เดือน จาก 2 สาขา</div>
      <div style="font-size:var(--text-sm);color:rgba(220,235,255,.55);line-height:1.8;padding-left:8px">→ แต่ละสาขาสั่ง 2 ครั้ง → รอบปกติ 15 วัน<br>วันที่ 16 ยังไม่สั่ง → เพิ่งเลยรอบ 1 วัน → <span style="color:rgba(240,176,0,.9);font-weight:var(--fw-bold)">เพิ่งเลยรอบ</span><br>วันที่ 23 ยังไม่สั่ง → เลย 8 วัน (>50% ของรอบ) → <span style="color:rgba(255,130,130,.9);font-weight:var(--fw-bold)">หยุดสั่ง</span><br>วันที่ 10 ยังไม่สั่ง → รออีก 5 วัน → <span style="color:rgba(255,255,255,.52);font-weight:var(--fw-bold)">ยังไม่ถึงรอบ</span></div>
    </div>`:'';
    // ── แท่งยอด 3 เดือนต่อแถว (Bucci 25 ต.ค. 2569 · แทนประโยคยาว "เคยสั่ง ฿X/เดือน" + หมวด) ──
    //   แท่งเทา = 2 เดือนที่ปิดแล้วล่าสุด · แท่งสี = เดือนนี้ถึงวันนี้ + เส้นประ = คาดทั้งเดือน (ยอดถึงวันนี้ × วันทั้งเดือน ÷ วันที่ผ่านไป)
    //   เดือนนี้ยังไม่ซื้อ = ขีดสีบาง ๆ · ตัวเลขทุกตัวมาจาก D.skus_monthly / D.sku_current ตัวเดียวกับที่คิดสัญญาณ
    const _sparkCm=D.current_month||{};
    const _sparkCur=_sparkCm.month_label||'';
    const _sparkMos=moKeys.filter(m=>m!==_sparkCur).slice(0,2).reverse();
    const _sparkRatio=(_sparkCm.days_elapsed>0&&_sparkCm.days_in_month>=_sparkCm.days_elapsed)?_sparkCm.days_in_month/_sparkCm.days_elapsed:1;
    const _sparkGmv=(m,id)=>{const r=(D.skus_monthly[m]||[]).find(x=>String(x.id||x.item_id)===id);return r?Number(r.gmv)||0:0;};
    const _skuSpark=(id)=>{
      id=String(id);
      const past=_sparkMos.map(m=>_sparkGmv(m,id));
      const cur=Number((skuCurrentMap.get(id)||{}).gmv_to_date)||0;
      const proj=cur*_sparkRatio;
      const max=Math.max(1,proj,...past);
      const h=v=>v>0?Math.max(2,Math.round(v/max*22)):0;
      const bar=v=>v>0?`<i style="height:${h(v)}px"></i>`:`<i class="z"></i>`;
      const now=cur>0?`<span class="stk"><i class="now" style="height:${h(cur)}px"></i>${h(proj)-h(cur)>0?`<i class="proj" style="height:${h(proj)-h(cur)}px"></i>`:''}</span>`:`<i class="now z"></i>`;
      return past.map(bar).join('')+now;
    };
    const _sparkMoShort=m=>String(m||'').split(' ')[0];
    const _sparkLegend=_sparkMos.length?`<div class="sku-legend"><span class="sku-spark" aria-hidden="true"><i style="height:7px"></i><i style="height:10px"></i><span class="stk"><i class="now" style="height:5px"></i><i class="proj" style="height:3px"></i></span></span>แท่ง = ยอดซื้อ ${[..._sparkMos,_sparkCur].map(_sparkMoShort).join(' ')} · เส้นประ = คาดทั้งเดือน</div>`:'';
    // SKU Verify button state
    const _verifyDone=skuSubstituteDone;
    const _verifyLoading=skuSubstituteLoading;
    const _vBtnCls='sku-verify-btn'+(_verifyDone?' done':_verifyLoading?' loading':'');
    const _vIcon=`<svg class="svb-icon" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg>`;
    // v758: GMV filter
    if(typeof skuGmvFilter==='undefined')window.skuGmvFilter=3000; // v763: default <3K
    const _f1A=skuGmvFilter===1000,_f3A=skuGmvFilter===3000;
    const _fBase='font-size:var(--text-xs);padding:2px 8px;border-radius:var(--r-xl);cursor:pointer;font-family:var(--tk-font-body);border:1px solid';
    const _f1S=_fBase+(_f1A?' rgba(100,180,255,.6);background:rgba(100,180,255,.12);color:rgba(100,180,255,.9)':' rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.52)');
    const _f3S=_fBase+(_f3A?' rgba(240,176,0,.6);background:rgba(240,176,0,.1);color:rgba(240,176,0,.9)':' rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.52)');
    html+=`<div class="kam-dc" style="margin-bottom:12px">
      <div class="kam-dc-head sku-head">
        <span class="kam-dc-head-label" style="color:rgba(255,130,130,.85)">สินค้าที่ต้องดู</span>
        <button onclick="skuSignalInfoOpen=!skuSignalInfoOpen;refreshAll()" style="width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--tk-text-muted);font-size:var(--text-xs);font-style:italic;font-family:Georgia,serif;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:6px;font-weight:var(--fw-bold)">i</button>
        <span style="flex:1"></span>
        <button title="ซ่อนสินค้าที่เคยสั่งน้อยกว่า ฿1K/เดือน" onclick="skuGmvFilter=skuGmvFilter===1000?0:1000;refreshAll()" style="${_f1S};margin-right:4px">฿1K+</button>
        <button title="ซ่อนสินค้าที่เคยสั่งน้อยกว่า ฿3K/เดือน" onclick="skuGmvFilter=skuGmvFilter===3000?0:3000;refreshAll()" style="${_f3S};margin-right:6px">฿3K+</button>
        <button id="sku-verify-tm-btn" class="${_vBtnCls}" onclick="triggerSkuVerifyFromThisMonth()">${_vIcon}${_verifyLoading?'กำลังตรวจ...':_verifyDone?'✓ SKU Verify':'SKU Verify'}</button>
      </div>
      <div class="kam-dc-body" style="padding-top:8px">${infoCard}${_sparkLegend}`;
    const actionSigs=signals.filter(s=>s.type!=='not_yet');
    const notYetSigs=signals.filter(s=>s.type==='not_yet'); // approaching อยู่ใน actionSigs แล้ว (ไม่ใช่ not_yet)
    // เงินแบบสั้น (฿4.6K) — ป้ายฝั่งขวากว้างไม่เกินเดิม ชื่อสินค้าไม่โดนบีบ
    const _kShort=n=>{n=Math.round(n||0);return n>=1e6?'฿'+(n/1e6).toFixed(1)+'M':n>=1e3?'฿'+(n/1e3).toFixed(1).replace(/\.0$/,'')+'K':'฿'+n;};
    const renderSkuRow=(s,dimmed=false)=>{
      const sub=skuSubstituteMap[String(s.id)];
      const isSub=!!sub;
      const clr=isSub?'rgba(140,180,255,.9)':s.type==='gone'?'rgba(255,130,130,.9)':s.type==='slow'?'rgba(255,140,40,.9)':s.type==='near'?'rgba(240,176,0,.85)':s.type==='approaching'?'rgba(100,180,255,.9)':'rgba(255,255,255,.3)';
      const ind=isSub?'substituted':s.type==='gone'?'neg':s.type==='slow'?'slow':s.type==='near'?'warn':s.type==='approaching'?'approaching':'';
      const indSymbol=isSub?'→':s.type==='gone'?'−':s.type==='slow'?`<svg width="13" height="12" viewBox="0 0 13 12" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;display:inline-block;margin-top:-1px"><polyline points="1,2 4,7 8,4 12,9"/><polyline points="9,9 12,9 12,6"/></svg>`:s.type==='near'?'↓':s.type==='approaching'?'◎':'·';
      // 25 ต.ค. 2569 (รอบแท่งเล็ก): ตัวเลขขวาตัวเดียวต่อแถว — หยุดสั่ง/เพิ่งเลยรอบ = ยอดที่เคยซื้อต่อเดือน · ซื้อน้อยลง = เงินที่หายต่อเดือน (เคยซื้อ × % ที่ลด)
      //   หน่วย "/เดือน" อยู่ที่หัวกลุ่มครั้งเดียว · ใกล้ถึงรอบ/ยังไม่ถึงรอบ = อีกกี่วัน (ไม่มีเงินเสี่ยง)
      const badge=isSub?'สลับ':s.type==='gone'?_kShort(s.gmv):s.type==='slow'?'−'+_kShort((s.gmv||0)*(s.gapPct||0)/100):s.type==='near'?_kShort(s.gmv):'อีก '+(s.daysUntil||0)+' วัน';
      const story=isSub?'':skuStoryLine(s);
      const subHtml=isSub?`<div style="font-size:var(--text-sm);color:rgba(180,210,255,.8);margin-top:3px">→ ${sub.substituteName}</div><div style="font-size:var(--text-xs);color:rgba(140,180,255,.45);margin-top:1px">${sub.reason||''}</div>`:'';
      // outlet info — floating tooltip เมื่อ tap ชื่อ SKU
      const _outletData=(typeof bulkSkuOutletData!=='undefined'&&bulkSkuOutletData&&currentAccountId&&bulkSkuOutletData[currentAccountId])?bulkSkuOutletData[currentAccountId][String(s.id)]:null;
      const _hasOutlet=_outletData&&_outletData.length>=1&&(s.type==='gone'||s.type==='near'||s.type==='approaching'||s.type==='slow');
      const _outletId='ot-'+String(s.id).replace(/[^a-z0-9]/gi,'_');
      // pre-render tooltip content ใน hidden div — floating tooltip จะ clone content นี้
      const outletTooltipHtml=_hasOutlet?
        `<div id="${_outletId}" style="display:none" aria-hidden="true">
          ${_outletData.map(o=>{
            const ordered=o.this_month_orders>0;
            const hadLast=o.last_month_orders>0;
            const dot=ordered?'rgba(80,220,160,.9)':hadLast?'rgba(255,130,130,.8)':'rgba(255,255,255,.2)';
            return`<div style="display:flex;align-items:center;gap:8px;padding:4px 0"><span style="width:7px;height:7px;border-radius:50%;background:${dot};flex-shrink:0"></span><span style="font-size:var(--text-md);color:rgba(255,255,255,.85);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${o.outlet_name||o.outlet_id}</span></div>`;
          }).join('')}
        </div>`:''
      const badgeColor=isSub?'color:rgba(180,210,255,.9);background:var(--tk-accent-dim-3);border:1px solid var(--tk-accent-dim-3);border-radius:var(--r-md);padding:1px 7px;font-size:var(--text-xs);font-weight:var(--fw-bold)':'color:'+clr;
      const _sparkCls=s.type==='gone'?'neg':s.type==='slow'?'slow':s.type==='near'?'warn':s.type==='approaching'?'appr':'dim';
      const lead=isSub?`<span class="kam-sku-ind ${ind}">${indSymbol}</span>`:`<span class="sku-spark ${_sparkCls}" aria-hidden="true">${_skuSpark(s.id)}</span>`;
      return`<div class="kam-sku-row sku2"${dimmed?' style="opacity:.5"':''}>
        ${lead}
        <div style="min-width:0">
          <div class="kam-sku-name" ${_hasOutlet?`onclick="_showSkuOutletTooltip(event,'${_outletId}')" style="cursor:pointer"`:''}>${s.name}${_hasOutlet?'<span style="font-size:var(--text-2xs);color:rgba(255,255,255,.52);margin-left:4px">⌄</span>':''}</div>
          ${story&&!isSub?`<div class="sku-story">${story}</div>`:''}${subHtml}${outletTooltipHtml}
        </div>
        <span class="sku-amt" style="${badgeColor}">${badge}</span>
      </div>`;
    };
    // v758: section-based render with GMV filter
    const _gmvMin=skuGmvFilter||0;
    const filteredAct=actionSigs.filter(s=>(s.gmv||0)>=_gmvMin);
    // เรียงตามเงินที่เสี่ยงหาย (ซื้อน้อยลง = เคยซื้อ × % ที่ลด · อื่น ๆ = ทั้งก้อนที่เคยซื้อ) — ตัวที่เงินมากขึ้นก่อน
    const _atRisk=s=>s.type==='slow'?(s.gmv||0)*(s.gapPct||0)/100:(s.gmv||0);
    const _byRisk=(a,b)=>_atRisk(b)-_atRisk(a);
    const _goneSigs=filteredAct.filter(s=>s.type==='gone').sort(_byRisk);
    const _slowSigs=filteredAct.filter(s=>s.type==='slow').sort(_byRisk);
    const _nearSigs=filteredAct.filter(s=>s.type==='near').sort(_byRisk);
    const _apprSigs=filteredAct.filter(s=>s.type==='approaching');
    // หัวกลุ่ม: ชื่อ · กี่รายการ · ยอดรวมของกลุ่ม (หน่วยอยู่ตรงนี้ครั้งเดียว)
    const _secH=(lbl,n,cls,sum)=>`<div class="sku-grp ${cls}"><b>${lbl}</b><span>${n} รายการ</span>${sum?`<em>${sum}</em>`:''}</div>`;
    const _sumK=(arr,f)=>_kShort(arr.reduce((t,s)=>t+f(s),0));
    if(_goneSigs.length){html+=_secH('หยุดสั่ง',_goneSigs.length,'neg',_sumK(_goneSigs,s=>s.gmv||0)+'/เดือน');html+=_goneSigs.map(s=>renderSkuRow(s)).join('');}
    if(_slowSigs.length){html+=_secH('ซื้อน้อยลง',_slowSigs.length,'slow','−'+_sumK(_slowSigs,_atRisk)+'/เดือน');html+=_slowSigs.map(s=>renderSkuRow(s)).join('');}
    if(_nearSigs.length){html+=_secH('เพิ่งเลยรอบ',_nearSigs.length,'warn','เคยซื้อ '+_sumK(_nearSigs,s=>s.gmv||0)+'/เดือน');html+=_nearSigs.map(s=>renderSkuRow(s)).join('');}
    if(!filteredAct.length&&actionSigs.length)html+=`<div style="font-size:var(--text-sm);color:rgba(255,255,255,.52);padding:8px 0;text-align:center">ไม่มี SKU ที่เข้าเกณฑ์ — <button onclick="skuGmvFilter=0;refreshAll()" style="background:none;border:none;color:rgba(100,180,255,.7);cursor:pointer;font-size:var(--text-sm);text-decoration:underline">ล้าง filter</button></div>`;
    // ใกล้ถึงรอบ + ยังไม่ถึงรอบ = ยังไม่ต้องลงมือ ⇒ ยุบไว้ แตะเปิด (เดิม "ใกล้ถึงรอบ" กางเต็มทุกแถว)
    const filteredNY=notYetSigs.filter(s=>(s.gmv||0)>=_gmvMin);
    if(_apprSigs.length||filteredNY.length){
      if(churnExpanded){
        if(_apprSigs.length){html+=_secH('ใกล้ถึงรอบ',_apprSigs.length,'appr','');html+=_apprSigs.map(s=>renderSkuRow(s)).join('');}
        if(filteredNY.length){html+=_secH('ยังไม่ถึงรอบ',filteredNY.length,'dim','');html+=filteredNY.map(s=>renderSkuRow(s,true)).join('');}
      }
      const _waitParts=[];
      if(_apprSigs.length)_waitParts.push('ใกล้ถึงรอบ '+_apprSigs.length);
      if(filteredNY.length)_waitParts.push('ยังไม่ถึงรอบ '+filteredNY.length);
      html+=`<button class="sku-more" onclick="churnExpanded=!churnExpanded;refreshAll()">${churnExpanded?'▲ ซ่อน':_waitParts.join(' · ')+' รายการ — ยังไม่ต้องห่วง แตะดู'}</button>`;
    }
    html+=`</div></div>`;
  } else if(D.sku_current&&D.sku_current.length&&!signals.length){
    html+=`<div class="kam-dc" style="margin-bottom:12px">
      <div class="kam-dc-head"><span class="kam-dc-head-label" style="color:rgba(80,220,160,.85)">SKU Signals</span></div>
      <div class="kam-dc-body" style="color:rgba(80,220,160,.6);font-size:var(--text-md)">✓ ไม่พบ SKU ที่น่าเป็นห่วงเดือนนี้</div>
    </div>`;
  }

  // ── 4: Category gap ──
  if(cm&&D.cats_monthly&&D.sku_current&&D.sku_current.length){
    const prevCatMoKeys=Object.keys(D.cats_monthly).sort((a,b)=>{const toD=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};return toD(b)-toD(a);});
    const prevCats=prevCatMoKeys.length?D.cats_monthly[prevCatMoKeys[0]]||[]:[];
    const curCatNames=new Set();
    // v765: build category lookup from ALL months (incl. current MTD) not just D.skus (prev month alias)
    // D.skus = alias of last closed month → new-this-month SKUs not found → false category gap
    const _allSkuMap=new Map();
    Object.values(D.skus_monthly||{}).forEach(arr=>(arr||[]).forEach(s=>{if(s.id||s.item_id)_allSkuMap.set(String(s.id||s.item_id),s.d||'');}));
    (D.skus||[]).forEach(s=>{if((s.id||s.item_id)&&!_allSkuMap.has(String(s.id||s.item_id)))_allSkuMap.set(String(s.id||s.item_id),s.d||'');});
    (D.sku_current||[]).forEach(sc=>{const cat=_allSkuMap.get(String(sc.item_id));if(cat)curCatNames.add(cat);});
    const missingCats=prevCats.filter(c=>c.s>5000&&!curCatNames.has(c.n));
    if(missingCats.length){
      html+=`<div class="kam-dc" style="margin-bottom:12px;border-color:rgba(240,176,0,.2)">
        <div class="kam-dc-head"><span class="kam-dc-head-label" style="color:var(--amb)">Category ยังไม่สั่งเดือนนี้</span><span style="font-size:var(--text-xs);color:rgba(255,255,255,.52);margin-left:auto">${missingCats.length} หมวด</span></div>
        <div class="kam-dc-body" style="padding-top:8px">
          ${missingCats.slice(0,5).map(c=>`<div style="display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)"><span style="font-size:var(--text-md);color:var(--tk-text-secondary)">${c.n}</span><span style="font-size:var(--text-sm);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;color:var(--amb)">${fmt(c.s)} เดือนก่อน</span></div>`).join('')}
        </div>
      </div>`;
    }
  }

  // ── CTA: Insight button hint (if no AI card yet) ──
  // v185: insight hint + อ่าน brief card removed (Zone 3 + overlay handle this)

  kamCards.innerHTML=html;
}

// ── Tab 2 "เม.ย.": Last month data cards (ยอดซื้อ / Outlets / วัตถุดิบ / โอกาส) ──
function renderKamLastMonth(){
  const renderer = window.FreshketSenseKamTeamRenderer;
  if(renderer && typeof renderer.renderKamLastMonthFromLegacy === 'function'){
    try{
      return renderer.renderKamLastMonthFromLegacy({
        D: D,
        OPPS: OPPS,
        currentAccountId: currentAccountId,
        currentKamSubtab: (typeof currentKamSubtab !== 'undefined' ? currentKamSubtab : null),
        portviewLevel: (typeof portviewLevel !== 'undefined' ? portviewLevel : null),
        portviewFilter: (typeof portviewFilter !== 'undefined' ? portviewFilter : null),
        teamviewLevel: (typeof teamviewLevel !== 'undefined' ? teamviewLevel : null),
        portviewBulkData: (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        legacy: { renderKamLastMonth: __legacyRenderKamLastMonthFallback }
      });
    }catch(e){
      console.warn('renderKamLastMonth renderer failed, falling back to legacy renderer', e);
    }
  }
  return __legacyRenderKamLastMonthFallback();
}

// v_gp: บรรทัด GP ในการ์ด "ยอดซื้อ" — คืน '' เมื่อยังไม่มีข้อมูล ไม่เคยคืน ฿0
//
// data-gp ทุก element ที่มี GP อยู่ ต้องมี attribute นี้ เพราะ _doShareReport()
// แคป DOM ด้วย html2canvas แล้วส่งภาพให้ลูกค้า — ตัวตัด [data-gp] ออกจาก clone
// พึ่ง attribute นี้เป็นตัวจับ (ดู task GP 6) · GP คือกำไรของ Freshket
// ห้ามหลุดออกไปนอกองค์กรเด็ดขาด
function _kamGpRowHtml(monthLabel){
  if(typeof senseGpFor!=='function')return'';
  const g=senseGpFor(monthLabel);
  if(!g)return'';                       // ไม่มีคอลัมน์ GP ในไฟล์ → ไม่ต้องมีบรรทัดนี้เลย
  if(!g.ready){
    // มีข้อมูลแต่ไม่พอ — บอกตรงๆ ดีกว่าโชว์ %GP ที่ต่ำเพราะข้อมูลขาด
    return`<div class="kam-gp-row" data-gp="1">
      <span class="kam-gp-label">GP</span>
      <span class="kam-gp-pct">ข้อมูลกำไรยังไม่พอ (${Math.round(g.coverage*100)}% ของยอด)</span>
    </div>`;
  }
  // fmt() คืน "฿-1,234" สำหรับเลขติดลบ ซึ่งอ่านแปลก → จัดเป็น "−฿1,234"
  const neg=g.gp<0?' neg':'';
  const amt=g.gp<0?('−'+fmt(-g.gp)):fmt(g.gp);
  // ใช้ − ตัวเดียวกับจำนวนเงิน ไม่ใช่ hyphen ที่ toFixed คืนมา
  const pct=g.gpPct<0?('−'+Math.abs(g.gpPct).toFixed(1)):g.gpPct.toFixed(1);
  // ตัวส่วนของ %GP คือ GMV จากไฟล์ sense_skus เดียวกับ GP ไม่ใช่ยอดพาดหัว
  // ด้านบน (มาจาก bulk_history) — ระบุไว้ใน title เพื่อไม่ให้หารมือแล้วไม่ตรง
  const tip=`GP ${amt} จากยอด ${fmt(g.gmv)} `+
            `(ข้อมูลกำไรครอบคลุม ${Math.round(g.coverage*100)}% ของยอดเดือนนี้)`;
  // v_gp รอบ 2 (บุช): "กำไรมาจากไหน" กางออกจากบรรทัด GP รวม ไม่ใช่การ์ดแยก
  //
  // เหตุผลอยู่ติดกับตัวเลขที่มันอธิบาย — กด GP รวม แล้วมันแตกออกเป็นหมวด
  // ดีกว่าการ์ดใหม่ที่ลอยอยู่ข้างล่างแล้วผู้อ่านต้องเชื่อมโยงเองว่าเกี่ยวกัน
  // และไม่ต้องเพิ่มการ์ดถาวรในหน้าที่การ์ดแน่นอยู่แล้ว
  //
  // เรนเดอร์เนื้อในไว้เลยแล้วซ่อนด้วย hidden ไม่ใช่ re-render ตอนกด — การกดจึง
  // ไม่ต้องแตะ renderKamLastMonth() ทั้งก้อน (ไม่เสี่ยง race/เสียตำแหน่ง scroll)
  const body=_kamGpByCatBodyHtml(monthLabel);
  if(!body){
    // ไม่มีรายละเอียดให้กาง → เป็นบรรทัดเฉยๆ ไม่ต้องทำให้กดได้ทั้งที่กดแล้วไม่มีอะไร
    return`<div class="kam-gp-row" data-gp="1" title="${tip}">
      <span class="kam-gp-label">กำไร (GP)</span>
      <span class="kam-gp-val${neg}">${amt}</span>
      <span class="kam-gp-pct">${pct}% ของยอด</span>
    </div>`;
  }
  const open=(typeof kamGpCatOpen!=='undefined'&&kamGpCatOpen);
  return`<div class="kam-gp-block" data-gp="1">
    <div class="kam-gp-row kam-gp-row-btn${open?' open':''}" id="kam-gp-toggle" title="${tip}"
         role="button" tabindex="0" aria-expanded="${open?'true':'false'}" aria-controls="kam-gp-cat-body"
         onclick="toggleKamGpCat()" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();toggleKamGpCat();}">
      <span class="kam-gp-label">กำไร (GP)</span>
      <span class="kam-gp-val${neg}">${amt}</span>
      <span class="kam-gp-pct">${pct}% ของยอด</span>
      <span class="kam-gp-chev" aria-hidden="true">›</span>
    </div>
    <div class="kam-gp-cat-body" id="kam-gp-cat-body"${open?'':' hidden'}>${body}</div>
  </div>`;
}

// v_gp: กาง/พับ "กำไรมาจากไหน" — สลับที่ DOM ตรงๆ ไม่ re-render การ์ดใหม่
function toggleKamGpCat(){
  kamGpCatOpen=!kamGpCatOpen;
  const body=document.getElementById('kam-gp-cat-body');
  const btn=document.getElementById('kam-gp-toggle');
  if(body)body.hidden=!kamGpCatOpen;
  if(btn){
    btn.classList.toggle('open',kamGpCatOpen);
    btn.setAttribute('aria-expanded',kamGpCatOpen?'true':'false');
  }
}
window.toggleKamGpCat=toggleKamGpCat;

// v_gp: เนื้อใน "กำไรมาจากไหน" — GP แยกตามหมวดสินค้า
//
// บรรทัด GP รวมบอกได้แค่ว่ากำไรเดือนนี้เท่าไหร่ · ส่วนนี้ตอบว่า *มาจากไหน*
// ซึ่งเป็นสิ่งที่บุชบอกว่าทีมยังไม่รู้ ("ทีมยังไม่รู้วิธี control หรือเข้าใจว่า
// อะไร drive สิ่งนี้") — เป็นเหตุผลของฟีเจอร์นี้ทั้งอัน ไม่ใช่ของแถม
//
// แถบสัดส่วนใช้ "ส่วนแบ่งของกำไร" ไม่ใช่ส่วนแบ่งของยอดขาย — จุดที่ทำให้อ่านรู้
// เรื่องคือเห็นว่าหมวดที่ยอดใหญ่ไม่ใช่หมวดที่กำไรใหญ่ ซึ่งถ้าวาดด้วยส่วนแบ่ง
// ยอดขายจะมองไม่เห็นเลย
//
// คืน '' เมื่อไม่มีอะไรให้กาง — ผู้เรียกใช้ค่านี้ตัดสินว่าจะทำให้บรรทัด GP
// กดได้หรือไม่ (ห้ามมีปุ่มที่กดแล้วไม่มีอะไรเกิดขึ้น)
function _kamGpByCatBodyHtml(monthLabel){
  if(typeof senseGpByCategory!=='function')return'';
  const cats=senseGpByCategory(monthLabel);
  if(!cats||!cats.length)return'';
  // แสดงเฉพาะหมวดที่ข้อมูลพอเชื่อ ที่เหลือรวบเป็นบรรทัดเดียวอย่างซื่อสัตย์
  //
  // ต้องบอกยอดขายของหมวดที่ถูกตัดออกด้วย ไม่ใช่แค่จำนวนหมวด เพราะถ้าเงียบ
  // ผลรวมของแถบในการ์ดจะไม่ตรงกับ GP รวมของร้านในการ์ด "ยอดซื้อ" แล้วคนอ่าน
  // จะจับได้ว่าไม่ตรงแต่หาสาเหตุไม่ได้ → เสียความเชื่อถือทั้งฟีเจอร์
  const ready=cats.filter(function(c){return c.ready;});
  const hidden=cats.filter(function(c){return !c.ready;});
  const hiddenGmv=hidden.reduce(function(s,c){return s+(c.gmv||0);},0);
  if(!ready.length)return'';
  // จำกัด 6 หมวดเพื่อไม่ให้การ์ดยาวเกินจอ 440px — แต่ต้องบอกว่าตัดไปเท่าไหร่
  // (เคยพลาดแบบเงียบมาแล้วทั้งเรื่องหมวดที่ไม่มีข้อมูล และ cap 500 แถวของ /nrr)
  const CAT_CAP=6;
  const top=ready.slice(0,CAT_CAP);
  const cappedN=ready.length-top.length;
  const cappedGmv=ready.slice(CAT_CAP).reduce(function(s,c){return s+(c.gmv||0);},0);
  // ตัวหารของแถบ = ผลรวม |GP| ของหมวดที่แสดง เพื่อให้หมวดขาดทุนไม่ทำให้
  // สเกลเพี้ยน (ถ้าใช้ผลรวมแบบมีเครื่องหมาย หมวดลบจะหักให้ตัวหารเล็กลง
  // แล้วแถบของหมวดอื่นจะยาวเกินจริง)
  const denom=top.reduce(function(s,c){return s+Math.abs(c.gp);},0)||1;
  const rows=top.map(function(c){
    const share=Math.max(2,Math.round(Math.abs(c.gp)/denom*100));
    const neg=c.gp<0;
    const amt=neg?('−'+fmt(-c.gp)):fmt(c.gp);
    const pct=c.gpPct<0?('−'+Math.abs(c.gpPct).toFixed(1)):c.gpPct.toFixed(1);
    return`<div class="kam-gpcat-row" title="${_commEscapeHtml(c.cat)} · ยอด ${fmt(c.gmv)} · กำไร ${amt} · ${c.skuCount} SKU">
      <div class="kam-gpcat-top">
        <span class="kam-gpcat-name">${_commEscapeHtml(c.cat)}</span>
        <span class="kam-gpcat-amt${neg?' neg':''}">${amt}</span>
        <span class="kam-gpcat-pct">${pct}%</span>
      </div>
      <div class="kam-gpcat-bar"><span class="kam-gpcat-fill${neg?' neg':''}" style="width:${share}%"></span></div>
    </div>`;
  }).join('');
  const footParts=[];
  if(cappedN>0)footParts.push(`แสดง ${top.length} หมวดที่กำไรมากสุด · อีก ${cappedN} หมวด (ยอด ${fmt(cappedGmv)}) ไม่ได้แสดง`);
  if(hidden.length>0)footParts.push(`อีก ${hidden.length} หมวด (ยอด ${fmt(hiddenGmv)}) ข้อมูลกำไรไม่ครบพอ`);
  const foot=footParts.length
    ?`<div class="kam-gpcat-foot">${footParts.join(' · ')} — ยอดส่วนที่ไม่แสดงยังนับอยู่ในกำไรรวมด้านบน</div>`
    :'';
  return`<div class="kam-gpcat-title">กำไรมาจากไหน</div>
    <div class="kam-gpcat-hint">ความยาวแถบ = ส่วนแบ่งของ<b>กำไร</b> ไม่ใช่ส่วนแบ่งของยอดขาย · ตัวเลขขวาคือ %GP ของหมวดนั้น</div>
    ${rows}
    ${foot}`;
}

function __legacyRenderKamLastMonthFallback(){
  _renderKamHeader();
  const ctx=buildKamContext();
  const sp=ctx.spend;
  const op=ctx.opportunities;
  const om=computeOutletMovement(1); // เม.ย. vs มี.ค. — not current month
  const sm=ctx.skuMovement;
  const trendHtml=sp.momChangePct!=null
    ?`<span class="kam-trend-chip ${sp.momChangePct>=0?'up':'dn'}">${sp.momChangePct>=0?'+':''}${sp.momChangePct}%</span>`:'';
  let outletHtml='';
  if(om&&(om.newOutlets.length||om.droppedOutlets.length)){
    const rows=[
      ...om.newOutlets.map(o=>`<div class="kam-outlet-row"><div class="kam-outlet-ind pos">+</div><div class="kam-outlet-name">${o.outlet_name||o.name}</div><div class="kam-outlet-gmv">${fmt(o.gmv)}/เดือน</div></div>`),
      ...om.droppedOutlets.map(o=>`<div class="kam-outlet-row"><div class="kam-outlet-ind neg">−</div><div class="kam-outlet-name">${o.outlet_name||o.name}</div><div class="kam-outlet-gmv">${fmt(o.gmv)}/เดือน</div></div>`),
    ].join('');
    outletHtml=`<div class="kam-dc">
      <div class="kam-dc-head"><span class="kam-dc-head-label">Outlets · ${om.recentMo}</span></div>
      <div class="kam-dc-body">${rows}</div>
      <div class="kam-dc-insight" id="dc-insight-outlet" style="display:none"></div>
    </div>`;
  }
  const top3Html=op.top3.map(o=>`<div class="kam-opp-row"><div class="kam-opp-name">${o.name} → ${o.altName}</div><div class="kam-opp-save">${fmt(o.saveMo)+'/เดือน'}</div><span class="kam-opp-conf ${o.conf==='high'?'hi':'md'}">${o.conf==='high'?'✓':'⚠'}</span></div>`).join('');
  const ctaEl=document.getElementById('kam-opp-count-cta');if(ctaEl)ctaEl.textContent=OPPS.length||'—';
  const lmSec=document.getElementById('kam-lastmonth-section');
  if(!lmSec)return;
  lmSec.innerHTML=`
    <div class="kam-dc">
      <div class="kam-dc-head"><span class="kam-dc-head-label">ยอดซื้อ · ${sp.month}</span></div>
      <div class="kam-dc-body">
        <div class="kam-gmv-main">${fmt(sp.current)}<span style="font-size:var(--text-base);font-weight:var(--fw-normal);color:rgba(220,235,255,.6)">/เดือน</span>${trendHtml}</div>
        <div class="kam-gmv-sub">${sp.orders} ออเดอร์${sp.prevMonth?' · เทียบจาก '+sp.prevMonth:''}</div>
        ${_kamGpRowHtml(sp.month)}
      </div>
      <div class="kam-dc-insight" id="dc-insight-gmv" style="display:none"></div>
    </div>
    ${outletHtml}
    <div class="kam-dc">
      <div class="kam-dc-head">
        <span class="kam-dc-head-label">วัตถุดิบ — ${sm?sm.compareMo+'–'+sm.recentMo:'3 เดือนล่าสุด'}</span>
        ${sm&&sm.droppedSkus?.length?`<span style="flex:1"></span><button id="sku-verify-lm-btn" class="sku-verify-btn${skuSubstituteDoneLM?' done':skuSubstituteLoadingLM?' loading':''}" onclick="triggerSkuVerifyLastMonth()"><svg class="svb-icon" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg>${skuSubstituteLoadingLM?'กำลังตรวจ...':skuSubstituteDoneLM?'✓ SKU Verify':'SKU Verify'}</button>`:''}
      </div>
      <div class="kam-dc-body">${renderSkuMovementHtml(sm)}</div>
      <div class="kam-dc-insight" id="dc-insight-sku" style="display:none"></div>
    </div>
    <div class="kam-dc">
      <div class="kam-dc-head"><span class="kam-dc-head-label">โอกาสลดต้นทุน</span></div>
      <div class="kam-dc-body">
        <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl3);font-weight:var(--fw-bold);color:var(--amb);margin-bottom:6px">${fmt(op.totalSaveMo)}<span style="font-size:var(--text-sm);font-weight:var(--fw-normal);color:rgba(220,235,255,.6)">/เดือน</span></div>
        <div style="font-size:var(--text-sm);color:rgba(255,255,255,.5);margin-bottom:10px">${op.total} รายการ · ${op.highConf} รายการใช้แทนได้ทันที</div>
        ${top3Html}
      </div>
      <div class="kam-dc-insight" id="dc-insight-cost" style="display:none"></div>
      <div style="padding:0 14px 12px">
        <button onclick="closeDataPanel&&closeDataPanel();showScreen('opportunities')" style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(180,210,255,.85);background:var(--tk-accent-dim);border:1px solid var(--tk-accent-dim-3);border-radius:var(--r-8);padding:6px 14px;cursor:pointer;font-family:var(--tk-font-body);display:inline-flex;align-items:center;gap:5px">
          ดูทั้ง <span id="kam-opp-count-cta">—</span> รายการ →
        </button>
      </div>
    </div>`;
}

// Legacy alias — keeps portview/teamview account-switch paths working
function renderKamOverview(){
  const renderer = window.FreshketSenseKamTeamRenderer;
  if(renderer && typeof renderer.renderKamOverviewFromLegacy === 'function'){
    try{
      return renderer.renderKamOverviewFromLegacy({
        D: D,
        OPPS: OPPS,
        currentAccountId: currentAccountId,
        currentKamSubtab: (typeof currentKamSubtab !== 'undefined' ? currentKamSubtab : null),
        portviewLevel: (typeof portviewLevel !== 'undefined' ? portviewLevel : null),
        portviewFilter: (typeof portviewFilter !== 'undefined' ? portviewFilter : null),
        teamviewLevel: (typeof teamviewLevel !== 'undefined' ? teamviewLevel : null),
        portviewBulkData: (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        legacy: { renderKamOverview: __legacyRenderKamOverviewFallback }
      });
    }catch(e){
      console.warn('renderKamOverview renderer failed, falling back to legacy renderer', e);
    }
  }
  return __legacyRenderKamOverviewFallback();
}

function __legacyRenderKamOverviewFallback(){
  if(kamSubtab==='lastmonth'){renderKamLastMonth();return;}
  renderKamThisMonth();
}

function handleKamInsightBtn(){
  if(kamSubtab==='lastmonth')generateLastMonthSummary();
  else generateKamBriefing();
}

// ── SKU Verify for เดือนนี้ tab ──
// Uses newThisMonth (sku_current vs historical) as substitution candidates
// instead of computeSkuMovement().newSkus (historical-only)
async function triggerSkuVerifyFromThisMonth(){
  if(skuSubstituteLoading)return;

  // Class-based button state manager (re-fetches element each call — safe after re-render)
  const _starSvg=`<svg class="svb-icon" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg>`;
  const _setVBtn=(cls,text)=>{const b=document.getElementById('sku-verify-tm-btn');if(!b)return;b.className='sku-verify-btn'+(cls?' '+cls:'');b.innerHTML=_starSvg+text;};

  // ── Build newThisMonth candidates from sku_current ──
  const moKeys=Object.keys(D.skus_monthly||{}).sort((a,b)=>{
    const toD=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
    return toD(b)-toD(a);
  });
  // v156: use last CLOSED month as baseline for new-SKU detection
  const _cmLbl3b=(D.current_month||{}).month_label||'';
  const _prevClosedMoB=moKeys.find(m=>m!==_cmLbl3b)||moKeys[0];
  const prevMonthSkuIds=_prevClosedMoB?new Set((D.skus_monthly[_prevClosedMoB]||[]).map(s=>String(s.id||s.item_id))):new Set();
  const newThisMo=(D.sku_current||[])
    .filter(s=>!prevMonthSkuIds.has(String(s.item_id))&&(s.gmv_to_date||0)>500)
    .sort((a,b)=>(b.gmv_to_date||0)-(a.gmv_to_date||0))
    .slice(0,25);

  const signals=computeChurnSignals();

  // Guard: need both churned SKUs and new SKUs to compare
  if(!signals.length||!newThisMo.length){
    _setVBtn('',signals.length?'ไม่พบ SKU ใหม่เดือนนี้':'ไม่มีข้อมูล');
    setTimeout(()=>_setVBtn(skuSubstituteDone?'done':'','SKU Verify'),2500);
    return;
  }

  // ── Layer 1: subclass pre-filter ──
  const skuLookup={};
  (D.skus||[]).forEach(s=>{skuLookup[String(s.id)]={subclass:s.subclass||'',temperature:s.temperature||''};});
  const allMonthSkus=Object.values(D.skus_monthly||{}).flat();
  const newSkuMeta={};
  newThisMo.forEach(ns=>{
    const name=ns.item_name_th||'';
    const found=(D.skus||[]).find(s=>String(s.id)===String(ns.item_id))||allMonthSkus.find(s=>s.n===name);
    newSkuMeta[name]={subclass:found?.subclass||found?.sc||'',temperature:found?.temperature||found?.temp||'',cat:found?.d||''};
  });

  const candidatePairs=[];
  signals.slice(0,25).forEach(s=>{
    const cMeta=skuLookup[s.id]||{};
    newThisMo.forEach(ns=>{
      const name=ns.item_name_th||'';
      const nMeta=newSkuMeta[name]||{};
      const subclassMatch=!cMeta.subclass||!nMeta.subclass||cMeta.subclass===nMeta.subclass;
      if(!subclassMatch)return;
      candidatePairs.push({
        churned_id:s.id,churned_name:s.name,churned_dept:s.dept,
        churned_subclass:cMeta.subclass||'ไม่ทราบ',churned_gmv:s.gmv,
        new_name:name,new_cat:nMeta.cat||'',
        new_subclass:nMeta.subclass||'ไม่ทราบ',new_gmv:ns.gmv_to_date||0
      });
    });
  });

  if(!candidatePairs.length){
    _setVBtn('','ไม่พบ SKU ที่เปลี่ยน');
    setTimeout(()=>_setVBtn(skuSubstituteDone?'done':'','SKU Verify'),2500);
    return;
  }

  // ── Layer 2: AI judgment ──
  skuSubstituteLoading=true;
  _setVBtn('loading','กำลังตรวจ...');

  const sys=OLIVE_BASE+`

-- TASK CONTEXT --
Right now you are checking whether churned and new SKU pairs represent genuine substitutions — not flagging anything that simply looks similar. This is a precision task: a false positive wastes a KAM's conversation capital on the wrong topic; a false negative misses a real signal. Only include pairs you are genuinely confident about.

-- OUTPUT CONTRACT --
RESPOND WITH JSON ONLY. NO PREAMBLE. NO MARKDOWN.
schema: {"substitutions":[{"churned_id":"string","new_name":"string","confidence":"high|medium","spend_change":"up|down|same","reason":"string"}]}
ถ้าคู่ไหนไม่ใช่การสลับจริง อย่าใส่ — เน้น precision

EXCLUSION: คนละประเภทใน function → excluded | Form ต่างกันพื้นฐาน (บด/สับ vs ชิ้น/แผ่น/ทั้งชิ้น) → excluded | Size variant (Baby/Mini/Cherry) → excluded | สูตร/รสต่างกัน → excluded | น้ำส้มสายชูต่างชนิด → excluded
CONFIDENCE: same subclass+function=high | cut/grade/brand/size ต่างกัน=medium
reason: one sentence, the way you'd explain it to a KAM — clear, specific, no jargon. If not a real substitution, omit entirely.`;

  const userMsg=`คู่ที่ต้องประเมิน (${candidatePairs.length} คู่):\n${JSON.stringify(candidatePairs)}\n\nคู่ไหนเป็นการสลับสินค้าจริง?`;

  try{
    const txt=await callAI(kamModel==='sonnet'?'sonnet':'haiku',sys,[{role:'user',content:userMsg}],600);
    const clean=txt.replace(/^```(?:json)?\s*/,'').replace(/\s*```$/,'').trim();
    let st=clean.indexOf('{'),en=-1,depth=0;
    for(let i=st;i<clean.length;i++){if(clean[i]==='{')depth++;else if(clean[i]==='}'){depth--;if(depth===0){en=i;break;}}}
    if(st===-1||en===-1)throw new Error('No JSON');
    const result=JSON.parse(clean.slice(st,en+1));
    (result.substitutions||[]).forEach(s=>{
      const pair=candidatePairs.find(p=>String(p.churned_id)===String(s.churned_id)&&p.new_name===s.new_name);
      const newGmv=pair?pair.new_gmv:0;
      skuSubstituteMap[String(s.churned_id)]={substituteName:s.new_name,spendChange:s.spend_change,confidence:s.confidence||'medium',reason:s.reason,kamQuestion:'',newGmv};
    });
    skuSubstituteDone=true;
    skuSubstituteLoading=false; // ← set BEFORE render so button shows done state
    if(kamSubtab==='thismonth')renderKamThisMonth();
    else _setVBtn('done','✓ SKU Verify'); // not on thismonth tab → update directly
  }catch(e){
    console.warn('SKU Verify error',e);
    skuSubstituteLoading=false;
    _setVBtn('','SKU Verify');
  }
}

// ── SKU Verify for เม.ย. (last month) tab ──
// Uses computeSkuMovement().droppedSkus vs newSkus — historical-only, name-keyed
async function triggerSkuVerifyLastMonth(){
  if(skuSubstituteLoadingLM)return;
  const _starSvg=`<svg class="svb-icon" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg>`;
  const _setBtn=(cls,text)=>{const b=document.getElementById('sku-verify-lm-btn');if(!b)return;b.className='sku-verify-btn'+(cls?' '+cls:'');b.innerHTML=_starSvg+text;};

  const sm=computeSkuMovement();
  const dropped=sm?.droppedSkus||[];
  const newSkus=sm?.newSkus||[];

  if(!dropped.length||!newSkus.length){
    _setBtn('',dropped.length?'ไม่พบ SKU ใหม่':'ไม่มีข้อมูล');
    setTimeout(()=>_setBtn(skuSubstituteDoneLM?'done':'','SKU Verify'),2500);
    return;
  }

  // ── Layer 1: subclass pre-filter ──
  const allMonthSkus=Object.values(D.skus_monthly||{}).flat();
  const _meta=name=>{const f=(D.skus||[]).find(s=>s.n===name)||allMonthSkus.find(s=>s.n===name);return{subclass:f?.subclass||f?.sc||'',cat:f?.d||''};};

  const candidatePairs=[];
  dropped.slice(0,25).forEach(d=>{
    const dMeta=_meta(d.name);
    newSkus.slice(0,25).forEach(n=>{
      const nMeta=_meta(n.name);
      const match=!dMeta.subclass||!nMeta.subclass||dMeta.subclass===nMeta.subclass;
      if(!match)return;
      candidatePairs.push({
        churned_name:d.name,churned_dept:d.cat||'',churned_subclass:dMeta.subclass||'ไม่ทราบ',churned_gmv:d.gmv,
        new_name:n.name,new_cat:nMeta.cat||'',new_subclass:nMeta.subclass||'ไม่ทราบ',new_gmv:n.gmv
      });
    });
  });

  if(!candidatePairs.length){
    _setBtn('','ไม่พบ SKU ที่เปลี่ยน');
    setTimeout(()=>_setBtn(skuSubstituteDoneLM?'done':'','SKU Verify'),2500);
    return;
  }

  // ── Layer 2: AI judgment ──
  skuSubstituteLoadingLM=true;
  _setBtn('loading','กำลังตรวจ...');

  const sys=OLIVE_BASE+`

-- TASK CONTEXT --
Right now you are checking whether dropped and new SKU pairs represent genuine substitutions — not flagging anything that simply looks similar. This is a precision task: a false positive wastes a KAM's conversation capital on the wrong topic; a false negative misses a real signal. Only include pairs you are genuinely confident about.

-- OUTPUT CONTRACT --
RESPOND WITH JSON ONLY. NO PREAMBLE. NO MARKDOWN.
schema: {"substitutions":[{"churned_name":"string","new_name":"string","confidence":"high|medium","spend_change":"up|down|same","reason":"string"}]}
ถ้าคู่ไหนไม่ใช่การสลับจริง อย่าใส่ — เน้น precision

EXCLUSION: คนละประเภทใน function → excluded | Form ต่างกันพื้นฐาน (บด/สับ vs ชิ้น/แผ่น/ทั้งชิ้น) → excluded | Size variant (Baby/Mini) → excluded | สูตร/รสต่างกัน → excluded | น้ำส้มสายชูต่างชนิด → excluded
CONFIDENCE: same subclass+function=high | cut/grade/brand/size ต่างกัน=medium
reason: one sentence, the way you'd explain it to a KAM — clear, specific, no jargon. If not a real substitution, omit entirely.`;

  const userMsg=`คู่ที่ต้องประเมิน (${candidatePairs.length} คู่):\n${JSON.stringify(candidatePairs)}\n\nคู่ไหนเป็นการสลับสินค้าจริง?`;

  try{
    const txt=await callAI(kamModel==='sonnet'?'sonnet':'haiku',sys,[{role:'user',content:userMsg}],600);
    const clean=txt.replace(/^```(?:json)?\s*/,'').replace(/\s*```$/,'').trim();
    let st=clean.indexOf('{'),en=-1,depth=0;
    for(let i=st;i<clean.length;i++){if(clean[i]==='{')depth++;else if(clean[i]==='}'){depth--;if(depth===0){en=i;break;}}}
    if(st===-1||en===-1)throw new Error('No JSON');
    const result=JSON.parse(clean.slice(st,en+1));
    skuSubstituteMapLM={};
    (result.substitutions||[]).forEach(s=>{
      const pair=candidatePairs.find(p=>p.churned_name===s.churned_name&&p.new_name===s.new_name);
      skuSubstituteMapLM[s.churned_name]={substituteName:s.new_name,spendChange:s.spend_change,confidence:s.confidence||'medium',reason:s.reason,newGmv:pair?.new_gmv||0};
    });
    skuSubstituteDoneLM=true;
    skuSubstituteLoadingLM=false;
    if(kamSubtab==='lastmonth')renderKamLastMonth();
    else _setBtn('done','✓ SKU Verify');
  }catch(e){
    console.warn('SKU Verify LM error',e);
    skuSubstituteLoadingLM=false;
    _setBtn('','SKU Verify');
  }
}

async function generateKamBriefing(){
  const loading=document.getElementById('kam-loading2');
  const cards=document.getElementById('kam-cards');
  const btn=document.getElementById('kam-insight-btn');
  const insLabel=document.getElementById('kam-insight-btn-label');
  const talkWrap=document.getElementById('kam-talkline-wrap');
  if(loading){loading.style.display='block';}
  if(talkWrap){talkWrap.style.display='none';}
  if(btn){btn.classList.add('loading');}
  if(insLabel)insLabel.textContent='กำลังวิเคราะห์...';
  const sigBar=document.getElementById('kam-signal-bar');
  if(sigBar)sigBar.style.display='none';
  const steps=['กำลังอ่านสัญญาณ...','กำลังประเมิน materiality...','กำลังหา driver...','กำลังตรวจ cross-signal...','กำลังสรุป action...'];
  let stepIdx=0;
  const stepEl=document.getElementById('kam-loading-step');
  const stepTimer=setInterval(()=>{
    stepIdx=(stepIdx+1)%steps.length;
    if(stepEl){stepEl.style.opacity='0';setTimeout(()=>{if(stepEl){stepEl.textContent=steps[stepIdx];stepEl.style.opacity='1';}},150);}
  },1800);
  renderKamThisMonth();
  if(cards)cards.style.display='block'; // keep content visible while AI thinks
  const ctx=buildKamContext();
  const hist=D.history.length?D.history:[];
  const last=hist[hist.length-1]||{s:0};
  const prev=hist[hist.length-2]||null;
  const momChg=prev&&prev.s>0?(last.s-prev.s)/prev.s*100:0;
  // Baseline = avg of last 3 finished months
  const baselineGmv=hist.length>=3
    ?Math.round(hist.slice(-3).reduce((s,h)=>s+h.s,0)/3)
    :(hist.length?hist[hist.length-1].s:0);
  const portRow2=portviewBulkData.find(r=>r.id===(D.meta.accountId||currentAccountId));
  const accountType=portRow2?.accountType||D.meta.accountType||'';
  const missingCatStr=(portRow2?.missingCats||'').split(' | ').filter(Boolean).slice(0,3).join(', ');
  // Pace
  // v302: บริบทให้ AI = %NRR เทียบเดือนฐาน (ตัวเดียวกับที่คนเห็นและที่จ่ายค่าคอมฯ)
  const paceData=(D.current_month&&typeof computeNrrSignal==='function')?computeNrrSignal(D.current_month,D.history,((typeof currentAccountId!=='undefined'&&currentAccountId&&currentAccountId!=='default')?currentAccountId:(D.meta&&D.meta.accountId))):null;
  const paceInfo=paceData?(paceData.pct!=null
      ?`NRR ${paceData.label} เทียบฐาน ${paceData.baseMonthLabel||'เดือนฐาน'} (ฐาน ${fmt(Math.round(paceData.baseline_gmv))}/เดือน · ยอดเดือนนี้เทียบฐาน ${fmt(Math.round(paceData.cmpRunrate||0))} ปรับจำนวนวันเท่าเดือนฐาน) — ยอดคาดทั้งเดือนของทั้งร้าน ${fmt(Math.round(paceData.runrate))} ยอดจริงถึงวันนี้ ${fmt(Math.round(paceData.gmvToDate))}`
      :`${paceData.tag||'ร้านใหม่'}${paceData.altLabel?' '+paceData.altLabel:''} — ${paceData.note||('ยังไม่มียอดเดือนฐาน '+(paceData.baseMonthLabel||''))} · ยอดจริง ${fmt(Math.round(paceData.gmvToDate))}`)   // v_shopkind
    :'ไม่มีข้อมูล';
  const ordersToDate=D.current_month?.orders_to_date||0;
  const scenarioHint=momChg<-15?'churn_risk':totalAll()>20000?'upsell_opportunity':'healthy_account';
  // Materiality filter: only SKUs/events ≥3% baseline for context, ≥5% for situation/driver
  const minMaterial=baselineGmv>0?baselineGmv*0.03:3000;
  const minSituation=baselineGmv>0?baselineGmv*0.05:5000;
  // Churned material SKUs (gone this month, GMV ≥3% baseline)
  const churnSignals=computeChurnSignals();
  const churnedMaterial=churnSignals
    .filter(s=>s.type==='gone'&&s.gmv>=minMaterial)
    .slice(0,5)
    .map(s=>({name:s.name,gmv:s.gmv,pctBaseline:baselineGmv>0?Math.round(s.gmv/baselineGmv*100):0,avgInterval:s.avgInterval}));
  // SKUs not yet due — AI must NOT treat these as churned
  const notYetSkus=churnSignals
    .filter(s=>s.type==='not_yet'&&s.gmv>=minMaterial)
    .slice(0,3)
    .map(s=>({name:s.name,avgInterval:s.avgInterval}));
  // Growing material SKUs (new this month from skuMovement)
  const sm2=computeSkuMovement();
  const growingMaterial=(sm2?.newSkus||[])
    .filter(s=>s.gmv>=minMaterial)
    .slice(0,5)
    .map(s=>({name:s.name,gmv:s.gmv,pctBaseline:baselineGmv>0?Math.round(s.gmv/baselineGmv*100):0}));
  // Opportunities
  const allHigh=OPPS.filter(o=>getAlt(o).conf==='high');
  const top3Opps=OPPS.slice(0,3).map(o=>{const a=getAlt(o);return o.curName+'→'+a.altName+' ('+fmt(a.save)+'/เดือน)';});
  const sys=OLIVE_BASE+`

-- TASK CONTEXT --
A KAM is about to visit this account. They already know the restaurant — they don't need a report. They need a sharp briefing: what is actually happening right now, and what should they walk in ready to ask or address.

Data available: this month's pace, churned SKUs, SKUs not yet due for reorder (notYetSkus), new growing SKUs, category gaps, and cost-saving opportunities.

-- OUTPUT CONTRACT --
Output: JSON only — no preamble, no markdown.
schema: {"paceInsight":"string","skuInsight":"string","costInsight":"string","summary":"string"}

Each field: translate what the signal means for this restaurant, then tell the KAM exactly what to ask or do. Two sentences is the ceiling — not because of a rule, but because a sharp briefing doesn't need more.

Guardrails:
- Only mention SKUs where GMV ≥ 5% of account baseline. Below 2% — don't mention.
- notYetSkus are SKUs not yet due for reorder. Never describe them as missing or churned.
- When naming a SKU, always include ฿ amount — not %.
- costInsight = cost reduction opportunity for the restaurant, not a sales pitch.
- summary: 2-3 sentences — what the KAM should do when they walk in. Action, not recap.
- Don't repeat numbers already visible in the UI.`;

  const slimCtx={
    account:{name:ctx.account.name,type:accountType,baseline:baselineGmv},
    scenarioHint,
    pace:paceInfo,
    thisMonth:{
      ordersToDate,
      churnedMaterial:churnedMaterial.length?churnedMaterial:null,
      notYetSkus:notYetSkus.length?notYetSkus:null,  // ยังไม่ถึงรอบ — ห้าม AI สรุปว่าหาย
      growingMaterial:growingMaterial.length?growingMaterial:null
    },
    topCategories:ctx.topCategories,
    outletMovement:ctx.outletMovement?{
      new:ctx.outletMovement.newOutlets.map(o=>o.name||o.outlet_name),
      dropped:ctx.outletMovement.droppedOutlets.map(o=>o.name||o.outlet_name),
      period:ctx.outletMovement.prevMo+'→'+ctx.outletMovement.recentMo
    }:null,
    categoryGap:missingCatStr||null,
    opportunities:{
      note:'โอกาสลดต้นทุน ไม่ใช่โอกาสขาย',
      highConf:allHigh.length,
      top3:top3Opps
    }
  };
  const userMsg=`ข้อมูลลูกค้า:\n${JSON.stringify(slimCtx,null,1)}\n\nวิเคราะห์และตอบ JSON เท่านั้น`;
  try{
    const txt=await callAI(kamModel==='sonnet'?'sonnet':'haiku',sys,[{role:'user',content:userMsg}],1500);
    if(!txt){console.error('KAM briefing empty response');throw new Error('Empty response');}
    // Find outermost JSON object by brace-scanning raw text — handles markdown fences anywhere
    let st=-1,en=-1,depth=0;
    for(let i=0;i<txt.length;i++){
      if(txt[i]==='{'){if(depth===0)st=i;depth++;}
      else if(txt[i]==='}'){depth--;if(depth===0){en=i;break;}}
    }
    // v_thinkfix (2026-08-20): เดิม st===-1||en===-1 โยน error ทันที — เจอจริงว่า
    // Gemini ตอบ JSON มาจริงแต่ถูกตัดกลางคัน (thinking กินโควตา, งบ worker กันไว้
    // แล้วแต่ยังเผื่อกรณีหลุดมาได้) วงเล็บปิดเลยไม่มี ทั้งที่ field แรกสมบูรณ์ดี
    // ตัวกู้ข้อความด้วย regex ข้างล่างมีอยู่แล้วแต่ไปไม่ถึงเพราะเช็คนี้ตัดจบก่อน —
    // ปล่อยให้ไปลองกู้ด้วย raw text แทนที่จะโยนทิ้งทันที
    let brief;
    const _slice=(st>-1&&en>-1)?txt.slice(st,en+1):(st>-1?txt.slice(st):txt);
    try{
      if(st===-1||en===-1)throw new Error('No JSON in response');
      brief=JSON.parse(_slice);
    }
    catch(e2){
      try{brief=JSON.parse(_slice.replace(/[\x00-\x1f\u2028\u2029]/g,' '));}
      catch(e3){
        const _rx=k=>{const m=_slice.match(new RegExp('"'+k+'"\\s*:\\s*"([\\s\\S]*?)"\\s*[,}]'));return m?m[1].replace(/[\x00-\x1f\u2028\u2029]/g,' ').trim():null;};
        brief={paceInsight:_rx('paceInsight'),skuInsight:_rx('skuInsight'),costInsight:_rx('costInsight'),summary:_rx('summary')};
        if(!brief.paceInsight&&!brief.skuInsight&&!brief.costInsight){console.error('KAM parse fail:',_slice.slice(0,300));throw e3;}
      }
    }
    // Inject per-card insights (same pattern as generateLastMonthSummary)
    const _injectInsight=(id,text)=>{
      const el=document.getElementById(id);if(!el)return;
      if(!text){el.style.display='none';return;}
      const parts=text.split(/(?<=[.!?])\s+(?=[ก-ฮ])/);
      const obs=parts[0]||text;const act=parts[1]||'';
      el.innerHTML=`<div class="kam-dc-insight-inner"><svg class="kam-dc-insight-star" width="10" height="10" viewBox="0 0 10 10" fill="rgba(100,170,255,.7)"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg><div><span class="kam-dc-insight-text">${obs}</span>${act?`<div class="kam-dc-insight-action">${act}</div>`:''}</div></div>`;
      el.style.display='';
    };
    // Per-card insight slots don't exist in เดือนนี้ kamCards — consolidate all into one summary card
    const _existSum=document.getElementById('dc-tm-summary-card');
    if(_existSum)_existSum.remove();
    if(cards){
      const _labelClr={'Pace':'rgba(100,180,255,.8)','วัตถุดิบ':'var(--tk-ok-bright)','โอกาสต้นทุน':'rgba(240,176,0,.85)'};
      const _insightRow=(label,txt)=>txt?`<div style="margin-bottom:12px"><div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.8px;text-transform:uppercase;color:${_labelClr[label]||'rgba(255,255,255,.4)'};margin-bottom:5px;border-bottom:1px solid ${_labelClr[label]||'rgba(255,255,255,.1)'};padding-bottom:3px">${label}</div><div style="font-size:var(--text-md);color:rgba(220,235,255,.88);line-height:1.7;font-style:italic">${txt}</div></div>`:'';
      const bodyHtml=_insightRow('Pace',brief.paceInsight)+_insightRow('วัตถุดิบ',brief.skuInsight)+_insightRow('โอกาสต้นทุน',brief.costInsight)+(brief.summary?`<div style="padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:var(--text-md);color:rgba(220,235,255,.85);line-height:1.75">${brief.summary}</div>`:'');
      if(bodyHtml){
        const sumCard=document.createElement('div');
        sumCard.className='kam-dc';sumCard.id='dc-tm-summary-card';
        sumCard.innerHTML=`<div class="kam-dc-head"><span class="kam-dc-head-label">สรุปก่อนเข้าเยี่ยม</span></div><div class="kam-dc-body">${bodyHtml}</div>`;
        cards.prepend(sumCard);
      }
    }
    const ctaHint=document.getElementById('dc-insight-cta');
    if(ctaHint)ctaHint.style.display='none';
    // Cache
    if(cards)kamStateCache={html:cards.innerHTML,accountId:currentAccountId};
    clearInterval(stepTimer);
    if(loading)loading.style.display='none';
    if(cards)cards.style.display='block';
    if(btn)btn.classList.remove('loading');
    if(insLabel)insLabel.textContent=_getSummaryInsightLabel(true);
    if(btn)btn.classList.add('done');
    if(talkWrap)talkWrap.style.display='block';
    renderKamSignalBar();
    // SKU substitute analysis is triggered manually via Insight button
  }catch(e){
    clearInterval(stepTimer);
    if(loading)loading.style.display='none';
    if(cards)cards.style.display='block';
    if(btn)btn.classList.remove('loading');
    if(insLabel)insLabel.textContent=_getSummaryInsightLabel(false);
    if(btn)btn.classList.remove('done');
    if(talkWrap)talkWrap.style.display='block';
    renderKamSignalBar();
    console.error('KAM briefing error:',e);
    // v_thinkfix (2026-08-20): เดิม error ตกไปที่ console.error อย่างเดียว — ปุ่มรีเซ็ต
    // กลับเป็น "Brief" เฉยๆ ไม่มีอะไรบอกเลยว่าล้ม (บุชรายงานว่า "กดแล้วมี animation
    // แต่ไม่มีอะไรคายออกมา") ต้องมีสัญญาณให้เห็นเสมอไม่ว่าสาเหตุจะเป็นอะไร
    showToast('สรุป AI ไม่สำเร็จ — ลองกด Brief ใหม่อีกครั้ง','⚠');
    const _existSumErr=document.getElementById('dc-tm-summary-card');
    if(_existSumErr)_existSumErr.remove();
  }
}

async function generateLastMonthSummary(){
  const lmSec=document.getElementById('kam-lastmonth-section');
  const btn=document.getElementById('kam-insight-btn');
  const insLabel=document.getElementById('kam-insight-btn-label');
  const loading=document.getElementById('kam-loading2');
  if(!lmSec){console.warn('kam-lastmonth-section not found');return;}
  if(btn)btn.classList.add('loading');
  if(insLabel)insLabel.textContent='กำลังวิเคราะห์...';
  if(loading)loading.style.display='block';
  const steps=['กำลังอ่านยอดซื้อเดือนที่แล้ว...','กำลังวิเคราะห์ SKU...','กำลังประเมินโอกาส...','กำลังสรุปผล...'];
  let stepIdx=0;
  const stepEl=document.getElementById('kam-loading-step');
  const stepTimer=setInterval(()=>{
    stepIdx=(stepIdx+1)%steps.length;
    if(stepEl){stepEl.style.opacity='0';setTimeout(()=>{if(stepEl){stepEl.textContent=steps[stepIdx];stepEl.style.opacity='1';}},150);}
  },1800);
  const ctx=buildKamContext();
  const sp=ctx.spend;
  const om=ctx.outletMovement;
  const sm=ctx.skuMovement;
  const op=ctx.opportunities;
  const allHigh=OPPS.filter(o=>getAlt(o).conf==='high');
  const top3Opps=OPPS.slice(0,3).map(o=>{const a=getAlt(o);return o.curName+'→'+a.altName+' ('+fmt(a.save)+'/เดือน)';});
  const hist=D.history.length?D.history:[];
  const last=hist[hist.length-1]||{s:0};
  const prev=hist[hist.length-2]||null;
  const momChg=prev&&prev.s>0?(last.s-prev.s)/prev.s*100:0;
  const scenarioHint=momChg<-15?'churn_risk':totalAll()>20000?'upsell_opportunity':'healthy_account';
  // ── Materiality filter: only send SKUs with GMV ≥ ฿3000/month ──
  const MAT_THRESHOLD=3000;
  const skuCtx=sm?{
    new:sm.newSkus.filter(s=>s.gmv>=MAT_THRESHOLD).map(s=>s.name+' ('+fmt(s.gmv)+')'),
    dropped:sm.droppedSkus.filter(s=>s.gmv>=MAT_THRESHOLD).map(s=>s.name+' ('+fmt(s.gmv)+')'),
    growing:sm.growing.filter(s=>s.gmv>=MAT_THRESHOLD).map(s=>s.name+' +'+s.changePct+'%'),
    declining:sm.declining.filter(s=>s.gmv>=MAT_THRESHOLD).map(s=>s.name+' '+s.changePct+'%'),
    period:sm.compareMo+'→'+sm.recentMo
  }:null;
  // v135: Olive-first architecture
  const sys=OLIVE_BASE+`

-- TASK CONTEXT --
A KAM is reviewing last month's performance before a visit. Help them understand what actually happened and what it means for the conversation they're about to have — not just what the numbers were.

Data available: GMV vs prior month, SKU movement (new, dropped, growing, declining), outlet changes, and cost-saving opportunities.

-- OUTPUT CONTRACT --
Output: JSON only — no preamble, no markdown.
schema: {"gmvInsight":"string","outletInsight":"string|null","skuInsight":"string","costInsight":"string","summary":"string"}

Each field: translate what the signal means for this restaurant, then tell the KAM exactly what to ask or do. Two sentences is the ceiling — not because of a rule, but because a sharp briefing doesn't need more.

Guardrails:
- outletInsight: null if no outlet movement.
- SKU materiality threshold: ≥ ฿3,000/month. Below that — omit.
- When naming a SKU, always include ฿ amount — not %.
- costInsight = cost reduction opportunity for the restaurant, not a sales pitch.
- summary: 2-3 sentences — what the KAM should do when they walk in. Action, not recap.
- Don't repeat numbers already visible in the UI.`;
  const slimCtx={
    account:{name:ctx.account.name},
    spend:{current:fmt(sp.current),month:sp.month,orders:sp.orders,momChange:sp.momChangePct!=null?sp.momChangePct+'%':null,prevMonth:sp.prevMonth},
    topCategories:ctx.topCategories,
    outletMovement:om?{new:om.newOutlets.map(o=>o.name||o.outlet_name),dropped:om.droppedOutlets.map(o=>o.name||o.outlet_name),period:om.prevMo+'→'+om.recentMo}:null,
    skuMovement:skuCtx,
    opportunities:{note:'โอกาสลดต้นทุน ไม่ใช่โอกาสขาย',total:op.total,highConf:allHigh.length,totalSaveMo:fmt(op.totalSaveMo),top3:top3Opps}
  };
  const userMsg=`ข้อมูลเดือนที่แล้ว:\n${JSON.stringify(slimCtx,null,1)}\n\nวิเคราะห์แต่ละ section ด้วย 2 ประโยค ตอบ JSON เท่านั้น`;
  try{
    const txt=await callAI(kamModel==='sonnet'?'sonnet':'haiku',sys,[{role:'user',content:userMsg}],1500);
    if(!txt){console.error('LM empty response');throw new Error('Empty response');}
    // Find outermost JSON object by brace-scanning raw text — handles markdown fences anywhere
    let st=-1,en=-1,depth=0;
    for(let i=0;i<txt.length;i++){
      if(txt[i]==='{'){if(depth===0)st=i;depth++;}
      else if(txt[i]==='}'){depth--;if(depth===0){en=i;break;}}
    }
    // v_thinkfix (2026-08-20): เหมือน generateKamBriefing — ห้ามโยนทิ้งทันทีถ้าไม่มี
    // วงเล็บปิด (Gemini ตอบมาจริงแต่ถูกตัดกลางคัน) ให้ลองกู้ field ที่สมบูรณ์ก่อน
    let brief;
    const _slice=(st>-1&&en>-1)?txt.slice(st,en+1):(st>-1?txt.slice(st):txt);
    try{
      if(st===-1||en===-1){console.error('LM response (no JSON found):',txt.slice(0,500));throw new Error('No JSON');}
      brief=JSON.parse(_slice);
    }
    catch(e2){
      try{brief=JSON.parse(_slice.replace(/[\x00-\x1f]/g,' '));}
      catch(e3){
        const _rx=k=>{const m=_slice.match(new RegExp('"'+k+'"\\s*:\\s*"([\\s\\S]*?)"\\s*[,}]'));return m?m[1].replace(/[\x00-\x1f]/g,' ').trim():null;};
        brief={gmvInsight:_rx('gmvInsight'),outletInsight:_rx('outletInsight'),skuInsight:_rx('skuInsight'),costInsight:_rx('costInsight'),summary:_rx('summary')};
        if(!brief.gmvInsight&&!brief.skuInsight&&!brief.costInsight){console.error('LM parse fail:',_slice.slice(0,300));throw e3;}
      }
    }
    // Inject per-card insights (consistent wrapper — same as v51 injectInsight)
    const injectInsight=(id,text)=>{
      const el=document.getElementById(id);if(!el)return;
      if(!text){el.style.display='none';return;}
      const parts=text.split(/(?<=[.!?])\s+(?=[ก-ฮ])/);
      const obs=parts[0]||text;const act=parts[1]||'';
      el.innerHTML=`<div class="kam-dc-insight-inner"><svg class="kam-dc-insight-star" width="10" height="10" viewBox="0 0 10 10" fill="rgba(100,170,255,.7)"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg><div><span class="kam-dc-insight-text">${obs}</span>${act?`<div class="kam-dc-insight-action">${act}</div>`:''}</div></div>`;
      el.style.display='';
    };
    injectInsight('dc-insight-gmv',brief.gmvInsight);
    injectInsight('dc-insight-sku',brief.skuInsight);
    injectInsight('dc-insight-cost',brief.costInsight);
    const outEl=document.getElementById('dc-insight-outlet');
    if(outEl){if(brief.outletInsight)injectInsight('dc-insight-outlet',brief.outletInsight);else outEl.style.display='none';}
    // Bottom summary card
    const existingSum=document.getElementById('dc-lm-summary-card');
    if(existingSum)existingSum.remove();
    if(brief.summary){
      const sumCard=document.createElement('div');
      sumCard.className='kam-dc';sumCard.id='dc-lm-summary-card';
      sumCard.innerHTML=`<div class="kam-dc-head"><span class="kam-dc-head-label">สรุปก่อนเข้าเยี่ยม</span></div><div class="kam-dc-body"><div style="font-size:var(--text-md);color:rgba(220,235,255,.85);line-height:1.75">${brief.summary}</div></div>`;
      lmSec.appendChild(sumCard);
    }
    clearInterval(stepTimer);
    if(loading)loading.style.display='none';
    if(btn)btn.classList.remove('loading');
    if(insLabel)insLabel.textContent=_getSummaryInsightLabel(true);
    if(btn)btn.classList.add('done');
  }catch(e){
    clearInterval(stepTimer);
    if(loading)loading.style.display='none';
    if(btn)btn.classList.remove('loading');
    if(insLabel)insLabel.textContent=_getSummaryInsightLabel(false);
    if(btn)btn.classList.remove('done');
    console.error('Last month summary error:',e);
    // v_thinkfix (2026-08-20): เหมือน generateKamBriefing — เดิมเงียบสนิท
    showToast('สรุป AI ไม่สำเร็จ — ลองกด Brief ใหม่อีกครั้ง','⚠');
  }
}

async function generateTalklines(){
  const btn=document.getElementById('kam-talkline-btn');
  const card=document.getElementById('kam-talkline-card');
  const body=document.getElementById('kam-talkline-body');
  const tlLoading=document.getElementById('kam-tl-loading');
  // Show loading skeleton, hide button
  if(btn){btn.style.display='none';}
  if(tlLoading)tlLoading.style.display='block';
  if(card)card.style.display='none';
  const ctx=buildKamContext();
  const tlChurnGone=computeChurnSignals().filter(s=>s.type==='gone'&&s.gmv>2000).slice(0,3).map(s=>s.name);
  // v302: talk-track อ่าน %NRR เทียบเดือนฐาน — คีย์ 'pace_danger' คงไว้ (คำศัพท์ในพรอมป์)
  const tlPace=(D.current_month&&typeof computeNrrSignal==='function')?computeNrrSignal(D.current_month,D.history,((typeof currentAccountId!=='undefined'&&currentAccountId&&currentAccountId!=='default')?currentAccountId:(D.meta&&D.meta.accountId))):null;
  const tlPaceSig=tlPace?(tlPace.pct!=null?`NRR ${tlPace.label} เทียบฐาน ${tlPace.baseMonthLabel||'เดือนฐาน'}`:'ร้านใหม่ ยังไม่มีฐาน'):'ไม่ทราบ';
  const tlMissingCats=(portviewBulkData.find(r=>r.id===(D.meta.accountId||currentAccountId))?.missingCats||'').split(' | ').filter(Boolean).slice(0,2);
  const situation=tlPace&&tlPace.cls==='danger'?'pace_danger':tlChurnGone.length>0?'sku_churn':tlMissingCats.length>0?'cat_gap':totalAll()>15000?'has_opportunity':'healthy';

  const sys=OLIVE_BASE+`

-- TASK CONTEXT --
A KAM needs 3 real conversation starters before walking into this account. Not scripts. Not statements. Openers that would actually start a natural conversation with a restaurant owner or manager — someone who's busy, a bit guarded, and can tell immediately if you're reading from a playbook.

The account situation is: ${situation}
Let that shape which angle matters most. But make each line feel like a person talking, not a format being filled.

-- OUTPUT CONTRACT --
Output: JSON only — no preamble, no markdown.
schema: {"talklines":["string","string","string"]}

Rules:
- Every line must open a dialogue, not close it.
- Sound like a person talking, not a sales rep reading a script.
- Don't lead with numbers, and never say "ยอดซื้อลดลง" directly — consultative angle only.
- Gender-neutral Thai — do not start with gendered first-person pronouns.
- Situation priority:
  pace_danger → line 1 asks why volume dropped, nothing else first — ไม่ใช่ขายของ
  sku_churn → line 1 opens on menu or supplier naturally
  cat_gap → line 1 asks if they still buy that category, and where
  has_opportunity → cost angle comes after warmup, not first
  healthy → menu, upcoming events, or expansion`;

  const slimCtx={
    account:ctx.account,
    spend:{current:fmt(ctx.spend.current),momChange:ctx.spend.momChangePct},
    pace:tlPaceSig,
    skuChurnGone:tlChurnGone.length?tlChurnGone:null,
    categoryGap:tlMissingCats.length?tlMissingCats:null,
    skuHighlight:ctx.skuMovement?{new:ctx.skuMovement.newSkus.slice(0,2).map(s=>s.name),dropped:ctx.skuMovement.droppedSkus.slice(0,2).map(s=>s.name)}:null,
    opportunities:{total:ctx.opportunities.total,totalSaveMo:fmt(ctx.opportunities.totalSaveMo),top:ctx.opportunities.top3[0]}
  };
  try{
    const txt=(await callAI(kamModel==='sonnet'?'sonnet':'haiku',sys,[{role:'user',content:`ข้อมูล:\n${JSON.stringify(slimCtx)}\n\nสร้าง 3 แนวทางสนทนา`}],600)).replace(/^```(?:json)?\s*/,'').replace(/\s*```$/,'').trim();
    const st=txt.indexOf('{'),en=txt.lastIndexOf('}');
    if(st===-1||en===-1)throw new Error('No JSON');
    const result=JSON.parse(txt.slice(st,en+1));
    if(body&&result.talklines){
      // Gender-neutral post-processing: remove common gendered words
      const neutralize=t=>t.replace(/^(?:ผม(?:จะ|ได้|เห็น|พบ|แนะนำ)|\u0e14\u0e34\u0e09\u0e31\u0e19(?:จะ)?)[\s:：-]*/,'').replace(/ครับผม$/,'ครับ').trim();
      body.innerHTML=result.talklines.map((t,i)=>`<div class="kam-talkline-item"><div class="kam-talkline-num">${i+1}</div><div class="kam-talkline-text">${neutralize(t)}</div></div>`).join('');
    }
    if(tlLoading)tlLoading.style.display='none';
    if(card)card.style.display='block';
    if(btn){btn.classList.remove('loading');btn.style.display='flex';btn.innerHTML='';
      const star=document.createElementNS('http://www.w3.org/2000/svg','svg');star.setAttribute('width','10');star.setAttribute('height','10');star.setAttribute('viewBox','0 0 10 10');star.innerHTML='<path fill="currentColor" d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/>';
      btn.appendChild(star);btn.appendChild(document.createTextNode(' สร้างใหม่'));
    }
  }catch(e){
    console.error('Talkline error:',e);
    if(tlLoading)tlLoading.style.display='none';
    if(btn){btn.classList.remove('loading');btn.style.display='flex';}
  }
}

// ════════════════════════════════════════
// INSIGHT BUTTON LABEL HELPERS
// ════════════════════════════════════════
function _getInsightMonthLabel(){
  // Returns short English month of last ended month e.g. "Apr"
  const hist=D&&D.history?D.history:[];
  if(!hist.length)return null;
  const lastM=hist[hist.length-1].m||''; // e.g. "เม.ย. 2569"
  const map={'ม.ค.':'Jan','ก.พ.':'Feb','มี.ค.':'Mar','เม.ย.':'Apr','พ.ค.':'May',
             'มิ.ย.':'Jun','ก.ค.':'Jul','ส.ค.':'Aug','ก.ย.':'Sep',
             'ต.ค.':'Oct','พ.ย.':'Nov','ธ.ค.':'Dec'};
  const moTh=lastM.split(' ')[0];
  return map[moTh]||null;
}

function _getSummaryInsightLabel(done=false){
  return done?'✓ Brief พร้อมแล้ว':'Brief';
}

function _refreshInsightBtnLabel(){
  const lbl=document.getElementById('kam-insight-btn-label');
  const btn=document.getElementById('kam-insight-btn');
  if(!lbl)return;
  if(kamSubtab==='lastmonth'){
    lbl.textContent='Brief';
    if(btn){btn.classList.remove('done');btn.classList.remove('kav-brief-btn-done');}
  } else {
    const isDone=!!(kamStateCache&&kamStateCache.accountId===currentAccountId);
    lbl.textContent=isDone?'✓ Brief พร้อมแล้ว':'Brief';
    if(btn){btn.classList.toggle('done',isDone);}
  }
}

// ════════════════════════════════════════
// KAM Insight — No-account empty state
// ════════════════════════════════════════
function _hasRealAccount(){
  if(!currentAccountId||currentAccountId==='default')return false;
  if(typeof portviewBulkData!=='undefined'&&portviewBulkData&&portviewBulkData.length>0){
    return !!portviewBulkData.find(r=>r.id===currentAccountId);
  }
  // Single-account local mode: real if has history
  return !!(D&&D.history&&D.history.length>0);
}

function _renderKamNoAcctState(){
  if(!isKAM)return false;
  const noAcct=!_hasRealAccount();
  const noAcctEl=document.getElementById('kam-no-acct-state');
  const acctSticky=document.getElementById('kam-acct-sticky');
  const signalBar=document.getElementById('kam-signal-bar');
  const kamCards=document.getElementById('kam-cards');
  const lastMo=document.getElementById('kam-lastmonth-section');
  const talkWrap=document.getElementById('kam-talkline-wrap');
  const emptyState=document.getElementById('kam-empty-state');
  const kamLoad=document.getElementById('kam-loading2');
  if(noAcct){
    if(acctSticky)acctSticky.style.display='none';
    if(signalBar)signalBar.style.display='none';
    if(kamCards)kamCards.style.display='none';
    if(lastMo)lastMo.style.display='none';
    if(talkWrap)talkWrap.style.display='none';
    if(emptyState)emptyState.style.display='none';
    if(kamLoad)kamLoad.style.display='none';
    if(noAcctEl)noAcctEl.style.display='block';
    _renderKnaRecentList();
    return true;
  } else {
    if(acctSticky)acctSticky.style.display='';
    if(signalBar)signalBar.style.display='';
    if(noAcctEl)noAcctEl.style.display='none';
    return false;
  }
}

function _renderKnaRecentList(){
  const wrap=document.getElementById('kna-recent-wrap');
  const list=document.getElementById('kna-recent-list');
  if(!wrap||!list)return;
  if(typeof portviewBulkData==='undefined'||!portviewBulkData||!portviewBulkData.length){
    wrap.style.display='none';return;
  }
  const email=(currentUserProfile&&currentUserProfile.email)||'local';
  const vm=getVisitMap(email);
  const visits=Object.entries(vm)
    .map(([id,v])=>{
      const acct=portviewBulkData.find(r=>r.id===id);
      if(!acct)return null;
      return{id,name:acct.name,lastSeen:v.lastSeen||0};
    })
    .filter(Boolean)
    .sort((a,b)=>b.lastSeen-a.lastSeen)
    .slice(0,3);
  if(visits.length===0){wrap.style.display='none';return;}
  wrap.style.display='block';
  list.innerHTML=visits.map(v=>`<button class="kna-recent-card" onclick="portviewSelectAccount('${v.id}')"><span style="font-size:var(--text-md);font-weight:var(--fw-semi);color:rgba(255,255,255,.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0">${v.name}</span><span style="font-size:var(--text-lg);color:rgba(255,255,255,.52);flex-shrink:0">›</span></button>`).join('');
}

// ── navPortHome: "พอร์ต" home button — routes to portview (KAM context) or scr-portfolio (standalone) ──
function navPortHome(){
  try{ if(typeof _pvClearSearch==='function'){ document.body.classList.remove('pv-search-mode'); _pvClearSearch(false); } }catch(e){}   // 25 ต.ค. 2569: กดพอร์ต = ล้างคำค้น
  const controller = window.FreshketSenseNavigationRuntime;
  if(controller && typeof controller.navPortHomeFromLegacy === 'function'){
    try{
      return controller.navPortHomeFromLegacy({
        isKAM: (typeof isKAM !== 'undefined' ? isKAM : false),
        currentAccountId: (typeof currentAccountId !== 'undefined' ? currentAccountId : null),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        senseActivated: (typeof senseActivated !== 'undefined' ? senseActivated : false),
        legacy: { navPortHome: __legacyNavPortHomeFallback }
      });
    }catch(e){
      console.warn('navPortHome navigation controller failed, falling back to legacy navigation', e);
    }
  }
  return __legacyNavPortHomeFallback();
}

function __legacyNavPortHomeFallback(){
  if(typeof portviewBulkData!=='undefined'&&portviewBulkData&&portviewBulkData.length>0){
    // KAM user — always go to portview (home)
    if(!isKAM)setMode('kam');
    showScreen('portview');
  } else {
    // Pure standalone restaurant owner — go to SKU portfolio
    showScreen('portfolio');
  }
}

function setMode(mode){
  const controller = window.FreshketSenseNavigationRuntime;
  if(controller && typeof controller.setModeFromLegacy === 'function'){
    try{
      return controller.setModeFromLegacy({
        isKAM: (typeof isKAM !== 'undefined' ? isKAM : false),
        currentAccountId: (typeof currentAccountId !== 'undefined' ? currentAccountId : null),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        senseActivated: (typeof senseActivated !== 'undefined' ? senseActivated : false),
        legacy: { setMode: __legacySetModeFallback }
      }, mode);
    }catch(e){
      console.warn('setMode navigation controller failed, falling back to legacy navigation', e);
    }
  }
  return __legacySetModeFallback(mode);
}

function __legacySetModeFallback(mode){
  // Guard: cannot enter restaurant mode without a selected account
  if(mode==='restaurant'&&(!currentAccountId||currentAccountId==='default'))return;
  // Track restaurant mode visit
  if(mode==='restaurant'&&isKAM&&currentAccountId)trackVisit(currentAccountId,'restaurant');
  // ── v55 Issue 3 fix: cleanup portview/teamview state on mode change ──
  // Mode change invalidates portview drill-down context: remove return FAB,
  // reset return flag, and exit portview/teamview screens when leaving KAM mode.
  const _modeChanged=(mode==='kam')!==isKAM;
  if(_modeChanged){
    const _fab=document.getElementById('portview-return-fab');
    if(_fab)_fab.remove();
    window._returnToPortview=false;
    if(mode!=='kam'){
      const _portScr=document.getElementById('scr-portview');
      const _teamScr=document.getElementById('scr-teamview');
      if((_portScr&&_portScr.classList.contains('on'))||(_teamScr&&_teamScr.classList.contains('on'))){
        showScreen('overview');
      }
      teamviewKamFilter=null;teamviewAiDone=false;
    }
  }
  isKAM=mode==='kam';
  // Sliding pill on mode toggle
  const _modeToggleEl=document.querySelector('.mode-toggle');
  if(_modeToggleEl)_modeToggleEl.classList.toggle('kam-active',isKAM);
  // IQ badge pulse on KAM mode entry
  if(isKAM){
    const iqB=document.querySelector('header .iq-badge, .topbar .iq-badge, .iq-badge');
    if(iqB){iqB.classList.remove('iq-pulse');void iqB.offsetWidth;iqB.classList.add('iq-pulse');iqB.addEventListener('animationend',()=>iqB.classList.remove('iq-pulse'),{once:true});}
  }
  // Apply/remove dark KAM theme
  document.body.classList.toggle('kam-mode',isKAM);
  // v499: .kad-mode (AD body class) must follow kam-mode so KAM CSS stays active
  // AD starts login with .kad-mode; toggling kam-mode here would strip it.
  // Solution: when isKAM and body has kad-mode, also add kam-mode (KAM CSS activates)
  if(isKAM && document.body.classList.contains('kad-mode')){
    document.body.classList.add('kam-mode');
  }
  try{localStorage.setItem('sense_mode',mode);}catch(e){}
  // Swap nav label + icon: ภาพรวม/home ↔ พอร์ต/grid
  const ovLabel=document.getElementById('nav-overview-label');
  if(ovLabel)ovLabel.textContent=isKAM?'พอร์ต':'ภาพรวม';
  const icoNonKam=document.querySelector('#nav-overview .ico-non-kam');
  const icoKam=document.querySelector('#nav-overview .ico-kam');
  if(icoNonKam)icoNonKam.style.display=isKAM?'none':'';
  if(icoKam)icoKam.style.display=isKAM?'':'none';
  // Show Team tab for TL/admin only
  // v499: include ad_tl so AD TL also gets tl-mode (Team tab + portview-team-btn)
  const isTL=currentUserProfile&&(currentUserProfile.role==='tl'||currentUserProfile.role==='admin'||currentUserProfile.role==='ad_tl');
  const _isSales=typeof isSalesAny==='function'&&isSalesAny(currentUserProfile&&currentUserProfile.role);
  const _isSalesTL=typeof isSalesTLRole==='function'&&isSalesTLRole(currentUserProfile&&currentUserProfile.role);
  const _isADTL=typeof isADTLRole==='function'&&isADTLRole(currentUserProfile&&currentUserProfile.role);
  // Add tl-mode class for 3-col grid + Team tab visibility (CSS .tl-only handles display)
  document.body.classList.toggle('tl-mode',isKAM&&isTL);
  // Sales body classes — controls Sales-specific nav/content visibility
  document.body.classList.toggle('sales-mode',_isSales);
  document.body.classList.toggle('sales-tl-mode',isKAM&&_isSalesTL);
  // v499: Show Team button in portview header for TL/Admin/AD TL
  const _portviewTeamBtn = document.getElementById('portview-team-btn');
  if (_portviewTeamBtn) _portviewTeamBtn.style.display = (isTL||_isSalesTL) ? 'flex' : 'none';
  const _portviewTgtBtn = document.getElementById('portview-target-btn');
  if (_portviewTgtBtn) {
    // v302: จอ KAM/TL เลิกแสดงเป้ารายเดือนแล้ว (ตัวชี้วัดเดียว = %NRR) — ปุ่ม Target เหลือให้ Sales TL
    // ที่ยังตั้งเป้าทีม Sales จากแผ่นนี้ · ค่าเตือน NRR ย้ายไป Commission Cockpit (07b_commission_cockpit)
    _portviewTgtBtn.style.display = _isSalesTL ? 'flex' : 'none';
    // Store mode so button knows admin vs tl
    // v_ownertier: mode 'admin' เปิดแท็บ settings/policy/rules/lock ที่แตะตัวเลขเงิน
    // จึงให้เฉพาะเจ้าของระบบ — admin คนอื่นตกลงมาที่ 'tl' เหมือนเดิมทุกอย่าง
    window._tgtAdminMode = ((typeof isOwner==='function') && isOwner()) ? 'admin' :
                           (_isSalesTL ? 'sales_tl' : _isADTL ? 'ad_tl' : 'tl');
  }
  // v183: Sync bnav disabled state
  if (typeof _updateKamNavDisabled === 'function') _updateKamNavDisabled();
  // Teamview screen
  const teamScr=document.getElementById('scr-teamview');
  if(teamScr)teamScr.style.display='none'; // reset on mode change
  document.querySelectorAll('.mbtn').forEach((b,i)=>b.classList.toggle('on',(i===0&&!isKAM)||(i===1&&isKAM)));

  document.getElementById('kamsec').style.display='none';
  document.getElementById('hid').style.display=isKAM?'block':'none';
  // Switch between restaurant and KAM overview
  const restOv=document.getElementById('rest-overview');
  const kamOv=document.getElementById('kam-overview');
  const scoreSec=document.getElementById('score-sec');
  if(restOv)restOv.style.display=isKAM?'none':'block';
  if(kamOv)kamOv.style.display=isKAM?'block':'none';
  // Score card hidden from overview — gate screen handles score reveal
  if(scoreSec)scoreSec.style.display='none';
  renderHeroKAM();
  // Show/hide topbar model badge
  const kamModelTopbar=document.getElementById('kam-model-topbar');
  if(kamModelTopbar)kamModelTopbar.style.display='none';
  // Navigate to overview when entering KAM
  if(isKAM){
    // Always force-hide plan builder footer when entering KAM
    const _footer=document.getElementById('pb-footer');
    if(_footer)_footer.classList.add('hidden');
    showScreen('overview');
    // ── No-account empty state takes priority ──
    if(_renderKamNoAcctState())return; // skip rest of render — empty state owns the screen
    // v_key: Key SKU split button + nav badge — independent of the AI-insight hasData gate below
    try{
      if(typeof renderKeySkuSplitButton==='function') renderKeySkuSplitButton();
      if(typeof renderKeySkuNavBadge==='function') renderKeySkuNavBadge();
    }catch(_e){}
    const kamCards=document.getElementById('kam-cards');
    const kamLoad=document.getElementById('kam-loading2');
    const kamEmpty=document.getElementById('kam-empty-state');
    const talkWrap=document.getElementById('kam-talkline-wrap');
    const hasData=D.history.length>0||OPPS.length>0;
    if(kamEmpty)kamEmpty.style.display=hasData?'none':'block';
    if(kamLoad)kamLoad.style.display='none';
    // Render signal bar always
    renderKamSignalBar();
    // Restore from cache if same account, else render fresh
    if(kamStateCache.accountId===currentAccountId&&kamStateCache.html){
      if(kamCards){kamCards.innerHTML=kamStateCache.html;kamCards.style.display='block';}
      if(talkWrap)talkWrap.style.display='block';
      const insBtn=document.getElementById('kam-insight-btn');
      const insLabel=document.getElementById('kam-insight-btn-label');
      if(insBtn){insBtn.classList.remove('loading');insBtn.classList.add('done');}
      if(insLabel)insLabel.textContent=_getSummaryInsightLabel(true);
    } else if(hasData){
      // Show rule-based data immediately
      renderKamOverview();
      if(kamCards)kamCards.style.display='block';
      if(talkWrap)talkWrap.style.display='none';
    }
    // ── Restore subtab state — must come LAST to override kamCards show/hide above ──
    setKamSubtab(kamSubtab);
  } else {
    // ── Entering restaurant mode — refresh view with current account's D data ──
    applyMeta();
    refreshAll();
    showScreen('overview');
  }
}

// ════════════════════════════════════════
// AI CHAT
// ════════════════════════════════════════
// SECTION:AI_CHAT
function buildChatSuggestions(){
  const suggs=[];
  // From opportunities
  if(OPPS.length>0){
    const top=[...OPPS].sort((a,b)=>getAlt(b).save-getAlt(a).save)[0];
    const a=getAlt(top);
    suggs.push({label:`เริ่มที่ ${top.curName.slice(0,14)}... ดีไหม?`,q:`ถ้าจะเริ่มเปลี่ยน ${top.curName} เป็น ${a.altName} ประหยัด ${fmt(a.save)}/เดือน มีอะไรควรระวังบ้าง?`});
  }
  // From MoM trend
  const hist=D.history.length?D.history:[];
  if(hist.length>=2){
    const last=hist[hist.length-1],prev=hist[hist.length-2];
    const chg=prev.s>0?(last.s-prev.s)/prev.s*100:0;
    if(Math.abs(chg)>=8){
      const dir=chg>0?'เพิ่มขึ้น':'ลดลง';
      suggs.push({label:`ทำไมยอด${dir} ${Math.abs(chg).toFixed(0)}%?`,q:`ยอดซื้อ ${last.m} ${dir} ${Math.abs(chg).toFixed(0)}% จาก ${prev.m} — เหตุผลที่เป็นไปได้คืออะไร?`});
    }
  }
  // From top category
  const topCat=(D.cats.length?D.cats:[])[0];
  if(topCat)suggs.push({label:`ลดต้นทุน ${topCat.n} ได้ยังไง?`,q:`หมวด ${topCat.n} ใช้จ่าย ${fmt(topCat.s)}/เดือน (${topCat.p}%) มีวิธีลดต้นทุนได้บ้างไหม?`});
  // Mode-specific suggestions: make AI Chat usable beyond the current account
  const activeScreen=(typeof getActiveScreenName==='function')?getActiveScreenName():'';
  if(isKAM){
    if(activeScreen==='teamview'){
      suggs.unshift({label:'ทีมควรโฟกัสใครก่อน?',q:'จากภาพรวมทีม KAM คนไหนควรได้รับ support หรือ coaching ก่อน และเพราะอะไร?'});
    } else if(activeScreen==='portview'){
      suggs.unshift({label:'พอร์ตควรโทรหาใครก่อน?',q:'จากภาพรวมพอร์ต ช่วยจัดลำดับลูกค้าที่ควรติดต่อก่อนวันนี้ พร้อมเหตุผลและคำถามเปิดบทสนทนา'});
    } else if(typeof portviewBulkData!=='undefined'&&portviewBulkData&&portviewBulkData.length){
      suggs.push({label:'ดูภาพรวมพอร์ต',q:'สรุปภาพรวมพอร์ตตอนนี้ให้หน่อย ร้านไหนเสี่ยงสุด และควรเริ่ม follow-up ใครก่อน?'});
    }
    suggs.push({label:'สรุปไปคุยลูกค้า',q:'สรุปประเด็นสำคัญที่ควรพูดถึงเมื่อไปเยี่ยมลูกค้ารายนี้ ให้กระชับ ใช้ข้อมูลจริง'});
  } else {
    suggs.push({label:'สรุปสั้นๆ ให้เจ้าของฟัง',q:'สรุปโอกาสลดต้นทุนของร้านให้เข้าใจง่าย ไม่ต้องมีศัพท์เทคนิค'});
  }
  return suggs.slice(0,4);
}

function toggleChat(){if(window.__aifabDragSuppress){window.__aifabDragSuppress=false;return;}chatOpen?closeChat():openChat();}
function openChat(){
  chatOpen=true;
  document.getElementById('aipanel').classList.add('open');
  document.getElementById('overlay').classList.add('on');
  document.getElementById('aifab').classList.add('open');
  // F2: Update suggestions dynamically
  const suggs=buildChatSuggestions();
  const suggEl=document.getElementById('aisugg');
  if(suggEl){
    suggEl.style.display='flex';
    suggEl.innerHTML=suggs.map(s=>`<button class="sgbtn" onclick="askQ(${JSON.stringify(s.q)})">${s.label}</button>`).join('');
  }
  // F3: Update subtitle based on mode (header name is always Olive)
  const aist=document.getElementById('aist-sub')||document.querySelector('.aist');
  if(aist)aist.textContent=isKAM?'● ผู้ช่วย KAM · วิเคราะห์บัญชีลูกค้า':'● ผู้ช่วยวิเคราะห์ต้นทุนร้านคุณ';
  // F4: Update Olive intro message with current account context
  const introMsg=document.getElementById('chat-intro-msg');
  if(introMsg){
    const _an=(D&&D.meta&&D.meta.accountName&&
      currentAccountId&&currentAccountId!=='default'&&!currentAccountId.startsWith('sample_'))
      ? D.meta.accountName : '';
    const txt=isKAM&&_an
      ?`สวัสดีค่ะ <strong>Olive</strong> พร้อมช่วยวิเคราะห์บัญชีลูกค้า <strong>${_an}</strong><br><br>วันนี้อยากให้ช่วยดูประเด็นไหนเป็นพิเศษคะ`
      :isKAM
      ?`สวัสดีค่ะ <strong>Olive</strong> พร้อมช่วยวิเคราะห์บัญชีลูกค้าจาก Freshket<br><br>เลือกร้านที่พอร์ตก่อน แล้ว Olive จะวิเคราะห์ให้เลยค่ะ`
      :`สวัสดีค่ะ <strong>Olive</strong> พร้อมช่วยวิเคราะห์ต้นทุนจาก Freshket<br><br>วิเคราะห์ข้อมูลต้นทุนร้านคุณ และช่วยวางแผนลดต้นทุนได้เลยค่ะ`;
    introMsg.querySelector('.mb').innerHTML=txt;
  }
}
function closeChat(){chatOpen=false;document.getElementById('aipanel').classList.remove('open');document.getElementById('overlay').classList.remove('on');document.getElementById('aifab').classList.remove('open');}

function initChatFabDrag(){
  const fab=document.getElementById('aifab');
  if(!fab||fab.dataset.dragInit==='1')return;
  fab.dataset.dragInit='1';
  const key=(window.FreshketSenseConfig&&window.FreshketSenseConfig.storage&&window.FreshketSenseConfig.storage.chatFabPositionKey)||'fs_aifab_pos_v1';
  function clamp(x,y){
    const pad=10;
    const r=fab.getBoundingClientRect();
    const w=r.width||54,h=r.height||54;
    const vw=window.innerWidth||440,vh=window.innerHeight||700;
    return {x:Math.max(pad,Math.min(x,vw-w-pad)),y:Math.max(pad,Math.min(y,vh-h-pad))};
  }
  function setPos(x,y,persist){
    const p=clamp(x,y);
    fab.style.left=p.x+'px';
    fab.style.top=p.y+'px';
    fab.style.right='auto';
    fab.style.bottom='auto';
    fab.classList.add('moved');
    if(persist){try{localStorage.setItem(key,JSON.stringify(p));}catch(e){}}
  }
  try{
    const saved=JSON.parse(localStorage.getItem(key)||'null');
    if(saved&&Number.isFinite(saved.x)&&Number.isFinite(saved.y))setPos(saved.x,saved.y,false);
  }catch(e){}
  let startX=0,startY=0,origX=0,origY=0,dragging=false,moved=false,pid=null;
  fab.addEventListener('pointerdown',e=>{
    if(e.button!==undefined&&e.button!==0)return;
    const r=fab.getBoundingClientRect();
    startX=e.clientX;startY=e.clientY;origX=r.left;origY=r.top;
    dragging=true;moved=false;pid=e.pointerId;
    if(fab.setPointerCapture)fab.setPointerCapture(pid);
    fab.classList.add('dragging');
  },{passive:false});
  fab.addEventListener('pointermove',e=>{
    if(!dragging)return;
    const dx=e.clientX-startX,dy=e.clientY-startY;
    if(Math.abs(dx)+Math.abs(dy)>6)moved=true;
    if(moved){e.preventDefault();setPos(origX+dx,origY+dy,false);}
  },{passive:false});
  function endDrag(){
    if(!dragging)return;
    dragging=false;fab.classList.remove('dragging');
    try{if(fab.releasePointerCapture&&pid!==null)fab.releasePointerCapture(pid);}catch(e){}
    if(moved){
      const r=fab.getBoundingClientRect();
      setPos(r.left,r.top,true);
      window.__aifabDragSuppress=true;
      setTimeout(()=>{window.__aifabDragSuppress=false;},260);
    }
  }
  fab.addEventListener('pointerup',endDrag);
  fab.addEventListener('pointercancel',endDrag);
  window.addEventListener('resize',()=>{
    if(!fab.classList.contains('moved'))return;
    const r=fab.getBoundingClientRect();
    setPos(r.left,r.top,true);
  });
}

function askQ(q){document.getElementById('aiinput').value=q;sendChat();}
function addMsg(role,txt,loading=false){const msgs=document.getElementById('aimsgs');const d=document.createElement('div');d.className=`msg ${role}`;d.innerHTML=`<div class="mb ${loading?'ld':''}">${txt}</div>`;msgs.appendChild(d);msgs.scrollTop=msgs.scrollHeight;return d;}

// ── AI CHAT SCOPE + CONTEXT ROUTER ───────────────────
function getActiveScreenName(){
  const el=document.querySelector('.scr.on');
  return el&&el.id?el.id.replace(/^scr-/,''):'overview';
}

function chatHasPortfolioData(){
  try{return !!(typeof getPortviewAccounts==='function'&&getPortviewAccounts().length>0);}catch(e){return false;}
}
function chatHasTeamData(){
  try{return !!(typeof _buildKamGroups==='function'&&_buildKamGroups().length>0);}catch(e){return false;}
}

function detectChatIntent(q){
  const text=String(q||'').toLowerCase();
  if(/(gmv|ยอด|ยอดขาย|ยอดซื้อ|spend|sales).*(สูงสุด|เยอะสุด|มากสุด|top|อันดับ|ranking|rank)|ร้านไหน.*(gmv|ยอด|ยอดซื้อ|ยอดขาย).*(เยอะ|สูง|มาก)|top\s*account|top\s*customer/.test(text))return 'top_gmv';
  if(/ใครก่อน|โทรหาใคร|priority|prioritize|จัดลำดับ|follow.?up|ติดต่อลูกค้า|action วันนี้|วันนี้ควร/.test(text))return 'priority';
  if(/ทีม|team|tl|หัวหน้าทีม|coach|coaching|support|kam แต่ละคน|แต่ละ kam/.test(text))return 'team_management';
  if(/โอกาส|opportunity|wallet|ขยาย|เพิ่มยอด|upsell|cross.?sell|category เพิ่ม|sku เพิ่ม|penetration|growth/.test(text))return 'opportunity';
  if(/ทำไม|root cause|diagnose|วิเคราะห์|เกิดอะไร|สาเหตุ|ลด|ตก|หาย|risk|เสี่ยง/.test(text))return 'diagnosis';
  if(/สรุป|brief|ควรรู้|overview|ภาพรวม|เล่าให้ฟัง/.test(text))return 'summary';
  return 'general';
}

function detectChatScope(q){
  const text=String(q||'').toLowerCase();
  const intent=detectChatIntent(q);
  const hasPortfolio=chatHasPortfolioData();
  const hasTeam=chatHasTeamData();

  // Query intent should beat current screen. Chat is a co-pilot, not a screen reader.
  if(intent==='top_gmv'&&hasPortfolio)return 'portfolio';
  if(/ทีม|team|tl|หัวหน้าทีม|kam แต่ละคน|แต่ละ kam|เซลล์แต่ละคน|sales แต่ละคน|โค้ช|coach|support/.test(text))return hasTeam?'team':'portfolio';
  if(/พอร์ต|portfolio|ภาพรวมทั้งหมด|ร้านทั้งหมด|ลูกค้าทั้งหมด|บัญชีทั้งหมด|account ทั้งหมด|accounts ทั้งหมด|ใครก่อน|โทรหาใคร|priority|prioritize|จัดลำดับ|at[- ]?risk|เสี่ยงทั้งหมด|ร้านไหน/.test(text))return hasPortfolio?'portfolio':'account';
  if(/ร้านนี้|บัญชีนี้|ลูกค้ารายนี้|account นี้|sku|สินค้า|ต้นทุน|ประหยัด|หมวด|category|สั่งซื้อ|ออเดอร์|สเปค|ราคา/.test(text))return 'account';

  const screen=getActiveScreenName();
  if(screen==='teamview'&&hasTeam)return 'team';
  if(screen==='portview'&&hasPortfolio)return 'portfolio';
  return 'account';
}

function fmtChatK(n){return n>=1000000?'฿'+(n/1000000).toFixed(1)+'M':n>=1000?'฿'+Math.round(n/1000)+'K':'฿'+Math.round(n).toLocaleString('th-TH');}
function pctChat(n){return Number.isFinite(n)?Math.round(n)+'%':'n/a';}
function chatMoneyValue(a){
  const ps=a&&a.paceSignal||{};
  return {
    current:Number(a&&a.gmvToDate||ps.gmvToDate||0),
    runrate:Number(a&&a.runrate||ps.runrate||0),
    last:Number(a&&a.lastGmv||ps.lastGmv||0),
    baseline:Number(ps.baselineGmv||ps.expected||0)
  };
}
function chatAccountName(a){return (a&&a.name)||'ไม่ทราบชื่อร้าน';}

function buildAccountChatContext(){
  const _an=D.meta.accountName||document.getElementById('acct-name-input')?.value.trim()||'ร้านอาหารของคุณ';
  const _skus=Array.isArray(D.skus)?D.skus:[];
  const _cats=Array.isArray(D.cats)?D.cats:[];
  const _hist=Array.isArray(D.history)?D.history:[];
  const _hasRealSkus=_skus.length>0;
  const _hasRealCats=_cats.length>0;
  const _hasRealHistory=_hist.length>0;
  const _hasMonthlySkus=!!(D.skus_monthly&&Object.keys(D.skus_monthly).length>=2);
  const _senseMetricsChat=getSenseScoreMetrics();
  const _sp=_senseMetricsChat.savPct;
  const _sc=_senseMetricsChat.score;

  const _trend=_hasRealHistory
    ?_hist.slice(-6).map(h=>h.m+' '+fmt(h.s)+' ('+(h.orders||0)+' ออเดอร์)').join(', ')
    :'ไม่มี monthly history ที่โหลดอยู่ใน session นี้';
  const _catStr=_hasRealCats
    ?_cats.slice(0,8).map(c=>c.n+' '+fmt(c.s)+' ('+c.p+'%)').join(', ')
    :'ไม่มี category breakdown ที่โหลดอยู่ใน session นี้';
  const _skuTop=_hasRealSkus?[..._skus].sort((a,b)=>(b.gmv||b.s||0)-(a.gmv||a.s||0)).slice(0,10):[];
  const _skuStr=_skuTop.length
    ?_skuTop.map((s,i)=>(i+1)+'. '+s.n+' ['+(s.d||'-')+'] '+fmt(s.gmv||s.s||0)+'/ด.'+(s.unit_price?' ฿'+s.unit_price+'/kg':'')).join('\n')+(_skus.length>10?'\n(+'+(_skus.length-10)+' รายการ)':'')
    :'ไม่มี SKU-level data ที่โหลดอยู่ใน session นี้';

  let _skuMovement='ไม่มี SKU monthly movement ที่โหลดอยู่ใน session นี้';
  const _skuMonths=D.skus_monthly&&Object.keys(D.skus_monthly);
  if(_skuMonths&&_skuMonths.length>=2){
    const _cSort=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
    const months=[..._skuMonths].sort((a,b)=>_cSort(b)-_cSort(a)).slice(0,5);
    // v156: skip current MTD month so AI doesn't see false drops
    const _cmLbl5=(D.current_month||{}).month_label||'';
    const lastMo=months.find(m=>m!==_cmLbl5)||months[0];
    const prevMonths=months.filter(m=>m!==lastMo).slice(0,4);
    const lastSet=new Set((D.skus_monthly[lastMo]||[]).map(s=>s.id));
    const prevAllIds=new Set(prevMonths.flatMap(m=>(D.skus_monthly[m]||[]).map(s=>s.id)));
    const newSkus=(D.skus_monthly[lastMo]||[]).filter(s=>!prevAllIds.has(s.id)).sort((a,b)=>(b.gmv||0)-(a.gmv||0)).slice(0,4);
    const prev1Mo=months[1];
    const droppedSkus=(D.skus_monthly[prev1Mo]||[]).filter(s=>!lastSet.has(s.id)).sort((a,b)=>(b.gmv||0)-(a.gmv||0)).slice(0,4);
    const prevAvg={};
    prevMonths.forEach(m=>{(D.skus_monthly[m]||[]).forEach(s=>{if(!prevAvg[s.id])prevAvg[s.id]={sum:0,cnt:0,n:s.n,d:s.d};prevAvg[s.id].sum+=s.qty_kg||0;prevAvg[s.id].cnt++;});});
    const volChanges=(_skus).filter(s=>prevAvg[s.id]&&prevAvg[s.id].cnt>0).map(s=>{const avg=prevAvg[s.id].sum/prevAvg[s.id].cnt;const chg=avg>0?((s.qty_kg||0)-avg)/avg*100:0;return{...s,avgQty:avg,chgPct:chg};}).filter(s=>Math.abs(s.chgPct)>=35).sort((a,b)=>Math.abs(b.chgPct)-Math.abs(a.chgPct)).slice(0,4);
    const newStr=newSkus.length?newSkus.map(s=>'+ '+s.n+' ['+fmt(s.gmv||0)+'/ด. ใน '+lastMo+']').join('\n'):'ไม่มี';
    const dropStr=droppedSkus.length?droppedSkus.map(s=>'- '+s.n+' ['+fmt(s.gmv||0)+'/ด. ใน '+prev1Mo+' แต่ไม่พบใน '+lastMo+']').join('\n'):'ไม่มี';
    const volStr=volChanges.length?volChanges.map(s=>(s.chgPct>0?'↑':'↓')+' '+s.n+' '+s.chgPct.toFixed(0)+'% ('+(s.qty_kg||0).toFixed(1)+'kg vs avg '+s.avgQty.toFixed(1)+'kg)').join('\n'):'ไม่มี';
    _skuMovement=`ช่วง ${months[months.length-1]} – ${lastMo} (${months.length} เดือน; monthly granularity only)\nSKU เพิ่งเริ่มซื้อในเดือนล่าสุดเทียบช่วงก่อนหน้า:\n${newStr}\nSKU ที่ไม่พบในเดือนล่าสุดเทียบเดือนก่อนหน้า:\n${dropStr}\nVolume เปลี่ยนแปลง ≥35%:\n${volStr}`;
  }

  const _ol=OPPS.length
    ?OPPS.slice(0,10).map((o,i)=>{const a=getAlt(o);return(i+1)+'. '+o.curName+' → '+a.altName+': ประหยัด '+fmt(a.save)+'/ด. ('+a.pct+'%, '+(a.conf==='high'?'มั่นใจสูง':'ทดลองก่อน')+')'}).join('\n')+(OPPS.length>10?'\n(+'+(OPPS.length-10)+' opportunities)':'')
    :'ยังไม่มีข้อมูล alternatives ที่โหลดอยู่ใน session นี้';

  return `-- ACCOUNT CONTEXT --\nชื่อ: ${_an}\nค่าใช้จ่ายเดือนล่าสุด: ${fmt(curSpend())}\nCost IQ Score: ${_sc}/100\nเลือกแผนแล้ว: ${fmt(totalSel())}/เดือน (${sel.size} รายการ)\nโอกาสเต็มที่จาก alternatives: ${fmt(totalAll())}/เดือน\nData: monthly_history=${_hasRealHistory?'loaded':'not_loaded'}, category=${_hasRealCats?'loaded':'not_loaded'}, sku=${_hasRealSkus?'loaded':'not_loaded'}, sku_monthly=${_hasMonthlySkus?'loaded':'not_loaded'}, weekly=not_available, supplier=not_available, menu=not_available\n\nMonthly trend:\n${_trend}\n\nCategory latest:\n${_catStr}\n\nTop SKU latest:\n${_skuStr}\n\nSKU monthly signals:\n${_skuMovement}\n\nCost-saving alternatives:\n${_ol}`;
}

function buildPortfolioChatContext(){
  let accounts=[];
  try{accounts=typeof getPortviewAccounts==='function'?getPortviewAccounts():[];}catch(e){accounts=[];}
  if(!accounts||!accounts.length){
    return `-- PORTFOLIO CONTEXT --\nยังไม่มีข้อมูลพอร์ตที่โหลดอยู่ใน session นี้ หรือผู้ใช้ไม่มีสิทธิ์เห็นพอร์ตนี้`;
  }
  const enriched=accounts.map(a=>{const v=chatMoneyValue(a);return{...a,_chatMoney:v,_currentGmv:v.current,_runrate:v.runrate,_lastGmv:v.last};});
  const withPace=enriched.filter(a=>a.paceSignal&&a.paceSignal.pct>0);
  const portfolioPace=withPace.length?Math.round(withPace.reduce((s,a)=>s+(a.paceSignal.gmvToDate||0),0)/Math.max(1,withPace.reduce((s,a)=>s+(a.paceSignal.expected||0),0))*100):0;
  const atRisk=enriched.filter(a=>a.paceSignal&&(a.paceSignal.cls==='danger'||a.paceSignal.cls==='warn'));
  const healthy=enriched.filter(a=>a.paceSignal&&(a.paceSignal.cls==='safe'||a.paceSignal.cls==='great')).length;
  const topCurrent=[...enriched].sort((a,b)=>(b._currentGmv||0)-(a._currentGmv||0)).slice(0,10);
  const topRunrate=[...enriched].sort((a,b)=>(b._runrate||0)-(a._runrate||0)).slice(0,8);
  const rankedRisk=[...atRisk].sort((a,b)=>Math.max(0,(b.paceSignal?.baselineGmv||0)-(b.paceSignal?.runrate||0))-Math.max(0,(a.paceSignal?.baselineGmv||0)-(a.paceSignal?.runrate||0))).slice(0,8);
  const topCurrentLines=topCurrent.map((a,i)=>`${i+1}. ${chatAccountName(a)} — current GMV-to-date ${fmtChatK(a._currentGmv||0)}, run-rate ${fmtChatK(a._runrate||0)}, last-month ${fmtChatK(a._lastGmv||0)}${a.kamName?' · KAM '+a.kamName:''}`).join('\n');
  const topRunrateLines=topRunrate.map((a,i)=>`${i+1}. ${chatAccountName(a)} — run-rate ${fmtChatK(a._runrate||0)}, current ${fmtChatK(a._currentGmv||0)}, pace ${pctChat(a.paceSignal?.pct)}`).join('\n');
  const riskLines=rankedRisk.map((a,i)=>{const ps=a.paceSignal||{};const gap=Math.max(0,(ps.baselineGmv||ps.expected||0)-(ps.runrate||ps.gmvToDate||0));return `${i+1}. ${chatAccountName(a)} — ${ps.cls||'n/a'} pace ${pctChat(ps.pct)} gap ${fmtChatK(gap)}${(a.churnedSkuCount||0)>0?' · SKU ไม่พบ '+a.churnedSkuCount:''}`;}).join('\n');
  return `-- PORTFOLIO CONTEXT --\nจำนวนร้านที่เห็น: ${enriched.length}\nPortfolio pro-rate: ${portfolioPace}%\nAt-risk: ${atRisk.length} ร้าน\nHealthy/Safe: ${healthy} ร้าน\n\nTop accounts by current GMV-to-date:\n${topCurrentLines||'ไม่มีข้อมูล current GMV'}\n\nTop accounts by run-rate GMV:\n${topRunrateLines||'ไม่มีข้อมูล run-rate'}\n\nAt-risk accounts by money impact:\n${riskLines||'ไม่มีร้านเสี่ยงจากข้อมูลที่โหลดอยู่'}`;
}

function buildTeamChatContext(){
  let groups=[];
  try{groups=typeof _buildKamGroups==='function'?_buildKamGroups():[];}catch(e){groups=[];}
  if(!groups||!groups.length){
    return `-- TEAM CONTEXT --\nยังไม่มีข้อมูลทีมที่โหลดอยู่ใน session นี้ หรือ user ไม่ใช่ TL/admin`;
  }
  const allAccts=groups.flatMap(g=>(g.accounts||[]).map(a=>({...a,_kamGroup:g.kamName})));
  const withPace=allAccts.filter(a=>a.paceSignal&&a.paceSignal.pct>0);
  const teamPace=withPace.length?Math.round(withPace.reduce((s,a)=>s+(a.paceSignal.gmvToDate||0),0)/Math.max(1,withPace.reduce((s,a)=>s+(a.paceSignal.expected||0),0))*100):0;
  const totalShortfall=groups.reduce((s,g)=>s+(g.shortfall||0),0);
  const kamLines=groups.slice(0,10).map(g=>`- ${g.kamName}: ${g.total} ร้าน · pace ${g.pace}% · เสี่ยง ${g.danger+g.warn} · shortfall ${fmtChatK(g.shortfall||0)}`).join('\n');
  const topAccts=allAccts.map(a=>{const v=chatMoneyValue(a);return{...a,_currentGmv:v.current,_runrate:v.runrate,_lastGmv:v.last};}).sort((a,b)=>(b._currentGmv||0)-(a._currentGmv||0)).slice(0,8);
  const topAcctLines=topAccts.map((a,i)=>`${i+1}. ${chatAccountName(a)} — current ${fmtChatK(a._currentGmv||0)}, run-rate ${fmtChatK(a._runrate||0)}, KAM ${a.kamName||a._kamGroup||'-'}`).join('\n');
  return `-- TEAM CONTEXT --\nจำนวน KAM: ${groups.length}\nจำนวนร้าน: ${allAccts.length}\nTeam pro-rate: ${teamPace}%\nTotal shortfall: ${fmtChatK(totalShortfall)}\n\nKAM groups:\n${kamLines}\n\nTop accounts visible to this team by current GMV-to-date:\n${topAcctLines||'ไม่มีข้อมูล current GMV รายร้านใน team context'}`;
}

function buildChatContextByScope(scope,q){
  // Olive Chat v2: always provide a compact cross-scope packet when available.
  // This prevents the bot from acting like a screen reader stuck on the current tab.
  const active=getActiveScreenName();
  const intent=detectChatIntent(q||'');
  const sections=[`-- CHAT ROUTER --\nselected_scope: ${scope}\nquery_intent: ${intent}\nactive_screen: ${active}\nrule: answer the user’s actual question; do not say a scope is unavailable if another loaded context below contains the answer.`];
  if(scope==='account'){
    sections.push(buildAccountChatContext());
    if(chatHasPortfolioData())sections.push(buildPortfolioChatContext());
    if(chatHasTeamData())sections.push(buildTeamChatContext());
  }else if(scope==='portfolio'){
    sections.push(buildPortfolioChatContext());
    sections.push(buildAccountChatContext());
    if(chatHasTeamData())sections.push(buildTeamChatContext());
  }else if(scope==='team'){
    sections.push(buildTeamChatContext());
    if(chatHasPortfolioData())sections.push(buildPortfolioChatContext());
    sections.push(buildAccountChatContext());
  }else{
    sections.push(buildAccountChatContext());
    if(chatHasPortfolioData())sections.push(buildPortfolioChatContext());
    if(chatHasTeamData())sections.push(buildTeamChatContext());
  }
  return sections.join('\n\n');
}

function oliveChatGroundingClean(t, context, scope){
  // Olive Chat v2: narrow last-mile cleanup only. Do not rewrite business meaning.
  let s=String(t||'');
  const ctx=String(context||'');
  const noWeekly=/weekly=not_available|weekly_data:\s*not_available/i.test(ctx);
  if(noWeekly){
    s=s.replace(/(ลดลง|เพิ่มขึ้น|หายไป|โตขึ้น|ตกลง)\s*(\d+)\s*สัปดาห์(?:\s*ต่อเนื่อง|\s*ติด|\s*เรียว)?/g,'$1ต่อเนื่องในข้อมูลรายเดือนที่มี');
    s=s.replace(/(\d+)\s*สัปดาห์เรียว/g,'ข้อมูลรายเดือนที่มี');
  }
  s=s
    .replace(/ฟอกประมาณ/g,'คิดเป็นประมาณ')
    .replace(/ยังมีหลังคาให้ยัง/g,'ยังมี room ให้ปรับ')
    .replace(/โทรตอบรับเสียวตอนนี้/g,'โทรเช็คอินตอนนี้')
    .replace(/ตอบรับเสียว/g,'เช็คอิน')
    .replace(/ไม่ได้มีซื้อ/g,'ไม่มีการซื้อ')
    .replace(/สัปดาห์เรียว/g,'สัปดาห์ต่อเนื่อง')
    .replace(/ดีดตัวออกมา ค่อยๆ/g,'มีสัญญาณฟื้นตัวแบบค่อยเป็นค่อยไป')
    .replace(/ออเดอร์หลัง/g,'จำนวนออเดอร์')
    .replace(/มีหลังคาให้ปรับ/g,'ยังมี room ให้ปรับ')
    .replace(/เนื้อที่ซื้อ/g,'หมวดที่ซื้อ')
    .replace(/emergency/gi,'เคสเร่งด่วน')
    .replace(/\bchurn\b/gi,'เสี่ยงหลุด')
    .replace(/\bdrop\b/gi,'ยอดลด')
    .replace(/[📊🔍⚠️✅💡🙂😀😅🚨]/g,'')
    .replace(/ค่ะค่ะ/g,'ค่ะ')
    .replace(/คะค่ะ/g,'ค่ะ')
    .replace(/ค่ะนะคะ/g,'นะคะ')
    .replace(/นะคะค่ะ/g,'นะคะ');
  // soften over-certain unsupported operational diagnoses
  s=s.replace(/ลูกค้าเปลี่ยนซัพพลายเออร์/g,'ลูกค้าอาจเปลี่ยนแหล่งซื้อ (ต้องถามยืนยัน)');
  s=s.replace(/เปลี่ยน supplier/g,'อาจเปลี่ยน supplier (ต้องถามยืนยัน)');
  s=s.replace(/เปลี่ยนเมนู/g,'อาจเปลี่ยนเมนู (ต้องถามยืนยัน)');
  s=s.replace(/เตรียม promote/g,'อาจมีแผนโปรโมชัน (ต้องถามยืนยัน)');
  return s.replace(/\n{3,}/g,'\n\n').trim();
}

async function sendChat(){
  if(aiLoading)return;
  const inp=document.getElementById('aiinput');
  const q=inp.value.trim();
  if(!q)return;
  inp.value='';
  document.getElementById('aisugg').style.display='none';
  addMsg('u',q);
  const ldEl=addMsg('a','<span class="ai-typing"><span></span><span></span><span></span></span>',true);
  aiLoading=true;
  chatHist.push({role:'user',content:q});
  if(chatHist.length>10)chatHist=chatHist.slice(-10);

  const _scope=detectChatScope(q);
  const _context=buildChatContextByScope(_scope,q);
  const _intent=detectChatIntent(q);
  const _mustReplyThai=/[\u0E00-\u0E7F]/.test(q) && !/(answer|reply|respond)\s+in\s+english|english\s+only|ภาษาอังกฤษ/i.test(q);
  const _languageContract=_mustReplyThai
    ? 'ผู้ใช้ถามเป็นภาษาไทยหรือไทยปนอังกฤษ: ตอบภาษาไทยเท่านั้น ใช้คำอังกฤษเฉพาะชื่อ metric/field/feature หรือศัพท์ธุรกิจที่จำเป็น'
    : 'Mirror the user\'s requested language. If no explicit English request exists, prefer Thai.';
  const _isGreeting=/^(hi|hello|hey|สวัสดี|หวัดดี|ดีครับ|ดีค่ะ)\b/i.test(q.trim());
  const _simple=/^(ร้านไหน|ใคร|อะไร|เท่าไหร่|กี่|top|highest|มากสุด|เยอะสุด)/i.test(q.trim())&&q.length<80;
  const _chatModelKey=_isGreeting?'haiku':'sonnet';
  const _maxTok=_simple?650:950;

  const sys=OLIVE_BASE+`

-- OLIVE CHAT V2 TASK --
You are answering inside Freshket Sense AI Chat. You are not a screen reader. You are a KAM intelligence partner who can use all loaded context provided below.

selected_scope: ${_scope}
query_intent: ${_intent}

${_context}

-- LANGUAGE CONTRACT --
${_languageContract}

-- ANSWER STYLE CONTRACT --
- Answer the user’s question directly in the first 1–2 lines.
- Default length: 4–8 concise lines. Do not write a full report unless the user asks for one.
- Do not use a fixed template like “สถานะ / สัญญาณ / ควรทำ” every time. Choose the shape that fits the question.
- No markdown tables unless the user explicitly asks for a table.
- No emojis.
- Be practical and KAM-native: what matters, why, what to do next.
- If the answer is a ranking, give the ranking first, then one caveat about metric definition if needed.

-- GROUNDING CONTRACT --
- Use only the context above for numbers, dates, account names, SKU names, category names, percentages, and money values.
- If a useful answer exists in portfolio/team context, use it even if the current screen is different.
- Do not tell the user to open another page unless no loaded context can answer the question.
- Distinguish: fact from data / interpretation / hypothesis to verify. But do this naturally, not as a rigid template.
- Never invent week-level patterns. If weekly data is not available, do not mention weeks.
- Supplier/menu/promotion/churn/customer intent can only be a hypothesis to verify unless explicitly present in context.
- Balance risk and upside: look for growth, wallet protection, wallet expansion, category penetration, ordering-cycle, spec, price, and menu-mix opportunities when context supports them.
- Use Thai Baht only: บาท or ฿. Never use เยน, JPY, ¥, dollar, or USD.
- Refer to yourself only as Olive. Never use หนู, ฉัน, ดิฉัน, ผม, เรา, อาจารย์, or ครับ.`;

  try{
    const reply=await callAI(_chatModelKey,sys,chatHist.slice(-8),_maxTok);
    const cleanReply=oliveChatGroundingClean(oliveToneClean(reply), _context, _scope);
    ldEl.querySelector('.mb').innerHTML=cleanReply.replace(/\n/g,'<br>');
    ldEl.querySelector('.mb').classList.remove('ld');
    chatHist.push({role:'assistant',content:cleanReply});
  }catch(e){
    ldEl.querySelector('.mb').textContent='ขออภัย เชื่อมต่อไม่ได้ขณะนี้';
    ldEl.querySelector('.mb').classList.remove('ld');
  }
  aiLoading=false;
}

// ── Share Report: html2canvas + jsPDF → navigator.share (iOS share sheet) ──
var _shareLibsLoaded=false;
var _shareLibsLoading=false;
var _shareLibsCallbacks=[];

function _loadShareLibs(cb){
  if(_shareLibsLoaded){cb();return;}
  _shareLibsCallbacks.push(cb);
  if(_shareLibsLoading)return;
  _shareLibsLoading=true;
  var s1=document.createElement('script');
  s1.src='https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
  // v564: on CDN failure, callbacks MUST be invoked with an error.
  // Previously they were silently dropped → shareReport never resumed →
  // button stuck disabled on 'กำลังสร้างรายงาน...' forever (only reload escaped).
  // _shareLibsLoading=false means the next tap retries the load cleanly.
  function _shareLibsFail(which){
    _shareLibsLoading=false;
    var cbs=_shareLibsCallbacks; _shareLibsCallbacks=[];
    console.error('[Share] '+which+' load failed');
    try{ if(window.SenseSentinel&&typeof window.SenseSentinel.report==='function')
      window.SenseSentinel.report('resource','share libs CDN load failed: '+which); }catch(e){}
    cbs.forEach(function(f){try{f(new Error(which+' load failed'));}catch(e){}});
  }
  s1.onload=function(){
    var s2=document.createElement('script');
    s2.src='https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js';
    s2.onload=function(){
      _shareLibsLoaded=true;_shareLibsLoading=false;
      _shareLibsCallbacks.forEach(function(f){try{f();}catch(e){}});
      _shareLibsCallbacks=[];
    };
    s2.onerror=function(){_shareLibsFail('jsPDF');};
    document.head.appendChild(s2);
  };
  s1.onerror=function(){_shareLibsFail('html2canvas');};
  document.head.appendChild(s1);
}

function _setShareStatus(msg,isErr){
  var el=document.getElementById('rpt2-share-status');
  if(el){el.textContent=msg;el.style.color=isErr?'#e05555':'rgba(0,0,0,.4)';}
}

function _setShareBtnState(loading){
  var btn=document.getElementById('rpt2-share-btn');
  if(!btn)return;
  if(loading){
    btn.disabled=true;
    btn.innerHTML='<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" style="animation:spin 1s linear infinite"><path d="M21 12a9 9 0 11-6.22-8.56"/></svg>กำลังสร้างรายงาน...';
  } else {
    btn.disabled=false;
    btn.innerHTML='<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg>แชร์รายงาน';
  }
}

async function shareReport(){
  _setShareBtnState(true);
  _setShareStatus('กำลังโหลด...');
  _loadShareLibs(async function(loadErr){
    if(loadErr){
      // v564: CDN failed — tell the user and re-enable the button (next tap retries)
      _setShareStatus('โหลดตัวสร้าง PDF ไม่สำเร็จ — เช็คอินเทอร์เน็ตแล้วแตะลองใหม่',true);
      _setShareBtnState(false);
      return;
    }
    try{await _doShareReport();}catch(err){
      console.error('[Share]',err);
      _setShareStatus('เกิดข้อผิดพลาด — ลองใหม่อีกครั้ง',true);
      _setShareBtnState(false);
    }
  });
}

async function _doShareReport(){
  var doc=document.getElementById('rpt2-doc');
  if(!doc){_setShareStatus('ไม่พบเนื้อหารายงาน',true);_setShareBtnState(false);return;}
  _setShareStatus('กำลังสร้าง PDF...');
  // v_rpt1: capture at 595px (A4 pt width) so font sizes are correct in PDF
  // Previous: captured at mobile width ~390px → scaled 1.5× → font too large in PDF
  var _captureW=595;
  var _wrapper=document.createElement('div');
  _wrapper.style.cssText='position:fixed;left:-9999px;top:0;width:'+_captureW+'px;background:#fff;z-index:-1;';
  var _clone=doc.cloneNode(true);
  _clone.style.cssText='width:'+_captureW+'px;border-radius:0;box-shadow:none;background:#fff;';
  // v_gp: ชั้นป้องกันที่สอง — ตัดทุก element ที่ติด data-gp ออกจาก clone ก่อนแคป
  //
  // ชั้นแรกคือ "ห้ามเขียน GP ลงใน #rpt2-doc ตั้งแต่แรก" (โครงสร้าง) แต่ชั้นเดียว
  // ไม่พอ เพราะ html2canvas แคป DOM ตามที่เห็น ไม่ได้ re-render จากข้อมูล
  // ถ้าอนาคตมีใครเผลอเพิ่ม GP ลงหน้ารายงาน ภาพที่ส่งให้ลูกค้าจะมีกำไรของ
  // Freshket ติดไปด้วยทันทีโดยไม่มีอะไรเตือน · ตรงนี้ตัดจาก clone ไม่ใช่ DOM จริง
  // จึงไม่กระทบสิ่งที่ KAM เห็นบนจอ
  try{
    var _gpLeaks=_clone.querySelectorAll('[data-gp]');
    for(var _gi=0;_gi<_gpLeaks.length;_gi++){
      if(_gpLeaks[_gi].parentNode)_gpLeaks[_gi].parentNode.removeChild(_gpLeaks[_gi]);
    }
    if(_gpLeaks.length)console.warn('[gp] ตัด '+_gpLeaks.length+' element ที่มี GP ออกจากรายงานที่จะแชร์');
  }catch(e){}
  _wrapper.appendChild(_clone);
  document.body.appendChild(_wrapper);
  var canvas=await window.html2canvas(_clone,{
    scale:2,useCORS:true,allowTaint:true,backgroundColor:'#ffffff',logging:false,
    width:_captureW,height:_clone.scrollHeight,
    windowWidth:_captureW,windowHeight:_clone.scrollHeight
  });
  document.body.removeChild(_wrapper);
  var jsPDF=window.jspdf&&window.jspdf.jsPDF||window.jsPDF;
  var pdf=new jsPDF({orientation:'portrait',unit:'pt',format:'a4'});
  var pdfW=pdf.internal.pageSize.getWidth();
  var pdfH=pdf.internal.pageSize.getHeight();
  var imgW=canvas.width;var imgH=canvas.height;
  var ratio=pdfW/imgW;var scaledH=imgH*ratio;
  var imgData=canvas.toDataURL('image/jpeg',0.92);
  if(scaledH<=pdfH){
    pdf.addImage(imgData,'JPEG',0,0,pdfW,scaledH);
  } else {
    var pageH=Math.floor(pdfH/ratio);var pages=Math.ceil(imgH/pageH);
    var tmpCanvas=document.createElement('canvas');tmpCanvas.width=imgW;
    var ctx2=tmpCanvas.getContext('2d');
    for(var p=0;p<pages;p++){
      var srcY=p*pageH;var srcH=Math.min(pageH,imgH-srcY);
      tmpCanvas.height=srcH;ctx2.drawImage(canvas,0,srcY,imgW,srcH,0,0,imgW,srcH);
      var sliceData=tmpCanvas.toDataURL('image/jpeg',0.92);
      if(p>0)pdf.addPage();
      pdf.addImage(sliceData,'JPEG',0,0,pdfW,srcH*ratio);
    }
  }
  var acctName=typeof D!=='undefined'&&D.meta&&D.meta.accountName?D.meta.accountName:'ร้านอาหาร';
  var dateStr=new Date().toLocaleDateString('th-TH',{year:'numeric',month:'short',day:'numeric'});
  var fileName='Freshket_Sense_'+acctName.replace(/[^฀-๿a-zA-Z0-9]/g,'_').slice(0,30)+'_'+dateStr+'.pdf';
  if(navigator.share&&navigator.canShare){
    var pdfBlob=pdf.output('blob');
    var pdfFile=new File([pdfBlob],fileName,{type:'application/pdf'});
    if(navigator.canShare({files:[pdfFile]})){
      _setShareStatus('');
      try{
        await navigator.share({files:[pdfFile],title:'Freshket Sense — Cost Report',text:'รายงานวิเคราะห์ต้นทุนวัตถุดิบโดย Freshket Sense'});
        _setShareBtnState(false);return;
      }catch(shareErr){
        if(shareErr.name==='AbortError'){_setShareBtnState(false);_setShareStatus('');return;}
        // Fall through to download
      }
    }
  }
  // Fallback: download
  _setShareStatus('บันทึกแล้ว — เปิดจาก Files เพื่อแชร์ต่อ');
  var blobUrl=URL.createObjectURL(pdf.output('blob'));
  var a=document.createElement('a');a.href=blobUrl;a.download=fileName;a.click();
  setTimeout(function(){URL.revokeObjectURL(blobUrl);},10000);
  _setShareBtnState(false);
}

function shareLine(){
  const _sn=D.meta.accountName||document.getElementById('acct-name-input')?.value.trim()||'ร้านอาหารของคุณ';
  const _sp=curSpend()>0?totalSel()/curSpend()*100:0;
  const _sc=computeSenseScore();
  const _cta=isKAM?'ข้อมูลนี้จัดทำโดย KAM Freshket':'สอบถามที่ KAM ของท่าน';
  const txt='รายงาน Freshket Sense\n\n'+_sn+'\nค่าใช้จ่าย: '+fmt(curSpend())+'/เดือน\nแผนประหยัด: '+fmt(totalSel())+'/เดือน ('+sel.size+' รายการ)\nต่อปี: '+fmt(totalSel()*12)+'\nFull Potential: '+fmt(totalAll()*12)+'/ปี\nCost IQ Score: '+_sc+'/100\n\n'+_cta;
  window.open('https://social-plugins.line.me/lineit/share?url='+encodeURIComponent('https://freshket.co')+'&text='+encodeURIComponent(txt),'_blank');
}

// ════════════════════════════════════════
// INIT
// ════════════════════════════════════════
// Keyboard: Escape closes overlays
document.addEventListener('keydown',e=>{
  if(e.key==='Escape'){
    const sheet=document.getElementById('detailSheet');
    if(sheet&&sheet.classList.contains('open')){closeDetailSheet();return;}
    const panel=document.getElementById('dataPanel');
    if(panel&&panel.classList.contains('open')){closeDataPanel();return;}
  }
});
// ════════════════════════════════════════
// GROUP A — NEW RENDER FUNCTIONS
// ════════════════════════════════════════

// ── Hero: KAM identity (customer mode only) ──
// SECTION:HERO_RENDERS
function renderHeroKAM(){
  const row=document.getElementById('h-kam-row');
  const nameEl=document.getElementById('h-kam-name');
  const kamName=D.meta.kamName||'';
  if(!kamName||isKAM){if(row)row.style.display='none';return;}
  if(nameEl)nameEl.textContent=kamName;
  if(row)row.style.display='flex';
}

// ── Hero: MoM spend delta ──
function renderHeroMoM(){
  if(heroLockedToCurrent)return;
  const el=document.getElementById('hero-mom');
  const deltaEl=document.getElementById('hero-mom-delta');
  const labelEl=document.getElementById('hero-mom-label');
  if(!el)return;
  const hist=D.history.length?D.history:SAMPLE.history;
  if(hist.length<2){el.style.display='none';return;}
  const cur=hist[hist.length-1].s;
  const prev=hist[hist.length-2].s;
  if(!prev){el.style.display='none';return;}
  const pct=(cur-prev)/prev*100;
  const isUp=pct>=0;
  const sign=isUp?'+':'';
  if(deltaEl){deltaEl.textContent=sign+pct.toFixed(1)+'%';deltaEl.className='mom-delta '+(isUp?'mom-up':'mom-dn');}
  if(labelEl)labelEl.textContent=(isUp?' ▲':' ▼')+' จากเดือนก่อน';
  el.style.display='flex';
}

// ── Compute unit_price changes between last 2 months ──
function computePriceChanges(){
  const _moSort=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
  const moKeys=D.skus_monthly&&Object.keys(D.skus_monthly).length?Object.keys(D.skus_monthly).sort((a,b)=>_moSort(b)-_moSort(a)):[];
  if(moKeys.length<2)return[];
  const curSkus=D.skus_monthly[moKeys[0]]||[];
  const prevSkus=D.skus_monthly[moKeys[1]]||[];
  const prevMap={};prevSkus.forEach(s=>{prevMap[String(s.id)]=s.unit_price||s.u||0;});
  const changes=[];
  curSkus.forEach(s=>{
    const cur=s.unit_price||s.u||0;
    const prev=prevMap[String(s.id)]||0;
    if(!cur||!prev)return;
    const pct=(cur-prev)/prev*100;
    if(Math.abs(pct)>=1)changes.push({id:String(s.id),name:s.n,pct,curPrice:cur,prevPrice:prev});
  });
  return changes.sort((a,b)=>Math.abs(b.pct)-Math.abs(a.pct));
}

// ── Quick Wins card ──
function renderQuickWins(){
  const sec=document.getElementById('quick-wins-sec');
  const itemsEl=document.getElementById('qw-items');
  const footerEl=document.getElementById('qw-footer');
  const footerSaveEl=document.getElementById('qw-footer-save');
  if(!sec||!itemsEl)return;
  if(OPPS.length===0){sec.style.display='none';return;}
  // Sort: high confidence first, then by savings
  const sorted=[...OPPS].sort((a,b)=>{
    const ac=getAlt(a).conf==='high'?1:0,bc=getAlt(b).conf==='high'?1:0;
    if(bc!==ac)return bc-ac;
    return getAlt(b).save-getAlt(a).save;
  });
  const top3=sorted.slice(0,3);
  const priceChanges=computePriceChanges();
  itemsEl.innerHTML=top3.map(o=>{
    const alt=getAlt(o);
    const isSel=sel.has(o.id);
    const pc=priceChanges.find(p=>p.id===String(o.curId));
    const priceTag=pc&&pc.pct>0?`<span class="qw-price-tag">ราคา▲${Math.abs(pc.pct).toFixed(0)}%</span>`:'';
    const btnLabel=isSel?'✓ เพิ่มแล้ว':'+ เพิ่ม';
    return`<div class="qw-item">
      <div class="qw-names">
        <div class="qw-from-line"><span class="qw-from">${o.curName}</span>${priceTag}</div>
        <div class="qw-to">${alt.altName}</div>
      </div>
      <div class="qw-save-col">
        <div class="qw-save">${fmt(alt.save)}</div>
        <div class="qw-save-unit">/เดือน</div>
      </div>
      <button class="qw-btn${isSel?' added':''}" id="qwbtn-${o.id}" onclick="qwToggle(${o.id})">${btnLabel}</button>
    </div>`;
  }).join('');
  const total=top3.reduce((s,o)=>s+getAlt(o).save,0);
  if(footerEl)footerEl.style.display='flex';
  if(footerSaveEl)footerSaveEl.textContent=fmt(total);
  sec.style.display='block';
}

function qwToggle(id){
  // ── v52 C1 fix: don't allow adding unverified opps to plan via Quick Wins ──
  const o=OPPS.find(x=>x.id===id);

  if(sel.has(id))sel.delete(id);else sel.add(id);
  currentPlanMode='custom';
  const btn=document.getElementById('qwbtn-'+id);
  if(btn){const on=sel.has(id);btn.textContent=on?'✓ เพิ่มแล้ว':'+ เพิ่ม';btn.className='qw-btn'+(on?' added':'');}
  renderOpps();updatePbFooter();updateSim();debouncedSave();
}

// ── Chart insight: biggest category mover vs prev month ──
function renderChartInsight(idx){
  const el=document.getElementById('chart-insight');
  if(!el)return;
  const hist=D.history.length?D.history:SAMPLE.history;
  if(idx<1){el.style.display='none';return;}
  const curMo=hist[idx]?.m;const prevMo=hist[idx-1]?.m;
  if(!curMo||!prevMo){el.style.display='none';return;}
  const curCats=D.cats_monthly&&D.cats_monthly[curMo];
  const prevCats=D.cats_monthly&&D.cats_monthly[prevMo];
  if(!curCats||!prevCats){el.style.display='none';return;}
  const prevMap={};prevCats.forEach(c=>{prevMap[c.n]=c.s;});
  let bigDelta=0,bigCat='';
  curCats.forEach(c=>{const d=c.s-(prevMap[c.n]||0);if(Math.abs(d)>Math.abs(bigDelta)){bigDelta=d;bigCat=c.n;}});

  // ── Trend annotation (priority over category mover) ──
  let trendNote='';
  if(hist.length>=3){
    const vals=hist.map(h=>h.s);
    const cur=vals[idx];
    const max6=Math.max(...vals);const min6=Math.min(...vals);
    // consecutive direction
    let runDir=0,runLen=1;
    for(let i=1;i<hist.length;i++){
      const d=vals[i-1]-vals[i];const dir=d>0?1:d<0?-1:0;
      if(i===1){runDir=dir;}else if(dir===runDir&&dir!==0){runLen++;}else break;
    }
    // variance
    const avg=vals.reduce((a,b)=>a+b,0)/vals.length;
    const variance=Math.sqrt(vals.reduce((s,v)=>s+Math.pow(v-avg,2),0)/vals.length)/avg;
    if(cur===max6&&hist.length>=3){trendNote='เดือนนี้สูงสุดใน '+hist.length+' เดือนที่ผ่านมา';}
    else if(cur===min6&&hist.length>=3){trendNote='เดือนนี้ต่ำสุดใน '+hist.length+' เดือนที่ผ่านมา';}
    else if(runLen>=3&&runDir!==0){trendNote='ค่าใช้จ่าย'+(runDir>0?'เพิ่มขึ้น':'ลดลง')+'ต่อเนื่อง '+runLen+' เดือน';}
    else if(variance<0.08&&hist.length>=4){trendNote='ค่าใช้จ่ายสม่ำเสมอ '+hist.length+' เดือนที่ผ่านมา';}
  }

  if(trendNote){
    el.innerHTML=trendNote;
    el.style.display='block';
  } else if(bigCat&&Math.abs(bigDelta)>=500){
    const verb=bigDelta>0?'มากขึ้น':'ลดลง';
    el.innerHTML=`ยอดซื้อ<strong>${bigCat}</strong>${verb} ${fmt(Math.abs(bigDelta))} จากเดือนก่อน`;
    el.style.display='block';
  } else {
    el.style.display='none';
  }
}

// ── Portfolio MoM insight ──
// ── v156: Derive category breakdown from skus when cats_monthly missing (e.g. MTD month not in Q2B) ──
function _catsFromSkus(skuArr){
  const map={};
  (skuArr||[]).forEach(s=>{const n=s.d||'อื่นๆ';if(!map[n])map[n]={n,s:0,p:0,c:0};map[n].s+=(s.gmv||s.s||0);map[n].c++;});
  const total=Object.values(map).reduce((a,c)=>a+c.s,0);
  return Object.values(map).map(c=>({...c,p:total>0?Math.round(c.s/total*100):0})).sort((a,b)=>b.s-a.s);
}

function renderPortMoMInsight(){
  const el=document.getElementById('port-mom-insight');
  if(!el)return;
  const _moSort=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
  const moKeys=D.skus_monthly&&Object.keys(D.skus_monthly).length?Object.keys(D.skus_monthly).sort((a,b)=>_moSort(b)-_moSort(a)):[];
  if(!portfolioMonth||moKeys.length<2){el.style.display='none';return;}
  const idx=moKeys.indexOf(portfolioMonth);
  if(idx<0||idx>=moKeys.length-1){el.style.display='none';return;}
  const prevMo=moKeys[idx+1];
  const curCats=D.cats_monthly&&D.cats_monthly[portfolioMonth];
  const prevCats=D.cats_monthly&&D.cats_monthly[prevMo];
  const curSkus=D.skus_monthly[portfolioMonth]||[];
  const prevSkus=D.skus_monthly[prevMo]||[];
  // 25 ต.ค. 2569: "เริ่มสั่งใหม่" = ไม่เคยสั่งเลยในทุกเดือนก่อนหน้าที่มีข้อมูล (เดิมเทียบแค่เดือนก่อนเดือนเดียว ⇒ ขึ้น 239 รายการ
  // ทั้งที่ป้าย "เพิ่งเริ่มสั่ง" บนแถวมีไม่กี่ตัว — สินค้าที่สั่งเว้นเดือนถูกนับเป็นของใหม่)
  const olderIds=new Set();
  moKeys.slice(idx+1).forEach(m=>(D.skus_monthly[m]||[]).forEach(s=>olderIds.add(String(s.id))));
  const _newList=curSkus.filter(s=>!olderIds.has(String(s.id)));
  const newCount=_newList.length;
  const _curTot=curSkus.reduce((a,s)=>a+(s.gmv||s.s||0),0);
  const _newShare=_curTot>0?_newList.reduce((a,s)=>a+(s.gmv||s.s||0),0)/_curTot*100:0;
  const parts=[];
  if(curCats&&prevCats){
    const pm={};prevCats.forEach(c=>{pm[c.n]=c.s;});
    const movers=curCats.map(c=>({n:c.n,d:c.s-(pm[c.n]||0)}))
      .filter(x=>Math.abs(x.d)>=500).sort((a,b)=>Math.abs(b.d)-Math.abs(a.d)).slice(0,2);
    // ลบเขียน −฿24,480 (เดิม ฿-24,480) · ชื่อหมวดกับยอดอยู่บรรทัดเดียวกัน ไม่ตัดกลางเครื่องหมาย
    movers.forEach(m=>{parts.push(`<span style="white-space:nowrap">${m.n} ${m.d>0?'+':'−'}${fmt(Math.abs(m.d))}</span>`);});
  }
  // จำนวนเยอะแต่เป็นของชิ้นเล็กได้ (ร้านเครือ) ⇒ บอกสัดส่วนยอดคู่กัน คนอ่านจะได้รู้ว่าใหญ่แค่ไหน
  if(newCount>0)parts.push(`เริ่มสั่งใหม่ ${newCount} รายการ (${_newShare<1?'<1':_newShare.toFixed(0)}% ของยอด)`);
  if(!parts.length){el.style.display='none';return;}
  el.innerHTML=`เทียบ ${prevMo}: <strong>${parts.join(' · ')}</strong>`;
  el.style.display='block';
}

// ── SKU View Toggle ──
function setSkuView(v){
  skuView=v;
  ['gmv','price'].forEach(k=>{const b=document.getElementById('svt-'+k);if(b)b.classList.toggle('on',k===v);});
  const btn=document.getElementById('sparkline-info-btn');
  const note=document.getElementById('sparkline-note');
  if(btn)btn.style.display=v==='price'?'flex':'none';
  if(note&&v!=='price')note.style.display='none'; // hide note when switching away
  renderSKUList();
}
function toggleSparklineNote(){
  const note=document.getElementById('sparkline-note');
  const btn=document.getElementById('sparkline-info-btn');
  if(!note)return;
  const open=note.style.display==='none'||note.style.display==='';
  note.style.display=open?'block':'none';
  if(btn){btn.style.background=open?'var(--n100)':'transparent';btn.style.color=open?'var(--n700)':'var(--n500)';}
}

// ── Month sort helper (asc = oldest first, for sparkline left→right) ──
const _moSortAsc=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};

// ── Render sparkline SVG ──
function renderSparkline(sid,moKeys,w,h){
  const aid=currentAccountId||'';
  const priceHist=aid&&bulkPriceData[aid]&&bulkPriceData[aid][sid];

  // ── Build combined price timeline: Q6B history + Q3B (newest, most accurate) ──
  const q3bSet=new Set(moKeys);
  const q3bPrices={};
  // Get rangeKgMax from the SKU's stored value (set during Q3B ingest)
  let _rangeMax=null;
  let _eaUnitVal=null;
  let _q6bFactor=null;
  let _q6bEaDivide=false;
  moKeys.forEach(mo=>{
    const s=(D.skus_monthly[mo]||[]).find(x=>String(x.id)===sid);
    if(s&&(s.unit_price||s.u)>0){
      q3bPrices[mo]=s.display_price||(s.unit_price||s.u);
      if(s.range_kg_max&&!_rangeMax)_rangeMax=s.range_kg_max;
      if(s.ea_unit_value&&!_eaUnitVal)_eaUnitVal=s.ea_unit_value;
      if(s.q6b_factor&&!_q6bFactor)_q6bFactor=s.q6b_factor;
      if(s.q6b_ea_divide)_q6bEaDivide=true;
    }
  });

  // Collect all months: older from Q6B + Q3B months
  const allPoints=[];
  if(priceHist&&priceHist.length>0){
    priceHist.forEach(p=>{
      if(!q3bSet.has(p.mo)&&p.unit_price>0){
        let price=p.unit_price;
        // Apply same conversion factor as Q3B display_price
        if(_q6bFactor&&_q6bFactor.divisor>0){
          price=Math.round((p.unit_price/_q6bFactor.divisor)*100)/100;
        } else if(_q6bEaDivide&&_eaUnitVal>0){
          price=Math.round(p.unit_price/_eaUnitVal*100)/100;
        } else if(_rangeMax){
          price=Math.round(p.unit_price/_rangeMax*100)/100;
        }
        allPoints.push({mo:p.mo,p:price,src:'q6b'});
      }
    });
  }
  moKeys.forEach(mo=>{if(q3bPrices[mo])allPoints.push({mo,p:q3bPrices[mo],src:'q3b'});});
  allPoints.sort((a,b)=>_moSortAsc(a.mo)-_moSortAsc(b.mo));

  const valid=allPoints.map(x=>x.p).filter(p=>p>0);
  if(valid.length<2)return`<span style="font-size:var(--text-2xs);color:var(--n300)">—</span>`;

  // ── Y-axis: historical range from Q6B, else local normalize ──
  let mn,mx,rng;
  if(priceHist&&priceHist.length>=3){
    const hp=priceHist.map(p=>p.unit_price).filter(p=>p>0);
    if(hp.length>=2){
      mn=Math.min(...hp);mx=Math.max(...hp);
      const pad=(mx-mn)*0.1||mn*0.05||1;
      mn=mn-pad;mx=mx+pad;rng=mx-mn;
    }
  }
  if(!rng){mn=Math.min(...valid);mx=Math.max(...valid);rng=mx-mn||mn*0.01||1;}

  // ── Render points ──
  const n=allPoints.length;
  const pts=allPoints.map((d,i)=>({
    x:2+(i/(n-1))*(w-4),
    y:2+((mx-d.p)/rng)*(h-4),
    p:d.p,mo:d.mo,src:d.src
  }));

  const first=pts[0],last=pts[pts.length-1];
  const delta=last.p-first.p;
  const lc=delta<-0.05?'var(--g500)':delta>0.05?'var(--amb)':'var(--n300)';
  const fc=delta<-0.05?'var(--tk-ok-dim)':delta>0.05?'rgba(240,176,0,.07)':'rgba(160,160,160,.04)';
  const polyPts=pts.map(d=>`${d.x.toFixed(1)},${d.y.toFixed(1)}`).join(' ');
  const areaD=`M${first.x.toFixed(1)},${h} L${pts.map(d=>`${d.x.toFixed(1)},${d.y.toFixed(1)}`).join(' L')} L${last.x.toFixed(1)},${h}Z`;
  const pct=first.p>0?((delta/first.p)*100).toFixed(1):'0';
  const pctC=delta<-0.05?'var(--tk-ok-text)':delta>0.05?'#9a6500':'var(--n400)';
  const pctSign=delta>0.05?'+':'';
  const title=pts.map(d=>d.mo.split(' ')[0]+' ฿'+d.p.toFixed(0)).join(', ');
  return`<div style="display:flex;flex-direction:column;align-items:flex-end;gap:2px;overflow:hidden;max-width:${w+4}px">
    <svg width="${w}" height="${h}" viewBox="-2 -2 ${w+4} ${h+4}" style="display:block;overflow:visible"><title>${title}</title>
      <path d="${areaD}" fill="${fc}"/>
      <polyline points="${polyPts}" fill="none" stroke="${lc}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      <circle cx="${last.x.toFixed(1)}" cy="${last.y.toFixed(1)}" r="2.5" fill="${lc}" stroke="var(--n0)" stroke-width="1.2"/>
    </svg>
    <span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xs);font-weight:var(--fw-bold);color:${pctC};line-height:1">${pctSign}${pct}%</span>
  </div>`;
}

// ── Open SKU detail popup ──
// SECTION:SKU_DETAIL
function openSkuDetail(sid){
  const moKeys=Object.keys(D.skus_monthly||{}).sort((a,b)=>_moSortAsc(a)-_moSortAsc(b));
  if(!moKeys.length)return;
  let info=null;
  for(let i=moKeys.length-1;i>=0;i--){
    const f=(D.skus_monthly[moKeys[i]]||[]).find(s=>String(s.id)===sid);
    if(f){info=f;break;}
  }
  if(!info)return;
  // ── Merge Q3B months + Q6B historical months for full price timeline ──
  const aid=currentAccountId||'';
  const priceHist=(aid&&bulkPriceData[aid]&&bulkPriceData[aid][sid])||[];
  const q3bSet=new Set(moKeys);
  // Use display_price from Q3B (already has rangeKgMax applied) + get rangeKgMax
  let _rangeMaxDetail=null;
  let _eaUnitValDetail=null;
  let _q6bFactorDetail=null;
  let _q6bEaDivideDetail=false;
  const q3bPriceData=moKeys.map(mo=>{
    const s=(D.skus_monthly[mo]||[]).find(x=>String(x.id)===sid);
    const pr=s?(s.display_price||s.unit_price||s.u||0):0;
    if(s&&s.range_kg_max&&!_rangeMaxDetail)_rangeMaxDetail=s.range_kg_max;
    if(s&&s.ea_unit_value&&!_eaUnitValDetail)_eaUnitValDetail=s.ea_unit_value;
    if(s&&s.q6b_factor&&!_q6bFactorDetail)_q6bFactorDetail=s.q6b_factor;
    if(s&&s.q6b_ea_divide)_q6bEaDivideDetail=true;
    return pr>0?{mo,price:pr}:null;
  }).filter(Boolean);
  const q6bExtra=priceHist
    .filter(p=>!q3bSet.has(p.mo)&&(p.unit_price||p.avg_piece_price)>0)
    .map(p=>{
      const raw=p.unit_price||p.avg_piece_price;
      let price=raw;
      if(_q6bFactorDetail&&_q6bFactorDetail.divisor>0){
        price=Math.round((raw/_q6bFactorDetail.divisor)*100)/100;
      } else if(_q6bEaDivideDetail&&_eaUnitValDetail>0){
        price=Math.round(raw/_eaUnitValDetail*100)/100;
      } else if(_rangeMaxDetail){
        price=Math.round(raw/_rangeMaxDetail*100)/100;
      }
      return{mo:p.mo,price};
    });
  // Dedup by month (last-write wins = latest price per month)
  const _pdMap=new Map();
  [...q6bExtra,...q3bPriceData].sort((a,b)=>_moSortAsc(a.mo)-_moSortAsc(b.mo)).forEach(d=>_pdMap.set(d.mo,d));
  const priceData=Array.from(_pdMap.values());
  const catEl=document.getElementById('skuDetailCat');
  const titleEl=document.getElementById('skuDetailTitle');
  const body=document.getElementById('skuDetailBody');
  const sheet=document.getElementById('skuDetailSheet');
  if(!sheet||!body)return;
  if(catEl)catEl.textContent=info.d||'—';
  if(titleEl)titleEl.textContent=info.n;
  body.innerHTML=renderSkuDetailContent(info,priceData);
  sheet.classList.add('open');
  document.getElementById('skuDetailOverlay').classList.add('on');
  document.body.style.overflow='hidden';
}

function closeSkuDetail(){
  document.getElementById('skuDetailSheet')?.classList.remove('open');
  document.getElementById('skuDetailOverlay')?.classList.remove('on');
  document.body.style.overflow='';
}

// ── Full price trend content for detail sheet ──
function renderSkuDetailContent(sku,priceData){
  if(priceData.length<2)return`<div style="padding:28px;text-align:center;color:var(--n400);font-size:var(--text-base)">ไม่มีข้อมูลราคาย้อนหลัง<br><span style="font-size:var(--text-sm)">ต้องใช้ข้อมูลหลายเดือนในไตรมาส</span></div>`;
  const prices=priceData.map(d=>d.price);
  const mn=Math.min(...prices),mx=Math.max(...prices),rng=mx-mn||mn*0.01||1;
  const first=priceData[0],last=priceData[priceData.length-1];
  const delta=last.price-first.price;
  const deltaPct=first.price>0?((delta/first.price)*100).toFixed(1):'0';
  const trendC=delta<-0.05?'var(--tk-ok-text)':delta>0.05?'#9a6500':'var(--n600)';
  const trendIcon=delta<-0.05?'▼':delta>0.05?'▲':'→';
  const trendSign=delta>0.05?'+':'';

  // Chart dimensions
  const W=320,H=110,pL=10,pR=10,pT=18,pB=22;
  const cW=W-pL-pR,cH=H-pT-pB;
  const pts=priceData.map((d,i)=>({
    x:pL+(i/(priceData.length-1))*cW,
    y:pT+cH-((d.price-mn)/rng)*cH,
    price:d.price,mo:d.mo
  }));
  const polyPts=pts.map(p=>`${p.x.toFixed(1)},${p.y.toFixed(1)}`).join(' ');
  const areaD=`M${pts[0].x.toFixed(1)},${pT+cH} L${pts.map(p=>`${p.x.toFixed(1)},${p.y.toFixed(1)}`).join(' L')} L${pts[pts.length-1].x.toFixed(1)},${pT+cH}Z`;
  const lc=delta<-0.05?'var(--g500)':delta>0.05?'var(--amb)':'var(--n300)';
  const fc=delta<-0.05?'var(--tk-ok-dim)':delta>0.05?'rgba(240,176,0,.08)':'rgba(160,160,160,.05)';

  // Price labels — show at first, last, and distinct min/max
  const shownPrices=new Set();
  const labelSvg=pts.map((p,i)=>{
    const isF=i===0,isL=i===pts.length-1;
    const isMn=p.price===mn,isMx=p.price===mx;
    if(!isF&&!isL&&!isMn&&!isMx)return'';
    // Skip if already labeled same price nearby
    const k=p.price.toFixed(0);
    if(shownPrices.has(k)&&!isF&&!isL)return'';
    shownPrices.add(k);
    const tooHigh=p.y-9<pT;
    const lblY=tooHigh?p.y+13:p.y-6;
    const anchor=p.x<pL+24?'start':p.x>W-pR-24?'end':'middle';
    const pr=p.price>=100?p.price.toFixed(0):p.price.toFixed(1);
    return`<text x="${p.x.toFixed(1)}" y="${lblY}" text-anchor="${anchor}" font-family="IBM Plex Mono,monospace" font-size="8.5" fill="var(--n600)" font-weight="500">฿${pr}</text>`;
  }).join('');

  // Month labels
  const moLabelSvg=pts.map((p,i)=>{
    const n=priceData.length;
    const show=n<=4||(i===0||i===n-1||(n>4&&i===Math.floor(n/2)));
    if(!show)return'';
    const mo=p.mo.split(' ')[0];
    const anchor=i===0?'start':i===pts.length-1?'end':'middle';
    return`<text x="${p.x.toFixed(1)}" y="${H-4}" text-anchor="${anchor}" font-family="Noto Sans Thai,sans-serif" font-size="8" fill="var(--n400)">${mo}</text>`;
  }).join('');

  // Dots — thin out for many points (show first/last/min/max only if >6 pts)
  const dotsSvg=pts.map((p,i)=>{
    const isEndpt=i===0||i===pts.length-1;
    const isExtr=p.price===mn||p.price===mx;
    if(pts.length>6&&!isEndpt&&!isExtr)return'';
    const r=isEndpt?3.5:2.5;
    return`<circle cx="${p.x.toFixed(1)}" cy="${p.y.toFixed(1)}" r="${r}" fill="${lc}" stroke="var(--n0)" stroke-width="1.5"/>`;
  }).join('');

  // Opportunity info
  const opp=OPPS.find(o=>String(o.curId)===String(sku.id));
  const oppHtml=opp?`<div style="margin:10px 16px 0;background:var(--tk-ok-bg);border:1px solid var(--tk-ok-dim-2);border-radius:var(--r-md);padding:10px 12px">
    <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--tk-ok-text);margin-bottom:4px">ประหยัดได้จากการเปลี่ยน SKU</div>
    <div style="font-size:var(--text-md);color:var(--n700);margin-bottom:4px">
      <span style="color:var(--n400);text-decoration:line-through;font-size:var(--text-sm)">${sku.n}</span><br>
      <strong>→ ${getAlt(opp).altName}</strong>
    </div>
    <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--amb)">${fmt(getAlt(opp).save)}/เดือน · −${getAlt(opp).pct}%</div>
  </div>`:'';

  const lastPr=last.price>=100?last.price.toFixed(0):last.price.toFixed(2);
  const mnStr=mn>=100?mn.toFixed(0):mn.toFixed(2);
  const mxStr=mx>=100?mx.toFixed(0):mx.toFixed(2);

  // v_gp: ช่องที่ 4 — %GP ของ SKU นี้ (ไม่ใช่ GP ต่อหน่วยตามแผนตั้งต้น)
  //
  // เหตุผลที่เปลี่ยนจาก "GP/หน่วย": ราคาที่โชว์ในช่อง "ราคาล่าสุด" ไม่ได้มาจาก
  // สูตรเดียวกันทุกชนิดสินค้า — per_kg/per_liter หารจาก unit_price แต่ per_ea
  // หารจาก avg_piece_price (ดู _q6bFactor ใน 02_data_pipeline.js) ถ้าเอา
  // margin/qty_kg/divisor มาวางข้างๆ มันจะไม่ตรงฐานกันเฉพาะกลุ่มสินค้านับชิ้น
  // (ไข่ ขวด ผลไม้) = ตัวเลขผิดแบบเงียบๆ ในจุดที่กำลังสอนทีมให้เชื่อ GP
  //
  // %GP เป็นอัตราส่วนล้วน ไม่ต้องแปลงหน่วยเลย จึงผิดไม่ได้ และเทียบข้าม SKU
  // ที่หน่วยต่างกันได้จริง ซึ่งตรงกับเป้าหมาย "ให้ทีมเข้าใจว่าอะไร drive GP"
  // มากกว่า ฿/กก. ที่เทียบข้ามหน่วยไม่ได้ · GP บาท ยังอ่านได้ใน title
  let gpCellHtml='';
  const _gpSku=(typeof senseGpFromSkuRows==='function')?senseGpFromSkuRows([sku]):null;
  if(_gpSku&&_gpSku.hasData&&_gpSku.ready){
    const _gpPctStr=_gpSku.gpPct.toFixed(1);
    const _gpC=_gpSku.gp<0?'var(--danger)':'var(--n900)';
    const _gpAmt=_gpSku.gp<0?('−'+fmt(-_gpSku.gp)):fmt(_gpSku.gp);
    gpCellHtml=`<div style="flex:1;padding:8px;text-align:center" data-gp="1" title="กำไร ${_gpAmt} จากยอด ${fmt(_gpSku.gmv)} ในเดือนล่าสุด">
      <div style="font-size:var(--text-2xs);color:var(--n400);font-weight:var(--fw-semi);margin-bottom:2px">%GP</div>
      <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:${_gpC}">${_gpPctStr}%</div>
    </div>`;
  }
  // ไม่มี GP → ไม่ต้องมีช่องที่ 4 เลย และช่อง "สั่ง/เดือน" ต้องไม่มีเส้นขวา
  // (เส้นขวาย้ายมาอยู่ที่ช่อง 3 เฉพาะเมื่อมีช่อง 4 จริง)
  const _cell3Border=gpCellHtml?'border-right:1px solid var(--n100)':'';
  return`<div style="padding:12px 16px 0">
    <div style="display:flex;gap:14px;flex-wrap:wrap">
      <div><div style="font-size:var(--text-2xs);color:var(--n400);font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px">ราคาล่าสุด</div>
        <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:19px;font-weight:var(--fw-bold);color:var(--n900)">฿${lastPr}<span style="font-size:var(--text-sm);font-weight:var(--fw-normal);color:var(--n400);font-family:var(--tk-font-body)">/${sku.display_unit||'กก.'}</span></div>
        ${sku.pack_size?`<div style="font-size:var(--text-xs);color:var(--n400);margin-top:2px">${sku.pack_size}</div>`:''}</div>
      <div><div style="font-size:var(--text-2xs);color:var(--n400);font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px">${first.mo} – ${last.mo}</div>
        <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:19px;font-weight:var(--fw-bold);color:${trendC}">${trendIcon} ${Math.abs(parseFloat(deltaPct))}%</div></div>
    </div>
  </div>
  <div style="padding:6px 4px 0">
    <svg width="100%" viewBox="0 0 ${W} ${H}" style="display:block;overflow:visible">
      <line x1="${pL}" y1="${pT}" x2="${W-pR}" y2="${pT}" stroke="var(--n100)" stroke-width="0.5"/>
      <line x1="${pL}" y1="${pT+cH}" x2="${W-pR}" y2="${pT+cH}" stroke="var(--n100)" stroke-width="0.5"/>
      <line x1="${pL}" y1="${pT+cH/2}" x2="${W-pR}" y2="${pT+cH/2}" stroke="var(--n100)" stroke-width="0.5" stroke-dasharray="3,2"/>
      <path d="${areaD}" fill="${fc}"/>
      <polyline points="${polyPts}" fill="none" stroke="${lc}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      ${dotsSvg}${labelSvg}${moLabelSvg}
    </svg>
  </div>
  <div style="display:flex;margin:6px 16px 0;border:1px solid var(--n100);border-radius:var(--r-md);overflow:hidden">
    <div style="flex:1;padding:8px;text-align:center;border-right:1px solid var(--n100)">
      <div style="font-size:var(--text-2xs);color:var(--n400);font-weight:var(--fw-semi);margin-bottom:2px">ต่ำสุด</div>
      <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-ok-text)">฿${mnStr}</div>
    </div>
    <div style="flex:1;padding:8px;text-align:center;border-right:1px solid var(--n100)">
      <div style="font-size:var(--text-2xs);color:var(--n400);font-weight:var(--fw-semi);margin-bottom:2px">สูงสุด</div>
      <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:#9a6500">฿${mxStr}</div>
    </div>
    <div style="flex:1;padding:8px;text-align:center;${_cell3Border}">
      <div style="font-size:var(--text-2xs);color:var(--n400);font-weight:var(--fw-semi);margin-bottom:2px">สั่ง/เดือน</div>
      <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--n900)">${sku.qty_kg||sku.q||'?'} ${sku.display_unit==='kg'||!sku.display_unit?'กก.':sku.display_unit}</div>
    </div>
    ${gpCellHtml}
  </div>
  ${oppHtml}
  <div style="height:12px"></div>`;
}


// ════════════════════════════════════════
// KAM SUB-TABS
// ════════════════════════════════════════
// SECTION:KAM_SUBTABS
function updateKamSubtabVisibility(){
  const hasData=!!(D.current_month)||(D.sku_current||[]).length>0;
  const tabs=document.getElementById('kam-subtabs');
  if(tabs)tabs.style.display=hasData?'flex':'none';
  // Update เม.ย. label with last month name
  const sumLabel=document.getElementById('kstab-summary-label');
  if(sumLabel&&D.history&&D.history.length){
    const lastM=D.history[D.history.length-1];
    sumLabel.textContent='สรุป '+( lastM.m||'—').split(' ').slice(0,1).join('')+' '+(lastM.m||'').split(' ').slice(-1)[0];
  } else if(sumLabel){
    sumLabel.textContent='สรุป';
  }
  // Sync insight button label to reflect current tab + done state
  _refreshInsightBtnLabel();
}

function setKamSubtab(tab){
  kamSubtab=tab;
  // Update tab button active states
  ['thismonth','lastmonth'].forEach(t=>{
    const btn=document.getElementById('kstab-'+t);
    if(btn)btn.classList.toggle('on',t===tab);
  });
  const kamCards=document.getElementById('kam-cards');
  const lmSec=document.getElementById('kam-lastmonth-section');
  const talkWrap=document.getElementById('kam-talkline-wrap');
  const sigBar=document.getElementById('kam-signal-bar');
  const insLabel=document.getElementById('kam-insight-btn-label');
  const insBtn=document.getElementById('kam-insight-btn');
  // Hide all sections first
  if(kamCards)kamCards.style.display='none';
  if(lmSec)lmSec.style.display='none';
  if(talkWrap)talkWrap.style.display='none';
  if(sigBar)sigBar.style.display='none';
  if(tab==='lastmonth'){
    const hasData=D.history.length>0||OPPS.length>0;
    if(hasData){
      if(lmSec){lmSec.style.display='block';renderKamLastMonth();}
    }
    if(sigBar)sigBar.style.display='';
    if(insLabel)insLabel.textContent=_getSummaryInsightLabel(false);
    if(insBtn)insBtn.classList.remove('done');
  } else {
    // thismonth (default)
    if(sigBar)sigBar.style.display='';
    const hasData=D.history.length>0||OPPS.length>0;
    if(hasData){
      if(kamCards)kamCards.style.display='block';
      if(kamStateCache.accountId===currentAccountId&&kamStateCache.html){
        if(talkWrap)talkWrap.style.display='block';
      }
    }
    const isDone=kamStateCache&&kamStateCache.accountId===currentAccountId;
    if(insLabel)insLabel.textContent=_getSummaryInsightLabel(isDone);
    if(insBtn)insBtn.classList.toggle('done',!!isDone);
  }
}

// ════════════════════════════════════════
// UTILITY: days in a Thai-label month
// label format: "เม.ย. 2569" → returns 30
// ════════════════════════════════════════
function getThaiMonthDays(label){
  const moMap={'ม.ค.':1,'ก.พ.':2,'มี.ค.':3,'เม.ย.':4,'พ.ค.':5,'มิ.ย.':6,'ก.ค.':7,'ส.ค.':8,'ก.ย.':9,'ต.ค.':10,'พ.ย.':11,'ธ.ค.':12};
  const p=(label||'').split(' ');
  const mo=moMap[p[0]];
  const yr=parseInt(p[1]||0)-543;
  if(!mo||!yr||isNaN(yr))return 30;
  return new Date(yr,mo,0).getDate();
}

// ════════════════════════════════════════
// PACE SIGNAL COMPUTATION
// Logic:
//   baseline = avg daily GMV over recent 1–3 months
//             (each month normalized by its own day count)
//   expected = baseline_daily × days_elapsed_this_month
//   pct      = gmv_to_date / expected × 100
//
// Why normalize? Apr has 30 days, May has 31 — raw GMV totals
//   are not directly comparable without day normalization.
// ════════════════════════════════════════


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v207a-sense-opportunity-patch
//////////////////////////////////////////////////////////////////////////////

(function(global){
  global.getFreshketV207aSenseFlowState=function(){
    const grp=document.getElementById('swipe-grp-b');
    const bnav=document.querySelector('.bnav');
    return {
      version: typeof VERSION!=='undefined'?VERSION:'v207a',
      kamSenseActive: document.body.classList.contains('kam-sense-active'),
      planExpanded: document.body.classList.contains('sense-plan-expanded'),
      bodyOverflow: document.body.style.overflow||'',
      opportunityCount: Array.isArray(global.OPPS)?global.OPPS.length:null,
      selectedCount: (global.sel&&typeof global.sel.size==='number')?global.sel.size:null,
      topImpact: Array.isArray(global.OPPS)?global.OPPS.slice().sort(function(a,b){
        try{return (getAlt(b).save||0)-(getAlt(a).save||0);}catch(e){return 0;}
      }).slice(0,8).map(function(o){return {name:o.curName, cat:o.cat, save:(getAlt(o)||{}).save||0};}):[],
      grpB:{top:grp?grp.scrollTop:null, bottomCss:grp?getComputedStyle(grp).bottom:null},
      bnav:{height:bnav?Math.round(bnav.getBoundingClientRect().height):null, paddingBottom:bnav?getComputedStyle(bnav).paddingBottom:null}
    };
  };
})(window);


//////////////////////////////////////////////////////////////////////////////


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v207-console-sku-verify-cleanup
//////////////////////////////////////////////////////////////////////////////

// v207: console hygiene + SKU Verify robustness.
// Scope: no loader/performance path changes. Keeps v206f PWA baseline intact.
(function(global){
  'use strict';
  if(global._v207ConsoleSkuPatchInstalled) return;
  global._v207ConsoleSkuPatchInstalled = true;

  const VERSION = 'v207-console-sku-verify-cleanup';

  function debugOn(){
    try{return localStorage.getItem('senseDebug')==='1' || localStorage.getItem('freshketDebug')==='1' || localStorage.getItem('freshket_debug')==='1';}
    catch(e){return false;}
  }
  function log(){ if(debugOn()) try{ console.log.apply(console, ['[v207]'].concat([].slice.call(arguments))); }catch(e){} }
  function warn(){ if(debugOn()) try{ console.warn.apply(console, ['[v207]'].concat([].slice.call(arguments))); }catch(e){} }
  function toast(msg, icon){ try{ if(typeof showToast==='function') showToast(msg, icon || '✓'); }catch(e){} }

  // ── Console hygiene: hide known noisy debug lines unless explicit debug is on ──
  try{
    if(!global._v207ConsoleFiltered){
      global._v207ConsoleFiltered = true;
      const origLog = console.log.bind(console);
      const origWarn = console.warn.bind(console);
      const shouldHide = function(args){
        if(debugOn()) return false;
        const s = Array.prototype.slice.call(args).map(x=>String(x&&x.message?x.message:x)).join(' ');
        return s.indexOf('[SenseGate debug]') >= 0 || s.indexOf('[Target Module v1] loaded') >= 0;
      };
      console.log = function(){ if(shouldHide(arguments)) return; return origLog.apply(console, arguments); };
      console.warn = function(){ if(shouldHide(arguments)) return; return origWarn.apply(console, arguments); };
    }
  }catch(e){}

  // ── Supabase no-row cleanup: 406/PGRST116 should mean "no cloud alts", not an app error ──
  try{
    loadAltsFromSupabase = async function(accountId){
      if(!currentUser || !accountId) return null;
      try{
        let q = supa.from('acct_alternatives')
          .select('data, generated_at')
          .eq('account_id', accountId);
        q = (typeof q.maybeSingle === 'function') ? q.maybeSingle() : q.limit(1);
        const { data, error } = await q;
        if(error){
          const code = error.code || '';
          const status = error.status || 0;
          if(code === 'PGRST116' || status === 406) return null;
          warn('loadAltsFromSupabase error', error.message || error);
          return null;
        }
        if(Array.isArray(data)) return data[0] || null;
        return data || null;
      }catch(e){
        warn('loadAltsFromSupabase exception', e && e.message ? e.message : e);
        return null;
      }
    };
    global.loadAltsFromSupabase = loadAltsFromSupabase;
  }catch(e){}

  // ── SKU Verify helpers ─────────────────────────────────────────────
  const TH_DIGITS = {'๐':'0','๑':'1','๒':'2','๓':'3','๔':'4','๕':'5','๖':'6','๗':'7','๘':'8','๙':'9'};
  function toAsciiDigits(s){ return String(s||'').replace(/[๐-๙]/g, d=>TH_DIGITS[d]||d); }
  function normName(s){
    return toAsciiDigits(s)
      .toLowerCase()
      .replace(/[()\[\]{}]/g,' ')
      .replace(/[·•|,:;_\-/\\]+/g,' ')
      .replace(/\s+/g,' ')
      .trim();
  }
  function compact(s){ return normName(s).replace(/\s+/g,''); }
  function eggKey(name){
    const n = normName(name);
    const c = compact(name);
    if(n.indexOf('ไข่') < 0 && c.indexOf('egg') < 0) return '';
    let m = n.match(/เบอร์\s*(\d+)/) || c.match(/เบอร์(\d+)/) || n.match(/no\.?\s*(\d+)/) || c.match(/no(\d+)/);
    if(m && m[1]) return 'egg:no'+m[1];
    if(c.indexOf('เบอร์หนึ่ง')>=0) return 'egg:no1';
    return 'egg:unknown';
  }
  function familyKey(name, meta){
    const e = eggKey(name);
    if(e && e !== 'egg:unknown') return e;
    const sub = normName(meta && (meta.subclass || meta.sc) || '');
    if(sub) return 'sub:'+sub;
    return '';
  }
  // Generic preservation-state/quality/sourcing qualifiers — describe HOW a
  // product is kept/graded/sourced, not WHAT it is, so they must not count
  // toward name similarity. Added 2026-07-11: /nrr's port of this exact
  // scorer (nrr_account.js) hit a real false positive where "ปีกไก่กลาง
  // (แช่แข็ง)" (frozen chicken wing) matched "ขาไก่ (ตัดเล็บ) (แช่แข็ง)"
  // (frozen chicken leg) as a substitute — the ONLY shared token was
  // "แช่แข็ง" (frozen), a word on countless unrelated frozen products.
  // formConflict's frozen/แช่แข็ง group doesn't catch this (it only fires
  // on a MISMATCH, not both sides sharing the same generic state word).
  // This bug is latent here too (identical algorithm) — normally masked
  // by judgePairsWithAI's review, but worth fixing at the root so the
  // deterministic fallback (used whenever AI errors/is unavailable) isn't
  // silently wrong. Curated list, not provably complete — extend if more
  // mismatches turn up.
  // 2026-07-11 round 2: two more real false positives on /nrr's port —
  // "ควินัวขาว ออแกนิค ตรากรีนไลฟ์" (quinoa) matched "เมล็ดเจีย ออแกนิค
  // ตรากรีนไลฟ์" (chia seeds), and two different Monin syrup FLAVORS
  // matched via "เพียวเร่" (puree format) + brand. Root cause both times:
  // the brand-word filter only ever matched a token that WAS EXACTLY
  // "ตรา"/"brand"/"ยี่ห้อ" — but real product names always FUSE the brand
  // into one token ("ตรากรีนไลฟ์", "ตราโมนิน", "ตราเบทาโกร"), so the
  // brand filter never actually fired. Fixed by PREFIX-matching brand
  // tokens instead. Also: "ออร์แกนิค" doesn't match the real spelling
  // variant "ออแกนิค" (no ร์) actually used in the data — added both.
  const QUALIFIER_STOPWORDS = ['แช่แข็ง','frozen','แช่เย็น','chilled','สด','ทั้งตัว','คัดพิเศษ','เกรดเอ','เกรด','ออร์แกนิค','ออแกนิค','ตัดแต่ง','นำเข้า','เพียวเร่','คอนเซนเทรต'];
  const BRAND_PREFIX_RE = /^(ตรา|brand|ยี่ห้อ)/;
  function tokens(name){
    return normName(name).split(' ').filter(t=>t && !/^\d+$/.test(t) && !BRAND_PREFIX_RE.test(t) && !QUALIFIER_STOPWORDS.includes(t));
  }
  function jaccard(a,b){
    const A = new Set(tokens(a)), B = new Set(tokens(b));
    if(!A.size || !B.size) return 0;
    let inter=0; A.forEach(x=>{ if(B.has(x)) inter++; });
    return inter / Math.max(1, A.size + B.size - inter);
  }
  function formConflict(a,b){
    const aa = compact(a), bb = compact(b);
    const groups = [['บด','สับ'], ['ชิ้น','แผ่น','สไลซ์'], ['ผง'], ['น้ำ'], ['แช่แข็ง','frozen']];
    for(const g of groups){
      const ha = g.some(x=>aa.indexOf(x)>=0);
      const hb = g.some(x=>bb.indexOf(x)>=0);
      if((ha || hb) && ha !== hb) return true;
    }
    return false;
  }
  function spendChange(oldGmv, newGmv){
    oldGmv = Number(oldGmv||0); newGmv = Number(newGmv||0);
    if(!oldGmv) return 'same';
    const r = newGmv / oldGmv;
    if(r >= 1.10) return 'up';
    if(r <= 0.90) return 'down';
    return 'same';
  }
  function substituteReason(pair, confidence){
    const ekA = eggKey(pair.churned_name || ''), ekB = eggKey(pair.new_name || '');
    if(ekA && ekB && ekA === ekB) return 'เป็นไข่ไก่เบอร์เดียวกัน แต่เปลี่ยนแบรนด์/ผู้ขาย จึงน่าจะเป็นการสลับ SKU';
    if(confidence === 'high') return 'สินค้าอยู่ในกลุ่มและฟังก์ชันเดียวกัน จึงน่าจะเป็นการสลับไปใช้ SKU ใหม่';
    return 'สินค้าใกล้เคียงกันในกลุ่มเดียวกัน ควรให้ KAM เช็กว่าเป็นการสลับแบรนด์หรือสเปคหรือไม่';
  }
  function pairScore(pair){
    const fkA = familyKey(pair.churned_name, {subclass:pair.churned_subclass});
    const fkB = familyKey(pair.new_name, {subclass:pair.new_subclass});
    const eggA = eggKey(pair.churned_name), eggB = eggKey(pair.new_name);
    if(formConflict(pair.churned_name, pair.new_name)) return {ok:false, score:0, confidence:'medium'};
    if(eggA && eggB && eggA === eggB) return {ok:true, score:1.0, confidence:'high'};
    if(fkA && fkB && fkA === fkB){
      const sim = jaccard(pair.churned_name, pair.new_name);
      return {ok:sim >= 0.20 || compact(pair.churned_name).slice(0,4) === compact(pair.new_name).slice(0,4), score:0.72 + sim, confidence:sim >= 0.45 ? 'high' : 'medium'};
    }
    const sim = jaccard(pair.churned_name, pair.new_name);
    return {ok:sim >= 0.55, score:sim, confidence:'medium'};
  }
  function fallbackSubstitutions(candidatePairs, mode){
    const bestByChurned = new Map();
    (candidatePairs||[]).forEach(pair=>{
      const s = pairScore(pair);
      if(!s.ok) return;
      const key = mode === 'lm' ? String(pair.churned_name) : String(pair.churned_id);
      const current = bestByChurned.get(key);
      const ranked = Object.assign({}, pair, { _score:s.score, confidence:s.confidence });
      if(!current || ranked._score > current._score || (ranked._score === current._score && (ranked.new_gmv||0) > (current.new_gmv||0))){
        bestByChurned.set(key, ranked);
      }
    });
    return Array.from(bestByChurned.values())
      .sort((a,b)=>(b._score-a._score)||((b.new_gmv||0)-(a.new_gmv||0)))
      .slice(0,8)
      .map(p=> mode === 'lm'
        ? { churned_name:p.churned_name, new_name:p.new_name, confidence:p.confidence, spend_change:spendChange(p.churned_gmv,p.new_gmv), reason:substituteReason(p,p.confidence) }
        : { churned_id:String(p.churned_id), new_name:p.new_name, confidence:p.confidence, spend_change:spendChange(p.churned_gmv,p.new_gmv), reason:substituteReason(p,p.confidence) }
      );
  }
  function parseJsonObject(text){
    const clean = String(text||'').replace(/^```(?:json)?\s*/i,'').replace(/\s*```$/,'').trim();
    if(!clean) return null;
    let st = clean.indexOf('{');
    if(st < 0) return null;
    let en=-1, depth=0, inStr=false, esc=false;
    for(let i=st;i<clean.length;i++){
      const ch=clean[i];
      if(esc){ esc=false; continue; }
      if(ch==='\\'){ esc=true; continue; }
      if(ch==='"'){ inStr=!inStr; continue; }
      if(inStr) continue;
      if(ch==='{') depth++;
      else if(ch==='}'){
        depth--;
        if(depth===0){ en=i; break; }
      }
    }
    if(en < 0) return null;
    try{return JSON.parse(clean.slice(st,en+1));}catch(e){return null;}
  }
  async function judgePairsWithAI(candidatePairs, mode){
    const fallback = fallbackSubstitutions(candidatePairs, mode);
    if(!candidatePairs.length) return { substitutions:[], source:'none' };
    const schema = mode === 'lm'
      ? '{"substitutions":[{"churned_name":"string","new_name":"string","confidence":"high|medium","spend_change":"up|down|same","reason":"string"}]}'
      : '{"substitutions":[{"churned_id":"string","new_name":"string","confidence":"high|medium","spend_change":"up|down|same","reason":"string"}]}';
    const sys = OLIVE_BASE + `\n\n-- TASK CONTEXT --\nYou verify whether a churned SKU and a current/new SKU are genuine substitutes. Return JSON only. Same product + same size/grade but different brand/vendor is a valid substitution. Example: egg no.1 brand A -> egg no.1 brand B should be included. Do not include different functions, formulas, flavors, or basic forms.\n\n-- OUTPUT CONTRACT --\nRESPOND WITH VALID JSON ONLY. No markdown. No preamble.\nschema: ${schema}\nIf no pair is a genuine substitution, return {"substitutions":[]}.\nReason must be one short Thai sentence for KAM.`;
    const userMsg = `Evaluate candidate SKU substitution pairs (${candidatePairs.length} pairs). Use precision, but do not miss same product/brand-switch cases.\n${JSON.stringify(candidatePairs.slice(0,80))}`;
    try{
      const txt = await callAI(kamModel==='sonnet'?'sonnet':'haiku', sys, [{role:'user', content:userMsg}], 1000);
      const parsed = parseJsonObject(txt);
      const subs = parsed && Array.isArray(parsed.substitutions) ? parsed.substitutions : null;
      if(subs){
        // If the model returns empty but deterministic evidence is high-confidence, keep the high-confidence fallback.
        const highFallback = fallback.filter(x=>x.confidence==='high');
        return { substitutions: subs.length ? subs : highFallback, source: subs.length ? 'ai' : (highFallback.length?'fallback-high':'ai-empty') };
      }
      return { substitutions:fallback, source:'fallback-no-json' };
    }catch(e){
      warn('SKU Verify AI failed; using deterministic fallback', e && e.message ? e.message : e);
      return { substitutions:fallback, source:'fallback-error' };
    }
  }
  function monthSort(label){
    const p=String(label||'').split(' ');
    const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
    return (parseInt(p[1]||0,10)*12)+mo.indexOf(p[0]);
  }
  function findSkuMetaByIdOrName(id, name){
    const sid = String(id||'');
    const nm = String(name||'');
    const all = [].concat((D&&D.skus)||[], Object.values((D&&D.skus_monthly)||{}).flat());
    return all.find(s=>String(s.id||s.item_id)===sid) || all.find(s=>String(s.n||s.name||s.item_name_th||'')===nm) || null;
  }
  function uniquePairs(pairs, mode){
    const seen = new Set();
    return pairs.filter(p=>{
      const key = mode==='lm' ? `${p.churned_name}=>${p.new_name}` : `${p.churned_id}=>${p.new_name}`;
      if(seen.has(key)) return false;
      seen.add(key); return true;
    });
  }
  function currentPoolForThisMonth(prevMonthSkuIds){
    const rows = ((D&&D.sku_current)||[])
      .filter(s=>Number(s.gmv_to_date||0)>500)
      .sort((a,b)=>Number(b.gmv_to_date||0)-Number(a.gmv_to_date||0))
      .slice(0,80);
    return rows.map(ns=>{
      const name = ns.item_name_th || ns.n || ns.name || '';
      const meta = findSkuMetaByIdOrName(ns.item_id, name) || ns;
      return {
        item_id:String(ns.item_id||ns.id||''),
        item_name_th:name,
        gmv_to_date:Number(ns.gmv_to_date||ns.gmv||0),
        orders_this_month:Number(ns.orders_this_month||ns.orders||0),
        is_new_this_month: !prevMonthSkuIds.has(String(ns.item_id||ns.id||'')),
        subclass:meta.subclass||meta.sc||'',
        temperature:meta.temperature||meta.temp||'',
        cat:meta.d||meta.dept||meta.cat||''
      };
    });
  }
  function buildThisMonthPairs(){
    const signals = (typeof computeChurnSignals==='function' ? computeChurnSignals() : [])
      .filter(s=>s && (s.type==='gone' || s.type==='slow' || s.type==='near'))
      .sort((a,b)=>({gone:0,slow:1,near:2}[a.type]||3)-({gone:0,slow:1,near:2}[b.type]||3) || (b.gmv||0)-(a.gmv||0))
      .slice(0,35);
    const moKeys=Object.keys((D&&D.skus_monthly)||{}).sort((a,b)=>monthSort(b)-monthSort(a));
    const cmLbl=(D&&D.current_month&&D.current_month.month_label)||'';
    const prevClosed=moKeys.find(m=>m!==cmLbl)||moKeys[0];
    const prevMonthSkuIds=prevClosed?new Set(((D.skus_monthly[prevClosed])||[]).map(s=>String(s.id||s.item_id))):new Set();
    const currentPool = currentPoolForThisMonth(prevMonthSkuIds);
    const pairs=[];
    signals.forEach(s=>{
      const cMeta = findSkuMetaByIdOrName(s.id, s.name) || {};
      currentPool.forEach(ns=>{
        if(String(ns.item_id) === String(s.id)) return;
        const p = {
          churned_id:String(s.id), churned_name:s.name, churned_dept:s.dept,
          churned_subclass:cMeta.subclass||cMeta.sc||'ไม่ทราบ', churned_gmv:Number(s.gmv||0), churned_type:s.type,
          new_id:String(ns.item_id||''), new_name:ns.item_name_th||'', new_cat:ns.cat||'',
          new_subclass:ns.subclass||'ไม่ทราบ', new_gmv:Number(ns.gmv_to_date||0),
          is_new_this_month:!!ns.is_new_this_month
        };
        const sc = pairScore(p);
        const subclassCompatible = !p.churned_subclass || !p.new_subclass || p.churned_subclass==='ไม่ทราบ' || p.new_subclass==='ไม่ทราบ' || p.churned_subclass===p.new_subclass;
        if(sc.ok || subclassCompatible) pairs.push(p);
      });
    });
    return uniquePairs(pairs, 'tm')
      .sort((a,b)=>(pairScore(b).score||0)-(pairScore(a).score||0) || (b.new_gmv||0)-(a.new_gmv||0))
      .slice(0,80);
  }
  function buildLastMonthPairs(){
    const sm = typeof computeSkuMovement==='function' ? computeSkuMovement() : null;
    const dropped = (sm&&sm.droppedSkus)||[];
    const newSkus = (sm&&sm.newSkus)||[];
    const pairs=[];
    dropped.slice(0,35).forEach(d=>{
      const dMeta = findSkuMetaByIdOrName(d.id, d.name) || {};
      newSkus.slice(0,60).forEach(n=>{
        const nMeta = findSkuMetaByIdOrName(n.id, n.name) || {};
        const p = {
          churned_name:d.name, churned_dept:d.cat||'', churned_subclass:dMeta.subclass||dMeta.sc||'ไม่ทราบ', churned_gmv:Number(d.gmv||0),
          new_name:n.name, new_cat:nMeta.d||nMeta.dept||'', new_subclass:nMeta.subclass||nMeta.sc||'ไม่ทราบ', new_gmv:Number(n.gmv||0)
        };
        const sc = pairScore(p);
        const subclassCompatible = !p.churned_subclass || !p.new_subclass || p.churned_subclass==='ไม่ทราบ' || p.new_subclass==='ไม่ทราบ' || p.churned_subclass===p.new_subclass;
        if(sc.ok || subclassCompatible) pairs.push(p);
      });
    });
    return uniquePairs(pairs, 'lm')
      .sort((a,b)=>(pairScore(b).score||0)-(pairScore(a).score||0) || (b.new_gmv||0)-(a.new_gmv||0))
      .slice(0,80);
  }
  function starSvg(){ return `<svg class="svb-icon" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg>`; }
  function setBtn(id, cls, text){
    const b=document.getElementById(id); if(!b) return;
    b.disabled=false; b.style.opacity=''; b.title='';
    b.className='sku-verify-btn'+(cls?' '+cls:'');
    b.innerHTML=starSvg()+text;
  }

  triggerSkuVerifyFromThisMonth = async function(){
    if(skuSubstituteLoading) return;
    const pairs = buildThisMonthPairs();
    if(!pairs.length){
      setBtn('sku-verify-tm-btn','','ไม่พบ SKU ที่เปลี่ยน');
      setTimeout(()=>setBtn('sku-verify-tm-btn', skuSubstituteDone?'done':'', 'SKU Verify'),2500);
      return;
    }
    skuSubstituteLoading=true;
    setBtn('sku-verify-tm-btn','loading','กำลังตรวจ...');
    try{
      const judged = await judgePairsWithAI(pairs, 'tm');
      skuSubstituteMap = {};
      (judged.substitutions||[]).forEach(s=>{
        const pair = pairs.find(p=>String(p.churned_id)===String(s.churned_id) && p.new_name===s.new_name);
        if(!pair) return;
        skuSubstituteMap[String(s.churned_id)] = {
          substituteName:s.new_name,
          spendChange:s.spend_change || spendChange(pair.churned_gmv, pair.new_gmv),
          confidence:s.confidence || 'medium',
          reason:s.reason || substituteReason(pair, s.confidence||'medium'),
          kamQuestion:'',
          newGmv:pair.new_gmv || 0,
          source:judged.source
        };
      });
      skuSubstituteDone=true;
      skuSubstituteLoading=false;
      if(kamSubtab==='thismonth' && typeof renderKamThisMonth==='function') renderKamThisMonth();
      else setBtn('sku-verify-tm-btn','done','✓ SKU Verify');
      if(judged.source && judged.source.indexOf('fallback')===0) toast('SKU Verify ใช้ rule fallback แล้ว','✓');
    }catch(e){
      warn('SKU Verify unexpected error', e && e.message ? e.message : e);
      skuSubstituteLoading=false;
      setBtn('sku-verify-tm-btn','','SKU Verify');
      toast('SKU Verify ยังตรวจไม่สำเร็จ','⚠');
    }
  };
  global.triggerSkuVerifyFromThisMonth = triggerSkuVerifyFromThisMonth;

  triggerSkuVerifyLastMonth = async function(){
    if(skuSubstituteLoadingLM) return;
    const pairs = buildLastMonthPairs();
    if(!pairs.length){
      setBtn('sku-verify-lm-btn','','ไม่พบ SKU ที่เปลี่ยน');
      setTimeout(()=>setBtn('sku-verify-lm-btn', skuSubstituteDoneLM?'done':'', 'SKU Verify'),2500);
      return;
    }
    skuSubstituteLoadingLM=true;
    setBtn('sku-verify-lm-btn','loading','กำลังตรวจ...');
    try{
      const judged = await judgePairsWithAI(pairs, 'lm');
      skuSubstituteMapLM = {};
      (judged.substitutions||[]).forEach(s=>{
        const pair = pairs.find(p=>p.churned_name===s.churned_name && p.new_name===s.new_name);
        if(!pair) return;
        skuSubstituteMapLM[s.churned_name] = {
          substituteName:s.new_name,
          spendChange:s.spend_change || spendChange(pair.churned_gmv, pair.new_gmv),
          confidence:s.confidence || 'medium',
          reason:s.reason || substituteReason(pair, s.confidence||'medium'),
          newGmv:pair.new_gmv || 0,
          source:judged.source
        };
      });
      skuSubstituteDoneLM=true;
      skuSubstituteLoadingLM=false;
      if(kamSubtab==='lastmonth' && typeof renderKamLastMonth==='function') renderKamLastMonth();
      else setBtn('sku-verify-lm-btn','done','✓ SKU Verify');
      if(judged.source && judged.source.indexOf('fallback')===0) toast('SKU Verify ใช้ rule fallback แล้ว','✓');
    }catch(e){
      warn('SKU Verify LM unexpected error', e && e.message ? e.message : e);
      skuSubstituteLoadingLM=false;
      setBtn('sku-verify-lm-btn','','SKU Verify');
      toast('SKU Verify ยังตรวจไม่สำเร็จ','⚠');
    }
  };
  global.triggerSkuVerifyLastMonth = triggerSkuVerifyLastMonth;

  global.getFreshketV207SkuVerifyState = function(){
    return {
      version: VERSION,
      thisMonthPairs: buildThisMonthPairs().slice(0,20),
      lastMonthPairs: buildLastMonthPairs().slice(0,20),
      thisMonthMap: skuSubstituteMap,
      lastMonthMap: skuSubstituteMapLM,
      debug: debugOn()
    };
  };

  log('installed');
})(window);

// ── หัวร้านแบบบาง (Bucci 25 ต.ค. 2569) ─────────────────────────────────────────────────────────
// เดิมหัวร้าน (#kav-z1: ชื่อ + วงแหวน + ยอด) ค้างบนจอตลอด กินจอ ~40% ตอนเลื่อนดูรายการสินค้า
// ตอนนี้หัวเต็มเลื่อนหายไปตามปกติ (CSS) พอพ้นจอ แถบ #kav-mini บรรทัดเดียวขึ้นแทน: ชื่อร้าน · %NRR (สีเดียวกับวงแหวน) · ยอดต่อ 30 วัน / ฐาน
// ค่าทุกตัวคัดจากหัวเต็มตอนแสดง — ไม่คิดเลขเอง
function _kavMiniSync(){
  try{
    const g=id=>document.getElementById(id);
    const name=g('kam-acct-name2'), pct=g('kav-pace-pct'), rr=g('kav-fcst-val'), base=g('kav-base-val'), back=g('kam-back-btn');
    const mName=g('kav-mini-name'), mPct=g('kav-mini-pct'), mRr=g('kav-mini-rr'), mBack=g('kav-mini-back');
    if(!mName)return;
    mName.textContent=(name&&name.textContent)||'—';
    const strip=g('kav-status-strip');
    const stripOn=!!(strip&&strip.style.display!=='none');
    const p=stripOn&&pct?String(pct.textContent||'').trim():'';
    mPct.textContent=(p&&p!=='—')?p:'';
    mPct.style.color=mPct.textContent?getComputedStyle(pct).color:'';
    const r=stripOn&&rr?String(rr.textContent||'').trim():'', b=base?String(base.textContent||'').trim():'';
    mRr.textContent=(r&&r!=='—')?(r+(b&&b!=='—'?' / '+b:'')):'';
    if(mBack)mBack.style.display=(back&&back.style.display!=='none')?'':'none';
  }catch(e){}
}
let _kavMiniRaf=0, _kavMiniTopPx=0, _kavMiniTopW=0;
function _kavMiniCheck(){
  _kavMiniRaf=0;
  const z1=document.getElementById('kav-z1'), mini=document.getElementById('kav-mini');
  if(!z1||!mini)return;
  // 25 ต.ค. 2569 (perf): ไม่ได้อยู่หน้าร้าน ⇒ ออกเลย ไม่อ่าน style (เดิมคำนวณทุกเฟรมที่เลื่อน ทุกหน้า)
  if(z1.offsetParent===null){ if(mini.classList.contains('on')){mini.classList.remove('on');mini.setAttribute('aria-hidden','true');} return; }
  // หัวเต็มพ้นใต้แถบบนแล้วหรือยัง (top ของแถบบาง = ความสูงแถบบนของแอป — อ่านครั้งเดียวต่อขนาดจอ)
  if(!_kavMiniTopPx||_kavMiniTopW!==window.innerWidth){ _kavMiniTopPx=parseFloat(getComputedStyle(mini).top)||0; _kavMiniTopW=window.innerWidth; }
  const top=_kavMiniTopPx;
  const on=z1.getBoundingClientRect().bottom<top+4;
  if(on&&!mini.classList.contains('on'))_kavMiniSync();
  mini.classList.toggle('on',on);
  mini.setAttribute('aria-hidden',on?'false':'true');
}
function _kavMiniOnScroll(){ if(!_kavMiniRaf)_kavMiniRaf=requestAnimationFrame(_kavMiniCheck); }
function _kavMiniTop(){
  try{ const o=document.getElementById('kam-overview'); if(o&&o.scrollIntoView)o.scrollIntoView({behavior:'smooth',block:'start'}); }catch(e){}
}
window._kavMiniTop=_kavMiniTop;
(function _kavMiniInit(){
  try{
    document.addEventListener('scroll',_kavMiniOnScroll,{passive:true,capture:true});
    window.addEventListener('resize',_kavMiniOnScroll,{passive:true});
    // ค่าในหัวเต็มเปลี่ยนตอนแถบบางขึ้นอยู่ (โหลดเสร็จ / สลับเดือน) ⇒ คัดใหม่
    const watch=()=>{
      const mo=new MutationObserver(()=>{ const m=document.getElementById('kav-mini'); if(m&&m.classList.contains('on'))_kavMiniSync(); });
      ['kam-acct-name2','kav-pace-pct','kav-fcst-val','kav-base-val'].forEach(id=>{ const el=document.getElementById(id); if(el)mo.observe(el,{childList:true,characterData:true,subtree:true,attributes:true}); });
    };
    if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',watch,{once:true}); else watch();
  }catch(e){}
})();


// ── ซื้อเพิ่มเดือนนี้: กาง/ยุบในที่ (Bucci 25 ต.ค. 2569 · micro-interaction) ─────────────────────────────
// ไม่เรียก refreshAll — เปลี่ยนแค่ class บนการ์ด ⇒ CSS ไหลความสูง + แถวโผล่ทีละแถว · จำสถานะใน skuPosOpen (เปลี่ยนร้านแล้วยุบใหม่ · 01)
function _skuPosToggle(){
  const card=document.getElementById('sku-pos-card');
  window.skuPosOpen=!window.skuPosOpen;
  if(!card){ try{ refreshAll(); }catch(e){} return; }
  card.classList.toggle('open',window.skuPosOpen);
  const btn=card.querySelector('.pos-all'), t=card.querySelector('.pos-all-t');
  if(btn)btn.setAttribute('aria-expanded',window.skuPosOpen?'true':'false');
  if(t)t.textContent=window.skuPosOpen?'ซ่อน':('ดูทั้งหมด '+card.querySelectorAll('.pos-rows .kam-sku-row').length);
  // กางแล้วรายการล้นจอ ⇒ เลื่อนให้เห็นหัวการ์ดกับแถวแรก (ไม่กระโดดถ้าเห็นอยู่แล้ว)
  if(window.skuPosOpen){ try{ const r=card.getBoundingClientRect(); if(r.top<60||r.top>window.innerHeight*0.55) card.scrollIntoView({behavior:'smooth',block:'start'}); }catch(e){} }
}
window._skuPosToggle=_skuPosToggle;
// ════════════════════════════════════════════════════════════════════════════
// SECTION:NRR_SIGNAL — ตัวชี้วัดเดียว: %NRR เทียบเดือนฐานของไตรมาส (v302)
// ════════════════════════════════════════════════════════════════════════════
//
// ทำไมมีไฟล์นี้: หน้า Portfolio/Team/หน้าแรก เคยแสดง "Pace" (ยอดคาด ÷ เป้า หรือ
// ÷ ค่าเฉลี่ย 1–3 เดือน) คู่กับ %NRR (เทียบเดือนฐาน = ตัวจ่ายค่าคอมฯ) แล้วคนสลับกัน
// บุชชี่เคาะ 2026-09-08 ให้เหลือ %NRR ตัวเดียวทุกจอ
//
// นิยามรายร้าน (v_shopnrr 2026-10-10) — twin ของ /nrr src/nrr/nrr_portfolio.js `nrrPaceSignal`:
//   pct = ยอดเฉลี่ยต่อวันเดือนนี้ ÷ ยอดเฉลี่ยต่อวันเดือนฐาน จากไฟล์ NRR ด้วยกติกาเลือกสาขาเดียวกับตัวคิดค่าคอมฯ
//   (รายละเอียดอยู่ที่ _senseShopNrrIndex / computeNrrSignal ด้านล่าง)
//   ไม่มียอดเดือนฐาน → 'ร้านใหม่' (pct null) ไม่ใช่ 0%
// ต่างจาก twin จุดเดียวโดยตั้งใจ: cls ของร้านเดี่ยวใช้ "เส้นสุขภาพร้าน" (target_settings.nrr_threshold
// = 98 · เหลืองต่ำกว่าไม่เกิน 3 จุด = 95) ไม่ใช่ 100/95/90 — harness verify_single_metric.js เทียบ twin
// เฉพาะ pct/baseline/expected
// 24 ต.ค. 2569 (Bucci · กลับคำตัดสิน SG-2 วันที่ 15 ต.ค.): "สี" บนจอของร้านและของคนทุกจุดมาจากเกณฑ์ค่าคอมฯ
// ของคนนั้นเดือนนั้นแล้ว — ร้าน = เกณฑ์ของเจ้าของร้าน (nrrShopZone ด้านล่าง · src/domain/nrr/bands.js)
// cls ของร้าน (เส้นสุขภาพร้าน) เหลือไว้ให้ส่วนที่ไม่ใช่สี: ข้อความที่ส่งให้ AI · เรียงลำดับในโหมดข้อมูลในเครื่อง
//
// สิ่งที่ไฟล์นี้ *ไม่* ทำ: ไม่แตะ computePaceSignal (06) — จอสรุปเช้า (14) ยังใช้
// paceSignal.expected/lastGmv ตามเดิม · ไม่แตะ _qnrrComputeForCommission (07c)
//
// ลำดับสคริปต์: ไฟล์นี้อยู่ใน main bundle ซึ่ง parse ก่อน 07a/07c ⇒ ทุกการอ้าง
// _commGetConfig/_commTierPct/_commFmtPct/QNRR_CFG ต้องอยู่ *ในฟังก์ชัน* และมี typeof guard

// วันสิ้นสุดช่วงแนะนำการเปลี่ยนแปลง (จุดแดงที่ปุ่ม i + บรรทัด "วิธีเดิมจะได้ X%")
// = วันปล่อย + 1 เดือน — บุชชี่ตั้งวันจริงตอน deploy
const NRR_ANNOUNCE_UNTIL = '2026-10-08';
const NRR_DISPLAY_CAP = 150; // เกินนี้แสดง '150%+' (72/123 ร้านที่ทะลุมาจากการคูณยอด 6 วันแรก ไม่ใช่โตจริง)

const _NRR_TH_MO = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];

// 'YYYY-MM' → 'มิ.ย. 2569' (รูปแบบเดียวกับ month_label ใน bulk_history.csv)
function nrrMonthThLabel(ym){
  if(!ym||typeof ym!=='string')return null;
  const p=ym.split('-');const y=parseInt(p[0],10);const m=parseInt(p[1],10);
  if(!y||!m||m<1||m>12)return null;
  return _NRR_TH_MO[m-1]+' '+(y+543);
}

// ป้ายเดือนฐานของไตรมาสปัจจุบัน — อ่านจาก QNRR_CFG (07c) ตอนเรียก ไม่ใช่ตอน parse
function _nrrBaseMonthThLabel(){
  try{
    if(typeof QNRR_CFG==='undefined'||!QNRR_CFG||!QNRR_CFG.base_month)return null;
    return nrrMonthThLabel(QNRR_CFG.base_month);
  }catch(e){return null;}
}

// เส้นสีของ %NRR
//   ส่ง {email, period, scope|role} = เส้นของคนนั้นเดือนนั้น (R5 · DL-7) จาก _dispBandsFor (07a) ซึ่งอ่าน RuleView
//     KAM/AD/PM = เกตของตัวเอง · หัวหน้าทีม = ขั้นเงินขั้นแรก (ห่างไม่เกิน 3 จุดเหลือง) · ตำแหน่งหาจากอีเมลเอง
//     ไม่ต้องส่ง role:'kam' (เดิม AD/PM ได้เกตของทีม KAM) · อ่านเกณฑ์ไม่ได้ = null = ไม่ลงสี (ห้ามถอยไป 98/95)
//   ไม่ส่งคน = เส้นสุขภาพร้านเดี่ยว (SG-1 · จ2: สีเหมือนเดิมทุกอย่าง 98/95 แต่ไม่ใช่เกตค่าคอมฯ)
//
// ⚠️ ลำดับไฟล์: 05b ถูกต่อก่อน 07a ในไฟล์รวม จึงเรียก _dispBandsFor/_dispShopHealthBands ผ่าน typeof เท่านั้น
function _nrrGateBands(ctx){
  if(ctx && ctx.email){
    if(typeof _dispBandsFor!=='function') return null;
    try{
      const scope=ctx.scope || (String(ctx.role||'').toLowerCase()==='tl' ? 'tl' : 'kam');
      return _dispBandsFor(scope, ctx.email, ctx.period||null);
    }catch(e){ return null; }
  }
  if(typeof _dispShopHealthBands==='function'){
    try{ const s=_dispShopHealthBands(); if(s && !isNaN(s.t1) && !isNaN(s.t2)) return s; }catch(e){}
  }
  const g=(k,d)=>{try{return typeof _commGetConfig==='function'?Number(_commGetConfig('gmv_gate',k,d)):d;}catch(e){return d;}};
  const t1=g('threshold_1',98), t2=g('threshold_2',95);
  return {t1:isNaN(t1)?98:t1, t2:isNaN(t2)?95:t2};
}

// สีตามเส้น — ปัดทศนิยม 1 ตำแหน่งก่อนเทียบ (กฎบุชชี่ 2026-08-02: จอโชว์ 98.0% ต้องผ่านเกต 98)
// v_cell: ตัวที่สองรับได้สองแบบ — ส่ง {email, period, scope} มาให้หาเส้นเอง
// หรือส่ง {t1, t2} ที่หามาแล้วก็ได้ (จอที่วาดหลายคนรวดเดียวจะได้ไม่ต้องหาซ้ำทุกแถว)
// ไม่มีเส้น (คนนี้ยังอ่านเกณฑ์ไม่ได้) ⇒ '' = ไม่ลงสี
function nrrBandCls(pct, ctx){
  if(pct===null||pct===undefined||isNaN(pct))return 'new';
  const p=(typeof _commTierPct==='function')?_commTierPct(Number(pct)):Math.round(Number(pct)*10)/10;
  const b=(ctx && ctx.t1!=null && ctx.t2!=null)?ctx:_nrrGateBands(ctx);
  if(!b)return '';
  return p>=b.t1?'safe':p>=b.t2?'warn':'danger';
}

// ── สี %NRR ตามเกณฑ์ค่าคอมฯ (Bucci 24 ต.ค. 2569) ─────────────────────────────────────────────────────────────
// "สีแดงคือเกณฑ์ที่โดนค่าคอมฯ 50% สีเขียวคือถึงเกณฑ์ขั้นแรก แล้วขั้น 2 ขั้น 3 ก็ควรจะเปลี่ยนเป็นอีกสีที่พิเศษขึ้นเรื่อยๆ ... ไม่ควรจะเป็น hard code"
// ช่วง (zone) มาจากโค้ดกลาง src/domain/nrr/bands.js nrrZoneAt กับ RuleView ของคนนั้นเดือนนั้น (07a _dispZoneView) — ไม่มีเลขในไฟล์นี้
//   ctx = {email, scope:'kam'|'tl'|'ad'|…, period} · ร้าน = ส่งอีเมลเจ้าของร้าน scope 'kam' (ตำแหน่งพอร์ตหาจากอีเมล)
//   แอดมินทั้งบริษัท / ยังไม่รู้เกณฑ์ / PM ที่ยังไม่มีแผน ⇒ zone 'none' ⇒ ไม่ใส่ class = สีพื้นฐานของจุดนั้น (ห้ามถอยไปเส้นตายตัว)
// nrrBandCls / _nrrGateBands ข้างบนยังอยู่สำหรับ "เส้นสุขภาพร้าน" ที่ computeNrrSignal ใช้ (cls ของร้าน — ตัวกรองของ AI ฯลฯ ไม่ใช่สี)
function nrrZoneFor(pct, ctx){
  const B=(window.FK&&window.FK.mod)?window.FK.mod['nrr/bands']:null;
  if(!B||typeof B.nrrZoneAt!=='function')return null;
  let view=null;
  if(ctx&&ctx.email&&typeof _dispZoneView==='function'){
    try{ view=_dispZoneView(ctx.scope||'kam', ctx.email, ctx.period||null); }catch(e){ view=null; }
  }
  return B.nrrZoneAt(view, pct);
}
// class สำหรับ HTML: 'zc z-<ช่วง>' (สีอยู่ที่ styles_base.css .z-* → --zc) · ไม่มีเกณฑ์ = ''
function nrrZoneCls(z){ return (z&&z.key&&z.key!=='none')?'zc z-'+z.key:''; }
// สีแบบค่าตรง (ใช้ใน style="" หรือ SVG) · ไม่มีเกณฑ์ = null ⇒ ผู้เรียกใช้สีพื้นฐานของตัวเอง
function nrrZoneColor(z){
  if(!z||!z.key||z.key==='none')return null;
  return 'var(--zone-'+(z.key==='gate_ok'?'t1':z.key)+')';
}
// ลำดับ "แย่ก่อน" สำหรับเรียงแถว (โค้ดกลาง ZONE_SORT): ได้ 0 → ได้ 50% → ยังไม่ถึงขั้นแรก → ไม่มีเกณฑ์ → ขั้น 1 → ขั้น 2 → ขั้น 3
function nrrZoneRank(z){
  const B=(window.FK&&window.FK.mod)?window.FK.mod['nrr/bands']:null;
  return (B&&typeof B.zoneSortIndex==='function')?B.zoneSortIndex(z):0;
}
// ร้านที่ไม่มี % ไว้ท้ายสุดเสมอ (ร้านใหม่ก่อนร้านอื่น ๆ ที่ไม่มีเลข)
function nrrZoneRankTail(isNew){
  const B=(window.FK&&window.FK.mod)?window.FK.mod['nrr/bands']:null;
  const n=(B&&B.ZONE_SORT)?B.ZONE_SORT.length:0;
  return isNew?n:n+1;
}
// ร้านหนึ่งร้าน (แถว portview ที่มี kamEmail + nrrSignal) ⇒ ช่วงตามเกณฑ์ของเจ้าของร้านเดือนนี้ · ไม่มี % = null
// จำผลบนตัว signal (ตัวเดิมตราบที่ข้อมูลร้านไม่เปลี่ยน) + ชุดเกณฑ์ ⇒ วาดซ้ำ 1,302 ร้านไม่ต้องคิดใหม่
const _nrrShopZoneMemo=(typeof WeakMap==='function')?new WeakMap():null;
function nrrShopZone(a){
  const s=a&&a.nrrSignal;
  if(!s||s.pct===null||s.pct===undefined||isNaN(s.pct))return null;
  const email=a.kamEmail||'';
  let stamp='';
  try{ stamp=(typeof _dispZoneStamp==='function')?_dispZoneStamp():''; }catch(e){ stamp=''; }
  const hit=_nrrShopZoneMemo?_nrrShopZoneMemo.get(s):null;
  if(hit&&hit.stamp===stamp&&hit.email===email)return hit.z;
  const z=email?nrrZoneFor(s.pct,{email, scope:'kam'}):nrrZoneFor(s.pct,null);
  if(_nrrShopZoneMemo&&z&&z.reason!=='loading')_nrrShopZoneMemo.set(s,{stamp,email,z});
  return z;
}
// กลุ่มของกล่องนับ/ตัวกรองบนหน้าพอร์ต: 'reached' | 'below1' | 'half' | 'zero' | 'none' · ร้านไม่มี % = null (ไม่อยู่ในกล่องไหน)
function nrrShopZoneGroup(a){
  const z=nrrShopZone(a);
  return z?z.group:null;
}
function nrrZoneGroupWord(g){
  const B=(window.FK&&window.FK.mod)?window.FK.mod['nrr/bands']:null;
  return (B&&typeof B.zoneGroupWordTh==='function')?(B.zoneGroupWordTh(g)||g):g;
}

// ── สีร้าน = สุขภาพร้าน (Bucci 25 ต.ค. 2569 · src/domain/nrr/bands.js shopHealthAt) ─────────────────────────────
// แทน "ช่วงเงินของเจ้าของร้าน" (24 ต.ค.) สำหรับร้านทุกจอ — ค่าคอมฯ คิดเป็นรายคน ร้านเดี่ยวจึงใช้ %NRR เทียบฐานของตัวเอง
//   ON TRACK ตั้งแต่เส้นสุขภาพ (nrr_threshold · 07a _dispShopHealthBands) · MONITOR ต่ำกว่าไม่เกิน 3 จุด · AT RISK ต่ำกว่านั้น
//   เขียวเรือง = ON TRACK และถึงขั้นเงินขั้น 2 ของเจ้าของร้านเดือนนี้ (RuleView ตัวเดียวกับที่จ่าย · ต.ค. KAM = 110)
// ค่าตั้งยังไม่มา (_tgtLoaded เท็จ) ⇒ ไม่ลงสี — เดิม 07a ถอยไปเส้น 98 แล้วสีกระโดดเป็น 100 ทีหลัง
// %NRR ของคน (KAM/หัวหน้าทีม) ยังใช้ช่วงเงินเหมือนเดิม (nrrZoneFor) — ตัวนี้สำหรับร้านเท่านั้น · คู่กัน: /nrr nrr_components.js nrrAcctHealth
function _nrrShopBands(){
  const B=(window.FK&&window.FK.mod)?window.FK.mod['nrr/bands']:null;
  if(!B||typeof B.shopHealthBands!=='function'||typeof _dispShopHealthBands!=='function')return null;
  let ready=false;
  try{ ready=(typeof _tgtLoaded!=='undefined')&&!!_tgtLoaded; }catch(e){ ready=false; }
  if(!ready)return null;
  try{ const b=_dispShopHealthBands(); return b?B.shopHealthBands(b.t1):null; }catch(e){ return null; }
}
// ขั้น 2 ของเจ้าของร้าน (เส้นเขียวเรือง) · ไม่รู้/ไม่มี = null
function nrrShopGlowFrom(email){
  const B=(window.FK&&window.FK.mod)?window.FK.mod['nrr/bands']:null;
  if(!email||!B||typeof B.shopGlowFrom!=='function'||typeof _dispZoneView!=='function')return null;
  try{ return B.shopGlowFrom(_dispZoneView('kam', email, null)); }catch(e){ return null; }
}
const _nrrShopHealthMemo=(typeof WeakMap==='function')?new WeakMap():null;
// ร้านหนึ่งร้าน (แถวที่มี nrrSignal + kamEmail) ⇒ {key: glow|on|monitor|risk|none, group, word_th} · ร้านไม่มี % = null
function nrrShopHealth(a){
  const s=a&&a.nrrSignal;
  if(!s||s.isNew||s.pct===null||s.pct===undefined||isNaN(s.pct))return null;
  const B=(window.FK&&window.FK.mod)?window.FK.mod['nrr/bands']:null;
  if(!B||typeof B.shopHealthAt!=='function')return null;
  const bands=_nrrShopBands();
  const email=a.kamEmail||'';
  let zst='';
  try{ zst=(typeof _dispZoneStamp==='function')?_dispZoneStamp():''; }catch(e){ zst=''; }
  const stamp=zst+'|'+(bands?bands.t1:'-')+'|'+email;
  const hit=_nrrShopHealthMemo?_nrrShopHealthMemo.get(s):null;
  if(hit&&hit.stamp===stamp)return hit.h;
  const h=B.shopHealthAt(s.pct, bands, bands?nrrShopGlowFrom(email):null);
  if(_nrrShopHealthMemo&&bands)_nrrShopHealthMemo.set(s,{stamp,h});
  return h;
}
// กลุ่มของกล่องนับ/ตัวกรอง: 'on' | 'monitor' | 'risk' · ร้านไม่มี % หรือยังไม่รู้เส้น = null
function nrrShopHealthGroup(a){ const h=nrrShopHealth(a); return h?h.group:null; }
// class ของการ์ด/ตัวเลข — ใช้ชื่อเดิมของจอ (safe/warn/danger · styles_portview.css) + hz-glow สำหรับเขียวเรือง
// 25 ต.ค. 2569 (Bucci): ร้านที่ไม่นับ %NRR แต่ซื้ออยู่ (จาก Sales / Handover / Comeback) ⇒ เทียบยอดเดือนฐานให้ดูอย่างเดียว
//   ฐาน = ยอดจริงเดือนฐานของร้านนั้นจากประวัติ (bulkHistoryData) — ตัวเดียวกับการ์ดร้านอื่น ("จากฐาน ก.ย.") ไม่ใช่เฉลี่ย 3 เดือน
//   คืน {base, daily, label} หรือ null (ไม่ใช่ร้านกลุ่มนี้ / เดือนฐานไม่มียอด) · ไม่ใช้กับสีหรือเงินค่าคอมฯ
function nrrKindBase(accountId, ns){
  try{
    if(!ns||!ns.isNew||['handover','sales','comeback'].indexOf(ns.kind)===-1||!ns.baseMonthLabel)return null;
    const hist=(typeof bulkHistoryData!=='undefined'&&bulkHistoryData&&bulkHistoryData[accountId])||[];
    const row=hist.find(h=>String(h.m||'').trim()===String(ns.baseMonthLabel).trim());
    const base=row?Number(row.s||row.gmv||0):0;
    if(!(base>0))return null;
    const days=_nrrDaysInYm(_nrrYmFromThLabel(ns.baseMonthLabel))||30;
    return{base,daily:base/days,label:ns.baseMonthLabel};
  }catch(e){ return null; }
}
window.nrrKindBase=nrrKindBase;
function nrrShopHealthCls(h){
  if(!h||!h.key||h.key==='none')return '';
  return {glow:'safe hz-glow',on:'safe',monitor:'warn',risk:'danger'}[h.key]||'';
}
// สีแบบค่าตรง (SVG / style="") · ไม่รู้ = null
function nrrShopHealthColor(h){
  if(!h||!h.key||h.key==='none')return null;
  return {glow:'var(--hz-glow)',on:'var(--hz-on)',monitor:'var(--hz-monitor)',risk:'var(--hz-risk)'}[h.key]||null;
}
// แย่ก่อน: AT RISK → MONITOR → ON TRACK → เขียวเรือง → ไม่รู้ · ร้านไม่มี % ไว้ท้ายสุด (nrrZoneRankTail)
function nrrShopHealthRank(a){
  const B=(window.FK&&window.FK.mod)?window.FK.mod['nrr/bands']:null;
  const n=(B&&B.SHOP_HEALTH_SORT)?B.SHOP_HEALTH_SORT.length:5;
  const s=a&&a.nrrSignal;
  if(!s||s.pct===null||s.pct===undefined)return n+((s&&s.isNew)?0:1);
  return (B&&typeof B.shopHealthSortIndex==='function')?B.shopHealthSortIndex(nrrShopHealth(a)):0;
}
// ร้านที่เปิดอยู่ (หน้าร้าน / แผ่น Profile): ใช้แถวเดียวกับรายการร้านก่อน ⇒ % ตรงกับรายการเสมอ (กันเคส Sarnies 102% กับ 110%)
// ไม่อยู่ในรายการ (Sales · ค้นหา · แอดมินเปิดข้ามพอร์ต) ⇒ คิดจากข้อมูลของร้านที่เปิดอยู่ด้วยตัวคิดเดียวกัน (computeNrrSignal)
function nrrShopRowFor(accountId){
  if(!accountId||accountId==='default')return null;
  let row=null;
  try{ const list=(typeof getPortviewAccounts==='function')?getPortviewAccounts():[]; row=(list||[]).find(r=>r&&r.id===accountId)||null; }catch(e){ row=null; }
  if(row&&row.nrrSignal)return row;
  let sig=null;
  try{
    const _D=(typeof D!=='undefined')?D:null;
    if(_D&&_D.current_month&&_D.meta&&_D.meta.accountId===accountId)sig=computeNrrSignal(_D.current_month,_D.history||[],accountId);
  }catch(e){ sig=null; }
  if(!sig)return null;
  let email=(row&&row.kamEmail)||'';
  if(!email){ try{ email=(typeof _getKamEmailForAccount==='function')?(_getKamEmailForAccount(accountId)||''):''; }catch(e){ email=''; } }
  return {id:accountId,kamEmail:email,nrrSignal:sig};
}
// เส้นที่ใช้อยู่ (ให้คำใต้กล่อง "100% ขึ้นไป" · "97–100%" · "ต่ำกว่า 97%") · ยังไม่รู้ = null
function nrrShopHealthRules(){
  const b=_nrrShopBands();
  if(!b)return null;
  const f=n=>(typeof _commFormatPts==='function')?_commFormatPts(n):String(n);
  return {t1:b.t1, t2:b.t2, on:f(b.t1)+'% ขึ้นไป', monitor:f(b.t2)+'–'+f(b.t1)+'%', risk:'ต่ำกว่า '+f(b.t2)+'%'};
}

// ข้อความตัวเลข — ทศนิยม 1 ตำแหน่งเสมอ ผ่าน _commFmtPct ตัวเดียวกับจอค่าคอมฯ
function nrrPctLabel(pct){
  if(pct===null||pct===undefined||isNaN(pct))return 'ร้านใหม่';
  if(pct>NRR_DISPLAY_CAP)return NRR_DISPLAY_CAP+'%+';
  return (typeof _commFmtPct==='function')?_commFmtPct(pct):(Math.round(Number(pct)*10)/10).toFixed(1)+'%';
}

// ── v_shopnrr (2026-10-10): %NRR รายร้านคิดแบบเดียวกับตัวคิดค่าคอมฯ ─────────────
// เดิม: ยอดคาดทั้งเดือนนี้ (runrate) ÷ ยอดเดือนฐานจาก bulk_history ซึ่งต่างจาก _qnrrCompute สองจุด
//   1) จำนวนวัน — ต.ค. 31 วันหาร ก.ย. 30 วัน ⇒ ทุกร้านสูงเกิน 31/30 (389/394 ร้านตรงสูตรนี้เป๊ะ)
//   2) bulk_history รวมจากรายการสินค้า ⇒ นับบิลที่ยกเลิก 26/28 ก.ย. ⇒ ฐานสูงเกิน 279 ร้าน
// ตอนนี้: ร้านที่อยู่ในไฟล์ NRR (kam_rep_view + pm_rep_view) ใช้ "ยอดเฉลี่ยต่อวันเดือนนี้ ÷ ยอดเฉลี่ยต่อวัน
// เดือนฐาน" จากยอดหัวบิล ด้วยกติกาเลือกสาขาเดียวกับ _qnrrCompute (ดู _senseShopNrrIndex) · ร้านที่ไม่อยู่ในไฟล์
// หรือไฟล์ยังไม่มา ใช้ bulk_history แต่เทียบต่อวัน (แก้ข้อ 1 ได้ ข้อ 2 ไม่ได้)
// ตัวเลขบาทที่คืน: baseline_gmv = ยอดจริงของเดือนฐาน · cmpRunrate = baseline × pct (ยอดเดือนนี้คิดที่ความยาว
// เดือนฐาน เฉพาะสาขาที่มีฐาน) ⇒ ใช้ทุกจุดที่ "เทียบกับฐาน" (ยอด/ฐานบนการ์ด ขาดจากฐาน เหนือฐาน เรียงตามผลกระทบ)
// ส่วน runrate / gmvToDate ยังเป็นยอดจริงของทั้งบัญชี (กราฟแท่ง ยอดรวมกล่อง เรียงตามยอด) — ห้ามสลับกัน
// twin: src/nrr/nrr_portfolio.js nrrPaceSignal — ด่านตรวจ tools/verify_single_metric.js ข้อ B/F

// วันในเดือน จาก 'YYYY-MM'
function _nrrDaysInYm(ym){
  const p=String(ym||'').split('-');const y=parseInt(p[0],10);const m=parseInt(p[1],10);
  if(!y||!m)return 0;
  return new Date(y,m,0).getDate();
}

// 'ต.ค. 2569' → '2026-10' (ไม่รู้จัก ⇒ '')
function _nrrYmFromThLabel(label){
  const p=String(label||'').trim().split(' ');
  const mi=_NRR_TH_MO.indexOf(p[0]);const y=parseInt(p[1],10);
  if(mi<0||!y)return '';
  return (y-543)+'-'+String(mi+1).padStart(2,'0');
}

// ดัชนีรายบัญชีจากไฟล์ NRR แยกรายเดือน · จำผลไว้ตาม loadedAt
// ตัวสร้างดัชนีอยู่ที่โค้ดกลาง src/domain/nrr/shop_index.js (buildShopNrrIndex — ชุดเดียวกับ /nrr _nrrShopIndex)
// กติกาเดียวกับ _qnrrCompute (07c baseMap + ตัวตั้ง nrr_curr_norm) แต่มองทั้งร้าน ไม่แยกเจ้าของ (รายละเอียดที่หัวไฟล์โค้ดกลาง)
// ไฟล์นี้เหลือแค่ ① แผนที่ สาขา → บัญชีวันนี้ (รูปข้อมูลสาขาของ Sense) ② กุญแจจำผล
let _senseShopNrrIdx=null, _senseShopNrrKey='';
// v_cardgap (2026-10-12): สาขาเดียวกันมีรหัสบัญชีคนละตัวในไฟล์ NRR (ตารางออเดอร์) กับไฟล์พอร์ต (user_master)
// เช่น เขา เธอ กิน · นีดาน · ข้าวคำน้ำคำ ⇒ การ์ดหาไม่เจอ ขึ้น "ไม่อยู่ใน %NRR" ทั้งที่นับอยู่ · จับคู่ด้วยสาขาแทน:
// สาขา → บัญชีวันนี้ จากไฟล์สาขา (bulk_outlets — โหลดตอนเปิดแอป) · ไม่มีไฟล์ = ใช้รหัสในไฟล์ NRR เหมือนเดิม
let _senseOutAcct=null, _senseOutAcctSrc=null, _senseOutAcctN=-1;
// perf R1 (19 ต.ค. 2569): เดิมนับ Object.keys(bulkOutletsData) (~4 พันบัญชี) ทุกครั้งที่ถูกเรียก ×55,857 ครั้งตอนเปิดแอป
// ตอนนี้จำ "จำนวนบัญชี" ไว้ตามตัวตนของไฟล์ + เลขรุ่นที่ตัวโหลดขยับ (02 'bulk-outlets' เขียนทับในที่เดิม ⇒ ขยับ window._senseOutletsWriteRev)
// กติกาเลือกใช้ผลเดิมเหมือนเดิมทุกอย่าง (ตัวตนเดิม + จำนวนบัญชีเดิม) แค่ไม่นับซ้ำเมื่อยังไม่มีใครเขียนไฟล์
let _senseOutCntSrc=null, _senseOutCntRev=-1, _senseOutCntN=0;
// T23 (24 ต.ค. 2569): จำนวนสาขาในแผนที่ที่สร้างไว้ — นับครั้งเดียวตอนสร้าง (แผนที่นี้ไม่มีใครเขียนต่อ)
// เดิมกุญแจของ _senseShopNrrIndex นับ Object.keys(แผนที่ ~5,000 สาขา) ทุกครั้ง × 1,302 ร้านทุกครั้งที่เข้าหน้าพอร์ต
// ⇒ จอค้าง ~1 วิบนคอม (วัดบนเว็บจริง v346: 977 ms จาก 998 ms) · /nrr จำจำนวนไว้แล้ว (_oa._n)
let _senseOutAcctSize=0;
function _senseOutletsRev(){
  try{return (typeof window!=='undefined'&&window._senseOutletsWriteRev)||0;}catch(e){return 0;}
}
function _senseOutletToAccount(){
  const B=(typeof bulkOutletsData!=='undefined'&&bulkOutletsData)?bulkOutletsData:null;
  if(!B)return null;
  const rev=_senseOutletsRev();
  if(_senseOutCntSrc!==B||_senseOutCntRev!==rev){_senseOutCntN=Object.keys(B).length;_senseOutCntSrc=B;_senseOutCntRev=rev;}
  const n=_senseOutCntN;
  if(!n)return null;
  if(_senseOutAcct&&_senseOutAcctSrc===B&&_senseOutAcctN===n)return _senseOutAcct;
  const m={};
  Object.keys(B).forEach(aid=>{const months=B[aid]||{};Object.keys(months).forEach(mo=>{(months[mo]||[]).forEach(o=>{if(o&&o.outlet_id&&!m[o.outlet_id])m[o.outlet_id]=aid;});});});
  _senseOutAcct=m; _senseOutAcctSrc=B; _senseOutAcctN=n; _senseOutAcctSize=Object.keys(m).length;
  return m;
}
// จำนวนสาขาในแผนที่ — ค่าเดียวกับ Object.keys(m).length ทุกครั้ง (แผนที่อื่นนับจริง)
function _senseOutletMapSize(m){
  if(!m)return 0;
  return m===_senseOutAcct?_senseOutAcctSize:Object.keys(m).length;
}
function _senseShopNrrIndex(){
  const Q=(typeof window!=='undefined'&&window.bulkQnrrData)||null;
  if(!Q||!Q.loaded||!Array.isArray(Q.allRows)||!Q.allRows.length)return null;
  const _oa=_senseOutletToAccount();
  // กุญแจสตริงเดิมทุกตัวอักษร — ส่วนท้ายเป็นจำนวนสาขาที่จำไว้ (T23) ไม่นับใหม่ทุกครั้ง
  const key=String(Q.loadedAt||'')+'|'+Q.allRows.length+'|'+_senseOutletMapSize(_oa);
  if(_senseShopNrrIdx&&_senseShopNrrKey===key)return _senseShopNrrIdx;
  // โค้ดกลางมากับก้อน INJECT_DOMAIN (โหลดก่อนไฟล์นี้เสมอในแอป) · ไม่มี = ยังไม่มีดัชนี (การ์ดใช้ทางถอย bulk_history)
  let shop=null;
  try{ shop=(window.FK&&window.FK.mod)?window.FK.mod['nrr/shop_index']:null; }catch(e){ shop=null; }
  if(!shop)return null;
  _senseShopNrrIdx=shop.buildShopNrrIndex(Q.allRows,_oa); _senseShopNrrKey=key;
  return _senseShopNrrIdx;
}

// ── v_shopkind (2026-10-12): ร้านที่ไม่มี %NRR ต้องบอกว่า "เป็นร้านแบบไหน" ไม่ใช่เรียก "ร้านใหม่" หมด ─────────
// ที่มา: Ploiiy 12 ต.ค. — Spicy Sombrero (Sales ส่งให้ Kwan 16 ก.ย.) ขึ้น "ร้านใหม่ · ยังไม่มียอดเดือน ก.ย." ทั้งที่มียอด ก.ย. ฿206K
// ไล่ทั้งพอร์ต 1,285 ร้าน: handover 15 · จาก Sales 1 · กลับมาซื้อ 4 · หยุดซื้อไปแล้ว 40 ร้าน ถูกเรียก "ร้านใหม่"
// กติกาค่าคอมฯ ไม่เปลี่ยน — ทั้งหมดนี้ไม่มี %NRR จริง (pct คงเป็น null ⇒ ยอดรวม/กล่องสี/เรียงลำดับเหมือนเดิมทุกจุด)
//   handover ที่ได้ค่าคอมฯ handover เดือนนี้ (ไฟล์ portview_handover · Sales ส่งต่อ · ย้ายเดือนก่อน)
//            → 'Handover' + % แบบเดียวกับตัวคิดค่าคอมฯ handover (ยอดต่อวันเดือนนี้ ÷ ยอดต่อวันเดือนที่ย้าย)
//   handover ที่ไม่ได้คิดเดือนนี้แล้ว → 'Handover' ไม่มี % · ร้านของ Sales ที่ยังไม่ส่งต่อ → 'จาก Sales'
//   กลับมาซื้อ (comeback ไม่มียอดเดือนฐาน — ยอดนับเพิ่มใน %NRR ของคน) → 'Comeback'
//   ไม่มียอดเดือนฐาน + เดือนนี้ยังไม่ซื้อ + เคยซื้อก่อนหน้า → 'หยุดซื้อ' (cls 'idle' — ไม่นับในกล่องสีเขียว)
//   ไฟล์ NRR มาแล้วแต่ไม่มีร้านนี้ → % เดิมจากประวัติ + บอกว่า "ไม่อยู่ใน %NRR"
//   ร้านมี % แต่บางสาขาไม่นับ (handover · ร้านใหม่) → coverage {counted,total} ให้การ์ดบอก "นับ x/y สาขา"
// twin: src/nrr/nrr_portfolio.js nrrPaceSignal — ด่านตรวจ tools/verify_single_metric.js ข้อ G
// ── v_salesorigin (2026-10-12): คำเรียกประเภทร้าน + "รับจาก Sales เดือนไหน · ได้ HO เดือนไหน" ─────────────
// twin ของ /nrr src/nrr/nrr_data.js nrrSalesOrigin / NRR_MOVEMENT_TH (คำชุดเดียวกันทุกจอและไฟล์ export)
// ที่มา: ทีมอ่าน handover / new_sales เป็น "ได้ HO" แต่ในระบบแปลว่า "นอก %NRR ไตรมาสนี้เพราะอะไร"
const NRR_MOVEMENT_TH={
  core_nrr:'ร้านเดิม', core_nrr_churn:'ร้านเดิม (หยุดซื้อ)', comeback:'กลับมาซื้อ',
  expansion:'สาขาใหม่ (KAM หาเอง)', handover:'รับจาก Sales ก่อนไตรมาส', new_sales:'รับจาก Sales ระหว่างไตรมาส',
  transfer_in:'ย้ายเข้าจากพอร์ตอื่น', transfer_out:'ย้ายออกไปพอร์ตอื่น'
};
function nrrMovementTh(code){return NRR_MOVEMENT_TH[String(code||'')]||String(code||'');}
function nrrMonthShortTh(ym, refYm){
  const m=/^(\d{4})-(\d{2})/.exec(String(ym||''));
  if(!m)return '';
  const t=_NRR_TH_MO[parseInt(m[2],10)-1]||'';
  const ry=/^(\d{4})/.exec(String(refYm||''));
  return (ry&&ry[1]!==m[1])?t+' '+String(parseInt(m[1],10)+543).slice(-2):t;
}
function _nrrYmShift(ym,n){
  const m=/^(\d{4})-(\d{2})/.exec(String(ym||''));
  if(!m)return '';
  const i=parseInt(m[1],10)*12+parseInt(m[2],10)-1+n;
  const y=Math.floor(i/12), mm=i%12+1;
  return y+'-'+String(mm).padStart(2,'0');
}
function _nrrJoinTh(list){return list.length<=1?(list[0]||''):list.slice(0,-1).join(', ')+' และ '+list[list.length-1];}
// ── HO ครั้งเดียวต่อสาขา (Bucci 13 ต.ค. 2026) — ตัวกติกาอยู่ที่ 07a (_commHoOnceApplies / _commHoRepeatOf)
// ไฟล์นี้ parse ก่อน 07a ⇒ เรียกผ่าน typeof ในฟังก์ชันเท่านั้น · 07a ยังไม่โหลด = ไม่มีร้านซ้ำ (ทางเดิม)
// twin: /nrr src/nrr/nrr_data.js (nrrHoOnceApplies / nrrHoRepeatOf)
function _senseHoApplies(ym){
  try{return typeof _commHoOnceApplies==='function'&&_commHoOnceApplies(ym);}catch(e){return false;}
}
function _senseHoRepeatOf(oid, ym){
  try{return typeof _commHoRepeatOf==='function'?_commHoRepeatOf(oid, ym):null;}catch(e){return null;}
}
// รายชื่อสาขาที่นับ HO แล้วโหลดสำเร็จหรือยัง (อ่านอย่างเดียว — ห้ามสั่งโหลดจากตัววาด)
// ใช้คู่กับ _senseHoApplies เท่านั้น ⇒ งวดก่อน ต.ค. 2026 ไม่เคยถามข้อนี้
function _senseHoLedgerLoaded(){
  try{const L=(typeof window!=='undefined'&&window._commHoLedger)?window._commHoLedger:null;return !!(L&&L.loaded);}catch(e){return false;}
}
// รุ่นของรายชื่อสาขาที่นับ HO แล้ว — ใส่ในกุญแจแคชทุกตัวที่ผลขึ้นกับรายชื่อนี้
function _senseHoLedgerRevKey(){
  try{
    const L=(typeof window!=='undefined'&&window._commHoLedger)?window._commHoLedger:null;
    return L?String(L.rev||0)+(L.loaded?'L':''):'0';
  }catch(e){return '0';}
}
let _senseHoByOutlet=null, _senseHoByOutletKey='';
function _senseHandoverByOutlet(){
  const hd=(typeof bulkHandoverData!=='undefined'&&bulkHandoverData)?bulkHandoverData:(typeof window!=='undefined'?window.bulkHandoverData:null);
  const rows=hd&&Array.isArray(hd.rows)?hd.rows:null;
  if(!rows)return null;
  const key=String(hd.loadedAt||'')+'|'+rows.length+'|h'+_senseHoLedgerRevKey();
  if(_senseHoByOutlet&&_senseHoByOutletKey===key)return _senseHoByOutlet;
  const idx={};
  rows.forEach(r=>{
    if(String(r.prevOwner||'').toUpperCase()!=='SALE')return;
    const oid=String(r.outletId||'').trim(), tm=String(r.transferMonth||'');
    if(!oid||!/^\d{4}-\d{2}$/.test(tm))return;
    const a=idx[oid]||(idx[oid]=[]);
    if(a.indexOf(tm)===-1)a.push(tm);
  });
  Object.keys(idx).forEach(k=>idx[k].sort());
  _senseHoByOutlet=idx; _senseHoByOutletKey=key;
  return idx;
}
// ข้อความ "ที่มา" ของร้าน/สาขา — คืน {text, transfers, hoMonths, status, repeatMonths, pendingMonths} หรือ null (ไม่ใช่ร้านจาก Sales)
// HO ครั้งเดียวต่อสาขา: งวดที่จ่าย (เดือนโอน + 1) ตั้งแต่ ต.ค. 2026 ที่ "ทุกสาขาของรอบนั้น" เคยนับ HO ในงวดอื่นแล้ว
// = งวดที่ไม่นับซ้ำ → ตัดออกจาก "ได้ HO"/"จะได้ HO" แล้วต่อท้าย " · งวด ต.ค. ไม่นับซ้ำ" · status 'ho_repeat'
// รายชื่อสาขาที่นับแล้วยังไม่มา (สัญญา v2 E3) → งวดนั้นยังไม่รู้ว่าซ้ำไหม ⇒ ตัดออกเหมือนกัน แล้วต่อท้าย
// " · งวด ต.ค. รอตรวจ" · status 'ho_pending' (ถ้าไม่มีงวดซ้ำ) · มาถึงแล้วกุญแจแคชเปลี่ยน ⇒ คิดใหม่
// งวดก่อน ต.ค. 2026 ไม่เคยเป็นงวดซ้ำหรือรอตรวจ ⇒ ข้อความเท่าเดิมทุกตัวอักษร
// สัญญา v3 ข้อ 1: ดู/ส่งออกข้อมูลของเดือนก่อน ต.ค. 2026 (dataYm ก่อนเส้นเริ่ม) ⇒ ไม่ใช้กติกานี้เลยทั้งก้อน
// แม้งวดที่จ่ายของรอบนั้นจะเป็น ต.ค. ("จะได้ HO ต.ค." เหมือนเดิมทุกตัวอักษร) · ไม่ส่ง dataYm หรือ dataYm ตั้งแต่ ต.ค. ⇒ ใช้กติกา
// twin: /nrr src/nrr/nrr_data.js nrrSalesOrigin — เงื่อนไขเดียวกัน (!dataYm || applies(dataYm))
function nrrSalesOrigin(outletIds, movement, expDate, dataYm){
  const idx=_senseHandoverByOutlet()||{};
  const tset={}, tOids={};
  (outletIds||[]).forEach(o=>{const oid=String(o||'').trim();(idx[oid]||[]).forEach(tm=>{tset[tm]=1;(tOids[tm]||(tOids[tm]=[])).push(oid);});});
  const transfers=Object.keys(tset).sort().filter(tm=>!dataYm||tm<=dataYm);
  const fromSales=movement==='handover'||movement==='new_sales';
  if(!transfers.length&&!fromSales)return null;
  const ref=dataYm||transfers[transfers.length-1]||'';
  const T=ym=>nrrMonthShortTh(ym,ref);
  if(transfers.length){
    const paid=transfers.map(tm=>_nrrYmShift(tm,1));
    const repeatMonths=[], pendingMonths=[];
    const ledgerLoaded=_senseHoLedgerLoaded();
    const hoRuleOn=!dataYm||_senseHoApplies(dataYm);
    if(hoRuleOn)transfers.forEach(tm=>{
      const ym=_nrrYmShift(tm,1), oids=tOids[tm]||[];
      if(!_senseHoApplies(ym)||!oids.length)return;
      if(!ledgerLoaded){if(pendingMonths.indexOf(ym)===-1)pendingMonths.push(ym);return;}
      if(oids.every(oid=>!!_senseHoRepeatOf(oid,ym))&&repeatMonths.indexOf(ym)===-1)repeatMonths.push(ym);
    });
    const counted=paid.filter(ym=>repeatMonths.indexOf(ym)===-1&&pendingMonths.indexOf(ym)===-1);
    const done=counted.filter(ym=>!dataYm||ym<=dataYm), later=counted.filter(ym=>dataYm&&ym>dataYm);
    const txt='รับจาก Sales '+_nrrJoinTh(transfers.map(T))+
      (done.length?' · ได้ HO '+_nrrJoinTh(done.map(T)):'')+(later.length?' · จะได้ HO '+_nrrJoinTh(later.map(T)):'')+
      (repeatMonths.length?' · งวด '+_nrrJoinTh(repeatMonths.map(T))+' ไม่นับซ้ำ':'')+
      (pendingMonths.length?' · งวด '+_nrrJoinTh(pendingMonths.map(T))+' รอตรวจ':'');
    const status=repeatMonths.length?'ho_repeat':pendingMonths.length?'ho_pending':(transfers.length>1?'ho_multi':'ho');
    return Object.assign({text:txt, transfers, hoMonths:paid, status}, repeatMonths.length?{repeatMonths}:{}, pendingMonths.length?{pendingMonths}:{});
  }
  const exp=/^(\d{4}-\d{2})/.exec(String(expDate||''));
  const expYm=exp?exp[1]:'';
  const qStart=(typeof QNRR_CFG!=='undefined'&&QNRR_CFG&&QNRR_CFG.base_month)?QNRR_CFG.base_month:'';
  if(expYm&&(!qStart||expYm>=qStart)){
    const hoYm=_nrrYmShift(expYm,1);
    if(dataYm&&hoYm>dataYm)return {text:'รับจาก Sales '+T(expYm)+' · จะได้ HO '+T(hoYm), transfers:[expYm], hoMonths:[hoYm], status:'ho_next'};
    return {text:'รับจาก Sales '+T(expYm)+' · ไม่มีในไฟล์ HO', transfers:[expYm], hoMonths:[], status:'no_ho'};
  }
  return {text:'ย้ายมาจาก Sales (ร้านเก่า) · ไม่ได้ HO', transfers:[], hoMonths:[], status:'old_shop'};
}

let _senseHoIdx=null, _senseHoKey='';
function _senseHandoverIndex(){
  const hd=(typeof bulkHandoverData!=='undefined'&&bulkHandoverData)?bulkHandoverData:(typeof window!=='undefined'?window.bulkHandoverData:null);
  const rows=hd&&Array.isArray(hd.rows)?hd.rows:null;
  if(!rows||!rows.length)return null;
  const key=String(hd.loadedAt||'')+'|'+rows.length+'|h'+_senseHoLedgerRevKey();
  if(_senseHoIdx&&_senseHoKey===key)return _senseHoIdx;
  const idx={};
  rows.forEach(r=>{
    if(String(r.prevOwner||'').toUpperCase()!=='SALE')return;
    const aid=String(r.accountId||'').trim().toLowerCase(), tm=String(r.transferMonth||'');
    if(!aid||!tm)return;
    // HO ครั้งเดียวต่อสาขา: สาขาที่เคยนับ HO งวดอื่นแล้ว ไม่อยู่ในป้าย "Handover xx%" ของงวดนี้ (เหมือนตัวคิดเงิน)
    // รายชื่อยังไม่มา (สัญญา v2 E3) ⇒ ยังไม่นับแถวของงวดนั้นเลย จนกว่าจะรู้ว่าซ้ำไหม (กุญแจแคชมีสถานะโหลดอยู่แล้ว)
    // สัญญา v3 ข้อ 1: ตัวอ่าน _senseHandoverPct(id, งวดที่ดู) อ่านคีย์ "เดือนโอน = งวดที่ดู − 1" เท่านั้น
    // ⇒ งวดที่ดูก่อน ต.ค. 2026 อ่านแต่แถวที่ _payYm ก่อนเส้นเริ่ม = ไม่เคยถูกตัด (เท่า main ทุกค่า) ไม่ต้องกั้นเพิ่ม
    const _payYm=_nrrYmShift(tm,1);
    if(_senseHoApplies(_payYm)&&(!_senseHoLedgerLoaded()||_senseHoRepeatOf(r.outletId,_payYm)))return;
    const k=aid+'|'+tm;
    const e=idx[k]||(idx[k]={basePerDay:0,perfPerDay:0});
    const bd=r.baselineDays>0?r.baselineDays:30, pd=r.perfDays>0?r.perfDays:30;
    e.basePerDay+=(r.baselineGmv||0)/bd; e.perfPerDay+=(r.perfGmv||0)/pd;
  });
  _senseHoIdx=idx; _senseHoKey=key;
  return idx;
}
// เดือนก่อนหน้าของ 'YYYY-MM'
function _nrrPrevYm(ym){
  const p=String(ym||'').split('-');let y=parseInt(p[0],10),m=parseInt(p[1],10);
  if(!y||!m)return '';
  m-=1;if(m<1){m=12;y-=1;}
  return y+'-'+String(m).padStart(2,'0');
}
// % handover ของเดือนนี้ — null ถ้าร้านนี้ไม่ได้คิดค่าคอมฯ handover เดือนนี้
function _senseHandoverPct(accountId, cmYm){
  const idx=_senseHandoverIndex();
  if(!idx||!accountId||!cmYm)return null;
  const e=idx[String(accountId).trim().toLowerCase()+'|'+_nrrPrevYm(cmYm)];
  if(!e||!(e.basePerDay>0))return null;
  return e.perfPerDay/e.basePerDay*100;
}
// เคยซื้อก่อนเดือนฐานไหม (ประวัติ bulk_history: [{m:'มิ.ย. 2569', s}])
function _nrrBoughtBefore(history, baseMonthLabel){
  const baseYm=_nrrYmFromThLabel(baseMonthLabel);
  return (history||[]).some(h=>{
    if(!h)return false;
    const v=Number(h.s!==undefined?h.s:(h.gmv||0))||0;
    const ym=_nrrYmFromThLabel(h.m);
    return v>0&&ym&&baseYm&&ym<baseYm;
  });
}

// ตัวชี้วัดรายร้าน — twin ของ nrrPaceSignal บนรูปข้อมูลของ Sense
//   cm        = bulkCurrentMonthData[id] {runrate_gmv, gmv_to_date, days_elapsed, days_in_month}
//   history   = bulkHistoryData[id]      [{m:'มิ.ย. 2569', s:<gmv>, orders}]   ← ฟิลด์ .s (02:723)
//   accountId = รหัสบัญชี (ไม่ส่งมา ⇒ ใช้ bulk_history เทียบต่อวัน)
function computeNrrSignal(cm, history, accountId){
  const baseMonthLabel=_nrrBaseMonthThLabel();
  const runrate=cm?(cm.runrate_gmv||0):0, gmvToDate=cm?(cm.gmv_to_date||0):0;
  const base={
    pct:null, cls:'new', label:'ร้านใหม่', baseline_gmv:0, expected:0, isNew:true, capped:false,
    runrate, gmvToDate,
    // ไม่มีฐาน ⇒ เทียบไม่ได้ ใช้ยอดจริงแทน (พฤติกรรมเดิมของจุดที่บวก "เหนือฐาน" ให้ร้านใหม่)
    cmpRunrate:runrate||gmvToDate||0,
    daysElapsed:cm?(cm.days_elapsed||0):0, daysInMonth:cm?(cm.days_in_month||30):30,
    baseMonthLabel, source:'',
    // v_shopkind: ร้านแบบไหน (ดูหัว _senseHandoverIndex) · tag = คำบนการ์ด · note = บรรทัดยอด · altPct = % handover
    kind:'new', tag:'ร้านใหม่', note:'ยังไม่มียอดเดือน'+(baseMonthLabel?' '+baseMonthLabel:'ฐาน'),
    altPct:null, altLabel:null, coverage:null, outsideNrr:false
  };
  if(!cm)return {...base, cls:'', label:'—', isNew:false};
  if(!baseMonthLabel)return base; // QNRR_CFG ยังไม่พร้อม — ปฏิบัติเหมือนไม่มีฐาน ไม่เดา
  const done=(pct, baseGmv, perDayBase, curDays, source)=>({
    ...base, source, pct, cls:nrrBandCls(pct), label:nrrPctLabel(pct), baseline_gmv:baseGmv,
    cmpRunrate:baseGmv*pct/100, expected:perDayBase*curDays,
    isNew:false, capped:pct>NRR_DISPLAY_CAP, kind:'nrr', tag:'', note:''
  });
  const _baseMo=baseMonthLabel?baseMonthLabel.split(' ')[0]:'';
  // ร้านที่ไม่มี %NRR — บอกประเภท (pct คง null ⇒ ยอดรวม/กล่องสี/เรียงลำดับเหมือนเดิม)
  const noBase=(kinds, source, shop)=>{
    const r=_noBaseKind(kinds, source, shop);
    if(r.kind!=='new')r.label=r.altLabel||r.tag;   // ป้ายสั้นที่จุดอื่นหยิบไปใช้ ให้เป็นคำเดียวกับการ์ด
    return r;
  };
  const _noBaseKind=(kinds, source, shop)=>{
    const ho=_senseHandoverPct(accountId, cmYm);
    // v_salesorigin: "รับจาก Sales เดือนไหน · ได้ HO เดือนไหน" จากไฟล์ HO (ตัวที่จ่ายเงิน) + วันหมดช่วงในไฟล์ NRR
    const org=shop&&shop.oids?nrrSalesOrigin(shop.oids, shop.salesMv||'', shop.salesExp||'', cmYm):null;
    if(ho!=null)return {...base, source, kind:'handover', tag:'Handover', altPct:ho, altLabel:nrrPctLabel(ho),
      note:(org&&org.status!=='old_shop')?org.text:'รับจาก Sales '+nrrMonthShortTh(_nrrYmShift(cmYm,-1),cmYm)+' · ได้ HO '+nrrMonthShortTh(cmYm,cmYm)};
    if(kinds&&kinds.handover)return {...base, source, kind:'handover', tag:'จาก Sales',   // ป้าย Handover เฉพาะร้านที่ได้ HO เดือนนี้
      note:(org?org.text:'รับจาก Sales'+(_baseMo?' เดือน '+_baseMo:''))+' · ไม่นับ %NRR ไตรมาสนี้'};
    if(kinds&&kinds.new_sales)return {...base, source, kind:'sales', tag:'จาก Sales', note:(org?org.text:'ร้านใหม่ของ Sales')+' · ไม่นับ %NRR ไตรมาสนี้'};
    if(kinds&&kinds.comeback)return {...base, source, kind:'comeback', tag:'Comeback', note:'กลับมาซื้อ · ยอดนับเพิ่มใน %NRR'};
    if(!(gmvToDate>0)&&_nrrBoughtBefore(history, baseMonthLabel))return {...base, source, kind:'dormant', tag:'หยุดซื้อ', cls:'idle',
      note:'ไม่มียอดตั้งแต่ก่อนเดือนฐาน · เดือนนี้ยังไม่ซื้อ'};
    return {...base, source};
  };

  // ① ไฟล์ NRR — ตัวเดียวกับที่คิดค่าคอมฯ
  const idx=accountId?_senseShopNrrIndex():null;
  // ใช้เดือนเดียวกับไฟล์พอร์ต — อ่านจากวันที่ของข้อมูลในไฟล์ (เหมือน Dashboard) เพราะป้ายเดือนของ cm มาจาก
  // นาฬิกา ซึ่งวันที่ 2 ของเดือนบอกเดือนใหม่ทั้งที่ไฟล์ยังเป็นเดือนเก่า · ไฟล์ NRR ไม่มีเดือนนั้น ⇒ ทางถอย
  const cmYm=cm.data_asof_date?String(cm.data_asof_date).slice(0,7):_nrrYmFromThLabel(cm.month_label);
  // ข้อมูลพอร์ตเป็นเดือนนอกไตรมาสที่ตั้งอยู่ (เช้าวันที่ 2 ของไตรมาสใหม่ ไฟล์ NRR ยังเป็นไตรมาสเก่า) ⇒ เดือนฐานผิดไตรมาส
  // ห้ามเทียบ (เดิมจะเอา ต.ค. ไปเทียบฐาน มิ.ย.) · แสดง "—" รอข้อมูลไตรมาสใหม่ เหมือนหัวจอที่ขึ้นว่าข้อมูลยังไม่มา
  const _qm=(typeof QNRR_CFG!=='undefined'&&QNRR_CFG&&Array.isArray(QNRR_CFG.q_months))?QNRR_CFG.q_months:null;
  if(cmYm&&_qm&&_qm.length&&_qm.indexOf(cmYm)<0)return {...base, cls:'', label:'—', isNew:false, source:'other_quarter'};
  const M=idx?idx.byMonth[cmYm||idx.latest]:null;
  const shop=M?M.byAcct[String(accountId).trim()]:null;
  if(shop){
    if(!(shop.basePerDay>0))return noBase(shop.kinds, 'nrr', shop);
    const pct=shop.currPerDay/shop.basePerDay*100;
    const r=done(pct, shop.baseGmv, shop.basePerDay, shop.currDays||base.daysElapsed, 'nrr');
    // บางสาขาไม่อยู่ใน % (handover / ร้านใหม่) และมียอดจริง ⇒ บอกบนการ์ดว่านับกี่สาขา
    if(shop.outlets>shop.counted&&shop.exclCurr>0)r.coverage={counted:shop.counted,total:shop.outlets};
    return r;
  }

  // v_cardgap: ได้ HO เดือนนี้แต่ยังไม่มีแถวในไฟล์ NRR (เดือนนี้ยังไม่สั่ง) — เช่น ไดมอนด์ มอ ⇒ Handover ไม่ใช่ "0% · ไม่อยู่ใน %NRR"
  if(M&&_senseHandoverPct(accountId, cmYm)!=null)return noBase(null, 'nrr', null);
  // ② ทางถอย bulk_history — เทียบต่อวัน (runrate ÷ วันเดือนนี้ เทียบ ฐาน ÷ วันเดือนฐาน)
  const baseRow=(history||[]).find(h=>h&&h.m===baseMonthLabel);
  const baseGmv=baseRow?Number(baseRow.s!==undefined?baseRow.s:(baseRow.gmv||0))||0:0;
  if(!(baseGmv>0))return noBase(null, '');
  const baseDays=_nrrDaysInYm(typeof QNRR_CFG!=='undefined'&&QNRR_CFG?QNRR_CFG.base_month:'')||30;
  // คูณก่อนหารครั้งเดียว — กันทศนิยมลอย (900/30 ÷ 1000/30 ได้ 89.999… แทน 90 แล้วสีผิดขั้น)
  const pct=((cm.runrate_gmv||0)*100*baseDays)/((base.daysInMonth||30)*baseGmv);
  const hr=done(pct, baseGmv, baseGmv/baseDays, base.daysElapsed, 'history');
  // ไฟล์ NRR ของเดือนนี้มาแล้ว แต่ไม่มีร้านนี้ ⇒ % นี้ไม่ได้นับใน %NRR ของใคร (ยังโชว์เพื่อดูแลร้าน แต่ต้องบอก)
  if(M)hr.outsideNrr=true;
  return hr;
}

// ช่วงแนะนำการเปลี่ยนแปลงยังเปิดอยู่ไหม (จุดแดงที่ ⓘ + บรรทัด "วิธีเดิม")
function _nrrAnnounceActive(){
  try{return Date.now()<Date.parse(NRR_ANNOUNCE_UNTIL+'T00:00:00+07:00');}catch(e){return false;}
}

window.nrrMonthThLabel=nrrMonthThLabel;
window._nrrBaseMonthThLabel=_nrrBaseMonthThLabel;
window._nrrGateBands=_nrrGateBands;
window.nrrBandCls=nrrBandCls;
window.nrrZoneFor=nrrZoneFor;
window.nrrZoneCls=nrrZoneCls;
window.nrrZoneColor=nrrZoneColor;
window.nrrZoneRank=nrrZoneRank;
window.nrrZoneRankTail=nrrZoneRankTail;
window.nrrShopZone=nrrShopZone;
window.nrrShopZoneGroup=nrrShopZoneGroup;
window.nrrZoneGroupWord=nrrZoneGroupWord;
window.nrrPctLabel=nrrPctLabel;
window.computeNrrSignal=computeNrrSignal;
window._nrrAnnounceActive=_nrrAnnounceActive;
window.NRR_DISPLAY_CAP=NRR_DISPLAY_CAP;
window.NRR_ANNOUNCE_UNTIL=NRR_ANNOUNCE_UNTIL;
// SECTION:PACE_CHURN
function computePaceSignal(cm,history){
  if(!cm)return{cls:'',pct:0,label:'ไม่มีข้อมูล',isNew:false,histMonths:0};
  const daysElapsed=cm.days_elapsed||1;
  const daysInMonth=cm.days_in_month||30;
  const hist=history&&history.length?history:[];
  const recent3=hist.slice(-3);
  const histMonths=recent3.length;

  // ── NEW ACCOUNT: no prior months ──────────────────────────────
  if(histMonths===0){
    return{
      cls:'new',pct:null,label:'ร้านใหม่',isNew:true,
      histMonths:0,confidence:'none',
      baselineDaily:0,baselineGmv:0,expected:0,lastGmv:0,
      runrate:cm.runrate_gmv,daysElapsed,daysInMonth,
      gmvToDate:cm.gmv_to_date,monthsDetail:[]
    };
  }

  // ── NORMALIZED BASELINE ───────────────────────────────────────
  // Compute daily rate per month (GMV ÷ actual days in that month)
  // then average across available months (1–3)
  const monthsDetail=recent3.map(h=>{
    const days=getThaiMonthDays(h.m);
    return{m:h.m,gmv:h.s,days,daily:Math.round(h.s/days)};
  });
  const baselineDaily=monthsDetail.reduce((s,d)=>s+d.daily,0)/histMonths;
  const baselineGmv=Math.round(baselineDaily*daysInMonth); // Method C: × actual days in current month
  const expected=baselineDaily*daysElapsed;
  const pct=expected>0?Math.round(cm.gmv_to_date/expected*100):0;
  const lastGmv=hist[hist.length-1]?.s||0;

  // ── CONFIDENCE (based on months of data available) ────────────
  const confidence=histMonths>=3?'high':histMonths===2?'medium':'low';

  // ── SIGNAL CLASS ──────────────────────────────────────────────
  let cls='',label='';
  if(pct>=100){cls='great';label='ดีเยี่ยม';}
  else if(pct>=95){cls='safe';label='ปลอดภัย';}
  else if(pct>=90){cls='warn';label='MONITOR';}
  else{cls='danger';label='AT RISK';}

  return{
    cls,pct,label,isNew:false,
    histMonths,confidence,baselineDaily:Math.round(baselineDaily),
    baselineGmv,expected:Math.round(expected),lastGmv,
    runrate:cm.runrate_gmv,daysElapsed,daysInMonth,
    gmvToDate:cm.gmv_to_date,monthsDetail
  };
}

function getPaceClass(pct){
  if(pct>=100)return'great';
  if(pct>=95)return'safe';
  if(pct>=90)return'warn';
  return'danger';
}

// ════════════════════════════════════════
// SKU CHURN COMPUTATION
// ════════════════════════════════════════
// 25 ต.ค. 2569: แยกตัวคิดออกจาก D ⇒ การ์ดพอร์ตคิดรายร้านด้วยสูตรเดียวกับหน้าร้านได้ (computeChurnSignalsFor)
//   หน้าร้านเรียกแบบเดิม computeChurnSignals() = อ่าน D เหมือนเดิมทุกบรรทัด
function computeChurnSignals(){
  if(!D.current_month||!D.skus.length)return[];
  return _churnSignalsFrom(D);
}
// การ์ดพอร์ต: ข้อมูลของร้านนั้นจากไฟล์รวม (โครงเดียวกับ D.skus_monthly / D.sku_current / D.current_month)
function computeChurnSignalsFor(accountId){
  const cm=bulkCurrentMonthData[accountId];
  const sm=(typeof bulkSkusData!=='undefined'&&bulkSkusData[accountId])||null;
  if(!cm||!sm||!Object.keys(sm).length)return null;
  return _churnSignalsFrom({current_month:cm,skus_monthly:sm,sku_current:bulkSkuCurrentData[accountId]||[],skus:[]});
}
function _churnSignalsFrom(D){
  const cm=D.current_month;
  const daysElapsed=cm.days_elapsed||1;
  const daysInMonth=cm.days_in_month||30;
  const skuCurrentEmpty=!(D.sku_current||[]).length;
  // If sku_current is empty but account has positive GMV this month → data not uploaded, can't compute
  // If sku_current is empty AND gmv_to_date===0 → account truly has 0 orders → all last-month SKUs = gone
  if(skuCurrentEmpty && (cm.gmv_to_date||0)>0) return [];
  // Get last finished month SKUs with order_count
  const months=Object.keys(D.skus_monthly||{}).sort((a,b)=>{
    const toDate=m=>{const parts=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(parts[1]||0)*12)+mo.indexOf(parts[0]);};
    return toDate(b)-toDate(a);
  });
  // v156: use last CLOSED month — Q3B now includes MTD so months[0] may be current month
  const _cmLbl2=(D.current_month||{}).month_label||'';
  const _lastClosed2=months.find(m=>m!==_cmLbl2)||months[0];
  const lastMonthSkus=_lastClosed2?D.skus_monthly[_lastClosed2]:D.skus;
  const currentMap=new Map((D.sku_current||[]).map(s=>[s.item_id,s]));
  const signals=[];
  for(const sku of lastMonthSkus){
    const orderCount=sku.order_count||0;
    if(orderCount<1)continue; // skip SKUs with no order history
    const outletCountSku=sku.outlet_count_sku||1;
    // Per-outlet frequency: how many times each ordering outlet buys this SKU/month
    const perOutletFreq=orderCount/outletCountSku;
    // Average days between orders per outlet
    const avgInterval=daysInMonth/perOutletFreq;
    const curr=currentMap.get(String(sku.id||sku.item_id));
    const ordersThisMonth=curr?curr.orders_this_month:0;
    // ── slow: has orders but pace well below last month ──
    if(ordersThisMonth>0){
      const lastGmv=sku.gmv||0;
      if(daysElapsed>15&&daysElapsed>avgInterval&&lastGmv>=3000&&daysElapsed>0){
        const projectedGmv=(curr.gmv_to_date||0)*(daysInMonth/daysElapsed);
        const gapPct=lastGmv>0?Math.round((lastGmv-projectedGmv)/lastGmv*100):0;
        if(gapPct>=30){
          signals.push({
            id:String(sku.id||sku.item_id),
            name:sku.n||sku.name||sku.item_name_th||'—',
            dept:sku.d||sku.dept||'—',
            orderCount,outletCountSku,perOutletFreq,avgInterval:Math.round(avgInterval),
            daysLate:0,daysUntil:0,
            ordersThisMonth,type:'slow',
            gmv:lastGmv,gapPct,
            projectedGmv:Math.round(projectedGmv)
          });
        }
      }
      continue;
    }
    // zero orders → classify gone/near/approaching/not_yet
    let type;
    const roundedInterval=Math.round(avgInterval);
    const daysLate=Math.max(0,Math.round(daysElapsed-avgInterval));
    let daysUntil=Math.max(0,Math.round(avgInterval-daysElapsed));
    if(daysElapsed>=avgInterval*1.5){
      type='gone';                                        // เลยรอบมากแล้ว — น่าหาย
    } else if(daysElapsed>=avgInterval){
      type='near';                                        // เพิ่งเลยรอบ — เฝ้าดู
    } else if(orderCount===1&&(sku.last_order_date||'')!==''&&(()=>{
      // v756: guard — last_order_date จาก SQL1 คือ MAX ของ 2 เดือน (lastClosed + MTD)
      // ถ้าวันที่อยู่ในเดือนปัจจุบัน → ข้อมูลเป็นของเดือนนี้ ไม่ใช่เดือนปิด → ใช้ avgInterval แทน
      const _lodDate=new Date(sku.last_order_date);
      const _todayChk=new Date();
      return !(_lodDate.getFullYear()===_todayChk.getFullYear()&&_lodDate.getMonth()===_todayChk.getMonth());
    })()){
      // SKU สั่ง 1 ครั้ง/เดือน — ใช้ lastOrderDay แทน avgInterval
      // คาด: จะสั่งใกล้เดียวกับวันที่สั่งในเดือนที่แล้ว
      const lastDay=new Date(sku.last_order_date).getDate();
      const today=new Date();
      const expectedDate=new Date(today.getFullYear(),today.getMonth(),lastDay);
      const msLeft=expectedDate-today;
      daysUntil=Math.max(0,Math.round(msLeft/(1000*60*60*24)));
      if(msLeft<0){
        // เลยวันที่คาดแล้วยังไม่สั่ง
        type=Math.abs(msLeft)/(1000*60*60*24)>avgInterval*0.5?'gone':'near';
      } else if(daysUntil<=5){
        type='approaching';                               // ใกล้ถึงรอบ — แจ้งเตือน
      } else {
        type='not_yet';
      }
    } else {
      // SKU สั่งหลายครั้ง/เดือน — ใช้ avgInterval เดิม
      const approachThreshold=Math.max(5,Math.round(avgInterval*0.2));
      if(daysUntil<=approachThreshold){
        type='approaching';                               // ใกล้ถึงรอบ — แจ้งเตือน
      } else {
        type='not_yet';
      }
    }
    signals.push({
      id:String(sku.id||sku.item_id),
      name:sku.n||sku.name||sku.item_name_th||'—',
      dept:sku.d||sku.dept||'—',
      orderCount,outletCountSku,perOutletFreq,avgInterval:roundedInterval,
      daysLate,daysUntil,
      ordersThisMonth,type,
      gmv:sku.gmv||0
    });
  }
  const typeOrder={gone:0,slow:1,near:2,approaching:3,not_yet:4};
  signals.sort((a,b)=>{
    const td=(typeOrder[a.type]||0)-(typeOrder[b.type]||0);
    return td!==0?td:b.gmv-a.gmv;
  });
  return signals;
}

// ════════════════════════════════════════
// INTERVAL-AWARE CHURN FOR PORTVIEW (per account, uses bulk globals)
// ════════════════════════════════════════
// v_daily: แยกตัวไล่ SKU ออกมาเป็น "แถว" เพื่อให้หน้าสรุปรายวันใช้ได้ด้วย
// นับเลขเดิม (computeChurnCountsForAccount) ยังคำนวณจากแถวชุดเดียวกันนี้
// ⇒ มีนิยามเดียว ไม่มีทางที่สองที่จะเพี้ยนจากกัน
function computeChurnRowsForAccount(accountId){
  const cm=bulkCurrentMonthData[accountId];
  const skusMonthly=bulkSkusData[accountId]||{};
  const skuCurrentArr=bulkSkuCurrentData[accountId]||[];
  if(!cm||!skuCurrentArr)return null;
  const daysElapsed=cm.days_elapsed||1;
  const daysInMonth=cm.days_in_month||30;
  const _moSrt=m=>{const p=m.split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
  const months=Object.keys(skusMonthly).sort((a,b)=>_moSrt(b)-_moSrt(a));
  if(!months.length)return null;
  // v156: skip current MTD month — use last closed month as churn baseline
  const _cmLbl2b=(cm&&cm.month_label)||'';
  const _lastClosed2b=months.find(m=>m!==_cmLbl2b)||months[0];
  const lastMonthSkus=(_lastClosed2b?skusMonthly[_lastClosed2b]:[])||[];
  const currentMap=new Map(skuCurrentArr.map(s=>[String(s.item_id||s.id),s]));
  const rows=[];
  for(const sku of lastMonthSkus){
    const orderCount=sku.order_count||0;
    if(orderCount<1)continue;
    const curr=currentMap.get(String(sku.id||sku.item_id));
    if(curr&&(curr.orders_this_month||0)>0){rows.push({type:'ordered'});continue;} // ordered this month ✓
    const outletCount=sku.outlet_count_sku||1;
    const avgInterval=daysInMonth/(orderCount/outletCount);
    if(daysElapsed<avgInterval){rows.push({type:'not_yet'});continue;} // not_yet — ยังไม่ถึงรอบ
    rows.push({
      type:daysElapsed<avgInterval*1.5?'near':'gone',   // near = เพิ่งเลยรอบ · gone = เลยรอบมากแล้ว
      id:String(sku.id||sku.item_id),
      name:sku.n||sku.name||sku.item_name_th||'—',
      dept:sku.d||sku.dept||'—',
      gmv:sku.gmv||0,
      avgInterval:Math.round(avgInterval),
      daysLate:Math.max(0,Math.round(daysElapsed-avgInterval))
    });
  }
  return rows;
}
function computeChurnCountsForAccount(accountId){
  const rows=computeChurnRowsForAccount(accountId);
  if(!rows)return null;
  let gone=0,near=0,ordered=0,total=0;
  for(const r of rows){
    total++;
    if(r.type==='ordered')ordered++;
    else if(r.type==='near')near++;
    else if(r.type==='gone')gone++;
  }
  return{gone,near,ordered,total};
}

// 25 ต.ค. 2569 (Bucci · การ์ดพอร์ต 2 แถว): ยอดที่เคยซื้อต่อเดือนของรายการ หยุดสั่ง / ซื้อน้อยลง / เพิ่งเลยรอบ
//   จากสูตรเดียวกับหน้าร้าน (_churnSignalsFrom) ⇒ การ์ดกรองด้วย skuGmvFilter (ค่าเริ่ม ฿3K) แล้วเลขตรงกับกลุ่มในหน้าร้าน
function churnAmountsFor(accountId){
  const sig=computeChurnSignalsFor(accountId);
  if(!sig)return null;
  const out={gone:[],slow:[],near:[]};
  for(const r of sig){ if(out[r.type])out[r.type].push(r.gmv||0); }
  return out;
}

// ════════════════════════════════════════
// RENDER PACE & CHURN TAB
// ════════════════════════════════════════
// Story line: tells the "why" behind each signal type
// 25 ต.ค. 2569: เขียนเป็นประโยคคนอ่าน — เดิม "0/4 ครั้ง · เลยรอบ 0 วันแล้ว" / "7/5 ครั้ง · −45%" อ่านไม่ออกว่าอะไรต่ออะไร
//   25 ต.ค. 2569 (รอบแท่งเล็ก): บรรทัดนี้อยู่ใต้ชื่อสินค้า ข้างแท่งยอด 3 เดือน — เงินอยู่ขวาแล้ว ไม่ต้องมี %
function skuStoryLine(s){
  const usual=`ปกติ ${s.orderCount} ครั้ง/เดือน`;
  if(s.type==='slow') return `สั่ง ${s.ordersThisMonth} จากปกติ ${s.orderCount} ครั้ง`;
  // กลุ่ม "หยุดสั่ง" บอกแล้วว่ายังไม่สั่ง ⇒ บรรทัดนี้บอกรอบปกติกับระยะที่เลยมา
  if(s.type==='gone'){
    if(!(s.daysLate>0)) return `ถึงรอบวันนี้`;
    const cyc=(s.orderCount===1)?'ปกติเดือนละครั้ง':(s.avgInterval>0?`ปกติสั่งทุก ${s.avgInterval} วัน`:'');
    return (cyc?cyc+' · ':'')+`เลยมา ${s.daysLate} วัน`;
  }
  if(s.type==='near') return `เพิ่งเลยรอบ ${Math.max(1,s.daysLate||0)} วัน`;
  // ใกล้ถึงรอบ / ยังไม่ถึงรอบ: "อีก N วัน" อยู่ฝั่งขวาแล้ว ⇒ บรรทัดนี้บอกแค่รอบปกติ
  return usual;
}


// ════════════════════════════════════════
// PORTVIEW — ALL-ACCOUNTS PORTFOLIO
// ════════════════════════════════════════
function setPortviewFilter(f){
  portviewFilter=(portviewFilter===f)?'all':f; // toggle: same card = deselect
  window._pvLastRenderMs=Date.now(); // guard: prevent IntersectionObserver expanding on content-shrink
  // v672b: snapshot collapse state BEFORE DOM change causes browser scroll reset
  window._pvWasCollapsed=(window._pvLastCollapseMs||0)>0;
  _applyPortviewTierVisual();
  renderPortviewList();
}
function _applyPortviewTierVisual(){
  document.querySelectorAll('.portview-tier-box[data-pf]').forEach(c=>{
    c.classList.remove('pf-active','pf-dim');
    if(portviewFilter!=='all'){
      c.dataset.pf===portviewFilter?c.classList.add('pf-active'):c.classList.add('pf-dim');
    }
  });
}

// ── v183 Restaurant Sheet Overlay ────────────────────────────────────────────

// ── Sense Dark Theme system (v190) ─────────────────────────────────────────
const _SDT_KEY='sense_dark_theme';
const _SDT_THEMES={
  a:{page:'#141414',card:'#1e1e1e',hdr:'#252525',name:'Neutral',dark:true},
  b:{page:'#0c1220',card:'#131d2e',hdr:'#1a2640',name:'Navy',dark:true},
  c:{page:'#13161c',card:'#1a1e26',hdr:'#20252f',name:'Slate',dark:true},
  light:{page:'#f5f5f5',card:'#ffffff',hdr:'#f0f0f0',name:'Light',dark:false}
};
function setSenseDarkTheme(t){
  if(!_SDT_THEMES[t])t='light';
  document.body.classList.remove('sdt-a','sdt-b','sdt-c');
  document.body.classList.add('sdt-'+t);
  try{localStorage.setItem(_SDT_KEY,t);}catch(e){}
  document.querySelectorAll('.sdt-opt').forEach(el=>{
    const on=el.dataset.theme===t;
    el.style.borderColor=on?'var(--g500)':'var(--n200)';
    el.style.boxShadow=on?'inset 0 0 0 1px var(--tk-ok-border)':'';
  });
}
function _injectSenseThemePicker(){
  if(document.getElementById('sdt-picker-wrap'))return;
  const dpQuick=document.getElementById('dp-quick');
  if(!dpQuick)return;
  const cur=(()=>{try{return localStorage.getItem(_SDT_KEY)||'light';}catch(e){return'light';}})();
  const wrap=document.createElement('div');
  wrap.id='sdt-picker-wrap';
  wrap.style.cssText='margin-bottom:14px;padding:12px 14px;background:rgba(0,0,0,.03);border:1px solid var(--n200);border-radius:var(--r-md)';
  wrap.innerHTML=`
    <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;color:var(--n500);margin-bottom:10px">✦ Sense Dark Theme</div>
    <div style="display:flex;gap:7px">
      ${Object.entries(_SDT_THEMES).map(([k,t])=>`
        <div class="sdt-opt" data-theme="${k}" onclick="setSenseDarkTheme('${k}')" style="flex:1;border-radius:var(--r-md);border:1.5px solid ${k===cur?'var(--g500)':'var(--n200)'};${k===cur?'box-shadow:inset 0 0 0 1px var(--tk-ok-border);':''}padding:9px 7px;cursor:pointer;background:var(--n50);text-align:center;transition:all .2s">
          <div style="width:100%;height:16px;border-radius:var(--r-5);background:${t.card};margin-bottom:4px;border:1px solid rgba(0,0,0,.15)"></div>
          <div style="width:100%;height:4px;border-radius:var(--r-xxs);background:${t.page};border:1px solid rgba(0,0,0,.1);margin-bottom:6px"></div>
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--n700)">${t.name}</div>
          ${k==='light'?'<div style="font-size:var(--text-3xs);color:var(--tk-ok-text);margin-top:2px">default</div>':''}
        </div>
      `).join('')}
    </div>`;
  dpQuick.insertBefore(wrap,dpQuick.firstChild);
}
// Init: apply saved theme on load
(function(){
  const saved=(()=>{try{return localStorage.getItem(_SDT_KEY)||'light';}catch(e){return'light';}})();
  setSenseDarkTheme(saved);
})();

// ── User text-size setting (v95, Phase 2b) ──────────────────────────────────
// Three levels overriding the type-scale tokens (see styles_tokens.css
// html[data-text-scale=...]). Persisted in localStorage; the actual attribute
// is applied on <html> at first paint by the boot snippet in shell.html —
// this only handles user CHANGES + the picker UI. 'standard' clears the
// attribute (falls back to the :root Conservative scale).
const _TXS_KEY='sense_text_scale';
const _TXS_OPTS=[
  {k:'compact',  name:'กะทัดรัด', hint:'แน่น เห็นเยอะ'},
  {k:'standard', name:'มาตรฐาน',  hint:'แนะนำ'},
  {k:'large',    name:'ใหญ่',      hint:'อ่านสบายตา'}
];
function _txsCurrent(){try{return localStorage.getItem(_TXS_KEY)||'standard';}catch(e){return'standard';}}
function setSenseTextScale(v){
  if(!_TXS_OPTS.some(o=>o.k===v))v='standard';
  if(v==='standard')document.documentElement.removeAttribute('data-text-scale');
  else document.documentElement.setAttribute('data-text-scale',v);
  try{localStorage.setItem(_TXS_KEY,v);}catch(e){}
  document.querySelectorAll('.txs-opt').forEach(el=>{
    const on=el.dataset.scale===v;
    el.style.borderColor=on?'var(--g500)':'var(--n200)';
    el.style.boxShadow=on?'inset 0 0 0 1px var(--tk-ok-border)':'';
  });
}
function _injectTextScalePicker(){
  if(document.getElementById('txs-picker-wrap'))return;
  const dpQuick=document.getElementById('dp-quick');
  if(!dpQuick)return;
  const cur=_txsCurrent();
  const wrap=document.createElement('div');
  wrap.id='txs-picker-wrap';
  wrap.style.cssText='margin-bottom:14px;padding:12px 14px;background:rgba(0,0,0,.03);border:1px solid var(--n200);border-radius:var(--r-md)';
  wrap.innerHTML=`
    <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;color:var(--n500);margin-bottom:10px">✦ ขนาดตัวอักษร</div>
    <div style="display:flex;gap:7px">
      ${_TXS_OPTS.map(o=>`
        <div class="txs-opt" data-scale="${o.k}" onclick="setSenseTextScale('${o.k}')" style="flex:1;border-radius:var(--r-md);border:1.5px solid ${o.k===cur?'var(--g500)':'var(--n200)'};${o.k===cur?'box-shadow:inset 0 0 0 1px var(--tk-ok-border);':''}padding:10px 7px;cursor:pointer;background:var(--n50);text-align:center;transition:all .2s">
          <div style="font-weight:var(--fw-bold);color:var(--n700);margin-bottom:2px;font-size:${o.k==='compact'?'12px':o.k==='standard'?'14px':'16px'}">ก</div>
          <div style="font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--n700)">${o.name}</div>
          <div style="font-size:var(--text-3xs);color:${o.k==='standard'?'var(--tk-ok-text)':'var(--n500)'};margin-top:2px">${o.hint}</div>
        </div>
      `).join('')}
    </div>`;
  dpQuick.insertBefore(wrap,dpQuick.firstChild);
}
// ── สีพื้นหลัง (Bucci 24–25 ต.ค. 2569 · บอร์ด BgSetting) ─────────────────────────────────────
// น้ำเงินดำ = ค่าเริ่ม (ไม่มี attribute) · กรมท่า (สีเดิม) = html[data-bg="navy"] (styles_tokens คืนตัวแปรพื้นเดิมทุกตัว)
// จำรายเครื่อง (sense_bg) · ตั้งก่อนวาดจอแรกโดยสคริปต์สั้นใน shell.html · ออกจากระบบไม่ลบ (เป็นค่าของเครื่อง ไม่ใช่ของคน)
const _BGS_KEY='sense_bg';
const _BGS_OPTS=[
  {k:'navyblack', name:'น้ำเงินดำ', hint:'ค่าใหม่ของแอป', sw:'#0a1220'},
  {k:'navy',      name:'กรมท่า',    hint:'สีเดิม',        sw:'#0d1f3c'}
];
function _bgsCurrent(){try{return localStorage.getItem(_BGS_KEY)==='navy'?'navy':'navyblack';}catch(e){return'navyblack';}}
function setSenseBg(v){
  if(v!=='navy')v='navyblack';
  if(v==='navy')document.documentElement.setAttribute('data-bg','navy');
  else document.documentElement.removeAttribute('data-bg');
  try{ if(v==='navy')localStorage.setItem(_BGS_KEY,'navy'); else localStorage.removeItem(_BGS_KEY); }catch(e){}
  document.querySelectorAll('.bgs-opt').forEach(el=>{
    const on=el.dataset.bg===v;
    el.style.borderColor=on?'var(--g500)':'var(--n200)';
    el.style.boxShadow=on?'inset 0 0 0 1px var(--tk-ok-border)':'';
  });
}
window.setSenseBg=setSenseBg;
function _injectBgPicker(){
  if(document.getElementById('bgs-picker-wrap'))return;
  const dpQuick=document.getElementById('dp-quick');
  if(!dpQuick)return;
  const cur=_bgsCurrent();
  const wrap=document.createElement('div');
  wrap.id='bgs-picker-wrap';
  wrap.style.cssText='margin-bottom:14px;padding:12px 14px;background:rgba(0,0,0,.03);border:1px solid var(--n200);border-radius:var(--r-md)';
  wrap.innerHTML=`
    <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;color:var(--n500);margin-bottom:10px">✦ สีพื้นหลัง</div>
    <div style="display:flex;gap:7px">
      ${_BGS_OPTS.map(o=>`
        <div class="bgs-opt" data-bg="${o.k}" onclick="setSenseBg('${o.k}')" style="flex:1;display:flex;align-items:center;gap:9px;border-radius:var(--r-md);border:1.5px solid ${o.k===cur?'var(--g500)':'var(--n200)'};${o.k===cur?'box-shadow:inset 0 0 0 1px var(--tk-ok-border);':''}padding:10px;cursor:pointer;background:var(--n50);transition:all .2s">
          <span style="flex-shrink:0;width:24px;height:24px;border-radius:7px;background:${o.sw};border:1px solid rgba(255,255,255,.25)"></span>
          <span><span style="display:block;font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--n700)">${o.name}</span>
          <span style="display:block;font-size:var(--text-3xs);color:${o.k==='navyblack'?'var(--tk-ok-text)':'var(--n500)'};margin-top:2px">${o.hint}</span></span>
        </div>
      `).join('')}
    </div>`;
  const txs=document.getElementById('txs-picker-wrap');
  dpQuick.insertBefore(wrap,txs?txs.nextSibling:dpQuick.firstChild);
}
// 24 ต.ค. 2569: สวิตช์ "ไม่ดึงข้อมูลสินค้าของ KAM ทั้งทีมไว้ล่วงหน้า" (02 _senseNoPrewarm) · เฉพาะเครื่องนี้
// เห็นเฉพาะแอดมิน/หัวหน้าทีม (บทบาทที่ดึงล่วงหน้า) · กดแล้วเปิดแอปใหม่ทันทีเพื่อให้มีผลตั้งแต่ต้น
// v349: มือถือเปิดสวิตช์ไว้ให้เองตั้งแต่แรก (กันแอปเด้ง) · คอมยังปิดอยู่เหมือนเดิม
function _injectNoPrewarmToggle(){
  const dpQuick=document.getElementById('dp-quick');
  if(!dpQuick||typeof window._senseNoPrewarm!=='function')return;
  const role=(typeof getCurrentRole==='function')?getCurrentRole():'';
  const show=(typeof isTLRole==='function'&&isTLRole(role))||(typeof isAdminRole==='function'&&isAdminRole(role));
  let wrap=document.getElementById('nopw-wrap');
  if(!wrap){
    wrap=document.createElement('div');
    wrap.id='nopw-wrap';
    wrap.style.cssText='margin-bottom:14px;padding:12px 14px;background:rgba(0,0,0,.03);border:1px solid var(--n200);border-radius:var(--r-md)';
    const txs=document.getElementById('txs-picker-wrap');
    dpQuick.insertBefore(wrap,txs?txs.nextSibling:dpQuick.firstChild);
  }
  wrap.style.display=show?'':'none';
  if(!show)return;
  const on=window._senseNoPrewarm();
  const mob=(typeof window._senseIsMobileDevice==='function')&&window._senseIsMobileDevice();
  const note=(mob?'มือถือเปิดไว้ให้เองเพื่อกันแอปเด้ง · ':'')+'บรรทัดสั่ง หาย GP บนการ์ดร้านจะขึ้นเฉพาะร้านที่เปิดดู · ค่าคอมฯ ไม่เปลี่ยน';
  wrap.innerHTML=`
    <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;color:var(--n500);margin-bottom:10px">✦ เฉพาะเครื่องนี้</div>
    <div style="display:flex;align-items:center;gap:12px">
      <div style="flex:1;min-width:0">
        <div style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n700);line-height:1.4">ไม่ดึงข้อมูลสินค้าทั้งทีมไว้ล่วงหน้า</div>
        <div style="font-size:var(--text-xs);color:var(--n500);line-height:1.5;margin-top:2px">${note}</div>
      </div>
      <button id="nopw-btn" onclick="_toggleNoPrewarm()" style="flex-shrink:0;min-width:76px;padding:8px 12px;border-radius:var(--r-pill);border:1.5px solid ${on?'var(--g500)':'var(--n200)'};background:${on?'var(--tk-ok-dim)':'var(--n50)'};color:${on?'var(--tk-ok-text)':'var(--n700)'};font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer;font-family:var(--tk-font-body)">${on?'เปิดอยู่':'ปิดอยู่'}</button>
    </div>`;
}
function _toggleNoPrewarm(){
  if(typeof window._senseSetNoPrewarm!=='function')return;
  const next=!window._senseNoPrewarm();
  window._senseSetNoPrewarm(next);
  try{ if(typeof showToast==='function') showToast(next?'เปิดแล้ว · กำลังเปิดแอปใหม่':'ปิดแล้ว · กำลังเปิดแอปใหม่'); }catch(e){}
  setTimeout(()=>{ try{ location.reload(); }catch(e){} },900);
}
window._toggleNoPrewarm=_toggleNoPrewarm;

// ── แจ้งเตือนทาง LINE (Bucci 26 ต.ค. 2569) ────────────────────────────────────────────────────────
// สรุปเช้าเข้า LINE เฉพาะวันที่มีร้านกระทบ %NRR (งานตอนเช้า tools/notify) · ผูกด้วยรหัส 6 ตัวที่ส่งในแชทของ OA
// ฐานข้อมูล: rpc notify_my_link / notify_link_code_create / notify_link_remove (docs/supabase-migration-kam-notify-2026-10-26.sql)
// ผูกแบบ 2 แตะ (Bucci "ไม่ต้องมานั่งกดอะไรเยอะ"): เปิดหน้านี้ = ขอรหัสให้เลย → ปุ่ม "ผูก LINE" เป็นลิงก์ oaMessage
//   ที่เปิดแชท OA พร้อมรหัสพิมพ์ไว้แล้ว (แตะ = ท่าทางผู้ใช้จริง ⇒ iOS ยอมเปิดแอป LINE) → กดส่ง → กลับมาแอป ⇒ ตรวจเองว่าผูกแล้ว
const LINE_OA_ID='@992mtkaj';
const LINE_OA_ADD='https://line.me/R/ti/p/'+encodeURIComponent(LINE_OA_ID);
const _lnMsgUrl=code=>'https://line.me/R/oaMessage/'+encodeURIComponent(LINE_OA_ID)+'/?'+encodeURIComponent(code);
let _lnState={linked:null,code:null,exp:null,busy:false,sent:false,poll:null};
function _lnBox(inner){
  return '<div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;color:var(--n500);margin-bottom:10px">✦ แจ้งเตือนทาง LINE</div>'+inner;
}
const _lnCodeLive=()=>!!(_lnState.code&&_lnState.exp&&Date.parse(_lnState.exp)-Date.now()>60000);
function _lnRender(){
  const wrap=document.getElementById('ln-wrap'); if(!wrap)return;
  const btn=(label,fn,primary)=>`<button type="button" onclick="${fn}" style="padding:8px 14px;border-radius:var(--r-pill);border:1.5px solid ${primary?'#06c755':'var(--n200)'};background:${primary?'#06c755':'transparent'};color:${primary?'#fff':'var(--n700)'};font-family:inherit;font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer">${label}</button>`;
  const note=t=>`<div style="font-size:var(--text-xs);color:var(--n500);line-height:1.55;margin-top:6px">${t}</div>`;
  if(_lnState.linked===null){ wrap.innerHTML=_lnBox(note('กำลังตรวจสถานะ…')); return; }
  if(_lnState.linked){
    wrap.innerHTML=_lnBox(`<div style="display:flex;align-items:center;gap:10px"><div style="flex:1;font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n700)">ผูก LINE แล้ว ✓</div>${btn('ยกเลิก','_lnRemove()',false)}</div>`
      +note('ได้สรุปตอนเช้าเฉพาะวันที่มีร้านกระทบ %NRR ของคุณ ไม่เกินวันละ 3 ข้อความ · ไม่ส่งวันอาทิตย์และวันหยุด'));
    return;
  }
  const live=_lnCodeLive();
  const go=live
    ?`<a href="${_lnMsgUrl(_lnState.code)}" onclick="_lnSent()" target="_blank" rel="noopener" style="display:inline-block;padding:9px 18px;border-radius:var(--r-pill);background:#06c755;color:#fff;font-size:var(--text-sm);font-weight:var(--fw-bold);text-decoration:none">ผูก LINE</a>`
    :btn(_lnState.busy?'กำลังเตรียม…':'ผูก LINE','_lnStart()',true);
  const how=_lnState.sent
    ?note('ส่งรหัสในแชทแล้วกลับมาที่นี่ได้เลย จะขึ้นว่าผูกแล้วเอง · ส่งไม่ขึ้น? <a href="javascript:void 0" onclick="_lnCopy()" style="color:inherit;text-decoration:underline">คัดลอกรหัส</a> '+(_lnState.code||'')+' ไปวางในแชท '+LINE_OA_ID)
    :note('แตะแล้ว LINE จะเปิดแชทพร้อมรหัสให้ กดส่งอย่างเดียว (ยังไม่ได้เพิ่มเพื่อน LINE จะให้กดเพิ่มก่อน)');
  wrap.innerHTML=_lnBox(`<div style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n700);line-height:1.45">รับสรุปเช้าจาก Olive ทาง LINE</div>`
    +note('บอกว่าร้านไหนดึง %NRR ของคุณลงกี่จุด เฉพาะวันที่มีเรื่องใหม่')
    +`<div style="margin-top:10px">${go}</div>`+how);
}
async function _lnRefresh(){
  try{
    if(typeof supa==='undefined'||!supa)return;
    const {data,error}=await supa.rpc('notify_my_link');
    if(error)throw error;
    const was=_lnState.linked;
    _lnState.linked=!!(data&&data.linked);
    if(_lnState.linked){
      _lnState.code=null; _lnStopPoll();
      if(was===false&&_lnState.sent){ _lnState.sent=false; try{ showToast('ผูก LINE แล้ว Olive จะสรุปให้ทุกเช้าค่ะ','✓'); }catch(_){} }
    }
  }catch(e){ if(_lnState.linked===null)_lnState.linked=false; }
  _lnRender();
  // ยังไม่ผูก ⇒ เตรียมรหัสไว้เลย ปุ่มจะได้เป็นลิงก์ที่แตะแล้วเปิด LINE ทันที
  if(_lnState.linked===false&&!_lnCodeLive()&&!_lnState.busy)_lnStart();
}
async function _lnStart(){
  if(_lnState.busy)return; _lnState.busy=true; _lnRender();
  try{
    const {data,error}=await supa.rpc('notify_link_code_create');
    if(error)throw error;
    _lnState.code=data&&data.code; _lnState.exp=data&&data.expires_at;
  }catch(e){ try{ showToast('เตรียมรหัสไม่สำเร็จ ลองใหม่อีกครั้ง'); }catch(_){} }
  _lnState.busy=false; _lnRender();
}
// แตะ "ผูก LINE" แล้ว ⇒ ระหว่างรอ ตรวจทุก 4 วิ (สูงสุด 3 นาที) + ตรวจทันทีตอนกลับเข้าแอป
function _lnSent(){
  _lnState.sent=true; _lnStopPoll();
  let n=0;
  _lnState.poll=setInterval(()=>{ if(++n>45||!document.getElementById('ln-wrap')){_lnStopPoll();return;} _lnRefresh(); },4000);
  setTimeout(_lnRender,300);
}
function _lnStopPoll(){ if(_lnState.poll){clearInterval(_lnState.poll);_lnState.poll=null;} }
document.addEventListener('visibilitychange',()=>{ if(!document.hidden&&_lnState.sent&&!_lnState.linked)_lnRefresh(); });
function _lnCopy(){ try{ navigator.clipboard.writeText(_lnState.code||''); showToast('คัดลอกรหัสแล้ว'); }catch(e){} }
function _lnOpenOa(){ try{ window.open(LINE_OA_ADD,'_blank'); }catch(e){ location.href=LINE_OA_ADD; } }
async function _lnRemove(){
  if(!confirm('ยกเลิกการผูก LINE? จะไม่ได้รับสรุปเช้าทาง LINE อีก'))return;
  try{ await supa.rpc('notify_link_remove'); }catch(e){}
  _lnState.linked=false; _lnState.code=null; _lnState.sent=false; _lnRender(); _lnStart();
}
function _injectLineNotify(){
  const dpQuick=document.getElementById('dp-quick');
  if(!dpQuick)return;
  let wrap=document.getElementById('ln-wrap');
  if(!wrap){
    wrap=document.createElement('div');
    wrap.id='ln-wrap';
    wrap.style.cssText='margin-bottom:14px;padding:12px 14px;background:rgba(0,0,0,.03);border:1px solid var(--n200);border-radius:var(--r-md)';
    dpQuick.insertBefore(wrap,dpQuick.firstChild);
  }
  _lnRender(); _lnRefresh();
  let pw=document.getElementById('push-wrap');
  if(!pw){
    pw=document.createElement('div');
    pw.id='push-wrap';
    pw.style.cssText=wrap.style.cssText;
    wrap.parentNode.insertBefore(pw,wrap.nextSibling);
  }
  _pushRender(); _pushRefresh();
}
Object.assign(window,{_lnStart,_lnSent,_lnCopy,_lnOpenOa,_lnRemove,_lnRefresh,_injectLineNotify});

// ── แจ้งเตือนบนมือถือ (Web Push · Bucci 26 ต.ค. 2569 "เด้งทุกคนเพิ่มจาก LINE เป็นบรรทัดสั้น ๆ") ──────────────
// เครื่องละ 1 แถวใน notify_push_subs (rpc notify_push_save / notify_push_remove / notify_my_push) · งานตอนเช้าส่ง (tools/notify/run.mjs)
// กุญแจสาธารณะ (VAPID) — คู่กับกุญแจลับใน GitHub secret SENSE_VAPID_PRIVATE · iPhone: ต้องเปิดจากไอคอนบนหน้าจอหลัก (iOS 16.4+)
const SENSE_VAPID_PUBLIC='BNHvoufEiaEfG12PBEJtT3mWtYSIc2veEduGGlHNHuCBdadBMHAVuZghdxXCGs36HLUJVv6Srf-OFzPjpKJRxuE';
let _pushState={support:null,on:null,busy:false};
function _pushSupport(){
  const standalone=(window.navigator&&window.navigator.standalone===true)||(window.matchMedia&&matchMedia('(display-mode: standalone)').matches);
  const ios=/iP(hone|ad|od)/.test(navigator.userAgent||'');
  if(!('serviceWorker' in navigator)||!('PushManager' in window)||!('Notification' in window)) return (ios&&!standalone)?'ios_not_installed':'unsupported';
  if(ios&&!standalone) return 'ios_not_installed';
  if(Notification.permission==='denied') return 'denied';
  return 'ok';
}
function _pushKey(){ const b=atob(SENSE_VAPID_PUBLIC.replace(/-/g,'+').replace(/_/g,'/')); const a=new Uint8Array(b.length); for(let i=0;i<b.length;i++)a[i]=b.charCodeAt(i); return a; }
async function _pushSave(sub){
  const j=sub.toJSON?sub.toJSON():{}; const k=j.keys||{};
  const {data,error}=await supa.rpc('notify_push_save',{p_endpoint:sub.endpoint,p_p256dh:k.p256dh||'',p_auth:k.auth||'',p_ua:String(navigator.userAgent||'').slice(0,200)});
  if(error||!(data&&data.ok))throw error||new Error('save_failed');
}
function _pushRender(){
  const w=document.getElementById('push-wrap'); if(!w)return;
  const note=t=>`<div style="font-size:var(--text-xs);color:var(--n500);line-height:1.55;margin-top:6px">${t}</div>`;
  const head='<div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.8px;color:var(--n500);margin-bottom:10px">✦ แจ้งเตือนบนมือถือ</div>';
  const btn=(label,fn,primary)=>`<button type="button" onclick="${fn}" style="padding:8px 14px;border-radius:var(--r-pill);border:1.5px solid ${primary?'#2660c8':'var(--n200)'};background:${primary?'#2660c8':'transparent'};color:${primary?'#fff':'var(--n700)'};font-family:inherit;font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer">${label}</button>`;
  const s=_pushState.support;
  if(s===null){ w.innerHTML=head+note('กำลังตรวจเครื่อง…'); return; }
  if(s==='ios_not_installed'){ w.innerHTML=head+note('iPhone ต้องเพิ่ม Sense ไว้ที่หน้าจอหลักก่อน: ใน Safari แตะปุ่มแชร์ → "เพิ่มไปยังหน้าจอโฮม" แล้วเปิด Sense จากไอคอนนั้น'); return; }
  if(s==='unsupported'){ w.innerHTML=head+note('เครื่องหรือเบราว์เซอร์นี้ไม่รองรับแจ้งเตือน ใช้ LINE ด้านบนแทนได้'); return; }
  if(s==='denied'){ w.innerHTML=head+note('แจ้งเตือนของ Sense ถูกปิดไว้ในเครื่อง เปิดได้ที่ ตั้งค่าของเครื่อง → การแจ้งเตือน → Sense'); return; }
  if(_pushState.on){
    w.innerHTML=head+`<div style="display:flex;align-items:center;gap:10px"><div style="flex:1;font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n700)">เปิดแจ้งเตือนบนเครื่องนี้แล้ว ✓</div>${btn('ปิด','_pushDisable()',false)}</div>`
      +note('เด้งบรรทัดสั้น ๆ ตอน 8 โมงเช้า วันที่มีเรื่องใหม่ แตะแล้วเปิด Sense');
    return;
  }
  w.innerHTML=head+`<div style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--n700);line-height:1.45">ให้ Olive เด้งบอกบนมือถือ</div>`
    +note('บรรทัดสั้น ๆ ตอนเช้า เช่น "2 ร้านดึง %NRR ลง · ข่าวดี 1 เรื่อง" แตะแล้วเปิด Sense')
    +`<div style="margin-top:10px">${btn(_pushState.busy?'กำลังเปิด…':'เปิดแจ้งเตือน','_pushEnable()',true)}</div>`;
}
async function _pushRefresh(){
  _pushState.support=_pushSupport();
  if(_pushState.support!=='ok'){ _pushRender(); return; }
  try{
    const reg=await navigator.serviceWorker.ready;
    const sub=await reg.pushManager.getSubscription();
    if(!sub||Notification.permission!=='granted'){ _pushState.on=false; }
    else {
      const {data}=await supa.rpc('notify_my_push',{p_endpoint:sub.endpoint});
      // เครื่องนี้เปิดไว้แล้วแต่ยังไม่ผูกกับบัญชีที่ล็อกอินอยู่ (เช่น เปลี่ยนคนใช้เครื่อง) ⇒ ผูกกับคนนี้
      if(!(data&&data.on)) await _pushSave(sub);
      _pushState.on=true;
    }
  }catch(e){ _pushState.on=false; }
  _pushRender();
}
// ต้องเรียกตรงจากการแตะ (iPhone ถามสิทธิ์ได้เฉพาะตอนผู้ใช้แตะ)
async function _pushEnable(){
  if(_pushState.busy)return; _pushState.busy=true; _pushRender();
  try{
    const perm=await Notification.requestPermission();
    if(perm!=='granted'){ _pushState.support=_pushSupport(); throw new Error('perm_'+perm); }
    const reg=await navigator.serviceWorker.ready;
    const sub=(await reg.pushManager.getSubscription())||(await reg.pushManager.subscribe({userVisibleOnly:true,applicationServerKey:_pushKey()}));
    await _pushSave(sub);
    _pushState.on=true;
    try{ showToast('เปิดแจ้งเตือนแล้ว พรุ่งนี้เช้า Olive จะเด้งบอกค่ะ','✓'); }catch(_){}
  }catch(e){
    if(!/^perm_/.test(String(e&&e.message))){ try{ showToast('เปิดแจ้งเตือนไม่สำเร็จ ลองใหม่อีกครั้ง'); }catch(_){} }
  }
  _pushState.busy=false; _pushRender();
}
async function _pushDisable(){
  try{
    const reg=await navigator.serviceWorker.ready;
    const sub=await reg.pushManager.getSubscription();
    if(sub){ try{ await supa.rpc('notify_push_remove',{p_endpoint:sub.endpoint}); }catch(_){} await sub.unsubscribe(); }
  }catch(e){}
  _pushState.on=false; _pushRender();
}
Object.assign(window,{_pushEnable,_pushDisable,_pushRefresh});
// ── เปิดร้านจากการ์ด LINE (?shop=<account_id>) ──
// แตะชื่อร้านในสรุปเช้า → แอปเปิดที่หน้าร้านนั้น · จำไว้ใน sessionStorage เผื่อต้องล็อกอินก่อน
// รอจนพอร์ตโหลด + บูตเสร็จ (_enhancementSettled) แล้วค่อยเปิดทางเดียวกับแตะการ์ดในพอร์ต (portviewSelectAccount)
(function _lnShopDeepLink(){
  let id='';
  try{
    const q=new URLSearchParams(location.search);
    id=(q.get('shop')||'').trim();
    if(id){
      q.delete('shop');
      const qs=q.toString();
      history.replaceState({},document.title,location.pathname+(qs?'?'+qs:'')+location.hash);
      sessionStorage.setItem('sense_open_shop',id);
    } else id=sessionStorage.getItem('sense_open_shop')||'';
  }catch(e){}
  if(!/^[0-9a-f-]{36}$/i.test(id))return;
  const done=()=>{ try{ sessionStorage.removeItem('sense_open_shop'); }catch(e){} };
  let n=0;
  const tick=()=>{
    if(++n>360){ done(); return; }   // ~3 นาที (ล็อกอินก่อนได้)
    const ready=window._enhancementSettled&&typeof portviewSelectAccount==='function'
      &&typeof currentUser!=='undefined'&&currentUser&&Array.isArray(portviewBulkData)&&portviewBulkData.length;
    if(!ready){ setTimeout(tick,500); return; }
    done();
    if(!portviewBulkData.some(r=>r.id===id)){ try{ showToast('ไม่พบร้านนี้ในพอร์ตของคุณ','⚠'); }catch(e){} return; }
    portviewSelectAccount(id);
  };
  setTimeout(tick,800);
})();
// ─────────────────────────────────────────────────────────────────────────────
// ── Plan Tray — two-stage bottom card (v190) ────────────────────────────────
let _planTrayOpen=false;
function _openPlanTray(){
  if(_planTrayOpen)return;
  _planTrayOpen=true;
  document.body.classList.add('sense-plan-expanded');
  // Pulse on savings amount
  const amtEl=document.getElementById('spr-amt');
  if(amtEl){amtEl.classList.add('sbt-pulse');amtEl.addEventListener('animationend',()=>amtEl.classList.remove('sbt-pulse'),{once:true});}
}
function _closePlanTray(){
  if(!_planTrayOpen)return;
  _planTrayOpen=false;
  document.body.classList.remove('sense-plan-expanded');
}
// [UNUSED] — no callers found; safe to delete in future refactor
function togglePlanTray(){
  _planTrayOpen?_closePlanTray():_openPlanTray();
}
function _initPlanTray(){
  if(document.getElementById('sense-plan-section'))return;
  const bnav=document.querySelector('.bnav');
  if(!bnav)return;
  const sps=document.createElement('div');
  sps.id='sense-plan-section';
  sps.innerHTML=`<div class="sps-info"><div class="sps-label">แผนที่เลือก · <span id="spr-count">—</span></div><div class="sps-amt" id="spr-amt">—</div><div class="sps-sub" id="spr-sub">—</div></div><div class="sps-cta-col"><button class="sps-cta" onclick="showScreen('report')" title="ส่งรายงาน"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" style="transform:translate(-1px,1px)"><path d="M22 2L11 13"/><path d="M22 2L15 22L11 13L2 9L22 2" fill="none"/></svg></button></div>`;
  bnav.insertBefore(sps,bnav.firstChild);
  const senseNav=document.getElementById('nav-opportunities');
  if(senseNav&&!senseNav.querySelector('.sense-plan-dot')){
    const nw=senseNav.querySelector('.nwrap');
    if(nw){nw.style.position='relative';const d=document.createElement('div');d.className='sense-plan-dot';nw.appendChild(d);}
  }
}
// ─────────────────────────────────────────────────────────────────────────────
// ── KAM Sense Mode helpers (v190) ──────────────────────────────────────────
function _injectKamSenseBackBtn(){
  // v484: skip back button when user entered via SenseGate (senseActivated=true)
  // — they can return via portview nav icon. Show back only when entering
  // from portview account view (senseActivated=false = sheet/brief entry path).
  if(typeof senseActivated !== 'undefined' && senseActivated) return;
  if(document.getElementById('kam-sense-back-btn'))return;
  const scr=document.getElementById('scr-opportunities');
  if(!scr)return;
  const sec=scr.querySelector('.sec')||scr;
  const btn=document.createElement('button');
  btn.id='kam-sense-back-btn';
  btn.innerHTML=`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg> กลับ`;
  btn.onclick=_exitKamSenseMode;
  sec.insertBefore(btn,sec.firstChild);
}
function _exitKamSenseMode(){
  document.body.classList.remove('kam-sense-active','sense-plan-expanded','sense-plan-active');
  _planTrayOpen=false;
  window._kamSenseReturn=false;
  const btn=document.getElementById('kam-sense-back-btn');
  if(btn)btn.remove();
  const sps=document.getElementById('sense-plan-section');
  if(sps)sps.remove();
  showScreen('overview');
}
// ─────────────────────────────────────────────────────────────────────────────
function _updateKamNavDisabled() {
  // v_key round3: Products (nav-opportunities) used to be Save-only and required an
  // account; it's now a popover offering Key SKU too, which works fine with no account
  // selected (routes to the portfolio queue) — so it must stay enabled regardless of hasAcct.
  const hasAcct = currentAccountId && currentAccountId !== 'default';
  const restBtn = document.getElementById('nav-restaurant');
  if (restBtn) restBtn.classList.toggle('nav-disabled', !hasAcct);
  const senseBtn = document.getElementById('nav-opportunities');
  if (senseBtn) senseBtn.classList.remove('nav-disabled');
}

function _overlayNav(screenName) {
  // Restaurant-style navigation inside overlay (Approach A: isKAM=true but rendering restaurant content)
  const GRP_A = ['overview','portfolio'];
  const GRP_B = ['opportunities','report'];
  const inA = GRP_A.includes(screenName);
  const grpA = document.getElementById('swipe-grp-a');
  const grpB = document.getElementById('swipe-grp-b');
  if (grpA) grpA.classList.toggle('on', inA);
  if (grpB) grpB.classList.toggle('on', !inA);
  const activeGrp = inA ? grpA : grpB;
  const screens = inA ? GRP_A : GRP_B;
  const idx = screens.indexOf(screenName);
  if (activeGrp) activeGrp.scrollTo({ left: idx * activeGrp.offsetWidth, behavior: 'instant' });
  // Update nav highlight
  document.querySelectorAll('.bnav .ni').forEach(n => n.classList.remove('on'));
  const navEl = document.getElementById('nav-' + screenName);
  if (navEl) navEl.classList.add('on');
}

// SECTION:RESTAURANT_SHEET
function openRestaurantSheet() {
  if (!currentAccountId || currentAccountId === 'default') {
    if (typeof showToast === 'function') showToast('เลือกร้านก่อนนะคะ', '⚠');
    return;
  }
  // Track restaurant sheet visit (new entry point since v183 overlay)
  if (isKAM && currentAccountId) trackVisit(currentAccountId, 'restaurant');

  // ── FIX v191: Suspend kam-sense-active BEFORE any DOM manipulation ──
  // Root cause: body.kam-sense-active #swipe-grp-b { position:fixed!important } at L2581
  // wins over body.restaurant-sheet #swipe-grp-b { position:static!important } at L2420
  // (equal specificity — later rule wins). Removing the class before DOM moves
  // eliminates the cascade conflict entirely. Restored on closeRestaurantSheet().
  window._restFromKamSense = document.body.classList.contains('kam-sense-active');
  window._restSenseActivated = senseActivated; // save BEFORE renderOverview() resets it (L8366)
  if (window._restFromKamSense) {
    // v490-B5: save tray open state before removing sense classes
    window._restPlanTrayOpen = _planTrayOpen;
    document.body.classList.remove('kam-sense-active', 'sense-plan-expanded', 'sense-plan-active');
    _planTrayOpen = false; // sync JS state with removed CSS class
  }

  window._preSheetScreen = document.querySelector('.scr.on')?.id || 'scr-overview';
  window._preSheetKamSubtab = (typeof currentKamSubtab !== 'undefined') ? currentKamSubtab : null;

  const panel = document.getElementById('rest-sheet-body');
  const grpA  = document.getElementById('swipe-grp-a');
  const grpB  = document.getElementById('swipe-grp-b');
  _restSheetMeasureTop();   // P1: ก่อนแผ่นเลื่อนขึ้น
  _syncRestSheetSeg(0);

  window._restGrpAParent = grpA?.parentNode;
  window._restGrpANext   = grpA?.nextSibling;
  window._restGrpBParent = grpB?.parentNode;
  window._restGrpBNext   = grpB?.nextSibling;

  // v190: Render content first (sync) — content ready before animation starts
  // _suppressAnimN: skip 600ms number counting animation during slide-up
  isKAM = false;
  applyMeta();
  renderOverview();
  activeMonth = D.history.length - 1;
  window._suppressAnimN = true;
  selectMonth(activeMonth, true);  // v205c: init=true so heroLockedToCurrent logic fires
  window._suppressAnimN = false;
  const restOv = document.getElementById('rest-overview');
  const kamOv  = document.getElementById('kam-overview');
  if (restOv) restOv.style.display = 'block';
  if (kamOv)  kamOv.style.display  = 'none';
  isKAM = true;

  // rAF 1: DOM moves — layout settles this frame, no class change yet (no intermediate paint)
  requestAnimationFrame(() => {
    if (panel && grpA) panel.appendChild(grpA);
    if (panel && grpB) panel.appendChild(grpB);
    if (grpA) { grpA.classList.add('on'); grpA.scrollTo({ left: 0, behavior: 'instant' }); }
    if (grpB) grpB.classList.remove('on');

    // rAF 2: add class → CSS transitions fire from settled layout (mirrors data panel pattern)
    // No freeze, no void offsetHeight — no intermediate painted state
    requestAnimationFrame(() => {
      document.body.classList.add('restaurant-sheet');
      _initOverlaySwipeDismiss();
      setTimeout(() => document.body.classList.add('rest-settled'), 450);
      setTimeout(() => {
        if (!document.body.classList.contains('restaurant-sheet')) return;
        isKAM = false;
        renderPortfolio();
        renderOpps();
        isKAM = true;
      }, 450);
      // ── Show swipe pill hint in overlay (v205) ──
      setTimeout(() => {
        if (!document.body.classList.contains('restaurant-sheet')) return;
        _setRestSwipeCue('a', 0, {show:true, duration:2200});
      }, 700);
    });
  });
}

function toggleRestaurantSheet() {
  document.body.classList.contains('restaurant-sheet') ? closeRestaurantSheet() : openRestaurantSheet();
}

function closeRestaurantSheet() {
  if (!document.body.classList.contains('restaurant-sheet')) return;

  // Trigger slide-down animation
  document.body.classList.remove('rest-settled');
  document.body.classList.add('rest-closing');

  const lbl = document.getElementById('nav-restaurant-label');
  if (lbl) lbl.textContent = 'Profile';

  setTimeout(() => {
    document.body.classList.remove('restaurant-sheet');
    document.body.classList.remove('rest-closing');

    // Restore swipe-grps to original DOM positions
    const grpA = document.getElementById('swipe-grp-a');
    const grpB = document.getElementById('swipe-grp-b');
    // Restore grpB first (grpANext was grpB, so grpB must be back in .main before inserting grpA)
    if (window._restGrpBParent && grpB) window._restGrpBParent.insertBefore(grpB, window._restGrpBNext || null);
    if (window._restGrpAParent && grpA) window._restGrpAParent.insertBefore(grpA, window._restGrpANext || null);
    window._restGrpAParent = window._restGrpANext = window._restGrpBParent = window._restGrpBNext = null;

    setMode('kam');
    // ── FIX v191: Restore kam-sense-active if we came from Sense mode ──
    if (window._restFromKamSense) {
      // setMode('kam') → showScreen('overview') clears _kamSenseReturn (L16434)
      // and renderOverview() in openRestaurantSheet() reset senseActivated (L8366)
      // Restore all three before showScreen('opportunities') to bypass gate check
      if (window._restSenseActivated !== undefined) senseActivated = window._restSenseActivated;
      window._kamSenseReturn = true;
      document.body.classList.add('kam-sense-active');
      window._restFromKamSense = false;
      window._restSenseActivated = undefined;
      showScreen('opportunities'); // senseActivated=true → L16439 won't open gate
      // v490-B5: restore tray open state after sense mode re-activated
      if (window._restPlanTrayOpen) {
        setTimeout(() => { if (typeof _openPlanTray === 'function') _openPlanTray(); }, 150);
      }
      window._restPlanTrayOpen = undefined;
    } else {
      const target = window._preSheetScreen || 'scr-overview';
      const screenName = target.replace('scr-', '');
      if (screenName && screenName !== 'teamview') showScreen(screenName);
    }
    if (window._preSheetKamSubtab && typeof setKamSubtab === 'function') {
      setTimeout(() => setKamSubtab(window._preSheetKamSubtab), 50);
    }
    window._preSheetScreen = null;
    window._preSheetKamSubtab = null;
  }, 350);
}

function _initOverlaySwipeDismiss() {
  // Attach to panel body — top 60px zone triggers dismiss
  // (cap listener can't fire because swipe-grp scroll container captures touch first)
  const panel = document.getElementById('rest-sheet-body');
  if (panel && !panel._swipeDismissInit) {
    panel._swipeDismissInit = true;
    let sy = 0, topZone = false;
    panel.addEventListener('touchstart', e => {
      sy = e.touches[0].clientY;
      const rect = panel.getBoundingClientRect();
      topZone = (e.touches[0].clientY - rect.top) < 60;
    }, { passive: true });
    panel.addEventListener('touchend', e => {
      if (!document.body.classList.contains('restaurant-sheet')) return;
      if (topZone && e.changedTouches[0].clientY - sy > 50) closeRestaurantSheet();
    }, { passive: true });
  }
  // Content area: swipe down from scrolled-to-top to dismiss
  ['scr-overview', 'scr-opportunities'].forEach(id => {
    const scr = document.getElementById(id);
    if (!scr || scr._swipeInit) return;
    scr._swipeInit = true;
    let sy = 0;
    scr.addEventListener('touchstart', e => { sy = e.touches[0].clientY; }, { passive: true });
    scr.addEventListener('touchend', e => {
      if (!document.body.classList.contains('restaurant-sheet')) return;
      if (e.changedTouches[0].clientY - sy > 80 && scr.scrollTop <= 2) closeRestaurantSheet();
    }, { passive: true });
  });
}

// ─────────────────────────────────────────────────────────────────────────────

function _goBackToPortfolio(){
  const isTL=currentUserProfile&&(currentUserProfile.role==='tl'||currentUserProfile.role==='admin');
  if(isTL&&window._portviewFromTeamview){
    window._portviewFromTeamview=false;
    showScreen('teamview');
  } else {
    showScreen('portview');
  }
}

// Swipe right on KAM account overview → back to portfolio
// touchmove-based: fires before iOS decides scroll vs swipe (touchend can be cancelled)
(function _initKamSwipeBack(){
  let sx=0,sy=0,fired=false;
  document.addEventListener('touchstart',e=>{
    sx=e.touches[0].clientX;sy=e.touches[0].clientY;fired=false;
  },{passive:true});
  document.addEventListener('touchmove',e=>{
    if(fired||!e.touches||!e.touches[0])return;
    if(!document.body.classList.contains('kam-mode'))return;
    if(document.body.classList.contains('restaurant-sheet'))return;
    const dx=e.touches[0].clientX-sx;
    const dy=Math.abs(e.touches[0].clientY-sy);
    if(dx>50&&dy<80){fired=true;_goBackToPortfolio();}
  },{passive:true});
})();

// Swipe up on bnav → open restaurant overlay (account view only)
(function _initNavSwipeUp(){
  const nav=document.querySelector('.bnav');
  if(!nav)return;
  let sy=0;
  nav.addEventListener('touchstart',e=>{sy=e.touches[0].clientY;},{passive:true});
  nav.addEventListener('touchmove',e=>{
    if(!document.body.classList.contains('kam-mode'))return;
    if(document.body.classList.contains('restaurant-sheet'))return;
    const scrOv=document.getElementById('scr-overview');
    if(!scrOv||!scrOv.classList.contains('on'))return;
    const dy=sy-e.touches[0].clientY;
    if(dy>30)openRestaurantSheet();
  },{passive:true});
})();

function portviewGoBack(){
  if(portviewLevel==='rep-detail'){
    portviewLevel='rep';
    portviewRepEmail=null;
    portviewAiDone=false;
    window._portviewFromTeamview=false;
    showScreen('teamview');
    return;
  } else if(window._portviewFromTeamview){
    window._portviewFromTeamview=false;
    showScreen('teamview');
  } else {
    portviewLevel='rep';
    renderPortview();
  }
}

// PV-3: generatePortviewInsight เดิม (prompt เก่า) ถูกลบ — ตัวที่ใช้จริงคือ generateInsightSheet (window.generatePortviewInsight ท้ายไฟล์)

// v206c: Portview render discipline — short-lived account memo + debounced search.
let _pvAcctCacheKey='';
const _PV_ACCT_TTL_MS=60000;
let _pvAmtsMemo=new Map();   // ยอดหยุดสั่ง/ซื้อน้อยลง/เลยรอบรายร้าน — คิดเฉพาะการ์ดที่วาดจริง (_pvChip) · ล้างพร้อมแคชบัญชี
let _pvAcctCacheTs=0;
let _pvAcctCacheResult=null;
let _pvRenderTimer=null;
function _pvAccountCacheKey(){
  const p=currentUserProfile||{};
  const histN=bulkHistoryData?Object.keys(bulkHistoryData).length:0;
  const cmN=bulkCurrentMonthData?Object.keys(bulkCurrentMonthData).length:0;
  const skuN=bulkSkusData?Object.keys(bulkSkusData).length:0;
  const curSkuN=bulkSkuCurrentData?Object.keys(bulkSkuCurrentData).length:0;
  const pvN=portviewBulkData?portviewBulkData.length:0;
  // v_shopnrr: % รายร้านอ่านไฟล์ NRR ด้วย — ไฟล์มาใหม่ต้องคำนวณใหม่ ไม่ใช้ผลที่จำไว้
  const qAt=(window.bulkQnrrData&&window.bulkQnrrData.loaded)?(window.bulkQnrrData.loadedAt||1):0;
  // 25 ต.ค. 2569 (perf): รุ่นข้อมูล (DataRegistry.version ขึ้นทุกครั้งที่ไฟล์โหลด) อยู่ในคีย์ ⇒ จำผลได้นานขึ้น (ดู _PV_ACCT_TTL_MS)
  const dv=(window.DataRegistry&&window.DataRegistry.version)||0;
  return [p.email||'',p.role||'',portviewLevel||'',portviewRepEmail||'',pvN,histN,cmN,skuN,curSkuN,qAt,dv].join('|');
}
function _pvClearAccountCache(){_pvAcctCacheKey='';_pvAcctCacheTs=0;_pvAcctCacheResult=null;_pvAmtsMemo=new Map();}
function schedulePortviewListRender(delay){
  clearTimeout(_pvRenderTimer);
  // v672b: snapshot collapse state before render (search may cause scroll reset)
  window._pvWasCollapsed=(window._pvLastCollapseMs||0)>0;
  _pvRenderTimer=setTimeout(()=>{_pvRenderTimer=null;renderPortviewList();},delay==null?140:delay);
}

// v_renderstorm (2026-08-20): บุชรายงาน PWA ปิดตัวเองทันทีตอนเปิดหน้า Portfolio —
// ตามด้วย admin account เท่านั้น (เห็นทุกบัญชีทั้งบริษัท) · ตรวจ app_errors เจอ
// 'render_storm' (renderPortviewTargetBar / renderTeamviewKamList ยิงซ้ำ ≥7 ครั้ง
// ใน 10 วิ) เกิดซ้ำทุกวันตั้งแต่ 13 ส.ค. ข้ามหลายเวอร์ชัน — สาเหตุ: มีอย่างน้อย
// 6 ไฟล์ที่ต่างคนต่างเรียกวาดตรงๆ ทันทีที่ข้อมูลของตัวเองโหลดเสร็จ (commission
// engine/cockpit/history, qnrr view, nrr target, data pipeline) ไม่มีใครรวมคำสั่งกัน
// ตอนบูตครั้งแรก ถ้าหลายระบบโหลดเสร็จไล่เลี่ยกัน (มีโอกาสสูงกว่าสำหรับ admin
// เพราะต้องรอข้อมูลมากกว่า KAM ทั่วไปที่มีแค่พอร์ตตัวเอง) จะวาดซ้ำซ้อนกันหลายรอบ
// แต่ละรอบวาดข้อมูลทุกบัญชีทั้งบริษัท จน CPU/memory พุ่งจน iOS ฆ่า WKWebView ทิ้ง
//
// ให้จุดที่ถูกเรียกจาก "ข้อมูลพื้นหลังเพิ่งโหลดเสร็จ" ผ่านตัวรวมคำสั่งนี้แทนการ
// เรียกตรง — ไม่แตะจุดที่ผู้ใช้กดเอง (เช่นล้างช่องค้นหา/สลับมุมมอง) เพราะจุดนั้น
// ต้องวาดทันทีไม่ควรหน่วง ยาวกว่า schedulePortviewListRender (140ms) เพราะฟังก์ชัน
// เหล่านี้หนักกว่า (คำนวณ target/pace ทุกบัญชี) และต้องรวมคำสั่งที่มาห่างกันกว่าเดิม
let _tgtBarRenderTimer=null, _tvKamListRenderTimer=null;
function scheduleRenderPortviewTargetBar(delay){
  clearTimeout(_tgtBarRenderTimer);
  _tgtBarRenderTimer=setTimeout(()=>{_tgtBarRenderTimer=null;try{if(typeof renderPortviewTargetBar==='function')renderPortviewTargetBar();}catch(e){}},delay==null?500:delay);
}
function scheduleRenderTeamviewKamList(delay){
  clearTimeout(_tvKamListRenderTimer);
  _tvKamListRenderTimer=setTimeout(()=>{_tvKamListRenderTimer=null;try{if(typeof renderTeamviewKamList==='function')renderTeamviewKamList();}catch(e){}},delay==null?500:delay);
}
function _senseHydrateVisiblePortfolio(reason,opts){
  opts=opts||{};
  const delay=opts.delay==null?260:opts.delay;
  let did=false;
  const onPv=!!document.getElementById('scr-portview')?.classList.contains('on');
  const onTv=!!document.getElementById('scr-teamview')?.classList.contains('on');
  try{ if(typeof _pvClearAccountCache==='function')_pvClearAccountCache(); }catch(e){}
  if(onPv){
    const recent=Date.now()-(window._pvLastRenderMs||0)<850;
    if(opts.full&&!recent&&typeof renderPortview==='function'){
      renderPortview();
    }else{
      try{ if(typeof renderPortviewSummary==='function')renderPortviewSummary(); }catch(e){}
      try{ if(typeof schedulePortviewListRender==='function')schedulePortviewListRender(delay); else if(typeof renderPortviewList==='function')renderPortviewList(); }catch(e){}
      try{ setTimeout(()=>{if(typeof _pvBuildCompactStrip==='function')_pvBuildCompactStrip();},Math.max(120,delay)); }catch(e){}
    }
    did=true;
  }
  if(onTv){
    try{ if(typeof renderTeamviewSummary==='function')renderTeamviewSummary(); }catch(e){}
    // v_renderstorm: ผ่านตัวรวมคำสั่งแทน setTimeout ของตัวเอง — ฟังก์ชันนี้ถูกเรียกจาก
    // หลายจุดตอนบูต (แต่ละครั้งเปิด setTimeout อิสระ ไม่รวมกัน) เป็นหนึ่งในต้นเหตุ
    // render storm ที่เจอใน app_errors (admin เท่านั้น — เห็นข้อมูลทุกบัญชี)
    try{ if(typeof scheduleRenderTeamviewKamList==='function')scheduleRenderTeamviewKamList(delay); }catch(e){}
    did=true;
  }
  _senseLog('[v206d hydrate]',reason,{onPv,onTv,delay,full:!!opts.full});
  return did;
}
// SECTION:PORTVIEW
function getPortviewAccounts(){
  if(portviewBulkData&&portviewBulkData.length>0){
    const _ck=_pvAccountCacheKey();
    // 25 ต.ค. 2569 (perf · Bucci "PWA หน่วงตอนเปลี่ยนแท็บ"): เดิมจำแค่ 1.2 วิ ⇒ กลับมาหน้าพอร์ตทีไรคิด 1,302 ร้านใหม่ทุกครั้ง (~60ms บนคอม)
    //   ตอนนี้คีย์มีรุ่นข้อมูลแล้ว จำ 60 วิ (กันทางโหลดที่ไม่บอกรุ่น — ตัวโหลดหลักล้างแคชเองอยู่แล้ว)
    if(_pvAcctCacheResult&&_pvAcctCacheKey===_ck&&(Date.now()-_pvAcctCacheTs)<_PV_ACCT_TTL_MS)return _pvAcctCacheResult;
    const userEmail=(currentUserProfile&&currentUserProfile.email)||'';
    const role=(currentUserProfile&&currentUserProfile.role)||'rep';
    // v499: ad_tl sees whole team portfolio (same as KAM TL)
    const isTL=(role==='tl'||role==='admin'||role==='ad_tl');

    // ── Determine filtered set ──
    let result=null;
    const hasEmailCols=portviewBulkData.some(r=>r.kamEmail||r.tlEmail);
    if(hasEmailCols&&userEmail){
      if(isTL){
        const f=portviewBulkData.filter(r=>r.tlEmail===userEmail);
        if(f.length>0)result=f;
        // TL with no match — fall through to legacy paths below (may see all for old CSVs)
      } else {
        const f=portviewBulkData.filter(r=>r.kamEmail===userEmail);
        if(f.length>0)result=f;
        // ── SAFETY: rep with valid email + email cols but no match → empty (don't leak) ──
        else return[];
      }
    }
    // ── No email cols (legacy CSV) — fall back to accountList match ──
    if(!result&&accountList&&accountList.length>0){
      const myIds=new Set(accountList.map(a=>String(a.account_id||a.id||'').trim()));
      const f=portviewBulkData.filter(a=>myIds.has(String(a.id||'')));
      // TL: show all if no match; rep: only show what matches (or empty)
      if(isTL){result=f.length>0?f:portviewBulkData;}
      else{result=f;}
    }
    // ── Still no result — TL sees all (legacy fallback), rep sees empty ──
    if(!result)result=isTL?portviewBulkData:[];

    // ── rep-detail: TL viewing a specific KAM's portfolio ──
    if(portviewLevel==='rep-detail'&&portviewRepEmail&&result){
      const f=result.filter(r=>r.kamEmail===portviewRepEmail||r.kamName===portviewRepEmail);
      if(f.length>0)result=f;
    }

    // ── Enrich: recompute paceSignal with 3-month normalized baseline when bulk history available ──
    const _out = result.map(a=>{
      const cm=bulkCurrentMonthData[a.id];
      const hist=bulkHistoryData[a.id];
      const _moSrt=m=>{const p=(m||'').split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
      const _histSorted=hist&&hist.length>0?hist.slice().sort((a,b)=>_moSrt(a.m)-_moSrt(b.m)):[];
      const enriched=cm&&_histSorted.length>0?{...a,paceSignal:computePaceSignal(cm,_histSorted)}:a;
      // v302: ตัวชี้วัดเดียว %NRR เทียบเดือนฐาน (twin ของ /nrr) — แนบคู่ paceSignal ไม่แทน
      // (paceSignal ยังต้องอยู่: จอสรุปเช้าอ่าน .expected/.lastGmv · 02:1468 อ่าน .runrate)
      const nrrSignal=(typeof computeNrrSignal==='function')?computeNrrSignal(cm||null,_histSorted,a.id):null; // v_shopnrr: ส่งรหัสบัญชี ⇒ อ่านไฟล์ NRR
      return{...enriched,nrrSignal,_churnCounts:computeChurnCountsForAccount(a.id)};   // _churnAmts: คิดตอนวาดการ์ด (_pvChip) เฉพาะร้านที่เห็น
    });
    _pvAcctCacheKey=_ck;_pvAcctCacheTs=Date.now();_pvAcctCacheResult=_out;_pvAmtsMemo=new Map();
    return _out;
  }
  // Otherwise build from localStorage (single-account local mode)
  // Guard: if R2 is actively loading (sheetsLoadStarted=true) and bulk data not yet ready,
  // return [] to show loading state instead of stale localStorage data from previous sessions.
  if(typeof sheetsLoadStarted!=='undefined'&&sheetsLoadStarted)return[];
  const idx=getAccountIndex();
  const results=[];
  for(const acct of idx){
    const raw=localStorage.getItem(_acctKey(acct.id));
    if(!raw)continue;
    try{
      const p=JSON.parse(raw);
      // Storage format: {D:{history,meta,...}, fileStatus, ...}
      const d=p.D||p; // backward compat
      const history=d.history||[];
      const cm=d.current_month||null;
      const skuCurrent=d.sku_current||[];
      const skusMonthly=d.skus_monthly||{};
      // Compute pace signal using shared normalized logic
      let paceSignal=cm?computePaceSignal(cm,history):null;
      let nrrSignal=(cm&&typeof computeNrrSignal==='function')?computeNrrSignal(cm,history,acct.id):null; // v302 · v_shopnrr
      // Estimate churn count (simplified)
      let churnCount=0;
      if(cm&&skuCurrent.length&&Object.keys(skusMonthly).length){
        const months=Object.keys(skusMonthly).sort((a,b)=>{
          const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
          const tp=a.split(' ');const tb=b.split(' ');
          return((parseInt(tb[1]||0)*12)+mo.indexOf(tb[0]))-((parseInt(tp[1]||0)*12)+mo.indexOf(tp[0]));
        });
        // v156: skip current MTD month for churn baseline
        const _cmLbl2c=(cm&&cm.month_label)||'';
        const _lastClosed2c=months.find(m=>m!==_cmLbl2c)||months[0];
        const lastMonthSkus=months.length?skusMonthly[_lastClosed2c||months[0]]:[];
        const currMap=new Map(skuCurrent.map(s=>[s.item_id,s]));
        for(const sku of lastMonthSkus){
          if((sku.order_count||0)<3)continue;
          const curr=currMap.get(String(sku.id||sku.item_id));
          if(!curr||curr.orders_this_month===0)churnCount++;
        }
      }
      results.push({
        id:acct.id,
        name:d.meta&&d.meta.accountName?d.meta.accountName:acct.id,
        lastGmv:history.length?history[history.length-1].s:0,
        paceSignal,nrrSignal,churnCount,cm
      });
    }catch(e){}
  }
  // Sort: danger → warn → ok → new → no-signal — v302: ตาม nrrSignal (เทียบเดือนฐาน)
  const sortOrder={danger:0,warn:1,safe:2,new:3,'':4};
  results.sort((a,b)=>{
    const ac=a.nrrSignal?a.nrrSignal.cls:(a.paceSignal?a.paceSignal.cls:'');
    const bc=b.nrrSignal?b.nrrSignal.cls:(b.paceSignal?b.paceSignal.cls:'');
    if(sortOrder[ac]!==sortOrder[bc])return sortOrder[ac]-sortOrder[bc];
    return b.lastGmv-a.lastGmv;
  });
  return results;
}

// v_listgen (2026-09-17): ตัวนับรุ่นของรายการ portview
//
// รายการที่ยาวเกิน 80 ใบจะถูกวาดแบบทยอยเติมทีละ 60 ใบผ่าน requestIdleCallback
// ลูปนั้นเคยไม่มีที่ยกเลิก ⇒ พอผู้ใช้พิมพ์ค้นหาระหว่างที่ลูปเดิมยังวิ่งอยู่
// ลูปเก่ายังถือรายการเดิมทั้ง 1,294 ใบของตัวเอง แล้วยัดต่อท้ายรายการใหม่เรื่อย ๆ
// การ์ดจึงสะสมแทนที่จะลดลง — บัญชี admin เจอเต็ม ๆ เพราะเป็นบัญชีเดียวที่เกิน 80 ใบ
//
// ท่านี้ลอกมาจาก _pvObsGen ที่ไฟล์นี้ใช้กันปัญหาชนิดเดียวกันอยู่แล้ว (บรรทัด ~1377)
// ⛔ บวกเลขรุ่น "เฉพาะตอนที่กำลังจะเขียนทับรายการจริง ๆ" เท่านั้น
//    ห้ามบวกที่ทางออกก่อนกำหนดของ _listKey เพราะทางนั้นแปลว่าไม่มีอะไรเปลี่ยน
//    ถ้าไปบวกตรงนั้นจะฆ่าลูปที่กำลังเติมรายการชุดเดียวกันอยู่ถูกต้องแล้ว
//    ผลคือรายการค้างที่ 80 ใบและไม่เติมต่ออีกเลย ซึ่งเงียบพอ ๆ กับบั๊กเดิม
let _pvListGen=0;
// อ่านอย่างเดียว ให้ตัวจับหลักฐานใน 08_patches.js ดูได้ว่ารายการถูกวาดใหม่ไปกี่รอบแล้ว
try{ window._senseListGen=function(){ return _pvListGen; }; }catch(e){}

// 24 ต.ค. 2569: ตัวเฝ้าท้ายรายการ — กล่องสูง 1 px ต่อจาก #portview-list
// เข้าใกล้จอ (ล่วงหน้า 1,200 px) ⇒ เติมการ์ดชุดถัดไป · เติมแล้วยังอยู่ในระยะ ⇒ ถามซ้ำ (เลิกเฝ้าแล้วเฝ้าใหม่ = ได้คำตอบรอบใหม่)
// ครบทุกใบ / วาดรายการใหม่ ⇒ เลิกเฝ้า · เครื่องที่ไม่มี IntersectionObserver ⇒ เติมทีละชุดเองแบบเดิม
let _pvMoreObs=null;
function _pvStopMoreWatch(){
  try{ if(_pvMoreObs){ _pvMoreObs.disconnect(); _pvMoreObs=null; } }catch(e){}
  try{ const s=document.getElementById('pv-more-sentinel'); if(s)s.remove(); }catch(e){}
}
function _pvStartMoreWatch(listEl,appendBatch){
  if(typeof IntersectionObserver!=='function'){
    const _step=()=>{ if(appendBatch()){ if(window.requestIdleCallback)requestIdleCallback(_step,{timeout:700}); else setTimeout(_step,16); } };
    if(window.requestIdleCallback)requestIdleCallback(_step,{timeout:700}); else setTimeout(_step,16);
    return;
  }
  const sentinel=document.createElement('div');
  sentinel.id='pv-more-sentinel';
  sentinel.setAttribute('aria-hidden','true');
  sentinel.style.cssText='height:1px;width:100%;pointer-events:none';
  if(listEl.parentNode)listEl.parentNode.insertBefore(sentinel,listEl.nextSibling);
  const obs=new IntersectionObserver(entries=>{
    if(obs!==_pvMoreObs)return;
    if(!entries.some(e=>e.isIntersecting))return;
    const more=appendBatch();
    obs.unobserve(sentinel);
    if(more)obs.observe(sentinel); else _pvStopMoreWatch();
  },{rootMargin:'0px 0px 1200px 0px'});
  _pvMoreObs=obs;
  obs.observe(sentinel);
}

function renderPortviewList(){
  const renderer = window.FreshketSenseKamTeamRenderer;
  if(renderer && typeof renderer.renderPortviewListFromLegacy === 'function'){
    try{
      return renderer.renderPortviewListFromLegacy({
        D: D,
        OPPS: OPPS,
        currentAccountId: currentAccountId,
        currentKamSubtab: (typeof currentKamSubtab !== 'undefined' ? currentKamSubtab : null),
        portviewLevel: (typeof portviewLevel !== 'undefined' ? portviewLevel : null),
        portviewFilter: (typeof portviewFilter !== 'undefined' ? portviewFilter : null),
        teamviewLevel: (typeof teamviewLevel !== 'undefined' ? teamviewLevel : null),
        portviewBulkData: (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        legacy: { renderPortviewList: __legacyRenderPortviewListFallback }
      });
    }catch(e){
      console.warn('renderPortviewList renderer failed, falling back to legacy renderer', e);
    }
  }
  return __legacyRenderPortviewListFallback();
}

function __legacyRenderPortviewListFallback(){
  window._pvLastRenderMs=Date.now(); // guard: prevent IntersectionObserver expanding on content-shrink
  const listEl=document.getElementById('portview-list');
  if(!listEl)return;
  const accounts=getPortviewAccounts();
  const searchQ=(document.getElementById('portview-search')?.value||'').toLowerCase();

  // Build outlet index for search — map outlet_name_lower → account_id
  // bulkOutletsData: { account_id → { month → [{outlet_id, outlet_name, ...}] } }
  let _outletMatchIds = null; // Set of account ids that match via outlet name
  if(searchQ){
    try{
      const od = window.bulkOutletsData || (typeof bulkOutletsData!=='undefined' ? bulkOutletsData : null);
      if(od){
        _outletMatchIds = new Set();
        Object.entries(od).forEach(([accountId, months])=>{
          Object.values(months).forEach(outlets=>{
            (outlets||[]).forEach(o=>{
              if((o.outlet_name||'').toLowerCase().includes(searchQ))
                _outletMatchIds.add(accountId);
            });
          });
        });
      }
    }catch(e){ /* non-fatal */ }
  }

  // ค่ากรองค้างจากรุ่นก่อน (reached/half/zero …) ⇒ ทั้งหมด ไม่ใช่รายการว่าง
  if(portviewFilter!=='all'&&['on','monitor','risk'].indexOf(portviewFilter)<0)portviewFilter='all';
  const filtered=accounts.filter(a=>{
    if(searchQ){
      const aid = a.id || a.account_guid || '';
      const matchAccount = (a.name||'').toLowerCase().includes(searchQ);
      const matchOutlet  = _outletMatchIds && _outletMatchIds.has(aid);
      if(!matchAccount && !matchOutlet) return false;
    }
    if(portviewFilter==='all')return true;
    // 25 ต.ค. 2569: กรองตามกล่องสุขภาพร้าน (ON TRACK · MONITOR · AT RISK — 05b nrrShopHealthGroup)
    // ร้านที่ไม่มี % (ร้านใหม่ / Handover / หยุดซื้อ) ไม่อยู่ในกล่องไหน ⇒ ไม่ขึ้นตอนกรอง
    return (typeof nrrShopHealthGroup==='function'?nrrShopHealthGroup(a):null)===portviewFilter;
  });
  const fmtK=n=>n>=1000000?'฿'+(n/1000000).toFixed(1)+'M':n>=1000?'฿'+(n/1000).toFixed(0)+'K':'฿'+Math.round(n);
  if(!filtered.length){
    const _r2Loading=typeof sheetsLoadStarted!=='undefined'&&sheetsLoadStarted&&(!portviewBulkData||portviewBulkData.length===0);
    if(_r2Loading){
      // v753a: shimmer skeleton — show during R2 fetch so user knows data is loading
      const _shimCard=(delay)=>`<div class="pv-shimmer-card" style="animation-delay:${delay}ms">
        <div class="pv-shimmer-left">
          <div class="pv-shimmer-line" style="width:72%"></div>
          <div class="pv-shimmer-line" style="width:52%;margin-top:6px"></div>
          <div class="pv-shimmer-line" style="width:38%;margin-top:5px"></div>
        </div>
        <div class="pv-shimmer-right">
          <div class="pv-shimmer-pct"></div>
          <div class="pv-shimmer-spark"></div>
        </div>
      </div>`;
      _pvListGen++;   // v_listgen: กิ่งโครงกระดูก — ล้มลูปเติมการ์ดที่ยังค้างอยู่
      listEl.innerHTML=[0,80,160,240,320].map(_shimCard).join('');
      return;
    }
    _pvListGen++;     // v_listgen: กิ่งไม่มีข้อมูล — เหตุผลเดียวกัน
    listEl.innerHTML=`<div class="portview-no-data"><div class="portview-no-data-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="10" width="24" height="17" rx="2" stroke="rgba(255,255,255,0.2)" stroke-width="1.5" fill="none"/><path d="M4 16h6l2 3h8l2-3h6" stroke="rgba(255,255,255,0.2)" stroke-width="1.5" stroke-linejoin="round" fill="none"/><path d="M11 7l5-3 5 3" stroke="rgba(255,255,255,0.15)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div class="portview-no-data-text">ไม่มีข้อมูล</div><div class="portview-no-data-sub">อัปโหลด current_month.csv ให้ทุก account<br>เพื่อดู Pace ภาพรวม</div></div>`;
    return;
  }
  const _pvVisitMap=getVisitMap((currentUserProfile&&currentUserProfile.email)||'local');
  // v_echofix (2026-07-21): echo dots follow the VIEWED portfolio's owner —
  // portviewRepEmail is set when a TL/Admin drills into a rep's portfolio
  // (01_core.js), null when viewing your own. getEchoMap is now
  // server-backed (kam_visits) so the TL case actually returns that rep's
  // data instead of the TL's own localStorage. getVisitMap (line above)
  // deliberately NOT changed here — different feature, own localStorage
  // semantics, out of this fix's scope.
  const _pvEchoMap=getEchoMap(portviewRepEmail||(currentUserProfile&&currentUserProfile.email)||'local');

  // Value guard: skip full list rebuild if data + context unchanged
  const _pvSnap=portviewBulkData.length>0
    ?`${portviewBulkData.length}:${portviewBulkData[0]?.accountId||''}:${portviewBulkData[portviewBulkData.length-1]?.accountId||''}`
    :'0';
  // Include heavy-data readiness — list must re-render when SKU/alternatives data arrives
  // v225b fix: add bulkSkusData key count to _skuSnap.
  // Bug: _skuSnap only tracked bulkSkusReady (bulk_skus.csv) and bulkSkuCurrentData.
  // It did NOT track bulkSkusData (per-account SKU monthly data from KAM bundle).
  // Result: when KAM bundle loaded and populated bulkSkusData[accountId], _listKey
  // was unchanged → early return → computeChurnCountsForAccount() never re-ran →
  // สั่ง/หาย/เฝ้าดู badges never appeared on KAM's own portview.
  // TL didn't hit this bug because prewarm loaded bundle BEFORE first portview render.
  const _bulkSkusDataN=(typeof bulkSkusData!=='undefined'&&bulkSkusData)?Object.keys(bulkSkusData).length:0;
  const _skuSnap=(typeof bulkSkusReady!=='undefined'&&bulkSkusReady?'1':'0')+(typeof bulkSkuCurrentData!=='undefined'&&Object.keys(bulkSkuCurrentData||{}).length>0?'s':'')+'b'+_bulkSkusDataN;
  // v_shopnrr: % รายร้านอ่านไฟล์ NRR ⇒ ไฟล์มาทีหลังต้องวาดใหม่ ไม่งั้นการ์ดค้างเลขจากทางถอย
  // HO ครั้งเดียวต่อสาขา: ป้าย Handover xx% / "รอบ ต.ค. ไม่นับซ้ำ" อ่านรายชื่อสาขาที่นับ HO แล้ว ⇒ มาทีหลังต้องวาดใหม่ด้วย
  const _qnrrSnap=((window.bulkQnrrData&&window.bulkQnrrData.loaded)?(window.bulkQnrrData.loadedAt||1):0)
    +((window._commHoLedger&&window._commHoLedger.loaded)?'h'+(window._commHoLedger.rev||0):'');
  // 24 ต.ค. 2569: สีร้านมาจากเกณฑ์ค่าคอมฯ ของเจ้าของร้าน ⇒ เกณฑ์มาทีหลัง (หรือมีคนแก้เกณฑ์) ต้องวาดใหม่
  const _zoneSnap=(typeof _dispZoneStamp==='function')?_dispZoneStamp():'';
  const _listKey=`${portviewFilter}|${portviewLevel||''}|${portviewRepEmail||''}|${pvSortMode}|${pvSortDir}|${pvViewMode}|${searchQ}|${_pvSnap}|${_skuSnap}|${_zoneSnap}|${_qnrrSnap}`;
  if(listEl._lastListKey===_listKey && listEl.children.length>0) return;
  listEl._lastListKey=_listKey;

  // ── Card builders ──
  function _buildBadges(a){
    const _cc=a._churnCounts;
    let churnBadge='';
    if(_cc&&_cc.total>0){
      const orderedPart=_cc.ordered>0?`<span style="color:var(--tk-ok-bright)">${_cc.ordered} สั่งแล้ว</span>`:'';
      const gonePart=_cc.gone>0?`<span style="color:var(--org)">${orderedPart?' · ':''}${_cc.gone} หาย</span>`:'';
      const nearPart=_cc.near>0?`<span style="color:var(--amb)">${(orderedPart||gonePart)?' · ':''}${_cc.near} เฝ้าดู</span>`:'';
      const totalPart=`<span style="color:rgba(255,255,255,.52)"> / ${_cc.total} SKU</span>`;
      if(orderedPart||gonePart||nearPart){
        churnBadge=`<span class="portview-churn-badge" style="background:rgba(240,80,0,.06);border-color:rgba(240,80,0,.18);gap:0;padding:2px 8px">${orderedPart}${gonePart}${nearPart}${totalPart}</span>`;
      }
    } else if((a.churnedSkuCount||a.churnCount||0)>0){
      // Hidden: old Q8E pre-computed count shown only after Q3B (bulkSkusData) loads
      // churnBadge=`<span class="portview-churn-badge">${a.churnedSkuCount||a.churnCount} SKU หาย</span>`;
    }
    const catBadge=(a.missingCatCount||0)>0?`<span class="portview-churn-badge" style="background:rgba(240,176,0,.2);color:var(--amb);border-color:rgba(240,176,0,.3)">${a.missingCatCount} cat</span>`:'';
    const acctTypeBadge=a.accountType?`<span style="font-size:var(--text-3xs);font-weight:var(--fw-bold);padding:1px 5px;border-radius:var(--r-xs);background:rgba(255,255,255,.1);color:rgba(255,255,255,.5);margin-right:4px;letter-spacing:.3px">${a.accountType}</span>`:'';
    return{churnBadge,catBadge,acctTypeBadge};
  }

  // v_gp: %GP ของร้านนี้ — Portview คือหน้าที่ KAM เปิดทุกวัน ถ้า GP ไม่โผล่
  // ที่นี่ ทีมก็จะไม่เคยเห็นมันเลยจนกว่าจะกดเข้าไปในร้านแต่ละร้าน
  //
  // โชว์เป็น % เท่านั้น ไม่โชว์จำนวนเงิน เพราะแถวนี้แน่นอยู่แล้ว และ % คือตัวที่
  // เทียบข้ามร้านได้จริง (ร้านใหญ่กำไรเป็นก้อนใหญ่เป็นเรื่องธรรมดา ไม่ได้บอกว่าดี)
  // จำนวนเงิน + เดือน อยู่ใน title · ไม่มีข้อมูล/ข้อมูลไม่พอ = ไม่มี badge เลย
  // ไม่ใช่ badge ที่เขียน 0% ซึ่งจะอ่านว่า "ร้านนี้ไม่มีกำไร"
  function _pvGpBadge(a){
    try{
      if(typeof senseGpForAccount!=='function')return'';
      const g=senseGpForAccount(a.id);
      if(!g||!g.ready)return'';
      const neg=g.gp<0;
      const p=neg?('−'+Math.abs(g.gpPct).toFixed(1)):g.gpPct.toFixed(1);
      const amt=(neg?'−฿':'฿')+Math.round(Math.abs(g.gp)).toLocaleString();
      return`<span class="portview-churn-badge portview-gp-badge${neg?' neg':''}" data-gp="1" title="กำไร ${amt} จากยอด ฿${Math.round(g.gmv).toLocaleString()} · เดือน ${g.month}">GP ${p}%</span>`;
    }catch(e){ return''; }   // GP ต้องไม่ทำให้แถวในพอร์ตพัง
  }

  function _buildSparkline(a, cls, hiColor){
    const aid=a.id;
    const hist=(bulkHistoryData[aid]||[]);
    const _ms=m=>{const p=(m||'').split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
    const sorted=hist.slice().sort((x,y)=>_ms(x.m)-_ms(y.m));
    const histVals=sorted.slice(-5).map(h=>({v:h.s||h.gmv||0,charge:false}));
    const cm=bulkCurrentMonthData[aid];
    const sig=a.nrrSignal||a.paceSignal; // v302: อ่านแค่ .runrate — สีตาม cls ของ NRR
    let lastBar=null;
    if(cm){
      const mtd=cm.gmv_to_date||0;
      const rr=(sig&&sig.runrate&&sig.runrate>mtd)?sig.runrate:mtd;
      lastBar={v:rr,mtd,charge:rr>mtd};
    }
    const bars=lastBar?[...histVals,lastBar]:histVals;
    if(!bars.length)return'';
    const max=Math.max(...bars.map(b=>b.v),1);
    const c={great:'var(--tk-ok-bright)',safe:'var(--tk-ok-bright)',warn:'#f0b000',danger:'#ff8888',new:'rgba(100,160,255,.7)'};
    const hi=hiColor||c[cls]||'rgba(255,255,255,.3)';   // 24 ต.ค. 2569: ร้านที่มี % ส่งสีช่วงเกณฑ์ของเจ้าของร้านมา
    return bars.map((b,i)=>{
      const isLast=i===bars.length-1;
      const totalH=Math.max(2,Math.round((b.v/max)*13));
      if(isLast&&b.charge){
        const solidH=Math.max(1,Math.round((b.mtd/max)*13));
        const ghostH=Math.max(0,totalH-solidH);
        return`<div style="display:flex;flex-direction:column;width:6px;height:${totalH}px;flex-shrink:0;align-self:flex-end">`+
          (ghostH>0?`<div style="flex:1;background:${hi};opacity:.2;border-radius:2px 2px 0 0"></div>`:'')  +
          `<div style="height:${solidH}px;background:${hi};opacity:.9;border-radius:${ghostH===0?'2px 2px':0} 0 0"></div></div>`;
      }
      return`<div class="pv-sp-bar" style="width:${isLast?6:4}px;height:${totalH}px;background:${isLast?hi:'rgba(255,255,255,.18)'}"></div>`;
    }).join('');
  }

  function _buildChurnBadge(a){
    const _cc=a._churnCounts;
    const catCount=a.missingCatCount||0;
    const parts=[];
    if(_cc&&_cc.ordered>0)parts.push(`<span style="color:var(--tk-ok-bright);font-weight:var(--fw-semi)">สั่ง ${_cc.ordered}</span>`);
    if(_cc&&_cc.gone>0)parts.push(`<span style="color:#ff9060;font-weight:var(--fw-semi)">หาย ${_cc.gone}</span>`);
    if(_cc&&_cc.near>0)parts.push(`<span style="color:#f0c040;font-weight:var(--fw-semi)">เฝ้าดู ${_cc.near}</span>`);
    if(_cc&&_cc.total>0)parts.push(`<span style="color:rgba(255,255,255,.6)">/ ${_cc.total} SKU</span>`);
    if(catCount>0)parts.push(`<span style="color:rgba(240,176,0,.85);font-weight:var(--fw-semi)">${catCount} cat</span>`);
    if(!parts.length)return'';
    const dot=`<span style="color:rgba(255,255,255,.52)">·</span>`;
    return`<span class="pv-churn-segs" style="font-size:var(--text-xs);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;display:inline-flex;gap:var(--sp-1);align-items:center">${parts.join(dot)}</span>`;
  }

  // 24 ต.ค. 2569: การ์ดร้านมีแค่สี ไม่มีคำ (ค่าคอมฯ คิดเป็นรายคน ไม่ใช่รายร้าน) — เดิม ON TRACK / MONITOR / AT RISK ที่เส้นตายตัว

  // ── การ์ดร้าน 2 แถว (Bucci 25 ต.ค. 2569) ─────────────────────────────────────────────────────────
  //   แถว 1: จุดเยี่ยมร้าน · ชื่อ · (Handover ใหม่) · %NRR
  //   แถว 2: เงินเหนือ/ต่ำกว่าฐาน (ตัวเดียว) · ฐานกี่บาท (ร้านเล็กร้านใหญ่) · GP · แท่งยอด · ชิปงานที่ต้องทำ 1 อัน
  //   ชิป: หยุดสั่ง N > ซื้อน้อยลง N > เพิ่งเลยรอบ N > ไม่มี (ลำดับเดียวกับกลุ่มในหน้าร้าน) — นับเฉพาะรายการที่เคยซื้อตั้งแต่ตัวกรองของหน้าร้าน (skuGmvFilter ค่าเริ่ม ฿3K)
  //   ตัดออก: ป้าย Chain (กรองได้ที่หัวพอร์ต) · "สั่ง N" · "/ N SKU" (ดูในหน้าร้าน)
  //   เรียงตาม NRR ⇒ หัวกลุ่ม AT RISK / MONITOR / ON TRACK + จำนวนร้าน + เงิน (สูตรเดียวกับกล่องสรุปด้านบน)
  function _pvChip(a){
    let m=_pvAmtsMemo.get(a.id);
    if(m===undefined){ m=churnAmountsFor(a.id); _pvAmtsMemo.set(a.id,m); }
    if(!m)return'';
    const T=(typeof skuGmvFilter!=='undefined'&&skuGmvFilter!=null)?skuGmvFilter:3000;
    const g=m.gone.filter(v=>v>=T).length, sl=m.slow.filter(v=>v>=T).length, n=m.near.filter(v=>v>=T).length;
    if(g)return`<span class="pv2-chip gone" title="หยุดสั่ง ${g} รายการที่เคยซื้อตั้งแต่ ${fmtK(T)}/เดือน">หยุดสั่ง ${g}</span>`;
    if(sl)return`<span class="pv2-chip slow" title="ซื้อน้อยลง ${sl} รายการที่เคยซื้อตั้งแต่ ${fmtK(T)}/เดือน">ซื้อน้อยลง ${sl}</span>`;
    if(n)return`<span class="pv2-chip near" title="เพิ่งเลยรอบ ${n} รายการที่เคยซื้อตั้งแต่ ${fmtK(T)}/เดือน">เพิ่งเลยรอบ ${n}</span>`;
    return'';
  }
  function _pvGpTxt(a){
    try{
      if(typeof senseGpForAccount!=='function')return'';
      const g=senseGpForAccount(a.id);
      if(!g||!g.ready)return'';
      const neg=g.gp<0;
      const p=neg?('−'+Math.abs(g.gpPct).toFixed(1)):g.gpPct.toFixed(1);
      const amt=(neg?'−฿':'฿')+Math.round(Math.abs(g.gp)).toLocaleString();
      // data-gp: ตัวตัดก่อนแคปรายงานให้ลูกค้า (05 _doShareReport) ต้องเจอทุกจุดที่มี GP
      return` · <span class="pv2-gp${neg?' neg':''}" data-gp="1" title="กำไร ${amt} จากยอด ฿${Math.round(g.gmv).toLocaleString()} · เดือน ${g.month}">GP ${p}%</span>`;
    }catch(e){ return''; }
  }
  let _pvHeadMemo=null;
  function _pvGroupKey(a){ const g=(typeof nrrShopHealthGroup==='function')?nrrShopHealthGroup(a):null; return g||'other'; }
  function _pvGroupHead(a,idx){
    if(pvSortMode!=='pace'||!Array.isArray(_sorted))return'';
    const k=_pvGroupKey(a);
    if(idx>0&&_sorted[idx-1]&&_pvGroupKey(_sorted[idx-1])===k)return'';
    if(!_pvHeadMemo||_pvHeadMemo.src!==_sorted){
      const sums={};
      _sorted.forEach(x=>{const kk=_pvGroupKey(x);const ns=x.nrrSignal||{};const d=(ns.cmpRunrate||0)-(ns.baseline_gmv||0);
        const o=sums[kk]||(sums[kk]={n:0,short:0,over:0});o.n++;if(ns.pct!=null){o.short+=Math.max(0,-d);o.over+=d;}});
      _pvHeadMemo={src:_sorted,sums};
    }
    const o=_pvHeadMemo.sums[k]||{n:0,short:0,over:0};
    const word={risk:'AT RISK',monitor:'MONITOR',on:'ON TRACK',other:'ร้านใหม่ / ไม่มี %NRR'}[k];
    const amt=k==='on'?(o.over>0?'+'+fmtK(o.over)+' เหนือฐาน':''):(k==='other'?'':(o.short>0?'−'+fmtK(o.short):''));
    return`<div class="pv2-grp ${k}"><b>${word}</b><span>${o.n} ร้าน</span>${amt?`<em>${amt}</em>`:''}</div>`;
  }

  // คำที่ตรงกับคำค้นในชื่อร้าน ⇒ ไฮไลต์ (25 ต.ค. 2569 · โหมดค้นหา)
  function _pvHl(name){
    const n=String(name||'');
    if(!searchQ)return n;
    const i=n.toLowerCase().indexOf(searchQ);
    if(i<0)return n;
    return n.slice(0,i)+'<mark class="pv-hl">'+n.slice(i,i+searchQ.length)+'</mark>'+n.slice(i+searchQ.length);
  }
  function fullCard(a,idx=0){
    const _delay=`animation-delay:${Math.min(idx*35,280)}ms`;
    const _vDot=getVisitDot(_pvVisitMap,a.id,_pvEchoMap);
    const _isEchoDot=_vDot==='echo-recent'||_vDot==='echo-old';
    const _dotHtml=_vDot!=='unseen'?`<span class="pv-dot ${_vDot}"${_isEchoDot?' onclick="echoHistory(\'' + a.id + '\');event.stopPropagation()"':''}></span>`:'<span class="pv-dot unseen"></span>';
    const sig=a.nrrSignal; // v302: %NRR รายร้าน เทียบเดือนฐาน (twin /nrr nrrPaceSignal)
    const isNew=sig&&sig.isNew;
    const _baseMo=sig&&sig.baseMonthLabel?sig.baseMonthLabel.split(' ')[0]:'';
    // 25 ต.ค. 2569: สีร้าน = สุขภาพร้าน (05b nrrShopHealth) · เขียวเรือง = ถึงขั้น 2 ของเจ้าของร้าน · ไม่มีคำบน
    const _h=isNew?null:((typeof nrrShopHealth==='function')?nrrShopHealth(a):null);
    const zc=(typeof nrrShopHealthCls==='function')?nrrShopHealthCls(_h):'';
    const spark=isNew?_buildSparkline(a,'new'):_buildSparkline(a,'',(typeof nrrShopHealthColor==='function')?nrrShopHealthColor(_h):null);
    const handoffBadge=(a.daysWithCurrentKam!==null&&a.daysWithCurrentKam<=30)
      ?`<span class="pv2-tag">ใหม่ ${a.daysWithCurrentKam} วัน</span>`
      :'';
    const head=_pvGroupHead(a,idx);
    const chip=_pvChip(a), gp=_pvGpTxt(a);
    if(isNew){
      // v_shopkind: ร้านที่ไม่มี %NRR บอกประเภทจริง (Handover · จาก Sales · Comeback · หยุดซื้อ · ร้านใหม่)
      const _kCls=sig&&sig.cls==='idle'?'idle':'new';
      const _big=sig&&sig.altLabel?sig.altLabel:(sig&&sig.tag)||'ร้านใหม่';
      const _note=sig&&sig.note?sig.note:('ยังไม่มียอดเดือน'+(sig&&sig.baseMonthLabel?' '+sig.baseMonthLabel:'ฐาน'));
      // 25 ต.ค. 2569: จาก Sales / Handover / Comeback ที่มียอดเดือนฐาน ⇒ บอกโต/ลดเทียบเดือนฐาน (05b nrrKindBase · ไม่นับ %NRR)
      const _kb=(typeof nrrKindBase==='function')?nrrKindBase(a.id,sig):null;
      const _r2=_kb
        ?(()=>{const d=(sig.runrate||0)-_kb.base;return`<span class="pv2-dl kind">${d>=0?'+':'−'}${fmtK(Math.abs(d))}</span><span class="pv2-mu">จากฐาน${_baseMo?' '+_baseMo:''} <b>${fmtK(_kb.base)}</b> · ${_note}${gp}</span>`;})()
        :`<span class="pv2-mu">ยอด ${sig?fmtK(sig.gmvToDate):'—'} · ${_note}${gp}</span>`;
      return head+`<div class="portview-acct-card pv2 ${_kCls}" style="${_delay}" onclick="portviewSelectAccount('${a.id}')">
        <div class="pv2-r1">${_dotHtml}<div class="portview-acct-name">${_pvHl(a.name)}</div><div class="portview-acct-pace ${_kCls}">${_big}</div></div>
        <div class="pv2-r2">${_r2}<span class="pv-sparkline pv2-sp">${spark}</span>${chip}</div>
      </div>`;
    }
    const _earlyMonth=sig&&(sig.daysElapsed||0)<5;
    const pctStr=sig?sig.label:'—'; // 1dp เสมอ · >150 → '150%+'
    const _kindTail=sig?(sig.coverage?` · นับ ${sig.coverage.counted}/${sig.coverage.total} สาขา`:(sig.outsideNrr?' · ไม่อยู่ใน %NRR':'')):'';
    let r2main='';
    if(sig&&sig.pct!=null){
      const d=(sig.cmpRunrate||0)-(sig.baseline_gmv||0);
      r2main=`<span class="pv2-dl ${zc}">${d>=0?'+':'−'}${fmtK(Math.abs(d))}</span><span class="pv2-mu">จากฐาน${_baseMo?' '+_baseMo:''} <b>${fmtK(sig.baseline_gmv||0)}</b>${_kindTail}${gp}</span>`;
    }else if(sig){
      r2main=`<span class="pv2-mu">ยอด <b>${fmtK(sig.gmvToDate)}</b> · ฐาน${_baseMo?' '+_baseMo:''} <b>${fmtK(sig.baseline_gmv||0)}</b>${_kindTail}${gp}</span>`;
    }else{
      r2main=`<span class="pv2-mu">ไม่มีข้อมูล${gp}</span>`;
    }
    return head+`<div class="portview-acct-card pv2 ${zc}" style="${_delay}" onclick="portviewSelectAccount('${a.id}')">
      <div class="pv2-r1">${_dotHtml}<div class="portview-acct-name">${_pvHl(a.name)}</div>${handoffBadge}${_earlyMonth?'<span class="pv2-early">รอข้อมูล</span>':''}<div class="portview-acct-pace ${zc}${sig&&sig.capped?' capped':''}">${pctStr}</div></div>
      <div class="pv2-r2">${r2main}<span class="pv-sparkline pv2-sp">${spark}</span>${chip}</div>
    </div>`;
  }

  function compactCard(a,idx=0){
    const _vDot=getVisitDot(_pvVisitMap,a.id,_pvEchoMap);
    const _isEchoDot=_vDot==='echo-recent'||_vDot==='echo-old';
    const sig=a.nrrSignal; // v302
    const isNew=sig&&sig.isNew;
    // v_shopkind: คำสั้นตามประเภทร้าน (handover ที่คิดเดือนนี้ = % handover) · หยุดซื้อ = เทา
    // 25 ต.ค. 2569: ร้านที่มี % ลงสีตามสุขภาพร้าน (ON TRACK / MONITOR / AT RISK + เขียวเรือง) · ยังไม่รู้เส้น = สีพื้นฐาน
    const cls=isNew?(sig.cls==='idle'?'idle':'new'):(sig&&typeof nrrShopHealth==='function'?nrrShopHealthCls(nrrShopHealth(a)):'');
    const pctStr=isNew?(sig.altLabel||sig.tag||'ร้านใหม่'):(sig?sig.label:'—');
    const _delay=`animation-delay:${Math.min(idx*35,280)}ms`;
    // Compact churn signal: just count of gone+near (the urgent ones)
    const _cc=a._churnCounts;
    let churnMini='';
    if(_cc&&(_cc.gone>0||_cc.near>0)){
      const urgent=(_cc.gone||0)+(_cc.near||0);
      churnMini=`<span class="pv-chip-churn">${urgent}↓</span>`;
    } else if((a.churnedSkuCount||a.churnCount||0)>0){
      // Hidden: old Q8E count — suppress until Q3B data loads
      // churnMini=`<span class="pv-chip-churn">${a.churnedSkuCount||a.churnCount}↓</span>`;
    }
    return`<div class="pv-chip ${cls}" style="${_delay}" onclick="portviewSelectAccount('${a.id}')">
      <span class="pv-chip-dot ${_vDot}"${_isEchoDot?' onclick="echoHistory(\''+ a.id +'\');event.stopPropagation()"':''} ></span>
      <span class="pv-chip-name">${_pvHl(a.name)}</span>
      ${churnMini}
      <span class="pv-chip-pace ${cls}${sig&&sig.capped?' capped':''}">${pctStr}</span>
      <span class="pv-chip-arrow">›</span>
    </div>`;
  }

  // ── View toggle row ──
  const _iconFull=`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="14" height="6" rx="1.5" fill="currentColor"/><rect x="0" y="8" width="14" height="6" rx="1.5" fill="currentColor"/></svg>`;
  const _iconCompact=`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="2.5" x2="14" y2="2.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><line x1="0" y1="7" x2="14" y2="7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><line x1="0" y1="11.5" x2="14" y2="11.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>`;

  // ── Sort ──
  // v302: เรียงตาม nrrSignal — impact = ยอดคาด − ฐานเดือน (บาท) · 'pace' (คีย์ภายใน คงไว้เพราะ DOM id psb-pace) = NRR
  const _getImpact=a=>{const s=a.nrrSignal;if(!s)return 0;const r=s.cmpRunrate||0;const b=s.baseline_gmv||0;return r-b;}; // v_shopnrr
  // 25 ต.ค. 2569: เรียงแย่ก่อนตามสุขภาพร้าน (AT RISK → MONITOR → ON TRACK → เขียวเรือง) แล้วตาม % · ร้านไม่มี % ไว้ท้าย
  const _pvZoneSortRank=a=>(typeof nrrShopHealthRank==='function')?nrrShopHealthRank(a):0;
  const _sorted=[...filtered].sort((a,b)=>{
    let diff=0;
    if(pvSortMode==='gmv'){const ag=a.nrrSignal?a.nrrSignal.runrate||a.nrrSignal.gmvToDate||0:0;const bg=b.nrrSignal?b.nrrSignal.runrate||b.nrrSignal.gmvToDate||0:0;diff=bg-ag;}
    else if(pvSortMode==='impact'){diff=_getImpact(a)-_getImpact(b);}
    else{const ac=_pvZoneSortRank(a),bc=_pvZoneSortRank(b);if(ac!==bc)return(ac-bc)*pvSortDir;const ap=a.nrrSignal&&a.nrrSignal.pct!=null?a.nrrSignal.pct:Infinity;const bp=b.nrrSignal&&b.nrrSignal.pct!=null?b.nrrSignal.pct:Infinity;diff=ap-bp;}
    return diff*pvSortDir;
  });

  const _toggleRow=`<div class="pv-toggle-row">
    <div style="display:flex;align-items:center;gap:6px">
      <span class="pv-toggle-count">${filtered.length} ร้าน</span>
      <div class="pv-sort-divider"></div>
      <button class="pv-sort-btn ${pvSortMode==='pace'?'on':''}" onclick="setPvSort('pace')">NRR</button>
      <button class="pv-sort-btn ${pvSortMode==='gmv'?'on':''}" onclick="setPvSort('gmv')">GMV</button>
      <button class="pv-sort-btn ${pvSortMode==='impact'?'on':''}" onclick="setPvSort('impact')">IMPACT</button>
    </div>
    <div class="pv-toggle-btns">
      <button class="pv-toggle-btn ${pvViewMode==='full'?'on':''}" onclick="setPvView('full')" title="แบบเต็ม">${_iconFull}</button>
      <button class="pv-toggle-btn ${pvViewMode==='compact'?'on':''}" onclick="setPvView('compact')" title="แบบ compact">${_iconCompact}</button>
    </div>
  </div>`;

  const renderer=pvViewMode==='compact'?compactCard:fullCard;
  // 24 ต.ค. 2569 (docs/sense-admin-iphone-crash-2026-10-24.md): เดิมวาด 80 ใบแล้วเติมเองทีละ 60 จนครบทุกใบ
  // ⇒ แอดมิน 1,302 ใบ ≈ 31,000 element เติมอยู่ ~9 วิหลังเข้าหน้า เลื่อนจอสะดุด และกินหน่วยความจำบนมือถือ
  // ตอนนี้: วางทีละ 100 ใบ เติมชุดถัดไปเมื่อเลื่อนใกล้ท้ายรายการ (ตัวเฝ้าท้ายรายการ) · ช่องค้นหายังกรองจากทุกร้าน
  // วาดใหม่ด้วยรายการชุดเดิม (กรอง/ค้น/เรียง/มุมมองเดิม แต่ข้อมูลมาเพิ่ม) ⇒ วางเท่าที่ผู้ใช้เลื่อนเปิดไว้แล้ว ไม่หดกลับ 100 จนจอกระโดด
  const _pageSize=100;
  const _idKey=`${portviewFilter}|${portviewLevel||''}|${portviewRepEmail||''}|${pvSortMode}|${pvSortDir}|${pvViewMode}|${searchQ}`;
  const _keepN=(listEl._pvIdKey===_idKey&&listEl._pvShownN)?listEl._pvShownN:0;
  listEl._pvIdKey=_idKey;
  const _initialLimit=Math.max(_pageSize,_keepN);
  const _batchSize=_pageSize;
  _pvStopMoreWatch();
  if(_sorted.length>_initialLimit){
    // v_listgen: รุ่นของการวาดรอบนี้ — ลูปเติมการ์ดข้างล่างผูกกับเลขนี้
    const _myListGen=++_pvListGen;
    listEl.innerHTML=_sorted.slice(0,_initialLimit).map((a,i)=>renderer(a,i)).join('');
    let _idx=_initialLimit;
    listEl._pvShownN=_idx;
    const _appendBatch=()=>{
      // v_listgen: มีการวาดรอบใหม่ทับไปแล้ว ⇒ ลูปนี้เป็นของเก่า ต้องหยุดทันที
      // ไม่งั้นมันจะยัดการ์ดของรายการชุดก่อนต่อท้ายรายการที่กรองแล้ว
      if(_myListGen!==_pvListGen)return false;
      if(_idx>=_sorted.length)return false;
      const _next=_sorted.slice(_idx,_idx+_batchSize).map((a,i)=>renderer(a,_idx+i)).join('');
      listEl.insertAdjacentHTML('beforeend',_next);
      _idx+=_batchSize;
      listEl._pvShownN=Math.min(_idx,_sorted.length);
      return _idx<_sorted.length;
    };
    _pvStartMoreWatch(listEl,_appendBatch);
  }else{
    // v_listgen: รายการสั้น วาดจบในครั้งเดียว แต่ยังต้องบวกเลขรุ่น
    // เพราะลูปของรอบก่อน (ตอนที่ยังไม่ได้กรอง) อาจยังวิ่งอยู่และจะยัดการ์ดต่อท้าย
    // นี่คือเคสที่เจอจริง: เปิดแอปมา 1,294 ใบ แล้วพิมพ์ค้นหาจนเหลือไม่กี่ใบ
    _pvListGen++;
    listEl.innerHTML=_sorted.map((a,i)=>renderer(a,i)).join('');
    listEl._pvShownN=_sorted.length;
  }
  // v683: sync list padding-top after each render (header height may differ)
  // Two-pass: 0ms catches most cases, 100ms fallback catches slow layout reflow
  setTimeout(_pvSyncListOffset, 0);
  setTimeout(_pvSyncListOffset, 100);
  // 25 ต.ค. 2569 (Bucci): นับผลค้นหา (โหมดค้นหา) + แถบเหลือง "กำลังกรอง" เมื่อคำค้นค้างอยู่นอกโหมดค้นหา
  try{ _pvSearchStatus(searchQ, filtered.length, accounts.length); }catch(e){}
  // 25 ต.ค. 2569 (perf): การ์ดเล่นท่าเปิด (card-reveal) แค่ครั้งแรก — เดิมกลับมาหน้าพอร์ตทีไร 100 ใบเล่นใหม่หมด
  if(listEl._pvRevealed)listEl.classList.add('pv-no-reveal'); else setTimeout(()=>{listEl._pvRevealed=true;},700);
  // Sync sticky sort row in portview-header
  const _sc=document.getElementById('pv-sort-count');if(_sc)_sc.textContent=filtered.length+' ร้าน';
  const _arrow=pvSortDir===1?'↓':'↑';
  const _sortLbl={pace:'NRR',gmv:'GMV',impact:'IMPACT'}; // v302: คีย์ 'pace' คงไว้ (DOM id) แต่ป้ายคือ NRR
  ['pace','gmv','impact'].forEach(m=>{const b=document.getElementById('psb-'+m);if(b)b.innerHTML=(_sortLbl[m]||m.toUpperCase())+(pvSortMode===m?` <span class="sort-dir">${_arrow}</span>`:'');b&&(b.className='pv-sort-btn'+(pvSortMode===m?' on':''));});
  const pbF=document.getElementById('ptb-full');const pbC=document.getElementById('ptb-compact');
  if(pbF)pbF.className='pv-toggle-btn'+(pvViewMode==='full'?' on':'');
  if(pbC)pbC.className='pv-toggle-btn'+(pvViewMode==='compact'?' on':'');
}

function setPvSort(mode){
  if(pvSortMode===mode){pvSortDir*=-1;}else{pvSortMode=mode;pvSortDir=1;}
  window._pvLastRenderMs=Date.now();
  // v801: snapshot collapse state before re-render (parity with schedulePortviewListRender).
  // The not-scrollable guard in _frame() will still re-expand if the new list is short.
  window._pvWasCollapsed=(window._pvLastCollapseMs||0)>0;
  renderPortviewList();
}

// ── Portview scroll-collapse ──
function _pvBuildCompactStrip(){
  const strip=document.getElementById('pv-compact-strip');
  if(!strip)return;
  const accounts=getPortviewAccounts();
  if(!accounts||!accounts.length){strip.innerHTML='';return;}
  const fK=n=>n>=1000000?'฿'+(n/1000000).toFixed(1)+'M':n>=1000?'฿'+Math.round(n/1000)+'K':'฿'+Math.round(n);
  // v296: use _tgtPortviewPct (target/baseline-based, same as full portview widget)
  // Single source of truth — compact strip must show identical % to expanded view always
  // If not ready yet (async renderPortviewTargetBar still running), schedule retry
  // v302: เลขใหญ่ = %NRR จาก widget หลัก (window._tgtPortviewPct) — null = ยังไม่มีเลข → โชว์ —
  // ห้ามคิด Pace แทนตอนรอ ไม่งั้น strip พูดคนละเรื่องกับหัวจอที่กำลัง shimmer
  const _tgtPct = (typeof window._tgtPortviewPct === 'number' && !isNaN(window._tgtPortviewPct))
    ? window._tgtPortviewPct : null;
  if(_tgtPct === null && !strip._v296Retried){
    strip._v296Retried=true;
    setTimeout(()=>{strip._v296Retried=false;_pvBuildCompactStrip();},600);
  }
  const portfolioPaceTxt=_tgtPct!==null?(typeof _commFmtPct==='function'?_commFmtPct(_tgtPct):_tgtPct.toFixed(1)+'%'):'—';
  // PV-2 (PB-1): สีเดียวกับเลขหัวจอ (#tgt-portview-bar) ซึ่งหาเส้นของคนที่จอกำลังพูดถึงแล้ว
  // (KAM/AD/PM = เกตของตัวเอง · หัวหน้าทีม = ขั้นเงินขั้นแรก · ทั้งบริษัท = ไม่ลงสี) — เดิมส่ง role 'kam' ตายตัว
  // 24 ต.ค. 2569: สีตามช่วงเกณฑ์ค่าคอมฯ ของคนที่หัวจอพูดถึง (07b window._tgtPortviewZone) · ไม่มีเกณฑ์ ⇒ สีกลางที่อ่านออก
  const _ppZone=_tgtPct!==null?(window._tgtPortviewZone||null):null;
  const paceColor=((typeof nrrZoneColor==='function')?nrrZoneColor(_ppZone):null)||'var(--tk-blue-text-primary)';
  // ชิปนับร้านตามกล่องสุขภาพร้าน (ON TRACK · MONITOR · AT RISK — 25 ต.ค. 2569) — ร้านไม่มี % ไม่นับ
  const _sg=a=>a.nrrSignal||null;
  const _grp=a=>(typeof nrrShopHealthGroup==='function')?nrrShopHealthGroup(a):null;
  const _chipWord={on:'ON TRACK',monitor:'MONITOR',risk:'AT RISK'};
  const chips=['on','monitor','risk'].map(g=>{
    const list=accounts.filter(a=>_grp(a)===g);
    if(!list.length)return null;
    const gmv=list.reduce((s,a)=>s+(_sg(a)?_sg(a).runrate||0:0),0);
    return {cls:g,lbl:_chipWord[g],val:fK(gmv),sub:list.length+' ร้าน'};
  }).filter(Boolean);
  // H12 (25 ต.ค. 2569): การ์ดทอง (คนดูพอร์ตตัวเอง) ⇒ ใต้ %NRR บอกค่าคอมฯ ยอดเดียวกับการ์ด
  // ยอดของวันนี้ยังไม่มา ⇒ ยอดล่าสุดสีเงิน (ตัวเดียวกับการ์ด · 07b_cds _commLastSilver) · ไม่มีทั้งคู่ ⇒ คำเดิม
  let _paceLbl='NRR เทียบฐาน';
  try{
    if(typeof window._kamGoldMode==='function'&&window._kamGoldMode()){
      const _S=window._commLastSelfSrc;
      const _fm=n=>(typeof _commFmtPayout==='function')?_commFmtPayout(n):'฿'+Math.round(n).toLocaleString('en-US');
      if(_S&&!_S.loading&&_S.src&&!_S.src.unavailable&&_S.src.final!=null&&isFinite(Number(_S.src.final))) _paceLbl=`<span class="pv-cs-comm">ค่าคอมฯ ${_fm(_S.src.final)}</span>`;
      else{ const _L=(typeof window._commLastSilver==='function')?window._commLastSilver():null; if(_L) _paceLbl=`<span class="pv-cs-comm silver">ค่าคอมฯ ${_fm(_L.final)}</span>`; }
    }
  }catch(e){}
  const searchIconSvg=`<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="22" y2="22"/></svg>`;
  strip.innerHTML=
    `<div class="pv-cs-pace"><div class="pv-cs-pace-val" style="color:${paceColor}">${portfolioPaceTxt}</div><div class="pv-cs-pace-lbl">${_paceLbl}</div></div>`+
    chips.map((c,i)=>{
      const isOn=portviewFilter===c.cls;
      const isDim=portviewFilter!=='all'&&!isOn;
      return (i>0?'<div class="pv-cs-divider"></div>':'')+
        `<div class="pv-cs-chip ${c.cls}${isOn?' pf-on':''}${isDim?' pf-dim':''}" onclick="setPortviewFilter('${c.cls}');_pvSyncChips()"><div class="pv-cs-label">${c.lbl}</div><div class="pv-cs-val">${c.val}</div><div class="pv-cs-sub">${c.sub}</div></div>`;
    }).join('')+
    `<button class="pv-cs-search" id="pv-cs-search-btn" title="ค้นหา" onclick="window._navSearchGo&&_navSearchGo()">${searchIconSvg}</button>`;
}

let _pvCollapseObserver=null;
// v801: generation token — every _pvInitCollapseObserver() bumps this.
// Any rAF frame or scroll handler from a previous generation becomes a no-op,
// so overlapping init calls (Echo return + showScreen + RenderBus settle firing
// within the same 120ms window) can never run two _frame() loops at once.
let _pvObsGen=0;
// v801: safe teardown exposed on window — callable from showScreen (05_kam_view,
// concatenated earlier) without touching the `let` binding directly and risking a
// temporal-dead-zone throw if invoked before this module's lets are evaluated.
window._pvTeardownCollapseObserver=function(){
  try{ if(_pvCollapseObserver){_pvCollapseObserver.disconnect();_pvCollapseObserver=null;} }catch(_e){}
  try{ window._pvLastCollapseMs=0; window._pvWasCollapsed=false; }catch(_e){}
};

// v669b: sync portview-list padding-top to actual portview-header height
// portview-header is position:sticky (not in flow), so list needs explicit top offset
// Safe to call any time — reads BCR, writes paddingTop only if changed
function _tvSyncListOffset(){
  // v700: overlap method + inline style (same pattern as _pvSyncListOffset for portview-list).
  // portview-list has no !important padding-top CSS → inline style wins.
  // teamview-content also has no !important padding-top CSS (removed v700) → inline style wins.
  // DO NOT add padding-top:anything!important in any CSS rule for #teamview-content.
  var scr=document.getElementById('scr-teamview');
  var lst=document.getElementById('teamview-content');
  if(!scr||!lst)return;
  if(!scr.classList.contains('on'))return; // not visible — BCR unreliable
  var hdr=scr.querySelector('.portview-header');
  if(!hdr)return;
  var hdrRect=hdr.getBoundingClientRect();
  var lstRect=lst.getBoundingClientRect();
  if(hdrRect.height===0)return; // layout not settled — caller will retry
  var overlap=Math.max(0, Math.round(hdrRect.bottom - lstRect.top));
  var pt=overlap>0?overlap+'px':'0px';
  if(lst.style.paddingTop!==pt) lst.style.paddingTop=pt;
}

function _pvSyncListOffset(){
  // v671b: measure actual overlap between sticky header bottom and list top
  // padding-top = overlap only (not full header height)
  var scr=document.getElementById('scr-portview');
  var lst=document.getElementById('portview-list');
  if(!scr||!lst)return;
  var hdr=scr.querySelector('.portview-header');
  if(!hdr)return;
  var hdrRect=hdr.getBoundingClientRect();
  var lstRect=lst.getBoundingClientRect();
  // overlap = how much header bottom exceeds list top
  var overlap=Math.max(0, Math.round(hdrRect.bottom - lstRect.top));
  var pt=overlap>0?overlap+'px':'0px';
  if(lst.style.paddingTop!==pt) lst.style.paddingTop=pt;
}

function _pvSyncChips(){
  // Sync active/dim classes on compact strip chips without full rebuild
  const strip=document.getElementById('pv-compact-strip');
  if(!strip)return;
  strip.querySelectorAll('.pv-cs-chip').forEach(chip=>{
    const cls=Array.from(chip.classList).find(c=>['reached','below1','half','zero','none'].includes(c));
    if(!cls)return;
    const isOn=portviewFilter===cls;
    const isDim=portviewFilter!=='all'&&!isOn;
    chip.classList.toggle('pf-on',isOn);
    chip.classList.toggle('pf-dim',isDim);
  });
}

function _pvInitCollapseObserver(){
  if(_pvCollapseObserver){_pvCollapseObserver.disconnect();_pvCollapseObserver=null;}
  const old=document.getElementById('pv-collapse-sentinel');if(old)old.remove();
  // v801: claim a new generation. Any frame/scroll/timeout from an older
  // generation checks _myGen===_pvObsGen and bails — kills overlapping loops.
  const _myGen=++_pvObsGen;
  const screen=document.getElementById('scr-portview');
  const collapsible=document.getElementById('pv-collapsible');
  const strip=document.getElementById('pv-compact-strip');
  const listEl=document.getElementById('portview-list');
  if(!screen||!collapsible||!strip||!listEl)return;

  // v651: scroll-linked collapse (Pattern B)
  // Instead of "scroll hits threshold → snap to collapsed", the header height
  // is directly tied to scrollY — moves with the finger, no jarring jump.
  //
  // Mechanic:
  //   expandedH  = real scrollHeight of pv-collapsible (measured once per session)
  //   scrollY 0            → height = expandedH  (fully open)
  //   scrollY 0..expandedH → height interpolates linearly (follows finger 1:1)
  //   scrollY ≥ expandedH  → height = 0 (fully closed, compact strip shown)
  //
  // No CSS transition used — JS sets height inline every rAF frame.
  // CSS transition removed from .pv-collapsible to prevent double-animation.
  //
  // Few-cards guard: if page not scrollable (_scrollable()=false),
  // force height = expandedH and skip rAF entirely. No loop, no crash.

  var expandedH = 0;       // measured on first scroll or init
  var rafId = 0;

  // v753p: expose reset function so _tgtToggleDetail can force re-measure
  window._pvResetExpandedH = function(){
    if(_myGen!==_pvObsGen)return; // v801: only the active generation may reset
    expandedH = 0;  // force _frame() to re-measure on next tick
    lastAppliedH = -1;
    if(!rafId) rafId = requestAnimationFrame(_frame);
  };
  // v672b: restore collapse state — use _pvWasCollapsed (snapshotted before scroll reset)
  // _pvLastCollapseMs may be stale if browser reset scroll before reinit
  var isCollapsed = !!(window._pvWasCollapsed||(window._pvLastCollapseMs||0)>0);
  var lastAppliedH = -1;   // last height written — skip DOM write if unchanged

  function _scrollTop(){
    var se=document.scrollingElement||document.documentElement;
    return Math.max(
      window.pageYOffset||0,
      se?se.scrollTop||0:0,
      document.documentElement?document.documentElement.scrollTop||0:0,
      document.body?document.body.scrollTop||0:0,
      screen.scrollTop||0
    );
  }

  function _scrollable(){
    var docH=Math.max(
      document.body?document.body.scrollHeight:0,
      document.documentElement?document.documentElement.scrollHeight:0,
      screen?screen.scrollHeight:0
    );
    var winH=window.innerHeight||document.documentElement.clientHeight||600;
    return (docH-winH)>10;
  }

  function _canExpand(){
    var msSinceRender=Date.now()-(window._pvLastRenderMs||0);
    var aiOut=document.getElementById('portview-ai-output');
    return msSinceRender>350&&!(aiOut&&aiOut.style.display!=='none');
  }

  function _applyStrip(collapsed){
    // manage compact strip + search bar state changes
    if(isCollapsed===collapsed)return;
    isCollapsed=collapsed;
    strip.className='pv-compact-strip '+(collapsed?'visible':'hidden');
    window._pvLastCollapseMs=collapsed?Date.now():0;
    // v671d: sync padding-top when collapse state changes (header height changes significantly)
    setTimeout(_pvSyncListOffset, 0);
    var searchExpand=document.getElementById('pv-sort-search-expand');
    if(collapsed&&searchExpand){
      searchExpand.style.display='block';
      var si=document.getElementById('pv-search-collapsed');
      if(si&&!si.value)setTimeout(function(){si.focus();},180);
      var sb=document.getElementById('pv-cs-search-btn');
      if(sb)sb.classList.add('active');
    }else if(!collapsed&&searchExpand){
      var si=document.getElementById('pv-search-collapsed');
      // H10: เปิดจากปุ่ม "ค้นหาร้าน" ในเมนูล่าง (12_nav_config) = ปักไว้จนกว่าจะออกจากช่อง
      if(si&&!si.value&&!window._pvSearchPinned){
        searchExpand.style.display='none';
        var sb=document.getElementById('pv-cs-search-btn');
        if(sb)sb.classList.remove('active');
      }
    }
  }

  function _frame(){
    rafId=0;
    // v801: stale-generation guard — a newer observer has taken over, stop.
    if(_myGen!==_pvObsGen)return;
    if(document.body.classList.contains('pv-search-mode'))return;   // โหมดค้นหาคุมหัวจอเอง (25 ต.ค. 2569)
    if(!screen.classList.contains('on'))return;

    // v669: Measure expandedH once (or re-measure if reset by _pvResetExpandedH)
    if(expandedH<=0){
      var prev=collapsible.style.maxHeight;
      collapsible.style.maxHeight='';
      expandedH=collapsible.scrollHeight||200;
      collapsible.style.maxHeight=prev;
    }

    var y=_scrollTop();
    // h goes from expandedH (at y=0) to 0 (at y=expandedH), clamped
    var h=Math.max(0, Math.min(expandedH, expandedH-y));

    // v801: NOT-SCROLLABLE GUARD comes FIRST and is unconditional.
    // After a filter/search shrinks the list, the page may no longer be scrollable.
    // Keeping the header collapsed in that state traps the user — there is nothing
    // to scroll back up with to re-expand it. So if the page can't scroll, force
    // the header open and clear the stale collapse snapshot. This supersedes the
    // old few-cards guard (which skipped when _pvWasCollapsed was set) and the
    // y===0 collapse-restore below.
    if(!_scrollable()){
      window._pvWasCollapsed=false;
      window._pvLastCollapseMs=0;
      if(lastAppliedH!==expandedH){
        lastAppliedH=expandedH;
        collapsible.style.maxHeight=expandedH+'px';
        collapsible.style.opacity='1';
        collapsible.style.pointerEvents='';
        _pvSyncListOffset();
      }
      _applyStrip(false);
      return;
    }

    // v672c: if user was collapsed before render (scroll reset to 0 by browser)
    // restore collapsed state — don't let scroll=0 mean "expanded".
    // (Only reached when the page IS scrollable — see guard above.)
    if(y===0&&(window._pvWasCollapsed||isCollapsed)){
      h=0;
      // v673: force strip visible — _applyStrip guard may skip if isCollapsed already true
      // but strip class can be stale after re-render (filter/search/sort reinit)
      if(isCollapsed&&strip.className.indexOf('visible')===-1){
        strip.className='pv-compact-strip visible';
      }
      // 25 ต.ค. 2569 (Bucci "scroll ไปมาแล้วเกิดช่องว่าง"): กระโดดกลับบนสุดขณะหัวยุบ (แตะแถบสถานะ / ปัดแรง)
      // ⇒ หัวยุบค้าง แต่ระยะดันรายการยังเป็นค่าตอนเลื่อนลงลึก (เช่น 650px) ⇒ ช่องว่างใหญ่เหนือการ์ดใบแรก — วัดใหม่ทุกครั้ง
      requestAnimationFrame(function(){ if(_myGen===_pvObsGen)_pvSyncListOffset(); });
    }

    var collapsed=(h===0);
    var expanding=(h===expandedH);

    // v754c: if a detail panel is open, allow collapsible to grow beyond expandedH
    // expandedH was measured before panel opened → clips content at old height
    if(!collapsed && collapsible.querySelector('.tgt-detail-panel.open')){
      var liveH=collapsible.scrollHeight;
      if(liveH>h){ h=liveH; }
    }

    // Skip DOM write if value unchanged (saves layout thrash)
    if(lastAppliedH!==h){
      lastAppliedH=h;
      collapsible.style.maxHeight=h+'px';
      // Fade out the last ~20% of collapse for a smooth vanish
      var opacity=Math.min(1, h/(expandedH*0.3));
      collapsible.style.opacity=String(opacity);
      collapsible.style.pointerEvents=collapsed?'none':'';
      // v671a: sync list padding-top every time header height changes
      // v92: DEFERRED to next rAF tick (was a direct synchronous call here).
      // _pvSyncListOffset()'s two getBoundingClientRect() reads force a
      // layout pass — calling it synchronously, same-tick as the maxHeight
      // write above, forced an early mid-script layout on every frame of
      // the collapse gesture. That extra forced layout was a second
      // trigger point (beyond the frame's own natural paint-time layout)
      // for the browser's CSS Scroll Anchoring to fire against — since
      // .pv-collapsible's shrinking height is in-flow above #portview-list,
      // anchoring silently corrected scrollY to compensate, which the next
      // _frame() tick read back as further user scroll, shrinking the
      // header more, compensating more: a per-frame feedback loop that
      // showed up as padding-top oscillating between 2 values at high
      // frequency while scrolling. Deferring by 1 rAF tick lets this
      // frame's write flush through the browser's normal render pipeline
      // first. (overflow-anchor:none, added alongside this fix in
      // styles_portview.css/styles_base.css, disables the anchoring
      // reaction itself — this deferral removes the other half of the
      // problem, the redundant forced-early-layout trigger.)
      requestAnimationFrame(function(){
        if(_myGen!==_pvObsGen)return; // stale generation — no-op, matches this function's other guards
        _pvSyncListOffset();
      });
    }

    _applyStrip(collapsed);

    // If mid-animation (not fully open/closed), keep rAF running
    if(!collapsed&&!expanding){
      rafId=requestAnimationFrame(_frame);
    }
  }

  function _onScroll(){
    // v801: ignore scroll events routed to a superseded observer generation
    if(_myGen!==_pvObsGen)return;
    if(!rafId) rafId=requestAnimationFrame(_frame);
  }

  // Init: measure and set correct initial state
  setTimeout(function(){
    if(_myGen!==_pvObsGen)return; // v801: superseded before init settled
    if(!screen.classList.contains('on'))return;
    expandedH=collapsible.scrollHeight||200;
    lastAppliedH=-1; // force first write
    _frame();
    // v669b: sync padding-top once after init (data may have loaded by now)
    _pvSyncListOffset();
  },180);
  // v669b: also sync after a longer delay in case data loads slow
  setTimeout(function(){
    if(_myGen!==_pvObsGen)return; // v801: superseded
    if(!screen.classList.contains('on'))return;
    _pvSyncListOffset();
  },600);

  window.addEventListener('scroll',_onScroll,{passive:true});
  // v92: removed the redundant document-capture registration that used to
  // be here (`document.addEventListener('scroll',_onScroll,{capture:true,
  // passive:true})`) — verified it was a true no-op duplicate, not a
  // needed second source: the only other in-page scroller near this screen
  // is #detailSheet/#skuDetailSheet, both DOM SIBLINGS of #scr-portview
  // (not descendants), and _scrollTop() below never reads their scrollTop
  // — so even when that listener fired from a detail-sheet scroll, every
  // downstream branch in _frame() was already a no-op. Kept only the
  // window-level registration.
  window.addEventListener('resize',_onScroll,{passive:true});

  _pvCollapseObserver={disconnect:function(){
    if(rafId){cancelAnimationFrame(rafId);rafId=0;}
    window.removeEventListener('scroll',_onScroll);
    window.removeEventListener('resize',_onScroll);
    // v671c: preserve collapse state on disconnect — don't reset maxHeight
    // so reinit (search/sort/filter) keeps header collapsed if user scrolled it
    // Only reset lastAppliedH so _frame() re-writes on next init
    lastAppliedH=-1;
  }};
}


function setPvView(mode){
  pvViewMode=mode;
  // v801: parity with other re-render entry points
  window._pvWasCollapsed=(window._pvLastCollapseMs||0)>0;
  renderPortviewList();
}

function _countUp(el,target,duration){
  if(target===0){el.textContent='0';return;}
  const start=performance.now();
  const tick=t=>{
    const p=Math.min((t-start)/duration,1);
    const eased=1-Math.pow(1-p,3);
    el.textContent=Math.round(eased*target);
    if(p<1)requestAnimationFrame(tick);
  };
  requestAnimationFrame(tick);
}

function renderPortviewSummary(){
  const renderer = window.FreshketSenseKamTeamRenderer;
  if(renderer && typeof renderer.renderPortviewSummaryFromLegacy === 'function'){
    try{
      return renderer.renderPortviewSummaryFromLegacy({
        D: D,
        OPPS: OPPS,
        currentAccountId: currentAccountId,
        currentKamSubtab: (typeof currentKamSubtab !== 'undefined' ? currentKamSubtab : null),
        portviewLevel: (typeof portviewLevel !== 'undefined' ? portviewLevel : null),
        portviewFilter: (typeof portviewFilter !== 'undefined' ? portviewFilter : null),
        teamviewLevel: (typeof teamviewLevel !== 'undefined' ? teamviewLevel : null),
        portviewBulkData: (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        legacy: { renderPortviewSummary: __legacyRenderPortviewSummaryFallback }
      });
    }catch(e){
      console.warn('renderPortviewSummary renderer failed, falling back to legacy renderer', e);
    }
  }
  return __legacyRenderPortviewSummaryFallback();
}

function __legacyRenderPortviewSummaryFallback(){
  // v224e: Skip render entirely if portview+history not ready yet.
  // Prevents partial renders showing 0%/danger pace before data loads.
  // refreshAll() (gated on allCriticalReady) will trigger the correct render.
  if(typeof allCriticalReady==='function' && !allCriticalReady() &&
     (typeof portviewBulkData==='undefined' || !portviewBulkData || portviewBulkData.length===0)){
    return;
  }
  // v210h: create target widget anchor before legacy pace renders.
  // This prevents the first-login 1-2 frame double-panel flash in KAM Portfolio.
  try { if (typeof _injectPortviewBarEl === 'function') _injectPortviewBarEl(); } catch(_e) {}
  const accounts=getPortviewAccounts();
  // 25 ต.ค. 2569 (Bucci · บอร์ด TierColor ข + PortTLNew): กล่องนับตามสุขภาพร้าน (05b nrrShopHealthGroup · src/domain/nrr/bands.js)
  //   ON TRACK (ตั้งแต่เส้นสุขภาพ) มีบรรทัด "ช่วยดึงขึ้น" = ร้านเขียวเรือง (ถึงขั้น 2 ของเจ้าของร้าน) · MONITOR · AT RISK
  //   แทนกล่องช่วงเงินของเจ้าของร้าน (24 ต.ค.) — ค่าคอมฯ คิดเป็นรายคน ร้านเดี่ยวใช้ %NRR ของตัวเอง
  //   ร้านที่ไม่มี % (ร้านใหม่ / Handover / หยุดซื้อ) ไม่อยู่ในกล่องไหน · คำใต้หัวกล่องมาจากค่าตั้ง (nrrShopHealthRules)
  const _ns=a=>a.nrrSignal||null;
  const _grp=a=>(typeof nrrShopHealthGroup==='function')?nrrShopHealthGroup(a):null;
  const _isGlow=a=>{const h=(typeof nrrShopHealth==='function')?nrrShopHealth(a):null;return !!(h&&h.key==='glow');};
  const G={on:[],monitor:[],risk:[]};
  accounts.forEach(a=>{const g=_grp(a);if(g&&G[g])G[g].push(a);});
  const el=document.getElementById('portview-summary-row');
  if(!el)return;
  const _rules=(typeof nrrShopHealthRules==='function')?nrrShopHealthRules():null;
  const fmtGMV=n=>n>=1000000?'฿'+(n/1000000).toFixed(1)+'M':n>=1000?'฿'+(n/1000).toFixed(0)+'K':'฿'+Math.round(n);
  const _sumRr=list=>list.reduce((s,a)=>s+(_ns(a)?_ns(a).runrate||0:0),0);
  const _short=list=>list.reduce((s,a)=>s+Math.max(0,(_ns(a).baseline_gmv||0)-(_ns(a).cmpRunrate||0)),0);
  const _over=list=>Math.max(0,list.reduce((s,a)=>s+((_ns(a).cmpRunrate||0)-(_ns(a).baseline_gmv||0)),0));
  const glow=G.on.filter(_isGlow);
  // เส้นเขียวเรืองของเจ้าของร้าน (ขั้น 2) — ทุกร้านเส้นเดียวกัน ⇒ "110%+" · ต่างกัน (หัวหน้าทีมดูหลายแบบเกณฑ์) ⇒ "ถึงขั้น 2"
  const _glowFroms=[...new Set(G.on.map(a=>(typeof nrrShopGlowFrom==='function')?nrrShopGlowFrom(a.kamEmail||''):null).filter(v=>v!=null))];
  const _glowLbl=_glowFroms.length===1?((typeof _commFormatPts==='function'?_commFormatPts(_glowFroms[0]):_glowFroms[0])+'%+'):(_glowFroms.length?'(ถึงขั้น 2)':'');
  const okRunRate=_sumRr(G.on);
  const glowSurplus=_over(glow), okSurplus=_over(G.on);
  const _baseMoTier=(()=>{const s=accounts.find(a=>_ns(a)&&_ns(a).baseMonthLabel);return s?_ns(s).baseMonthLabel:(typeof _nrrBaseMonthThLabel==='function'?_nrrBaseMonthThLabel():null);})()||'เดือนฐาน';
  const _baseMo=_baseMoTier.split(' ')[0];
  // v302: แถบ "Pro Rate พอร์ต" (legacy) ถอดออก — #tgt-portview-bar (07b) เป็นตัวเดียวและไม่ fallback มาที่นี่แล้ว
  // element ยังอยู่ใน shell.html (01 ล้าง innerHTML ตอน logout) — ซ่อนถาวร
  const paceBarEl=document.getElementById('portview-pace-bar');
  if(paceBarEl){paceBarEl.style.display='none';paceBarEl.innerHTML='';}
  try { if (typeof _commRenderKamSelfStrip === 'function') _commRenderKamSelfStrip(); } catch(_e) {}
  // ค่าตั้งเส้นสุขภาพยังไม่มา ⇒ ยังไม่วาดกล่อง (ห้ามโชว์ "0 ร้าน" ทุกกล่องแล้วกระโดด)
  if(!_rules){ if(el._lastTierKey!=='wait'){el._lastTierKey='wait';el.innerHTML='';} return; }
  const _pf=g=>portviewFilter===g?' pf-active':(portviewFilter!=='all'?' pf-dim':'');
  const _word={on:'ON TRACK',monitor:'MONITOR',risk:'AT RISK'};
  // ── กล่อง ON TRACK กว้างตามสัดส่วน 40–55% ──
  const ok=G.on.length;
  const totalAccts=ok+G.monitor.length+G.risk.length;
  const okRatio = totalAccts > 0 ? ok / totalAccts : 0.6;
  const okColW = Math.round(Math.min(55, Math.max(40, okRatio * 100)));
  const _tip={
    on:`ON TRACK: ร้านที่ %NRR ${_rules.on} เทียบยอดเดือน ${_baseMoTier}${_glowLbl?` · ช่วยดึงขึ้น = ร้านที่ถึงขั้น 2 ของเกณฑ์เจ้าของร้าน (${_glowLbl}) ดึง %NRR ของ KAM ขึ้น`:''}`,
    monitor:`MONITOR: ร้านที่ %NRR ${_rules.monitor} เทียบยอดเดือน ${_baseMoTier}`,
    risk:`AT RISK: ร้านที่ %NRR ${_rules.risk} เทียบยอดเดือน ${_baseMoTier}`
  };
  // ── กล่องเล็กคอลัมน์ขวา: ร้าน · ยอดที่ขาดจากฐาน · เส้น · ยอด ──
  const _tierBox=g=>{
    const list=G[g];
    if(!list.length)return`<div class="portview-tier-box ${g}" title="${_tip[g]}" style="border-style:dashed;align-items:center;justify-content:center;display:flex;gap:6px;flex-direction:row">
      <div class="portview-tier-lbl" style="opacity:.4;margin:0">${_word[g]}</div>
      <div style="font-size:var(--text-xs);color:var(--tk-text-faint)">0 ร้าน · ${_rules[g]}</div>
    </div>`;
    const short=_short(list);
    return`<div class="portview-tier-box ${g}${_pf(g)}" data-pf="${g}" onclick="setPortviewFilter('${g}')" title="${_tip[g]}">
      <div style="display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin-bottom:3px">
        <div style="display:flex;align-items:baseline;flex-wrap:wrap;column-gap:5px;min-width:0">
          <div class="portview-tier-lbl" style="margin:0">${_word[g]}</div>
          <div style="font-size:var(--text-2xs);color:rgba(255,255,255,.52);font-family:var(--tk-font-body);white-space:nowrap">${list.length} ร้าน</div>
        </div>
        ${short>0?`<div class="portview-tier-short" style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);flex-shrink:0;line-height:1;white-space:nowrap">-${fmtGMV(short)}</div>`:''}
      </div>
      <div class="portview-tier-rule">${_rules[g]} · ${fmtGMV(_sumRr(list))}</div>
    </div>`;
  };
  // Value guard: skip tier grid rebuild if counts and GMV unchanged
  // v_shopnrr: เลขเหนือ/ต่ำกว่าฐานเปลี่ยนได้โดยจำนวนร้านไม่เปลี่ยน (ไฟล์ NRR มาทีหลัง) ⇒ ต้องอยู่ในคีย์
  const warnShortfall=_short(G.monitor), dangerShortfall=_short(G.risk);   // MONITOR · AT RISK
  const _grpKey=['on','monitor','risk'].map(g=>G[g].length+':'+Math.round(_sumRr(G[g]))).join('|');
  const _tierKey=`${_grpKey}|${glow.length}|${Math.round(glowSurplus)}|${Math.round(okSurplus)}|${Math.round(warnShortfall)}|${Math.round(dangerShortfall)}|${_glowLbl}|${_rules.t1}|${portviewFilter}`;
  if(el._lastTierKey===_tierKey && el.innerHTML.trim()) return;
  el._lastTierKey=_tierKey;
  // บรรทัดในกล่อง ON TRACK: มีร้านเขียวเรือง ⇒ "ช่วยดึงขึ้น 110%+ · N ร้าน · +฿X เหนือฐาน" (เหนือฐานของร้านกลุ่มนี้)
  //   ไม่รู้เส้นขั้น 2 (เจ้าของร้านไม่มีขั้นเงิน / เกณฑ์ยังไม่มา) ⇒ "+฿X เหนือฐาน" ของทั้งกล่องแบบเดิม
  // กล่องแคบได้ถึง 40% ของแถว (จอ 320 ≈ 115px) ⇒ แต่ละชิ้น nowrap และลงบรรทัดใหม่ทั้งก้อน (v351)
  const _okFoot=glow.length&&_glowLbl
    ?`<div class="pv-tier-glow">
        <div style="display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;row-gap:1px">
          <span class="pv-glow-dot" aria-hidden="true"></span><span style="white-space:nowrap">ช่วยดึงขึ้น ${_glowLbl}</span><span style="white-space:nowrap;color:rgba(255,255,255,.55)">${glow.length} ร้าน</span>
        </div>
        <div style="display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;row-gap:1px;margin-top:2px">
          <span class="pv-glow-amt">+${fmtGMV(glowSurplus)}</span><span style="font-size:var(--text-xs);color:rgba(255,255,255,.55);white-space:nowrap">เหนือฐาน ${_baseMo}</span>
        </div>
      </div>`
    :`<div style="border-top:1px solid var(--tk-ok-dim-2);margin-top:8px;padding-top:7px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;row-gap:2px">
        <span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--hz-on);white-space:nowrap">${okSurplus>0?'+':''}${fmtGMV(okSurplus)}</span>
        <span style="font-size:var(--text-xs);color:rgba(255,255,255,.55);white-space:nowrap">เหนือฐาน ${_baseMo}</span>
      </div>`;
  el.innerHTML=`<div class="portview-tier-grid">
    <div class="portview-tier-col-ok" style="width:${okColW}%">
      <div class="portview-tier-box on${_pf('on')}" data-pf="on" onclick="setPortviewFilter('on')" title="${_tip.on}">
        <div style="display:flex;align-items:baseline;gap:5px;margin-bottom:2px">
          <div class="portview-tier-lbl" style="margin:0">ON TRACK</div>
          <div style="font-size:var(--text-2xs);color:rgba(255,255,255,.52);font-family:var(--tk-font-body);white-space:nowrap">${ok} ร้าน</div>
        </div>
        <div class="portview-tier-rule" style="margin-bottom:5px">${_rules.on}</div>
        <div class="portview-tier-val">${fmtGMV(okRunRate)}</div>
        ${_okFoot}
      </div>
    </div>
    <div class="portview-tier-col-risk">
      ${_tierBox('monitor')}
      ${_tierBox('risk')}
    </div>
  </div>`;
  // Update nav badge — ร้าน MONITOR + AT RISK (ก่อน 24 ต.ค. ก็นับแบบนี้)
  const navBadge=document.getElementById('port-nav-badge');
  if(navBadge){
    const atRisk=G.monitor.length+G.risk.length;
    navBadge.dataset.nrrSynced='1';
    navBadge.textContent=atRisk;
    navBadge.style.display=atRisk>0?'flex':'none';
  }
  // v_key: Products nav badge — reliable hook since this fires whenever portview data changes/loads
  try{ if(typeof renderKeySkuNavBadge==='function') renderKeySkuNavBadge(); }catch(_e){}
}

function portviewSelectAccount(accountId){
  // Navigate to that account + switch to pace tab
  trackVisit(accountId,'account'); // ← visit tracking
  try{
    closeDataPanel&&closeDataPanel();
    window._returnToPortview=true;
    // v224e: TL/Admin — eagerly start bundle fetch BEFORE switchAccount
    // so bundle is in-flight while UI transitions, reducing SKU movement wait time
    const _pvRole=(currentUserProfile&&currentUserProfile.role)||'';
    // v_stab1: eager bundle fetch for ALL roles — rep included.
    // If portviewBulkData is briefly empty (token refresh), kamEmail lookup returns null.
    // Fallback: for rep role, currentUser.email IS their kamEmail.
    const _pvKamEmail=(typeof _getKamEmailForAccount==='function'?_getKamEmailForAccount(accountId):null)
      || ((_pvRole!=='tl'&&_pvRole!=='admin')&&currentUser&&currentUser.email?currentUser.email:null);
    if(_pvKamEmail&&typeof _fetchKamBundle==='function'){
      _fetchKamBundle(_pvKamEmail).catch(()=>{});
    } else if((_pvRole==='tl'||_pvRole==='admin')&&typeof _fetchKamBundle==='function'){
      // v801: admin/TL — kamEmail not resolvable yet (portviewBulkData empty during a
      // token-refresh race). Do NOT fetch with the admin's own email (wrong key → 404 →
      // 90s timeout was the root of "SKU movement takes a minute" for admins).
      // Instead poll briefly for portviewBulkData to land, then fetch the correct bundle.
      let _retries=0;
      const _resolveAdminBundle=()=>{
        if(String(currentAccountId||'')!==String(accountId))return; // user moved on
        const _e=(typeof _getKamEmailForAccount==='function')?_getKamEmailForAccount(accountId):null;
        if(_e){ _fetchKamBundle(_e).catch(()=>{}); return; }
        if(_retries++<8) setTimeout(_resolveAdminBundle,400); // up to ~3.2s
      };
      setTimeout(_resolveAdminBundle,300);
    }
    switchAccount(accountId);
    showScreen('overview');
    setTimeout(()=>{
      if(!isKAM){
        setMode('kam'); // setMode handles renderKamOverview internally
      } else {
        // Already in KAM mode — refreshAll was called by switchAccount but
        // renderKamOverview is guarded by kamStateCache check which may have been stale.
        // Force a header re-render now that currentAccountId and D.meta are definitely updated.
        renderKamOverview();
        const kamCards=document.getElementById('kam-cards');
        if(kamCards)kamCards.style.display='block';
        // Re-enable nav buttons now account is selected
        if(typeof _updateKamNavDisabled==='function')_updateKamNavDisabled();
        // v_stab1: if data is blank (token-refresh race or slow bundle),
        // show loading spinner and register a one-shot re-render when bundle arrives.
        const _hasData=typeof D!=='undefined'&&D.history&&D.history.length>0;
        if(!_hasData){
          const _kload=document.getElementById('kam-loading2');
          const _kstep=document.getElementById('kam-loading-step');
          if(_kload){_kload.style.display='block';}
          if(_kstep){_kstep.textContent='กำลังโหลดข้อมูลร้าน...';}
          // One-shot: re-render when bundle/data arrives (RenderBus will call refreshAll)
          // Set a flag so we re-show data once it's ready
          window._pvPendingAccountRerender=accountId;
        }
      }
      setKamSubtab('thismonth');
    },300);
  }catch(err){
    showToast('portviewSelect error: '+err.message,'⚠');
  }
}

function renderPortview(){
  const renderer = window.FreshketSenseKamTeamRenderer;
  if(renderer && typeof renderer.renderPortviewFromLegacy === 'function'){
    try{
      return renderer.renderPortviewFromLegacy({
        D: D,
        OPPS: OPPS,
        currentAccountId: currentAccountId,
        currentKamSubtab: (typeof currentKamSubtab !== 'undefined' ? currentKamSubtab : null),
        portviewLevel: (typeof portviewLevel !== 'undefined' ? portviewLevel : null),
        portviewFilter: (typeof portviewFilter !== 'undefined' ? portviewFilter : null),
        teamviewLevel: (typeof teamviewLevel !== 'undefined' ? teamviewLevel : null),
        portviewBulkData: (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        legacy: { renderPortview: __legacyRenderPortviewFallback }
      });
    }catch(e){
      console.warn('renderPortview renderer failed, falling back to legacy renderer', e);
    }
  }
  return __legacyRenderPortviewFallback();
}

function __legacyRenderPortviewFallback(){
  portviewAiDone=false;
  const aiOut=document.getElementById('portview-ai-output');
  if(aiOut)aiOut.style.display='none';
  const heading=document.getElementById('portview-heading');
  const levelBadge=document.getElementById('portview-level-badge');
  const backWrap=document.getElementById('portview-back-wrap');
  const role=currentUserProfile?currentUserProfile.role:'rep';
  if(portviewLevel==='rep-detail'){
    const _repGroup=_buildKamGroups().find(g=>g.kamEmail===portviewRepEmail||g.kamName===portviewRepEmail);
    if(heading)heading.textContent=_repGroup?_repGroup.kamName:(portviewRepEmail||'KAM');
    if(levelBadge)levelBadge.textContent='TL';
    if(backWrap)backWrap.style.display='block';
    const _bl=document.getElementById('portview-back-label');
    if(_bl)_bl.textContent='ภาพรวมทีม';
  } else {
    if(heading)heading.textContent='พอร์ตของฉัน';
    if(levelBadge)levelBadge.textContent=role==='tl'||role==='admin'?'TL':role==='sales'||role==='sales_tl'?'Sales':'KAM';
    if(backWrap)backWrap.style.display='none';
  }
  // H9: ไฟวันต่อเนื่องแทนป้าย "KAM" เฉพาะคนดูพอร์ตตัวเอง · อ่านไม่ได้ = ป้ายเดิม (06c)
  try{ if(typeof window._kamStreakLoad==='function') window._kamStreakLoad(); }catch(e){}
  renderPortviewSummary();
  renderPortviewList();
  // v669: preserve collapse state across re-renders (search, sort, filter)
  // Only full reset on fresh navigation (observer not running)
  const coll=document.getElementById('pv-collapsible');
  const strip=document.getElementById('pv-compact-strip');
  const _wasCollapsed=_pvCollapseObserver&&window._pvLastCollapseMs>0;
  if(!_wasCollapsed){
    // Fresh navigation — reset to expanded
    if(coll){coll.className='pv-collapsible expanded';}
    if(strip){strip.className='pv-compact-strip hidden';}
  }
  // Remove old sentinel
  const old=document.getElementById('pv-collapse-sentinel');if(old)old.remove();
  setTimeout(()=>{_pvBuildCompactStrip();_pvInitCollapseObserver();},120);
}

// ════════════════════════════════════════
// TEAMVIEW — TL TEAM OVERVIEW
// ════════════════════════════════════════
function _tvFmtK(n){return n>=1000000?'฿'+(n/1000000).toFixed(1)+'M':n>=1000?'฿'+(n/1000).toFixed(0)+'K':'฿'+Math.round(n);}


// v_asof (2026-10-01): งวดปัจจุบันต้องเป็นเดือนของข้อมูล (day-1) ไม่ใช่เดือนของวันนี้
// เดิมใช้ new Date() ⇒ วันที่ 1 ทุกเดือน ไปหาเป้าของเดือนใหม่ที่ยังไม่มีข้อมูลสักวัน
function _tvCurrentPeriod(){
  const now = (typeof _commLagDate === 'function') ? _commLagDate()
    : (function(){ const d = new Date(); d.setDate(d.getDate() - 1); return d; })();
  return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`;
}
function _tvTargetsReady(){
  return (typeof _tgtLoaded !== 'undefined' && _tgtLoaded && typeof _tgtGet === 'function');
}
function _tvFirstTlEmail(accounts){
  const rows = Array.isArray(accounts) ? accounts : [];
  const direct = rows.find(a => a && a.tlEmail);
  if (direct && direct.tlEmail) return direct.tlEmail;
  const kamEmail = rows.find(a => a && a.kamEmail)?.kamEmail || '';
  if (kamEmail && Array.isArray(portviewBulkData)) {
    const sameKam = portviewBulkData.find(a => a && a.kamEmail === kamEmail && a.tlEmail);
    if (sameKam && sameKam.tlEmail) return sameKam.tlEmail;
  }
  return '';
}
function _tvResolveKamDenominator(g, fallbackBaseline){
  const baseline = Math.max(0, Number(fallbackBaseline || 0));
  let target = 0;
  let mode = 'base';
  let label = 'baseline';
  const period = _tvCurrentPeriod();
  const kamEmail = (g && g.kamEmail) || '';

  if (_tvTargetsReady()) {
    if (kamEmail) target = Number(_tgtGet(period, 'kam', kamEmail) || 0);
    if (target > 0) {
      mode = 'kam';
      label = 'target';
    } else {
      const tlEmail = _tvFirstTlEmail(g && g.accounts);
      const tlTarget = tlEmail ? Number(_tgtGet(period, 'team', tlEmail) || 0) : 0;
      if (tlTarget > 0) {
        const kamBaseline = (typeof _tgtKamBaseline3mo === 'function' && kamEmail)
          ? (_tgtKamBaseline3mo(kamEmail, null, 'kam') || baseline)
          : baseline;
        const teamBaseline = (typeof _tgtKamBaseline3mo === 'function')
          ? (_tgtKamBaseline3mo(null, tlEmail, 'tl') || 0)
          : 0;
        let share = teamBaseline > 0 ? kamBaseline / teamBaseline : 0;
        if (!(share > 0)) {
          const kamCount = (typeof _tgtGetKamsForTL === 'function' ? _tgtGetKamsForTL(tlEmail).length : 0) || 1;
          share = 1 / Math.max(1, kamCount);
        }
        target = Math.round(tlTarget * share);
        if (target > 0) {
          mode = 'team';
          label = 'allocated target';
        }
      }
    }
  }

  const denominator = target > 0 ? target : baseline;
  return { denominator, target, baseline, mode, label, hasTarget: target > 0 };
}
function _tvResolveTeamDenominator(groups, allAccts){
  groups = Array.isArray(groups) ? groups : [];
  allAccts = Array.isArray(allAccts) ? allAccts : [];
  const baseline = groups.reduce((s,g) => s + Number(g.baseline || 0), 0);
  let target = 0;
  let mode = 'base';
  let label = 'baseline';
  const period = _tvCurrentPeriod();

  if (_tvTargetsReady()) {
    const role = (currentUserProfile && currentUserProfile.role) || '';
    const email = (currentUserProfile && currentUserProfile.email) || '';
    if (role === 'tl' && email) {
      target = Number(_tgtGet(period, 'team', email) || 0);
      if (target > 0) { mode = 'team'; label = 'target'; }
    } else if (role === 'admin') {
      const tlEmails = Array.from(new Set(allAccts.map(a => a && a.tlEmail).filter(Boolean)));
      const sumTeamTargets = tlEmails.reduce((s,tl) => s + Number(_tgtGet(period, 'team', tl) || 0), 0);
      if (sumTeamTargets > 0) { target = sumTeamTargets; mode = 'team'; label = 'target'; }
    }
    if (!(target > 0)) {
      const sumKamTargets = groups.reduce((s,g) => s + Number(g.target || 0), 0);
      if (sumKamTargets > 0) { target = sumKamTargets; mode = 'kam'; label = 'KAM targets'; }
    }
  }

  const denominator = target > 0 ? target : baseline;
  return { denominator, target, baseline, mode, label, hasTarget: target > 0 };
}
function _tvDenomLabel(info){
  return '';
}

// ── perf R1 (19 ต.ค. 2569): จำผล "ร้าน + paceSignal + nrrSignal" ของแต่ละร้านไว้ ─────────────────────
// วัดบนเว็บจริง (admin เปิดแอป v341): _buildKamGroups ถูกเรียก 36 ครั้ง × ~1,550 ร้าน = computeNrrSignal 55,857 ครั้ง
// กินเวลา ~33 วิ ทั้งที่ข้อมูลร้านเปลี่ยนแค่ไม่กี่ครั้งต่อการเปิดแอป
// ตอนนี้: ผลของร้านหนึ่งใช้ซ้ำได้เมื่อ (1) แถวร้านใน portview ตัวเดิม (2) ยอดเดือนนี้ bulkCurrentMonthData[id] ตัวเดิม
// (3) ประวัติ bulkHistoryData[id] ตัวเดิม — ตัวโหลด (02) สร้างของใหม่ทุกครั้ง ไม่เขียนทับในตัวเดิม
// และ (4) ทุกอย่างนอกแถวร้านที่ computeNrrSignal (05b) อ่าน ยังเหมือนเดิม (_tvEnrichEnv ด้านล่าง)
// ส่วนสรุปรายคน (เป้า เกณฑ์ สีของคน %NRR ของคน) ยังคิดใหม่ทุกครั้งเหมือนเดิม — เร็วอยู่แล้ว และขึ้นกับเกณฑ์/เป้า/เวลา
// ผลที่คืนเป็นกลุ่ม/รายการใหม่ทุกครั้ง (ผู้เรียกบางตัว push เพิ่มลงรายการ) · ตัวร้านที่ใช้ซ้ำไม่มีผู้เรียกตัวไหนเขียนทับ
let _tvEnrichGen=0, _tvEnrichEnvLast=null;
const _tvEnrichMemo=(typeof WeakMap==='function')?new WeakMap():null;
// ทุกอย่างนอกแถวร้านที่ computeNrrSignal / computePaceSignal อ่าน — เทียบทีละช่องด้วย Object.is
// ดัชนีของ 05b (_senseShopNrrIndex ฯลฯ) จำผลด้วยกุญแจของตัวเองอยู่แล้ว ⇒ ใช้ "ตัวตนของดัชนีที่คืนมา" = ตัวเดียวกับที่
// computeNrrSignal จะได้ถ้าเรียกตอนนี้ (สดหรือค้างเท่ากันทุกประการ)
function _tvEnrichEnv(){
  const fn=n=>{try{return (typeof window!=='undefined'&&typeof window[n]==='function')?window[n]:null;}catch(e){return null;}};
  const call=f=>{try{return typeof f==='function'?f():null;}catch(e){return null;}};
  const Q=(typeof QNRR_CFG!=='undefined'&&QNRR_CFG)?QNRR_CFG:null;
  const L=(typeof window!=='undefined'&&window._commHoLedger)?window._commHoLedger:null;
  let b=null;
  try{b=(typeof _nrrGateBands==='function')?_nrrGateBands():null;}catch(e){b=null;}
  return [
    (typeof computeNrrSignal==='function')?computeNrrSignal:null,
    (typeof computePaceSignal==='function')?computePaceSignal:null,
    (typeof _senseShopNrrIndex==='function')?call(_senseShopNrrIndex):null,
    (typeof _senseHandoverIndex==='function')?call(_senseHandoverIndex):null,
    (typeof _senseHandoverByOutlet==='function')?call(_senseHandoverByOutlet):null,
    (typeof _senseHoLedgerRevKey==='function')?call(_senseHoLedgerRevKey):null,
    (typeof _senseHoLedgerLoaded==='function')?call(_senseHoLedgerLoaded):null,
    L, L?L.byOutlet:null,
    Q, Q?Q.base_month:null, (Q&&Array.isArray(Q.q_months))?Q.q_months.join(','):null,
    b?b.t1:null, b?b.t2:null,
    fn('_commTierPct'), fn('_commFmtPct'), fn('_commHoOnceApplies'), fn('_commHoRepeatOf'), fn('_dispShopHealthBands')
  ];
}
function _tvEnrichEnvCheck(){
  const env=_tvEnrichEnv(), last=_tvEnrichEnvLast;
  if(!last||last.length!==env.length||env.some((v,i)=>!Object.is(v,last[i]))){_tvEnrichGen++;_tvEnrichEnvLast=env;}
  return _tvEnrichGen;
}

// SECTION:TEAMVIEW
function _buildKamGroups(){
  // Group portviewBulkData by kamEmail, filtered to TL's accounts
  const tlEmail=(currentUserProfile&&currentUserProfile.email)||'';
  const hasEmailCols=portviewBulkData.some(r=>r.kamEmail||r.tlEmail);
  let accounts=portviewBulkData;
  if(hasEmailCols&&tlEmail){
    const filtered=portviewBulkData.filter(r=>r.tlEmail===tlEmail);
    // v_vis (2026-10-03): เดิมหาลูกทีมไม่เจอ (0 ร้าน) แล้วถอยไปใช้ "ทุกร้านของบริษัท"
    // ⇒ หัวหน้าทีมที่อีเมลไม่ตรงในไฟล์จะเห็นเงินกับตัวเลขของทุกทีม · ทั้งบริษัทเฉพาะ admin เท่านั้น
    const _isAdminViewer=(typeof getCurrentRole==='function')&&getCurrentRole()==='admin';
    if(filtered.length>0||!_isAdminViewer)accounts=filtered;
  }
  // Enrich accounts with 3-month sorted baseline (same as getPortviewAccounts)
  const _tvMoSrt=m=>{const p=(m||'').split(' ');const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];return(parseInt(p[1]||0)*12)+mo.indexOf(p[0]);};
  const _gen=_tvEnrichEnvCheck(); // perf R1: ทุกอย่างนอกแถวร้านเปลี่ยน ⇒ รุ่นใหม่ ⇒ คิดทุกร้านใหม่
  const enrichedAccounts=accounts.map(a=>{
    const cm=bulkCurrentMonthData[a.id];
    const hist=bulkHistoryData[a.id];
    const _memoOk=!!(_tvEnrichMemo&&a&&typeof a==='object');
    const _hit=_memoOk?_tvEnrichMemo.get(a):null;
    if(_hit&&_hit.gen===_gen&&_hit.cm===cm&&_hit.hist===hist)return _hit.out;
    const _nrrOf=(c,h)=>(typeof computeNrrSignal==='function')?computeNrrSignal(c||null,h||[],a.id):null; // v_shopnrr
    let _out;
    if(cm&&hist&&hist.length>0){
      const histSorted=hist.slice().sort((a,b)=>_tvMoSrt(a.m)-_tvMoSrt(b.m));
      _out={...a,paceSignal:computePaceSignal(cm,histSorted),nrrSignal:_nrrOf(cm,histSorted)}; // v302: nrrSignal คู่ paceSignal
    } else {
      _out={...a,nrrSignal:_nrrOf(cm,[])};
    }
    if(_memoOk)_tvEnrichMemo.set(a,{gen:_gen,cm,hist,out:_out});
    return _out;
  });
  // v_adsplit: portfolio holders whose real profiles.role is not KAM
  // (ad/pm/... — window.nrrRoleRoster.nonKamSet) are not team KAMs; their
  // card must not appear in the Teamview KAM list while the team %NRR
  // (07c _rowInScope) excludes them. Operational account visibility is NOT
  // affected — getPortviewAccounts stays unfiltered.
  const _nonKamSet=(window.nrrRoleRoster&&window.nrrRoleRoster.nonKamSet)||new Set();
  const groups={};
  enrichedAccounts.forEach(a=>{
    if(a.kamEmail&&_nonKamSet.has(a.kamEmail.toLowerCase()))return;
    const key=a.kamEmail||a.kamName||'ไม่มี KAM';
    if(!groups[key])groups[key]={kamEmail:a.kamEmail||'',kamName:a.kamName||key,accounts:[]};
    groups[key].accounts.push(a);
  });
  // Compute per-KAM stats
  return Object.values(groups).map(g=>{
    const accts=g.accounts;
    const withPace=accts.filter(a=>a.paceSignal&&a.paceSignal.pct>0);
    const danger=accts.filter(a=>a.paceSignal&&a.paceSignal.cls==='danger').length;
    const warn=accts.filter(a=>a.paceSignal&&a.paceSignal.cls==='warn').length;
    const ok=accts.length-danger-warn;
    const runRate=withPace.reduce((s,a)=>s+(a.paceSignal.runrate||0),0);
    // v205c: use _tgtKamBaseline3mo for consistent 3-month baseline
    const baseline=typeof _tgtKamBaseline3mo==='function'?(_tgtKamBaseline3mo(g.kamEmail,null,'kam')||withPace.reduce((s,a)=>s+(a.paceSignal.baselineGmv||0),0)):(withPace.reduce((s,a)=>s+(a.paceSignal.baselineGmv||0),0));
    // v207f: if a real KAM/team target exists, every Teamview % must use runRate ÷ target; baseline is fallback only.
    const targetInfo=_tvResolveKamDenominator({...g,accounts:accts},baseline);
    const denominator=targetInfo.denominator||baseline;
    const pace=denominator>0?Math.round(runRate/denominator*100):(withPace.length?Math.round(withPace.reduce((s,a)=>s+a.paceSignal.gmvToDate,0)/Math.max(1,withPace.reduce((s,a)=>s+a.paceSignal.expected,0))*100):0);
    const shortfall=denominator>0?Math.max(0,denominator-runRate):0;
    const paceCls=pace>=105?'star':pace>=100?'great':pace>=95?'safe':pace>=90?'warn':'danger';
    const worstCls=(paceCls==='danger'||paceCls==='warn')?paceCls:'ok';
    // v302: ฟิลด์ %NRR คู่ของเดิม (pace/paceCls/shortfall คงไว้ — 14_daily_insight.js:592 อ่าน)
    const _ns=a=>a.nrrSignal||null;
    // 25 ต.ค. 2569: จุดสามสี = จำนวนร้านตามสุขภาพร้าน (ON TRACK · MONITOR · AT RISK — 05b nrrShopHealthGroup)
    const _zg=a=>(typeof nrrShopHealthGroup==='function')?nrrShopHealthGroup(a):null;
    const nrrDanger=accts.filter(a=>_zg(a)==='risk').length;
    const nrrWarn=accts.filter(a=>_zg(a)==='monitor').length;
    const nrrOk=accts.filter(a=>_zg(a)==='on').length;
    const _cached=(g.kamEmail&&typeof _getCachedKamNrr==='function')?_getCachedKamNrr(g.kamEmail):null;
    const nrr=(_cached&&_cached.nrr!==null&&_cached.nrr!==undefined)?_cached.nrr*100:null;
    // v_cell: การ์ดของลูกทีมแต่ละใบใช้เส้นของ KAM คนนั้นเอง
    // (หัวหน้าทีมที่ดูข้ามทีมได้ จะเห็นคนละทีมในจอเดียวกัน เส้นต้องไม่ปนกัน)
    // TV-5: ตำแหน่งหาจากอีเมล (AD ที่ถือพอร์ตใช้เกตของ AD ไม่ใช่ของทีม KAM)
    // 24 ต.ค. 2569: สีตามช่วงเกณฑ์ค่าคอมฯ ของ KAM คนนี้ (ได้ 0 / ได้ 50% / ขั้น 1 / ขั้น 2 …) · ไม่มีเกณฑ์ = ''
    const nrrZone=(nrr==null||typeof nrrZoneFor!=='function')?null:nrrZoneFor(nrr,{email:g.kamEmail,scope:'kam'});
    const nrrCls=(typeof nrrZoneCls==='function')?nrrZoneCls(nrrZone):'';
    const nrrLabel=(typeof nrrPctLabel==='function')?(nrr==null?'—':nrrPctLabel(nrr)):(nrr==null?'—':nrr.toFixed(1)+'%');
    const baseGmv=accts.reduce((s,a)=>s+(_ns(a)?_ns(a).baseline_gmv||0:0),0);
    // v_shopnrr: ยอดที่วางคู่ baseGmv ต้องเป็นยอดที่เทียบกับฐานได้ ของร้านชุดเดียวกัน (ไม่ใช่ runRate ของ pace เดิม)
    const nrrRunRate=accts.reduce((s,a)=>s+(_ns(a)&&_ns(a).pct!=null?_ns(a).cmpRunrate||0:0),0);
    const nrrShortfall=accts.filter(a=>{const g2=_zg(a);return g2==='risk'||g2==='monitor';}).reduce((s,a)=>s+Math.max(0,(_ns(a).baseline_gmv||0)-(_ns(a).cmpRunrate||0)),0);
    return{...g,pace,paceCls,danger,warn,ok,shortfall,runRate,baseline,target:targetInfo.target,targetDenominator:denominator,targetMode:targetInfo.mode,targetLabel:targetInfo.label,hasTarget:targetInfo.hasTarget,worstCls,total:accts.length,
      nrrDanger,nrrWarn,nrrOk,nrr,nrrCls,nrrZone,nrrLabel,baseGmv,nrrShortfall,nrrRunRate};
  }).sort((a,b)=>{
    // 24 ต.ค. 2569: เรียงแย่ก่อนตามช่วงเกณฑ์ของ KAM (ได้ 0 → ได้ 50% → … → ขั้นสูงสุด · ไม่มีเลขไว้ท้าย) แล้วบาทที่ขาดจากฐาน
    const r=g=>(typeof nrrZoneRank==='function')?nrrZoneRank(g.nrrZone):0;
    return ((a.nrr==null)-(b.nrr==null))||r(a)-r(b)||b.nrrShortfall-a.nrrShortfall;
  });
}

function renderTeamview(){
  const renderer = window.FreshketSenseKamTeamRenderer;
  if(renderer && typeof renderer.renderTeamviewFromLegacy === 'function'){
    try{
      return renderer.renderTeamviewFromLegacy({
        D: D,
        OPPS: OPPS,
        currentAccountId: currentAccountId,
        currentKamSubtab: (typeof currentKamSubtab !== 'undefined' ? currentKamSubtab : null),
        portviewLevel: (typeof portviewLevel !== 'undefined' ? portviewLevel : null),
        portviewFilter: (typeof portviewFilter !== 'undefined' ? portviewFilter : null),
        teamviewLevel: (typeof teamviewLevel !== 'undefined' ? teamviewLevel : null),
        portviewBulkData: (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        legacy: { renderTeamview: __legacyRenderTeamviewFallback }
      });
    }catch(e){
      console.warn('renderTeamview renderer failed, falling back to legacy renderer', e);
    }
  }
  return __legacyRenderTeamviewFallback();
}

function __legacyRenderTeamviewFallback(){
  teamviewAiDone=false;
  const aiOut=document.getElementById('tv-ai-output');
  if(aiOut)aiOut.style.display='none';
  // Show TL/Admin action buttons in teamview header
  const _roleNow=getCurrentRole();
  // v499: ad_tl also gets teamview access
  const _isTLAdmin=(isTLRole(_roleNow)||isAdminRole(_roleNow)||isADTLRole(_roleNow));
  const _tvPortBtn=document.getElementById('tv-portfolio-btn');
  if(_tvPortBtn) _tvPortBtn.style.display=_isTLAdmin?'flex':'none';
  const _tvTgtBtn=document.getElementById('tv-target-btn');
  if(_tvTgtBtn){
    // v302: จอทีม KAM ไม่ใช้เป้ารายเดือนแล้ว — ซ่อนปุ่ม (Sales TL ใช้จอ Sales ไม่ผ่านที่นี่) · ค่าเตือน NRR อยู่ใน Cockpit
    _tvTgtBtn.style.display='none';
    // v_ownertier: แท็บ settings/policy/rules/lock อยู่หลัง mode 'admin' — เปิดให้
    // เจ้าของระบบเท่านั้น admin คนอื่นได้ mode 'tl' เหมือน TL (ตั้งเป้าทีมได้ ไม่แตะอัตรา)
    window._tgtAdminMode=(typeof isOwner==='function'&&isOwner())?'admin':'tl';
  }
  const _tvCommBtn=document.getElementById('tv-commission-btn');
  // v_ownertier: Commission Cockpit ย้ายจาก admin → เจ้าของระบบ (เดิม v210h เป็น admin-only)
  if(_tvCommBtn){
    const _isOwnerNow = (typeof isOwner==='function') ? isOwner() : (window.currentUserIsOwner===true);
    _tvCommBtn.classList.toggle('comm-admin-hidden', !_isOwnerNow);
    _tvCommBtn.setAttribute('aria-hidden', _isOwnerNow ? 'false' : 'true');
    _tvCommBtn.tabIndex = _isOwnerNow ? 0 : -1;
    _tvCommBtn.style.display = _isOwnerNow ? 'inline-flex' : 'none';
  }
  // v319: also call syncCommissionAdminVisibility if available (07b_cds.js handler)
  if(typeof window.syncCommissionAdminVisibility === 'function'){
    requestAnimationFrame(window.syncCommissionAdminVisibility);
  }
  const titleEl=document.getElementById('tv-title');
  const backWrap=document.getElementById('tv-back-wrap');
  if(!portviewBulkData||!portviewBulkData.length){
    // v477-C1a: distinguish "loading" from "truly no data" — show skeleton during R2 fetch,
    // not empty-state. Prevents "ยังไม่มีข้อมูลทีม" flash on Admin/TL cold login.
    const _tvR2Loading = typeof sheetsLoadStarted!=='undefined' && sheetsLoadStarted;
    const _tvContent = document.getElementById('teamview-content');
    if(_tvR2Loading){
      // R2 in-flight — show silent skeleton, not error state
      if(_tvContent && !_tvContent._tvSkeletonShown){
        _tvContent._tvSkeletonShown = true;
        _tvContent.innerHTML='<div style="padding:16px 0;opacity:.35"><div style="height:12px;background:rgba(255,255,255,.08);border-radius:var(--r-sm);margin-bottom:10px;width:55%"></div><div style="height:8px;background:rgba(255,255,255,.05);border-radius:var(--r-sm);width:100%"></div></div>';
      }
      if(titleEl)titleEl.textContent='ภาพรวมทีม';
      if(backWrap)backWrap.style.display='none';
      renderTeamviewSummary();
      return;
    }
    if(_tvContent) _tvContent._tvSkeletonShown = false;
    _tvContent.innerHTML=`<div class="portview-no-data"><div class="portview-no-data-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="10" width="24" height="17" rx="2" stroke="rgba(255,255,255,0.2)" stroke-width="1.5" fill="none"/><path d="M4 16h6l2 3h8l2-3h6" stroke="rgba(255,255,255,0.2)" stroke-width="1.5" stroke-linejoin="round" fill="none"/><path d="M11 7l5-3 5 3" stroke="rgba(255,255,255,0.15)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div class="portview-no-data-text">ยังไม่มีข้อมูลทีม</div><div class="portview-no-data-sub">อัปโหลด portview.csv (Q8E)<br>เพื่อดูพอร์ตของ KAM แต่ละคนในทีม</div></div>`;
    if(titleEl)titleEl.textContent='ภาพรวมทีม';
    if(backWrap)backWrap.style.display='none';
    // v307: mark that teamview-content rendered with no data, so value guard forces re-render when data arrives
    try{if(_tvContent)_tvContent._lastTvWasNoData=true;}catch(e){}
    renderTeamviewSummary();
    return;
  }
  if(false){
    // (drill-down now handled by portview — kept as structural placeholder)
  } else {
    if(titleEl)titleEl.textContent='ภาพรวมทีม';
    if(backWrap)backWrap.style.display='none';
    renderTeamviewSummary();
    renderTeamviewKamList();
    // v687: sync at multiple points — BCR settles after collapsible + paint
    setTimeout(_tvSyncListOffset, 0);
    setTimeout(_tvSyncListOffset, 120);
    setTimeout(_tvSyncListOffset, 350);
    // v154c: Teamview must stay expanded. Do not attach the scroll-collapse behavior here.
    if(_tvCollapseObserver){_tvCollapseObserver.disconnect();_tvCollapseObserver=null;}
    const tvColl=document.getElementById('tv-collapsible');
    const tvStrip=document.getElementById('tv-compact-strip');
    if(tvColl){tvColl.className='pv-collapsible expanded';}
    if(tvStrip){tvStrip.className='pv-compact-strip hidden';tvStrip.innerHTML='';}
    const _tvSen=document.getElementById('tv-collapse-sentinel');if(_tvSen)_tvSen.remove();
  }
}

function teamviewGoBack(){
  teamviewKamFilter=null;
  renderTeamview();
}

// ── Teamview scroll-collapse (TL/Admin) ──
let _tvCollapseObserver=null;
// _tvBuildCompactStrip ถูกลบ (R1 UI #11): แถบย่อของ teamview ถูกซ่อนตลอดตั้งแต่ v154c (ดู _tvInitCollapseObserver)
// แต่ยังถูกเรียกทุกครั้งที่วาดแถบ %NRR และล้มเมื่อเส้นสีเป็น null (หัวหน้าทีมที่ยังอ่านเกณฑ์ไม่ได้ · ผู้ดูแล)
function _tvInitCollapseObserver(){
  // v154c: disabled by design. Teamview should keep the full summary visible.
  // Keep this as a safeguard because older call sites may still invoke it.
  if(_tvCollapseObserver){_tvCollapseObserver.disconnect();_tvCollapseObserver=null;}
  const oldSen=document.getElementById('tv-collapse-sentinel');if(oldSen)oldSen.remove();
  const collapsible=document.getElementById('tv-collapsible');
  const strip=document.getElementById('tv-compact-strip');
  if(collapsible)collapsible.className='pv-collapsible expanded';
  if(strip){strip.className='pv-compact-strip hidden';strip.innerHTML='';}
}


function renderTeamviewSummary(){
  const renderer = window.FreshketSenseKamTeamRenderer;
  if(renderer && typeof renderer.renderTeamviewSummaryFromLegacy === 'function'){
    try{
      return renderer.renderTeamviewSummaryFromLegacy({
        D: D,
        OPPS: OPPS,
        currentAccountId: currentAccountId,
        currentKamSubtab: (typeof currentKamSubtab !== 'undefined' ? currentKamSubtab : null),
        portviewLevel: (typeof portviewLevel !== 'undefined' ? portviewLevel : null),
        portviewFilter: (typeof portviewFilter !== 'undefined' ? portviewFilter : null),
        teamviewLevel: (typeof teamviewLevel !== 'undefined' ? teamviewLevel : null),
        portviewBulkData: (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        legacy: { renderTeamviewSummary: __legacyRenderTeamviewSummaryFallback }
      });
    }catch(e){
      console.warn('renderTeamviewSummary renderer failed, falling back to legacy renderer', e);
    }
  }
  return __legacyRenderTeamviewSummaryFallback();
}

function __legacyRenderTeamviewSummaryFallback(){
  const groups=_buildKamGroups();
  const allAccts=groups.flatMap(g=>g.accounts);
  const withPace=allAccts.filter(a=>a.paceSignal&&(a.paceSignal.histMonths>0||a.paceSignal.isNew===false));
  const _tvEarlyMonth=withPace.length>0&&(withPace[0].paceSignal.daysElapsed||0)<5;
  const _tvTotalRunRate=_tvEarlyMonth
    ?withPace.reduce((s,a)=>s+(a.paceSignal.lastGmv||0),0)
    :withPace.reduce((s,a)=>s+(a.paceSignal.runrate||0),0);
  const fmtSF=n=>n>=1000000?(n/1000000).toFixed(1)+'M':n>=1000?(n/1000).toFixed(0)+'K':Math.round(n);
  // ── v302: หัวจอทีม = %NRR ทีม เทียบเดือนฐาน (ตัวเดียวกับค่าคอมฯ) แทนแถบเทียบเป้าเดิม ─────
  // เดิม: teamPace = run rate ÷ (เป้าทีม | baseline) ซึ่งเป้าไม่ได้ถูกตั้งรายคนมาตั้งแต่ มิ.ย.
  const paceBarEl=document.getElementById('tv-pace-bar');
  if(paceBarEl&&withPace.length){
    const _tvDays=withPace[0]?.paceSignal.daysElapsed||0;
    const _tvDaysInMo=withPace[0]?.paceSignal.daysInMonth||30;
    const _tvFmtG=n=>n>=1000000?'฿'+(n/1000000).toFixed(1)+'M':n>=1000?'฿'+(n/1000).toFixed(0)+'K':'฿'+Math.round(n);
    const TH=(typeof _getCachedTeamHeadline==='function'?_getCachedTeamHeadline():null)||{source:'none',pct:null,cls:''};
    const _hasNum=TH.source==='live'||TH.source==='cached';
    const teamPct=TH.pct, teamCls=_hasNum?(TH.cls||''):'';
    const _baseLbl=TH.baseLabel||(typeof _nrrBaseMonthThLabel==='function'&&_nrrBaseMonthThLabel())||'เดือนฐาน';
    // renderKey — RenderBus + _qnrrNotifyConsumers ปลุกซ้ำได้ ต้องไม่วาดใหม่ถ้าไม่มีอะไรเปลี่ยน (ไม่งั้นแผง ⓘ ปิดเอง)
    const _tvKey=`${TH.source}|${teamPct==null?'x':teamPct.toFixed(1)}|${TH.baseGmv||0}|${TH.asOf||''}|${groups.length}|${_tvDays}|${TH.quarterNotice||''}|${TH.baseLabel||''}|${typeof _dispRulesStamp==='function'?_dispRulesStamp():''}|${teamCls}`; // TV-2: วาดใหม่เมื่อเกณฑ์มาถึง · A4: ชุดเกณฑ์ (ไม่ใช่ธง) — โหลดซ้ำได้ชุดเดิมไม่วาด
    // A4 (UI regress 20 ต.ค.): วาดใหม่แล้วต้องมองไม่เห็น — แถบไม่เล่นอนิเมชันซ้ำ · แผง ⓘ ที่เปิดอยู่เปิดค้าง (07b _tgtKeepAcrossRedraw)
    const _tvKeep=(paceBarEl.dataset.nrrKey!==_tvKey&&typeof _tgtKeepAcrossRedraw==='function')?_tgtKeepAcrossRedraw(paceBarEl,'tv-formula-panel'):null;
    paceBarEl.style.display='block';
    if(paceBarEl.dataset.nrrKey!==_tvKey){
      paceBarEl.dataset.nrrKey=_tvKey;
      const _fmt=v=>(typeof _commFmtPct==='function')?_commFmtPct(v):(Math.round(v*10)/10).toFixed(1)+'%';
      const _pctHtml=_hasNum?_fmt(teamPct):(TH.source==='stale_quarter'?'—':`<span style="display:inline-block;width:3.2em;height:.8em;border-radius:6px;background:rgba(255,255,255,.08);animation:_dotBlink 1.2s ease-in-out infinite;vertical-align:middle"></span>`);
      // UIR-A2: คำอธิบายตัดบรรทัดได้แล้ว ⇒ หน่วยสั้นที่ห้ามแยก ("ก.ย. 2569" · "3 KAM" · "19 ต.ค.") ติดกันด้วยช่องว่างไม่ตัดบรรทัด
      const _tvNb=v=>String(v==null?'':v).replace(/ /g,'\u00a0');
      // 24 ต.ค. 2569: คำตามขั้นเงินหัวหน้าทีม + อีกกี่จุดถึงขั้นถัดไป (TH.zone · ทั้งบริษัทไม่มี)
      const _tz=_hasNum&&TH.zone&&TH.zone.key!=='none'?TH.zone:null;
      const _tzHtml=_tz?`<span class="${typeof nrrZoneCls==='function'?nrrZoneCls(_tz):''}" style="color:var(--zc);font-weight:var(--fw-bold)">${_tvNb(_tz.word_th)}</span>${_tz.next?` · อีก\u00a0${_tz.next.gap.toFixed(1)}\u00a0จุดถึง${_tvNb(_tz.next.word_th)}`:''} · `:'';
      const _caption=TH.source==='stale_quarter'?`<span style="color:var(--amb)">รอตั้งค่าไตรมาสใหม่</span>`
        :`${_tzHtml}NRR ทีม เทียบฐาน ${_tvNb(_baseLbl)} · ${groups.length}\u00a0KAM${TH.source==='cached'?` · <span style="color:rgba(140,180,255,.9)">ข้อมูลเมื่อ ${_tvNb(typeof _nrrShortThaiDate==='function'?_nrrShortThaiDate(TH.asOf):TH.asOf)}</span>`:''}${TH.quarterNotice?` · <span style="color:var(--amb)">${TH.quarterNotice}</span>`:''}`;
      // TV-2 (จ1): หัวหน้าทีมไม่มีเกต ⇒ ⓘ บอกขั้นเงินของหัวหน้าทีมเอง และสีของเลข %NRR ทีม
      // (เขียวตั้งแต่ขั้นแรก · เหลืองห่างไม่เกิน 3 จุด · ต่ำกว่านั้นแดง) · ทั้งบริษัท (admin) ไม่ลงสี เขียนเส้นของทุกทีมแทน
      // เดิมโชว์ "≥98% ผ่านเกณฑ์เต็ม · ≥95% ผ่านขั้นต่ำ" ให้ทั้ง TL และ admin
      const _tvRole=(typeof getCurrentRole==='function')?getCurrentRole():'';
      const _tvWho=(typeof isTLRole==='function'&&isTLRole(_tvRole)&&typeof currentUserProfile!=='undefined'&&currentUserProfile)
        ? currentUserProfile.email : null;
      const _tvEsc=v=>String(v==null?'':v).replace(/[&<>"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]));
      const _tvRuleHtml=(()=>{
        if(typeof _dispRuleView!=='function'||typeof _dispTlLadderTh!=='function')return '<span style="color:rgba(255,255,255,.55)">—</span>';
        const per=(typeof _nrrExclusionCurrentPeriod==='function')?_nrrExclusionCurrentPeriod():null;
        const multRange=v=>{const m=(typeof _dispTiers==='function'&&v&&v.tl_mult&&v.tl_mult.status==='ok')?_dispTiers(v.tl_mult).map(t=>t.pay).filter(x=>x>1):[];return m.length?'×'+Math.min.apply(null,m)+'–×'+Math.max.apply(null,m):'';};
        const dot=c=>`<span style="width:6px;height:6px;border-radius:50%;background:${c};flex-shrink:0"></span>`;
        if(_tvWho){
          const v=_dispRuleView(per,_tvWho,'tl');
          const ladder=_dispTlLadderTh(v);
          if(!ladder)return `<span style="color:rgba(255,255,255,.55)">— ${_tvEsc(v&&v.status!=='loading'?(v.reason_th||'ยังอ่านเกณฑ์ไม่ได้'):'กำลังโหลดเกณฑ์')}</span>`;
          const s1=_dispStep1(v), mr=multRange(v), mx=(typeof _dispTlMaxPay==='function')?_dispTlMaxPay(v):null;
          // 24 ต.ค. 2569: สีของเลข %NRR ทีม = ขั้นเงินของหัวหน้าทีมเอง (ต่ำกว่าขั้นแรก เหลือง · ขั้น 1 เขียว · ขั้น 2 ฟ้า · ขั้น 3 ม่วง)
          const steps=(typeof _dispPaying==='function')?_dispPaying(v):[s1];
          const stepVar=i=>'var(--zone-t'+Math.min(i+1,3)+')';
          return `<div style="color:rgba(255,255,255,.85)">${_tvEsc(ladder)}</div>`
            +`<div style="color:rgba(255,255,255,.6)">${mr?'คูณตัวคูณ upsell ทีม '+mr+' · ':''}หัวหน้าทีมไม่มีเกต${mx?' · ได้สูงสุดตามเกณฑ์เดือนนี้ '+_tvEsc(_commFmtPayout(mx)):''}</div>`
            +steps.slice().reverse().map((st,ri)=>{const i=steps.length-1-ri;return `<div style="display:flex;align-items:center;gap:6px${ri===0?';margin-top:2px':''}">${dot(stepVar(i))}<span style="color:${stepVar(i)};font-weight:var(--fw-bold)">ตั้งแต่ ${st.min}%</span><span style="color:rgba(255,255,255,.55)">ขั้น ${i+1}</span></div>`;}).join('')
            +`<div style="display:flex;align-items:center;gap:6px">${dot('var(--zone-below1)')}<span style="color:var(--zone-below1);font-weight:var(--fw-bold)">ต่ำกว่า ${s1.min}%</span><span style="color:rgba(255,255,255,.55)">ยังไม่ถึงขั้นแรก</span></div>`;
        }
        const tls=(typeof _commGetTlListFromPortview==='function')?_commGetTlListFromPortview():[];
        const lines=tls.map(t=>_dispTlLadderTh(_dispRuleView(per,t.email,'tl'))).filter(Boolean);
        return `<div style="color:rgba(255,255,255,.6)">เส้นต่างกันรายทีม ภาพรวมทั้งบริษัทจึงไม่ลงสี</div>`
          +(lines.length?lines.map(l=>`<div style="color:rgba(255,255,255,.85)">${_tvEsc(l)}</div>`).join(''):`<div style="color:rgba(255,255,255,.55)">—</div>`);
      })();
      // UI-H1 (19 ต.ค. 2569): หัวจอทีมเป็นสองแถวที่ตรงกัน — เลข %/ยอด บรรทัดบน · คำอธิบายสองฝั่งบรรทัดล่าง ขนาดเท่ากัน
      // (เดิมซ้าย 2 บรรทัด ขวา 3 บรรทัด และ ⓘ หลุดไปฝั่งขวาเมื่อจอแคบ)
      // UIR-A2 (20 ต.ค. 2569): คำอธิบายตัดบรรทัดได้ ไม่ตัดท้ายด้วย … (เดิมมือถือเห็นไม่ครบ "· 3 KAM" และ "ข้อมูลเมื่อ …" หายทั้งท่อน)
      // · ⓘ บอกสูตรด้วยคำเดียวกับคำอธิบายขวา ("ร้านในฐาน + กลับมาซื้อ")
      const _tvHasGmv=_hasNum&&TH.baseGmv>0;
      const _tvCapPlain=String(_caption).replace(/<[^>]+>/g,'');
      // 24 ต.ค. 2569 (Bucci ภาพ 2): ⓘ เคยต่อท้ายคำอธิบาย แล้วหล่นไปอยู่บรรทัดใหม่คนเดียว (บางความกว้างโดนแถบด้านล่างบัง)
      // ⇒ ย้ายไปไว้หลังเลข %NRR ทีม (ช่องนี้ไม่ตัดบรรทัด) — แผงที่เปิดอธิบายเลขนี้โดยตรง · คำอธิบายตัดบรรทัดได้อิสระ
      const _tvInfoBtn=`<button class="tv-hero-info" onclick="(function(){const d=document.getElementById('tv-formula-panel');if(!d)return;const open=d.style.display!=='none';d.style.display=open?'none':'block';this.style.background=open?'transparent':'rgba(255,255,255,.15)';}).call(this)" style="width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:rgba(255,255,255,.55);font-size:var(--text-2xs);font-style:italic;font-family:Georgia,serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:var(--fw-bold);transition:all .15s">i</button>`;
      paceBarEl.innerHTML=`<div class="tv-hero">
      <span class="tv-hero-pct-row"><span class="pace-pct-val tv-hero-pct ${teamCls}">${_pctHtml}</span>${_tvInfoBtn}</span>
      ${_tvHasGmv?`<span class="tv-hero-gmv">${_tvFmtG(TH.cohortGmv)}<span class="tv-hero-gmv-base"> / ${_tvFmtG(TH.baseGmv)}</span></span>`:'<span></span>'}
      <span class="tv-hero-cap" title="${_tvEsc(_tvCapPlain)}"><span class="tv-hero-cap-txt">${_caption}</span></span>
      ${_tvHasGmv?`<span class="tv-hero-cap tv-hero-cap-r" title="ยอดร้านในฐาน + ร้านกลับมาซื้อ เดือนนี้ / เดือนฐาน ${_tvEsc(_baseLbl)} · ปรับเป็น 30 วัน">ร้านในฐาน + กลับมาซื้อ · ปรับ 30 วัน</span>`:'<span></span>'}
    </div>
    <div class="pace-bar-wrap"><div class="pace-bar-fill ${teamCls}" style="width:${Math.min(_hasNum?teamPct:0,100)}%"></div></div>
    <div id="tv-formula-panel" style="display:none">
      <div class="pace-formula-row" style="margin-top:8px">
        <div class="pace-formula-label">วิธีคิด NRR ทีม</div>
        <div class="pace-formula-line">${_hasNum?`ยอดร้านในฐาน + ร้านกลับมาซื้อ เดือนนี้ (ปรับ 30 วัน): <strong>${_tvFmtG(TH.cohortGmv)}</strong><br>÷ ยอดร้านในฐาน เดือนฐาน ${_baseLbl}: <strong>${_tvFmtG(TH.baseGmv)}</strong><br>= <strong>${_fmt(teamPct)}</strong> &nbsp;·&nbsp; ${_tvDays}/${_tvDaysInMo} วัน<br><span style="color:rgba(255,255,255,.52)">นับเฉพาะสาขาที่อยู่ในพอร์ตทีมตั้งแต่เดือนฐาน${TH.cohortCount?` · ${TH.cohortCount} สาขา`:''} · ไม่นับพอร์ต AD/PM</span><br><span style="color:rgba(255,255,255,.52)">ร้านย้ายเข้าทีมนับตั้งแต่เดือนที่ย้าย · ร้านกลับมาซื้อนับเพิ่ม · หักร้านยกเว้นทั้งสองฝั่ง · ปัดทศนิยม 1 ตำแหน่งก่อนเทียบขั้น</span>`:`รอข้อมูล %NRR ของไตรมาสนี้`}</div>
      </div>
      <div class="pace-formula-row" style="margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)">
        <div class="pace-formula-label">${_tvWho?'เกณฑ์ของหัวหน้าทีม':'เกณฑ์รายทีม'}</div>
        <div class="pace-formula-line" style="display:flex;flex-direction:column;gap:3px">
          ${_tvRuleHtml}
          <div style="margin-top:4px;font-size:var(--text-2xs);color:rgba(255,255,255,.52);line-height:1.5">ตัวเลขเดียวกับที่ใช้คิดค่าคอมมิชชั่น · ร้านใหม่และ comeback ดูได้ในสุขภาพพอร์ต</div>
        </div>
      </div>
    </div>`;
      // UIR (รีวิวรวม 20 ต.ค. 2569): หัวจอที่โชว์ค่าจำ ("ข้อมูลเมื่อ …") สูงกว่าตอนยอดสดมาถึงหนึ่งบรรทัด ⇒ ทุกอย่างข้างล่างเด้งขึ้น ~15px
      // ⇒ ที่ความกว้างเดียวกัน หัวจอโตได้แต่ไม่หดระหว่างการเปิดแอปครั้งหนึ่ง (เปลี่ยนความกว้าง เช่นหมุนจอ = เริ่มวัดใหม่)
      try{
        const _hero=paceBarEl.querySelector('.tv-hero');
        const _w=window.innerWidth||0;
        if(_hero&&_w){
          if(paceBarEl._tvHeroW!==_w){paceBarEl._tvHeroW=_w;paceBarEl._tvHeroH=0;}
          const _h=_hero.offsetHeight||0;
          if(_h&&paceBarEl._tvHeroH>_h){_hero.style.minHeight=paceBarEl._tvHeroH+'px';_hero.style.alignContent='start';}
          else if(_h)paceBarEl._tvHeroH=_h;
        }
      }catch(e){}
    }
    if(_tvKeep)_tvKeep();
    window._tgtTeamviewPct=_hasNum?teamPct:null;
  } else if(paceBarEl)paceBarEl.style.display='none';
  // 25 ต.ค. 2569 (T1): ช่องนับร้านตามสุขภาพร้าน (ON TRACK · MONITOR · AT RISK — 05b nrrShopHealthGroup)
  //   เดิม (24 ต.ค.) ถึงขั้น · ได้ 50% · ได้ 0 ตามเกณฑ์เงินของเจ้าของร้าน
  const _ns=a=>a.nrrSignal||null;
  const _zg=a=>(typeof nrrShopHealthGroup==='function')?nrrShopHealthGroup(a):null;
  const okAccts=allAccts.filter(a=>_zg(a)==='on');
  const warnAccts=allAccts.filter(a=>_zg(a)==='monitor');
  const dangerAccts=allAccts.filter(a=>_zg(a)==='risk');
  const _sum=(arr,fn)=>arr.reduce((s,a)=>s+fn(a),0);
  const okSurplus=_sum(okAccts,a=>_ns(a)?(_ns(a).cmpRunrate||0)-(_ns(a).baseline_gmv||0):0);
  const warnShort=_sum(warnAccts,a=>Math.max(0,(_ns(a).baseline_gmv||0)-(_ns(a).cmpRunrate||0)));
  const dangerShort=_sum(dangerAccts,a=>Math.max(0,(_ns(a).baseline_gmv||0)-(_ns(a).cmpRunrate||0)));
  const _amt=(n,pos)=>pos?(n>0?'+฿'+fmtSF(n):''):('-฿'+fmtSF(n));
  const _hzR=(typeof nrrShopHealthRules==='function')?nrrShopHealthRules():null;

  const sumEl=document.getElementById('tv-summary-row');
  if(sumEl){
    const govCard = _tgtRenderTeamGovCard();
    // UIR-B: ชิ้นส่วนของการ์ดทีม (07a) ใช้ได้เฉพาะเมื่อเป็นของก้อน HTML นี้จริง (ตัวแทนในด่านตรวจ/ตัววาดอื่น ⇒ ไม่มี ⇒ เขียนทั้งก้อน)
    const _govLast=(typeof window!=='undefined'&&window._tgtTeamGovLast&&window._tgtTeamGovLast.html===govCard)?window._tgtTeamGovLast.tiles:null;
    const _statsHtml=`
    <div class="portview-stat"><div class="portview-stat-val" style="color:var(--tk-text-primary);font-size:var(--text-2xl)">${allAccts.length}</div><div class="portview-stat-lbl" style="font-size:var(--text-2xs)">${groups.length} KAM</div></div>
    <div class="portview-stat ok" title="ON TRACK${_hzR?' · '+_hzR.on:''}"><div class="portview-stat-val" style="color:var(--hz-on);font-size:var(--text-2xl)">${okAccts.length}</div><div class="portview-stat-lbl" style="font-size:var(--text-3xs)">ON TRACK</div>${okSurplus>0?`<div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--hz-on);margin-top:3px">+฿${fmtSF(okSurplus)}</div>`:''}</div>
    <div class="portview-stat ${warnAccts.length>0?'warn':'ok'}" title="MONITOR${_hzR?' · '+_hzR.monitor:''}"><div class="portview-stat-val" style="font-size:var(--text-2xl)">${warnAccts.length}</div><div class="portview-stat-lbl" style="font-size:var(--text-3xs)">MONITOR</div>${warnShort>0?`<div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--hz-monitor);margin-top:3px">-฿${fmtSF(warnShort)}</div>`:''}</div>
    <div class="portview-stat ${dangerAccts.length>0?'danger':'ok'}" title="AT RISK${_hzR?' · '+_hzR.risk:''}"><div class="portview-stat-val" style="font-size:var(--text-2xl)">${dangerAccts.length}</div><div class="portview-stat-lbl" style="font-size:var(--text-3xs)">AT RISK</div>${dangerShort>0?`<div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--hz-risk);margin-top:3px">-฿${fmtSF(dangerShort)}</div>`:''}</div>`;
    const _sumHtml=govCard+_statsHtml;
    // perf R1: กุญแจวาด = ข้อความ HTML ทั้งก้อน (ทุกอย่างที่เห็น รวมยอดสด/ความคืบหน้า/ป้ายที่มา) — เหมือนกันทุกตัวอักษร
    // และของในจอยังเป็นก้อนที่เราเขียนไว้ (ลูกตัวแรกตัวเดิม) ⇒ ไม่เขียนทับ · ต่างแม้ตัวอักษรเดียว หรือมีคนล้างกล่อง ⇒ วาดใหม่
    // ขนาดจอข้ามเส้น 430px (หมุนจอ/ย่อหน้าต่าง) ⇒ เขียนใหม่ทั้งก้อน (เดิมเพราะตัวย่อข้อความ v213d · คงไว้ให้เริ่มจากก้อนสะอาด)
    let _sumSmall=false; try{_sumSmall=!!(window.matchMedia&&window.matchMedia('(max-width: 430px)').matches);}catch(e){}
    const _sumFirst=sumEl.firstElementChild||null;
    if(!(_sumFirst&&sumEl._tvSumHtml===_sumHtml&&sumEl._tvSumFirst===_sumFirst&&sumEl._tvSumSmall===_sumSmall)){
      // UIR-B (20 ต.ค. 2569): รอบความคืบหน้าของยอดจริง (ทุก 3 วิ) เปลี่ยนแค่ข้อความในช่องค่าคอมฯ
      // เดิมเขียนทั้งแถวใหม่ ⇒ ตัวเลข 4 ช่องล่างเล่นภาพเด้ง (statPop) ซ้ำทุก 3 วิ ⇒ ตอนนี้แก้เฉพาะข้อความที่ต่างในที่
      const _patched=!!(_sumFirst&&sumEl._tvSumFirst===_sumFirst&&sumEl._tvSumSmall===_sumSmall&&sumEl._tvSumStats===_statsHtml
        &&_tvPatchGovTiles(sumEl,sumEl._tvGovTiles,_govLast));
      if(!_patched){
        // ตัวเลขช่องล่างเด้งได้ครั้งเดียวต่อการเปิดแอป — เขียนรอบถัดไป (ตัวเลขเปลี่ยนจริง) ไม่เล่นภาพซ้ำ
        if(sumEl._tvSumPainted){try{sumEl.classList.add('tv-sum-settled');}catch(e){}}
        sumEl.innerHTML=_sumHtml;
        sumEl._tvSumFirst=sumEl.firstElementChild||null;
        sumEl._tvSumPainted=true;
      }
      sumEl._tvSumHtml=_sumHtml;
      sumEl._tvSumStats=_statsHtml;
      sumEl._tvGovTiles=_govLast;
      sumEl._tvSumSmall=_sumSmall;
    }
  }
}

// UIR-B: แก้ข้อความในช่องของการ์ดทีมที่เปลี่ยน โดยไม่สร้างกล่องใหม่ (ภาพเคลื่อนไหวไม่เล่นซ้ำ · ตำแหน่งไม่ขยับ)
// ได้เฉพาะเมื่อโครงเหมือนเดิมทุกช่อง (จำนวนช่อง · class · onclick) — ไม่งั้นคืน false ให้ผู้เรียกเขียนทั้งก้อน
function _tvPatchGovTiles(sumEl, prev, next){
  try{
    if(!Array.isArray(prev)||!Array.isArray(next)||prev.length!==next.length||!sumEl.querySelectorAll)return false;
    const cards=sumEl.querySelectorAll('.tv-signal-card');
    if(!cards||cards.length!==next.length)return false;
    const PARTS=[['label','.tv-signal-label'],['value',null],['meta','.tv-signal-meta']];
    const edits=[];
    for(let i=0;i<next.length;i++){
      const a=prev[i]||{},b=next[i]||{};
      if(a.cls!==b.cls||a.attrs!==b.attrs)return false;
      for(const [k,sel] of PARTS){
        const changed=k==='meta'?(a.meta!==b.meta||a.metaTitle!==b.metaTitle):k==='value'?(a.value!==b.value||a.valueCls!==b.valueCls):a[k]!==b[k];
        if(!changed)continue;
        const node=cards[i].querySelector(sel||'.tv-signal-value');
        if(!node)return false;
        edits.push([node,k,b]);
      }
    }
    edits.forEach(([node,k,b])=>{
      if(k==='label')node.innerHTML=b.label;
      else if(k==='value'){node.className=b.valueCls;node.innerHTML=b.value;}
      else{
        node.innerHTML=b.meta;
        if(b.metaTitle!=null)node.setAttribute('title',b.metaTitle);else if(node.removeAttribute)node.removeAttribute('title');
      }
    });
    return true;
  }catch(e){return false;}
}

function renderTeamviewKamList(){
  const renderer = window.FreshketSenseKamTeamRenderer;
  if(renderer && typeof renderer.renderTeamviewKamListFromLegacy === 'function'){
    try{
      return renderer.renderTeamviewKamListFromLegacy({
        D: D,
        OPPS: OPPS,
        currentAccountId: currentAccountId,
        currentKamSubtab: (typeof currentKamSubtab !== 'undefined' ? currentKamSubtab : null),
        portviewLevel: (typeof portviewLevel !== 'undefined' ? portviewLevel : null),
        portviewFilter: (typeof portviewFilter !== 'undefined' ? portviewFilter : null),
        teamviewLevel: (typeof teamviewLevel !== 'undefined' ? teamviewLevel : null),
        portviewBulkData: (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []),
        currentUserProfile: (typeof currentUserProfile !== 'undefined' ? currentUserProfile : null),
        legacy: { renderTeamviewKamList: __legacyRenderTeamviewKamListFallback }
      });
    }catch(e){
      console.warn('renderTeamviewKamList renderer failed, falling back to legacy renderer', e);
    }
  }
  return __legacyRenderTeamviewKamListFallback();
}

// v226-qc: per-render cache for _commBuildKamPayout (called up to 3× per KAM card)
// v6-perf-fix: cache-key logic extracted into shared helper so the NRR cache below
// (added same fix) invalidates in lockstep with the payout cache — both depend on
// the exact same underlying state (period, upsell/qnrr load status, commission mode).
function _kamRenderCacheKey() {
  // v232-fix: include bulkUpsellTeamData size in key.
  // Bug: fast-path uses bulkUpsellTeamData but key only tracked bulkUpsellData.loaded
  // → cache hit after upsell_team loads → stale result (NRR only, no upsell) returned forever.
  const _utN = typeof bulkUpsellTeamData!=='undefined'&&bulkUpsellTeamData?Object.keys(bulkUpsellTeamData).length:0;
  // v829-fix: same class of bug for quarterly mode — bulkQnrrData loads via a 2s-delayed
  // background prefetch, arriving AFTER this cache may already be warm from a MoM fallback
  // computed at first render. Without qnrrLoaded/commission_mode in the key, the cache never
  // invalidates once QNRR data lands, or when Admin toggles Monthly↔Quarterly in the Cockpit.
  const _qnrrLoaded = typeof bulkQnrrData!=='undefined'&&bulkQnrrData&&bulkQnrrData.loaded?'q':'';
  const _commMode = (typeof _nrrGovResolveForVisibleScope==='function' && _nrrGovResolveForVisibleScope()?.commission_mode) || 'monthly';
  // v302: role roster มาหลัง qnrr และเปลี่ยนแถวใน scope tl/admin (_rowInScope) — ถ้าไม่อยู่ในคีย์
  // NRR ระดับทีมที่แคชไว้จะค้างค่าก่อน roster
  const _roster = (window.nrrRoleRoster&&window.nrrRoleRoster.loaded)?'r':'';
  // v_waiverkey (2026-10-01): ร้านที่อนุมัติยกเว้นต้องอยู่ในคีย์ด้วย
  // _loadTargetsInner ล้าง _nrrExclusions เป็น [] ตอนเริ่มโหลด แล้วเติมกลับทีหลังกติกา
  // ถ้าจอวาดในช่วงนั้น %NRR ถูกคิดโดยไม่หักร้านยกเว้น แล้วถูกจำไว้ตลอด
  // (เจอจริง 1 ต.ค. 11:10: ฐานทีมสูงไป 2.9 ล้าน = ยอด 9 ร้านที่ยกเว้นพอดี · Guntinun 89.8 แทน 93.7
  //  ตอน 10:52 เปิดแล้วถูก ตอน 11:10 เปิดแล้วผิด — แล้วแต่ว่าอะไรโหลดเสร็จก่อน)
  let _excl = 'x';
  try {
    const _ex = (typeof _nrrExclusions !== 'undefined' && _nrrExclusions) ? _nrrExclusions : [];
    _excl = 'x' + _ex.length + ':' + _ex.filter(r => r && r.status === 'approved').length;
  } catch (e) {}
  // v_autoq: ไตรมาสของ %NRR ย้ายตามไฟล์ได้กลาง session (เช้าวันที่ 2) ⇒ ต้องอยู่ในคีย์ ไม่งั้นเลขไตรมาสเก่าค้าง
  const _qk = (typeof QNRR_CFG !== 'undefined' && QNRR_CFG) ? QNRR_CFG.quarter : '';
  // HO ครั้งเดียวต่อสาขา: รายชื่อสาขาที่นับ HO แล้วมาถึงทีหลังตัววาด ⇒ ต้องอยู่ในคีย์
  // ไม่งั้นค่าคอมฯ ที่คิดตอนรายชื่อยังไม่มา (HO "โหลดไม่ได้") ถูกจำไว้ตลอด
  let _hoL = 'h0';
  try {
    const _L = (typeof window !== 'undefined' && window._commHoLedger) ? window._commHoLedger : null;
    if (_L) _hoL = 'h' + (_L.rev || 0) + (_L.loaded ? 'L' : (_L.error ? 'E' : ''));   // E: กำลังโหลด→โหลดไม่ได้ ป้ายเงินเปลี่ยน
  } catch (e) {}
  // RG-1 (16 ต.ค. 2569): ชุดเกณฑ์ค่าคอมฯ ที่ใช้คิด — บูตเย็นล้างเกณฑ์แล้วโหลดใหม่ ~3 วิ
  // ค่าคอมฯ ที่คิดตอนเกณฑ์ยังว่าง (ปฏิเสธ "ไม่มีเกณฑ์") ต้องไม่ถูกจำไว้หลังเกณฑ์มาครบ
  let _rc = 'c0';
  try { _rc = 'c' + ((typeof _commRulesReadyAt === 'function') ? _commRulesReadyAt() : 0); } catch (e) {}
  // รอบ B: ยอดจริงสดของแต่ละคนมาถึงทีละคน (07a _commLiveExactFor) ⇒ รุ่นของผลต้องอยู่ในคีย์ ไม่งั้นชิปค้าง "กำลังคิด"
  let _lx = 'l0';
  try { _lx = 'l' + ((typeof _commLiveExactRev === 'function') ? _commLiveExactRev() : 0); } catch (e) {}
  return (typeof _nrrExclusionCurrentPeriod==='function'?_nrrExclusionCurrentPeriod():'') + '|' + (typeof bulkUpsellData!=='undefined'&&bulkUpsellData&&bulkUpsellData.loaded?'u':'') + '|t' + _utN + '|' + _qnrrLoaded + '|' + _commMode + '|' + _roster + '|' + _excl + '|' + _qk + '|' + _hoL + '|' + _rc + '|' + _lx;
}
const _kamPayoutCache = {};
const _kamNrrCache = {};
let _kamPayoutCacheKey = '';
function _invalidateKamRenderCachesIfNeeded() {
  const cacheKey = _kamRenderCacheKey();
  if (_kamPayoutCacheKey !== cacheKey) {
    Object.keys(_kamPayoutCache).forEach(k => delete _kamPayoutCache[k]);
    Object.keys(_kamNrrCache).forEach(k => delete _kamNrrCache[k]);
    _kamPayoutCacheKey = cacheKey;
  }
}
function _getCachedKamPayout(kamEmail) {
  _invalidateKamRenderCachesIfNeeded();
  if (!_kamPayoutCache[kamEmail]) {
    // R6/TV-5: ตำแหน่งจริงของเจ้าของพอร์ต — AD/PM คิดด้วยแผนของตัวเอง (เดิมคิดเป็น KAM ทุกคน)
    const _r = (typeof _dispPortfolioRoleOf === 'function') ? _dispPortfolioRoleOf(kamEmail) : 'kam';
    // รอบ B: งวดแบบใหม่ ชิปของคนอื่น = ยอดจริงสด (ตัวเดียวกับที่จ่าย) ไม่ใช่ทางลัดจากไฟล์สรุปทีม (เคยติด "≈")
    const _per = (typeof _nrrExclusionCurrentPeriod === 'function') ? _nrrExclusionCurrentPeriod() : '';
    const _lx = (typeof _commLiveExactFor === 'function' && typeof _commIsExplicit === 'function' && _commIsExplicit(_per))
      ? _commLivePayoutLike(_commLiveExactFor(kamEmail, _r, _per)) : null;
    _kamPayoutCache[kamEmail] = _lx || (typeof _commBuildKamPayout==='function' ? _commBuildKamPayout(kamEmail, undefined, _r === 'kam' ? undefined : _r) : null);
  }
  return _kamPayoutCache[kamEmail];
}
// v6-perf-fix: the NRR% shown on team/portfolio cards used to call _qnrrComputeForCommission()
// fresh on EVERY render pass for EVERY KAM row (full baseMap/coreTransferOutSet rebuild +
// a console.log each time — see 07c_qnrr_view.js), even though _getCachedKamPayout() right
// next to it already caches the equivalent (heavier) full payout computation. With a team of
// several KAMs re-rendering repeatedly during initial load (each bulk dataset arriving async
// triggers a full list re-render), this blocked the main thread redundantly on every pass.
// Piggybacks on the same invalidation as the payout cache since both depend on identical state.
function _getCachedKamNrr(kamEmail) {
  _invalidateKamRenderCachesIfNeeded();
  if (!(kamEmail in _kamNrrCache)) {
    _kamNrrCache[kamEmail] = (function(){
      try{
        var _p=_nrrGovResolveForVisibleScope();
        if(_p&&_p.commission_mode==='quarterly'&&window._qnrrComputeForCommission)
          return window._qnrrComputeForCommission(kamEmail,'kam')||_tgtComputeKamNRR(kamEmail,null);
      }catch(e){}
      return _tgtComputeKamNRR(kamEmail, null);
    })();
  }
  return _kamNrrCache[kamEmail];
}

// v302: %NRR ระดับทีมสำหรับหัวจอ Team — แคชร่วมกับ _kamNrrCache (invalidate ชุดเดียวกัน:
// period · upsell · qnrr loaded · commission_mode · role roster) · scope ตาม _commVisibleTeamScope
// (07a): admin ที่ไม่ตรงกับ tlEmail ใดเลย = ทั้งบริษัท ('admin', null) ไม่งั้น ('tl', email)
function _getCachedTeamHeadline(){
  _invalidateKamRenderCachesIfNeeded();
  const sc=(typeof _commVisibleTeamScope==='function')?_commVisibleTeamScope():{showAll:false,email:(currentUserProfile&&currentUserProfile.email)||''};
  const scope=sc.showAll?'admin':'tl';
  const em=sc.showAll?null:sc.email;
  const k='__team|'+scope+'|'+(em||'all');
  if(!(k in _kamNrrCache)){
    _kamNrrCache[k]=(typeof _nrrHeadlineFor==='function')?_nrrHeadlineFor(scope,em):null;
  }
  return _kamNrrCache[k];
}

// v_kampill (1 ต.ค. 2026): ป้ายเงินบนการ์ด KAM แต่ละคนรอไฟล์ upsell ของทีมก่อนค่อยโชว์ ถ้าไฟล์บน
// R2 ว่างจริง (วันแรกของไตรมาส) ป้ายเป็นแถบรอโหลดค้างทั้งวัน ทั้งที่ยอดร่างของงวดนั้นบันทึกไว้แล้ว
// ⇒ ลำดับเดียวกับช่องค่าคอมฯ ด้านบน (_tgtRenderTeamGovCard ใน 07a):
//   คิดสดได้ → ยอดสด · ยังโหลดอยู่จริง → แถบรอโหลด (ไม่โชว์ยอดที่บันทึกก่อน แล้วค่อยเปลี่ยน
//   เป็นยอดสด — เลขกระโดดระหว่างโหลดคืออาการที่เพิ่งแก้ไปใน v322)
//   ลองโหลดจบแล้วยังว่าง → ยอดที่บันทึกของงวดนี้ · ไม่มีแถวที่บันทึกเลย → "—" (ไม่ใช่ ฿0)
function _tvSavedKamPayout(kamEmail){
  try{
    const per=_nrrExclusionCurrentPeriod();
    const em=String(kamEmail||'').toLowerCase();
    const mine=(typeof _commissionSnapshots!=='undefined'&&_commissionSnapshots||[])
      .filter(r=>r.period_month===per&&String(r.beneficiary_email||'').toLowerCase()===em&&r.beneficiary_role!=='tl');
    const row=mine.find(r=>r.beneficiary_role==='kam')||mine[0];
    return row?(Number(row.payout_amount)||0):null;
  }catch(e){return null;}
}
function _tvUpsellTeamSettled(){
  return !!window._tvUpsellFetchAt&&!window._tvUpsellFetchInFlight;
}
function _tvKamPillHtml(kamEmail, liveFinal, teamReady, skelW, skelH, skelR, kp){
  // รอบ B: ยอดจริงสด (งวดแบบใหม่) — คิดเสร็จ = ยอด · กำลังคิด = แถบรอ (ไม่มีตัวเลข) · คิดไม่ได้ = "—" พร้อมเหตุเมื่อแตะค้าง
  if(kp&&kp.live_exact){
    if(kp.live_exact==='ok'&&liveFinal!=null)return _commFmtPayout(liveFinal);
    const _lxEsc=v=>String(v==null?'':v).replace(/[&<>'"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[c]));
    if(kp.live_exact==='loading')return `<span class='skel' title='${_lxEsc(kp.live_reason||'กำลังคิดยอดจริง')}' style='display:inline-block;width:${skelW}px;height:${skelH}px;border-radius:${skelR};vertical-align:middle'></span>`;
    // UIR-B (20 ต.ค. 2569): เหตุเคยอยู่ใน title อย่างเดียว (มือถือแตะค้างไม่เห็น) ⇒ "—" มีปุ่ม i เล็ก ๆ
    // แตะแล้วเปิดชีทค่าคอมฯ ทีม ซึ่งแถวของคนนี้เขียนเหตุเต็มประโยค · ขนาดป้ายเท่าเดิม แถวไม่ขยับ
    return `<span class='tv-pill-why' role='button' title='${_lxEsc(kp.live_reason||'')}' onclick='event.stopPropagation();if(typeof _commOpenTlDetailSheet==="function")_commOpenTlDetailSheet()'>—<span class='tv-pill-why-i' aria-hidden='true'>i</span></span>`;
  }
  // HO ครั้งเดียวต่อสาขา (สัญญา v2 E1): kp = ผลคิดสดของคนนี้ · HO ยังคิดไม่ได้เพราะรายชื่อสาขาที่นับแล้ว
  // ยังมาไม่ถึง ⇒ ยังไม่โชว์เงิน (เหมือนแถบค่าคอมฯ) · โหลดไม่ได้ ⇒ โชว์ยอดพร้อมบอกว่ายังไม่รวม HO
  // สัญญา v3 ข้อ 5: ชิป/พิลกว้างคงที่ ⇒ "฿11,500*" + title "ยังไม่รวม Handover" (คำเต็มล้นชิป)
  const _hoMiss=!!(kp&&kp.handover&&kp.handover.ledger_missing);
  if(teamReady&&_hoMiss&&typeof window._commHoLedgerPending==='function'&&window._commHoLedgerPending()){
    return `<span class='skel' style='display:inline-block;width:${skelW}px;height:${skelH}px;border-radius:${skelR};vertical-align:middle'></span>`;
  }
  // สัญญา v4 D1: ไฟล์ Handover โหลดไม่สำเร็จ / ไม่มีเดือนโอน ก็ "฿x*" เหมือนกัน (_commHoStarHtml เช็คเอง · ไม่ใช่กรณีนั้น = เลขเดิม)
  const _hoUnk=_hoMiss||(typeof _commHoUnknown==='function'&&_commHoUnknown(kp&&kp.handover));
  // BE-2: งวดรายทีม ยอดที่คิดจากไฟล์สรุปทีม (ยังใช้เกณฑ์ P1/P3 ก่อน ต.ค.) = ยอดประมาณ ⇒ "≈" นำหน้า + คำอธิบายเมื่อแตะค้าง
  const _est=(typeof _dispUsesTeamFile==='function')&&_dispUsesTeamFile(kamEmail);
  const _estPre=_est?"<span title='ยอดประมาณ — upsell ของคนนี้ยังคิดจากไฟล์สรุปทั้งทีม ยอดจริงคิดตอนปิดงวด'>≈</span>":'';
  if(teamReady)return _estPre+((_hoUnk&&typeof _commHoStarHtml==='function')?_commHoStarHtml(kp.handover,_commFmtPayout(liveFinal)):_commFmtPayout(liveFinal));
  if(_tvUpsellTeamSettled()){
    const saved=_tvSavedKamPayout(kamEmail);
    return saved!==null?_commFmtPayout(saved):'—';
  }
  return `<span class='skel' style='display:inline-block;width:${skelW}px;height:${skelH}px;border-radius:${skelR};vertical-align:middle'></span>`;
}

async function __legacyRenderTeamviewKamListFallbackAsync(){
  window._tvLastRenderMs=Date.now();
  const el=document.getElementById('teamview-content');
  if(!el)return;
  // perf R1: เลขรอบของการวาด — รอบที่เริ่มทีหลังชนะเสมอ รอบเก่าที่ await ค้างอยู่ (โหลดเกณฑ์ · รายชื่อเข้าพบ)
  // ห้ามวาดทับผลของรอบใหม่ และห้ามเขียน window._tvVisitMap ทับ (เดิมรอบที่ตอบช้ากว่าวาดทีหลังได้)
  const _tvGen=window._tvKamListGen=(window._tvKamListGen||0)+1;

  // v225f: ensure targets loaded BEFORE _buildKamGroups().
  // Root cause: original code built groups first, then awaited visit map.
  // _tvResolveKamDenominator() inside _buildKamGroups() checks _tvTargetsReady()=(_tgtLoaded&&_tgtGet).
  // If targets not yet loaded when groups are built → denominator=baseline, baked in permanently.
  // Fix: load targets first → then build groups → groups use correct targets from the start.
  if(typeof _tgtLoaded !== 'undefined' && !_tgtLoaded){
    if(typeof loadTargets === 'function' && typeof _tgtCurrentQuarter === 'function'){
      try{ await loadTargets(_tgtCurrentQuarter()); }catch(e){}
    }
  }

  // v231-fix: if upsell_team not in memory, backfill from R2 before rendering.
  // Root cause: IDB-FAST path skips upsell_team when not in IDB cache, and R2 fetch
  // can silently fail (AbortSignal / timeout) with no retry in teamview.
  // The v230-fix in _commOpenTlDetailSheet handles this only on commission cockpit open.
  // This fix gives teamview its own one-shot self-heal so shimmer resolves automatically.
  // v_upsellloop (1 ต.ค. 2026): "one-shot" ข้างบนไม่เคยเป็น one-shot จริง — ธงถูกปลดทุกครั้ง
  // ที่โหลดจบ ถ้าไฟล์บน R2 ว่างจริง (มีแต่หัวคอลัมน์ เช่นวันแรกของไตรมาส) ตัวอ่านไฟล์เรียก
  // renderTeamview() → กลับมาที่นี่ เจอว่างอีก → โหลดอีก วนทุก ~2 วิไม่มีวันจบ
  // (วัดบน LIVE v322: โหลดไฟล์ซ้ำ ~30 ครั้ง/นาที และคิด %NRR ทั้งทีมใหม่ทุกรอบ)
  // ⇒ ลองได้ทันทีครั้งแรก ครั้งถัดไปต้องห่างกันอย่างน้อย 5 นาที (ไฟล์ที่รันใหม่ยังเข้ามาเองได้)
  const _TV_UPSELL_RETRY_MS = 5 * 60 * 1000;
  const _upsellTeamNow = typeof bulkUpsellTeamData !== 'undefined' &&
                         bulkUpsellTeamData && Object.keys(bulkUpsellTeamData).length > 0;
  if (!_upsellTeamNow && !window._tvUpsellFetchInFlight &&
      Date.now() - (window._tvUpsellFetchAt || 0) >= _TV_UPSELL_RETRY_MS) {
    window._tvUpsellFetchInFlight = true;
    window._tvUpsellFetchAt = Date.now();
    const _canFetch = typeof _fetchCloudflareFile === 'function' &&
                      typeof R2_SPECS !== 'undefined' && R2_SPECS && R2_SPECS['upsell_team'];
    if (_canFetch) {
      _fetchCloudflareFile(R2_SPECS['upsell_team'], {force:true}).finally(function(){
        window._tvUpsellFetchInFlight = false;
        // ingestCSVText callback already calls renderTeamview() — this is a safety-net
        // for cases where the tab wasn't active during the callback.
        try{
          // v_renderstorm: safety-net หลัง background fetch เสร็จ — ผ่านตัวรวมคำสั่งแทน
          if(typeof scheduleRenderTeamviewKamList==='function' &&
             document.getElementById('scr-teamview')?.classList.contains('on'))
            scheduleRenderTeamviewKamList();
        }catch(e){}
      });
    } else {
      window._tvUpsellFetchInFlight = false;
    }
  }

  // จอทีมกระพริบ (20 ต.ค. 2569): รอรายชื่อตำแหน่งก่อนจัดกลุ่ม ไม่งั้น AD/PM โผล่ในรายชื่อ KAM แล้วหายไป (20 → 14 คน)
  // รอไม่เกิน 3 วิ แล้ววาดตามเดิม (โหลดไม่ได้ = ทางเดิม: แยกตามอีเมลอย่างเดียว · มาทีหลัง 02 สั่งวาดใหม่เอง)
  if(window.nrrRoleRoster&&!window.nrrRoleRoster.loaded&&typeof _qnrrEnsureRoleRoster==='function'){
    try{ await _qnrrEnsureRoleRoster(3000); }catch(e){}
    if(_tvGen!==window._tvKamListGen)return;
  }
  const groups=_buildKamGroups();
  // Pre-fetch visit data from Supabase for TL/Admin (so "ทำการบ้าน" shows KAM's actual visits)
  // v499: ad_tl also uses team visit map (manages a portfolio of accounts)
  const _isTLAdmin = currentUserProfile && (currentUserProfile.role==='tl'||currentUserProfile.role==='admin'||currentUserProfile.role==='ad_tl'||currentUserProfile.role==='sales_tl');
  if(_isTLAdmin && typeof getTeamVisitMapFromSupabase === 'function'){
    const kamEmails = [...new Set(groups.map(g=>g.kamEmail).filter(Boolean))];
    const _visitMap = await getTeamVisitMapFromSupabase(kamEmails);
    if(_tvGen!==window._tvKamListGen)return; // perf R1: มีรอบใหม่กว่าเริ่มแล้ว — ปล่อยให้รอบนั้นวาด
    window._tvVisitMap = _visitMap;
  } else {
    window._tvVisitMap = null; // KAM reads own localStorage via getVisitMap()
  }
  if(_tvGen!==window._tvKamListGen)return; // perf R1: รอบเก่า (ค้างที่โหลดเกณฑ์) ไม่วาดทับรอบใหม่
  __legacyRenderTeamviewKamListSync(groups, el);
}

function __legacyRenderTeamviewKamListFallback(){
  // Kick off async version; render sync immediately with localStorage data as placeholder
  __legacyRenderTeamviewKamListFallbackAsync().catch(e=>console.warn('[teamview visit]',e));
}

function __legacyRenderTeamviewKamListSync(groups, el){
  if(!el)return;
  if(!groups)groups=_buildKamGroups();

  // ── v225e Value Guard ─────────────────────────────────────────────────────
  // Skip DOM repaint if visible data hasn't changed since last render.
  // Prevents redundant repaints from: ETag 304, bundle:prewarm-complete,
  // hydrate-cold-load-complete when no actual data change occurred.
  try{
    var _tvPvSnap=portviewBulkData&&portviewBulkData.length>0
      ?portviewBulkData.length+':'+(portviewBulkData[0]&&(portviewBulkData[0].accountId||portviewBulkData[0].id)||''):'0';
    var _tvHistN=typeof bulkHistoryData!=='undefined'?Object.keys(bulkHistoryData).length:0;
    var _tvCommN=(typeof window._tgtCache!=='undefined'&&window._tgtCache)?Object.keys(window._tgtCache).length:0;
    var _tvVisitN=window._tvVisitMap
      ?Object.values(window._tvVisitMap).reduce(function(s,v){return s+Object.keys(v||{}).length;},0):-1;
    var _tvUpsellN=typeof bulkUpsellTeamData!=='undefined'&&bulkUpsellTeamData?Object.keys(bulkUpsellTeamData).length:0;
    var _tvDaysEl=(typeof portviewBulkData!=='undefined'&&portviewBulkData&&portviewBulkData[0])?portviewBulkData[0].daysElapsed||0:0;
    var _tvRole=typeof getCurrentRole==='function'?getCurrentRole():'';
    var _tvKey=[
      typeof tvViewMode!=='undefined'?tvViewMode:'full',
      typeof teamviewLevel!=='undefined'?(teamviewLevel||''):'',
      typeof portviewRepEmail!=='undefined'?(portviewRepEmail||''):'',
      _tvPvSnap,_tvHistN,_tvCommN,_tvVisitN,_tvUpsellN,_tvDaysEl,_tvRole,
      // v_waiverkey: ตัวกันวาดซ้ำเคยไม่รู้จักกติกาและร้านยกเว้น — ตัวเลขข้างในคิดใหม่แล้ว
      // แต่รายชื่อไม่วาดใหม่ จอค้างเลขเก่า (เห็นตอนสลับกติกา 1 ต.ค.) ⇒ ผูกกับคีย์ของตัวคิดเลย
      (typeof _kamRenderCacheKey==='function'?_kamRenderCacheKey():''),
      // v_kampill: ป้ายเงินอ่านแถวที่บันทึก + สถานะการลองโหลด ⇒ สองอย่างนี้เปลี่ยน ต้องวาดใหม่
      's'+((typeof _commissionSnapshots!=='undefined'&&_commissionSnapshots)?_commissionSnapshots.length:0)+
        ':'+(_tvUpsellTeamSettled()?1:0),
      // รอบ B: ยอดจริงสดมาถึง ⇒ วาดรายชื่อใหม่ (อยู่ใน _kamRenderCacheKey ด้วย — ใส่ตรงนี้ให้เห็นชัด)
      'lx'+((typeof _commLiveExactRev==='function')?_commLiveExactRev():0),
      // 24 ต.ค. 2569: สีมาจากเกณฑ์ค่าคอมฯ ⇒ เกณฑ์มาทีหลัง / มีคนแก้เกณฑ์ ต้องวาดใหม่
      (typeof _dispZoneStamp==='function'?_dispZoneStamp():'')
    ].join('|');
    // v307: if last render was no-data state but portview now loaded → force re-render
    var _tvHasDataNow=portviewBulkData&&portviewBulkData.length>0;
    if(el._lastTvWasNoData&&_tvHasDataNow){el._lastTvWasNoData=false;el._lastTvListKey='';}
    if(el._lastTvListKey===_tvKey&&el.children.length>0){
      try{window._senseDataLog('TEAMVIEW','⚡ value guard — skip repaint (unchanged)');}catch(e){}
      return;
    }
    el._lastTvListKey=_tvKey;
  }catch(e){}
  // ─────────────────────────────────────────────────────────────────────────
  if(!groups.length){el.innerHTML=`<div class="portview-no-data"><div class="portview-no-data-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="10" width="24" height="17" rx="2" stroke="rgba(255,255,255,0.2)" stroke-width="1.5" fill="none"/><path d="M4 16h6l2 3h8l2-3h6" stroke="rgba(255,255,255,0.2)" stroke-width="1.5" stroke-linejoin="round" fill="none"/><path d="M11 7l5-3 5 3" stroke="rgba(255,255,255,0.15)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div class="portview-no-data-text">ไม่มีข้อมูล KAM</div><div class="portview-no-data-sub">Q8E ต้องมีคอลัมน์ kam_email และ tl_email<br>เพื่อแยกพอร์ตตาม KAM ได้</div></div>`;return;}

  // Flat list sorted by urgency: danger → warn → safe/great → star
  // 24 ต.ค. 2569: แย่ก่อนตามช่วงเกณฑ์ค่าคอมฯ ของ KAM แต่ละคน (05b nrrZoneRank) · ไม่มีเลขไว้ท้าย
  const _zr=g=>(typeof nrrZoneRank==='function')?nrrZoneRank(g.nrrZone):0;
  const sorted=[...groups].sort((a,b)=>((a.nrr==null)-(b.nrr==null))||(_zr(a)-_zr(b))||((b.nrrShortfall||0)-(a.nrrShortfall||0)));

  const fmtSF=n=>n>=1000000?'฿'+(n/1000000).toFixed(1)+'M':n>=1000?'฿'+(n/1000).toFixed(0)+'K':'฿'+Math.round(n);

  // v_echog1: การบ้านนับรายไตรมาส (ตรงรอบ commission) + TL/admin อ่าน server map
  // เท่านั้น — เดิม rep ที่ไม่อยู่ใน _tvVisitMap fallback ไป localStorage ของ "คนดู"
  // ทำให้ TL เห็นเลขการบ้านของตัวเองแปะอยู่บนชื่อ rep คนอื่น
  const _hwQStart=_visitQuarterStartMs();
  const _hwVm=g=>window._tvVisitMap?(window._tvVisitMap[g.kamEmail]||{}):getVisitMap(g.kamEmail||'');
  const _hwCount=(g,vm)=>g.accounts.filter(a=>vm[a.id]&&vm[a.id].lastSeen>=_hwQStart).length;

  function fullCard(g){
    const vm=_hwVm(g);
    const visited=_hwCount(g,vm);
    const dot=(color,n)=>n>0?`<span style="display:inline-flex;align-items:center;gap:3px;margin-right:8px"><span style="width:6px;height:6px;border-radius:50%;background:${color};flex-shrink:0"></span><span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);color:${color}">${n}</span></span>`:'';
    // v302: จุดสามสี = จำนวนร้านตาม %NRR เทียบเดือนฐาน (nrrSignal) · ตัวเลขใหญ่ = %NRR ของ KAM
    // (ตัวเดียวกับพิลล์ NRR เดิม จึงถอดพิลล์ซ้ำ คงพิลล์เงิน) · แถบเทียบเป้าถอดออก (เป้าไม่ได้ตั้งรายคนตั้งแต่ มิ.ย.)
    const chips=dot('var(--hz-on)',g.nrrOk)+dot('var(--hz-monitor)',g.nrrWarn)+dot('var(--hz-risk)',g.nrrDanger);   // ON TRACK · MONITOR · AT RISK (25 ต.ค. 2569)
    const _baseMo=(typeof _nrrBaseMonthThLabel==='function'&&_nrrBaseMonthThLabel())||'เดือนฐาน';
    const rrStr=(g.baseGmv||0)>0?`<span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(255,255,255,.75)">${fmtSF(g.nrrRunRate!=null?g.nrrRunRate:g.runRate)}<span style="color:rgba(255,255,255,.55);font-weight:var(--fw-normal)"> / ${fmtSF(g.baseGmv)}</span><span style="font-size:var(--text-2xs);color:rgba(255,255,255,.52);font-family:var(--tk-font-body);margin-left:4px">ฐาน ${_baseMo.split(' ')[0]}</span></span>`:'';
    const _nrr=_getCachedKamNrr(g.kamEmail);
    // v92-fix: unrounded — this feeds _commPayoutForPctByCode's tier lookup
    // below (a real live-estimate payout decision, same class of bug as
    // 07a_commission_engine.js's _nrrGovernedPct). Round only for display.
    const nrrPct=_nrr&&_nrr.nrr!==null?(_nrr.nrr*100):null;
    const _kamRole=(typeof _dispPortfolioRoleOf==='function')?_dispPortfolioRoleOf(g.kamEmail):'kam'; // PV-4
    // v226: show final_payout (NRR+Upsell+Handover×Gate) not just NRR payout
    // รอบ B: งวดแบบใหม่ _kp1 คือยอดจริงสดเสมอ (หาแผนด้วยทางเงิน) ⇒ ตัวหาแผนเดิมที่สลับไปแผน STD ได้ ใช้แค่ตอนไม่มีผล (งวดเก่า)
    const _kp1=_getCachedKamPayout(g.kamEmail);
    const _kamFinal1=_kp1?_kp1.final_payout:_commPayoutForPctByCode(_commGetAssignmentPlan(_nrrExclusionCurrentPeriod(),_kamRole,g.kamEmail,_kamRole),_kamRole,nrrPct);
    const _teamUpsellReady=typeof bulkUpsellTeamData!=='undefined'&&bulkUpsellTeamData&&Object.keys(bulkUpsellTeamData).length>0;
    const _kamPillTxt=_tvKamPillHtml(g.kamEmail,_kamFinal1,_teamUpsellReady,52,16,'var(--r-xs)',_kp1); // v_kampill
    const nrrPill=nrrPct!==null?`<span class="tv-payout-pill">${_kamPillTxt}</span>`:'';
    const _bigCls=g.nrrCls||'';
    const _bigTxt=g.nrr==null
      ?`<span style="display:inline-block;width:2.6em;height:.75em;border-radius:5px;background:rgba(255,255,255,.08);animation:_dotBlink 1.2s ease-in-out infinite;vertical-align:middle"></span>`
      :g.nrrLabel;
    // v865: "ขอ exclude" moved to /nrr's account page + #/waivers (see nrr_waivers.js) --
    // the old modal this opened (#nrr-excl-overlay) never existed in shell.html, so this
    // button was already a dead no-op click in production.
    return`<div class="tv-full-card ${_bigCls}" onclick="teamviewDrillKam('${g.kamEmail||g.kamName}')">
      <div class="tv-full-top">
        <div class="tv-full-name">${g.kamName}<span style="font-size:var(--text-2xs);font-weight:var(--fw-semi);color:rgba(255,255,255,.65);margin-left:6px"> ทำการบ้าน ${visited}/${g.total} (ไตรมาสนี้)</span></div>
        <div class="tv-full-pace ${_bigCls}${g.nrr!=null&&g.nrr>150?' capped':''}">${_bigTxt}${g.nrrZone&&g.nrrZone.key!=='none'&&g.nrrZone.word_th?`<span class="tv-zone-word">${g.nrrZone.word_th}</span>`:''}</div>
      </div>
      <div class="tv-full-meta">
        <div class="tv-risk-chips">${chips}${nrrPill}</div>
        ${rrStr}
      </div>
    </div>`;
  }

  // v302: starCard (≥105% เทียบเป้า + ป้าย +surplus%) ถอดออก — เกต %NRR ไม่มีชั้น 'star'
  function starCard(g){
    const vm=_hwVm(g);
    const visited=_hwCount(g,vm);
    const surplus=g.pace-100;
    const dot=(color,n)=>n>0?`<span style="display:inline-flex;align-items:center;gap:3px;margin-right:8px"><span style="width:6px;height:6px;border-radius:50%;background:${color};flex-shrink:0"></span><span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);color:${color}">${n}</span></span>`:'';
    const chips=dot('var(--tk-ok-bright)',g.ok)+dot('var(--amb)',g.warn)+dot('var(--tk-danger-bright)',g.danger);
    const rrStr=(g.targetDenominator||g.baseline)>0?`<span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(255,255,255,.75)">${fmtSF(g.runRate)}<span style="color:rgba(255,255,255,.55);font-weight:var(--fw-normal)"> / ${fmtSF(g.targetDenominator||g.baseline)}</span><span style="font-size:var(--text-2xs);color:rgba(255,255,255,.52);font-family:var(--tk-font-body);margin-left:4px">${_tvDenomLabel(g)}</span></span>`:'';
    const _nrr=_getCachedKamNrr(g.kamEmail);
    // v92-fix: unrounded — this feeds _commPayoutForPctByCode's tier lookup
    // below (a real live-estimate payout decision, same class of bug as
    // 07a_commission_engine.js's _nrrGovernedPct). Round only for display.
    const nrrPct=_nrr&&_nrr.nrr!==null?(_nrr.nrr*100):null;
    // v226: show final_payout (NRR+Upsell+Handover×Gate) not just NRR payout · รอบ B: ตัวหาแผนเดิมใช้แค่ตอนไม่มีผล (งวดเก่า)
    const _kp1=_getCachedKamPayout(g.kamEmail);
    const _kamFinal1=_kp1?_kp1.final_payout:_commPayoutForPctByCode(_commGetAssignmentPlan(_nrrExclusionCurrentPeriod(),'kam',g.kamEmail,'kam'),'kam',nrrPct);
    const _teamUpsellReady=typeof bulkUpsellTeamData!=='undefined'&&bulkUpsellTeamData&&Object.keys(bulkUpsellTeamData).length>0;
    const _kamPillTxt=_tvKamPillHtml(g.kamEmail,_kamFinal1,_teamUpsellReady,52,16,'var(--r-xs)',_kp1); // v_kampill
    // v_cell: สีพิลของ KAM คนนี้ เทียบกับขั้นเงินขั้นแรกของเขาเอง ไม่ใช่ค่าเตือนกลาง
    // รอบ B: งวดแบบใหม่ เส้นมาจากแผนของคนนี้เท่านั้น — หาไม่ได้ = ไม่ลงสี (ไม่เดา 98 จากค่ากลาง)
    const _starThr=(function(){
      try{
        const t=(typeof _commThresholdsFor==='function')?_commThresholdsFor(null,g.kamEmail,'kam'):null;
        if(t&&t.step1!=null) return Number(t.step1);
      }catch(e){}
      if(typeof _commIsExplicit==='function'&&_commIsExplicit(_nrrExclusionCurrentPeriod())) return null;
      return Number((_tgtSettings&&_tgtSettings.nrr_threshold)||98);
    })();
    const nrrPill=nrrPct!==null?`<span class="tv-nrr-pill ${_starThr===null?'':nrrPct>=_starThr?'ok':'warn'}">NRR ${_commFmtPct(nrrPct)}</span><span class="tv-payout-pill">${_kamPillTxt}</span>`:'';
    // v865: "ขอ exclude" moved to /nrr's account page + #/waivers (see nrr_waivers.js) --
    // the old modal this opened (#nrr-excl-overlay) never existed in shell.html, so this
    // button was already a dead no-op click in production.
    return`<div class="tv-star-card tv-star-glow" onclick="teamviewDrillKam('${g.kamEmail||g.kamName}')">
      <div class="tv-full-top">
        <div style="display:flex;align-items:center;gap:7px;min-width:0">
          <div class="tv-full-name">${g.kamName}<span style="font-size:var(--text-2xs);font-weight:var(--fw-semi);color:rgba(255,255,255,.65);margin-left:6px"> ทำการบ้าน ${visited}/${g.total} (ไตรมาสนี้)</span></div>
          <span class="tv-star-badge">+${surplus}%</span>
        </div>
        <div class="tv-star-pace">${g.pace}%</div>
      </div>
      <div class="tv-star-bar"><div class="tv-star-fill" style="width:${Math.min(g.pace,100)}%"></div></div>
      <div class="tv-full-meta">
        <div class="tv-risk-chips">${chips}${nrrPill}</div>
        ${rrStr}
      </div>
    </div>`;
  }

  function chipRow(g){
    // v_echog1: ใช้ server map เหมือนการ์ดพี่น้อง — เดิมอ่าน localStorage คนดูล้วน
    const vm=_hwVm(g);
    const visited=_hwCount(g,vm);
    const dot=(color,n)=>n>0?`<span style="display:inline-flex;align-items:center;gap:2px;margin-right:5px"><span style="width:5px;height:5px;border-radius:50%;background:${color}"></span><span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);font-weight:var(--fw-bold);color:${color}">${n}</span></span>`:'';
    const chips=dot('var(--hz-on)',g.nrrOk)+dot('var(--hz-monitor)',g.nrrWarn)+dot('var(--hz-risk)',g.nrrDanger); // 25 ต.ค. 2569: ON TRACK · MONITOR · AT RISK
    const _nrr=_getCachedKamNrr(g.kamEmail);
    // v92-fix: unrounded — this feeds _commPayoutForPctByCode's tier lookup
    // below (a real live-estimate payout decision, same class of bug as
    // 07a_commission_engine.js's _nrrGovernedPct). Round only for display.
    const nrrPct=_nrr&&_nrr.nrr!==null?(_nrr.nrr*100):null;
    const _kamRole=(typeof _dispPortfolioRoleOf==='function')?_dispPortfolioRoleOf(g.kamEmail):'kam'; // PV-4
    const _kpC=_getCachedKamPayout(g.kamEmail);   // รอบ B: งวดแบบใหม่ = ยอดจริงสดเสมอ · ตัวหาแผนเดิมใช้แค่งวดเก่า
    const _kamFinalC=_kpC?_kpC.final_payout:_commPayoutForPctByCode(_commGetAssignmentPlan(_nrrExclusionCurrentPeriod(),_kamRole,g.kamEmail,_kamRole),_kamRole,nrrPct);
    const _teamUpsellReadyC=typeof bulkUpsellTeamData!=='undefined'&&bulkUpsellTeamData&&Object.keys(bulkUpsellTeamData).length>0;
    const _kamPillTxtC=_tvKamPillHtml(g.kamEmail,_kamFinalC,_teamUpsellReadyC,46,14,'3px',_kpC); // v_kampill
    return`<div class="tv-chip" onclick="teamviewDrillKam('${g.kamEmail||g.kamName}')">
      <div class="tv-chip-main">
        <div class="tv-chip-name">${g.kamName}<span style="font-size:var(--text-2xs);color:rgba(255,255,255,.65);margin-left:4px"> ทำการบ้าน ${visited}/${g.total} (ไตรมาสนี้)</span></div>
        <div class="tv-chip-bottom">
          <div class="tv-chip-risk">${chips}</div>
        </div>
      </div>
      ${nrrPct!==null?`<span class="tv-chip-comm">${_kamPillTxtC}</span>`:'<span class="tv-chip-comm">—</span>'}
      <span class="tv-chip-pace ${g.nrrCls||''}${g.nrr!=null&&g.nrr>150?' capped':''}">${g.nrr==null?'—':g.nrrLabel}</span>
      <span class="tv-chip-arrow">›</span>
    </div>`;
  }

  const _renderCard=g=>tvViewMode==='compact'?chipRow(g):fullCard(g); // v302: ไม่มี starCard แล้ว

  // Icon toggle row — sits above the KAM list
  const _iconFull=`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="14" height="6" rx="1.5" fill="currentColor"/><rect x="0" y="8" width="14" height="6" rx="1.5" fill="currentColor"/></svg>`;
  const _iconCompact=`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="2.5" x2="14" y2="2.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><line x1="0" y1="7" x2="14" y2="7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><line x1="0" y1="11.5" x2="14" y2="11.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>`;
  const _toggleRow=`<div style="display:flex;align-items:center;justify-content:space-between;padding:0 0 10px">
    <span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);color:rgba(255,255,255,.52)">${sorted.length} KAM</span>
    <div style="display:flex;align-items:center;gap:2px">
      <button onclick="setTvView('full')" style="width:30px;height:28px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:${tvViewMode==='full'?'rgba(255,255,255,.9)':'rgba(255,255,255,.25)'};transition:color .15s">${_iconFull}</button>
      <button onclick="setTvView('compact')" style="width:30px;height:28px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:${tvViewMode==='compact'?'rgba(255,255,255,.9)':'rgba(255,255,255,.25)'};transition:color .15s">${_iconCompact}</button>
    </div>
  </div>`;
  el.innerHTML=_toggleRow+sorted.map(_renderCard).join('');
  // v687: sync at 0/100/350ms — BCR.height needs layout to settle after pv-collapsible animation
  setTimeout(_tvSyncListOffset, 0);
  setTimeout(_tvSyncListOffset, 100);
  setTimeout(_tvSyncListOffset, 350);
}

function setTvView(mode){
  tvViewMode=mode;
  renderTeamviewKamList();
}

function teamviewDrillKam(kamKey){
  portviewRepEmail=kamKey;
  // v202: pre-warm KAM bundle when TL drills into a rep (silent, fire-and-forget)
  if(kamKey)_fetchKamBundle(kamKey).catch(()=>{});
  portviewLevel='rep-detail';
  portviewAiDone=false;
  window._portviewFromTeamview=true;
  showScreen('portview');
}


async function generateTeamviewInsight(){
  const btn=document.getElementById('tv-ai-btn');
  const lbl=document.getElementById('tv-ai-label');
  const out=document.getElementById('tv-ai-output');
  if(!btn||teamviewAiDone)return;
  btn.classList.add('loading');
  if(lbl)lbl.innerHTML='<span class="ai-thinking"><svg width="9" height="9" viewBox="0 0 10 10" fill="rgba(100,170,255,.8)" style="animation:iq-spin 1.5s linear infinite;transform-origin:center;flex-shrink:0"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg><span class="ai-dot"></span><span class="ai-dot"></span><span class="ai-dot"></span></span>';
  const groups=_buildKamGroups();
  const allAccts=groups.flatMap(g=>g.accounts);
  // v302: %NRR ทีม/รายคน เทียบเดือนฐาน (ตัวเดียวกับหัวจอและค่าคอมฯ) แทน Pro Rate
  const _TH=(typeof _getCachedTeamHeadline==='function')?_getCachedTeamHeadline():null;
  const teamNrrTxt=(_TH&&_TH.pct!=null&&typeof _commFmtPct==='function')?_commFmtPct(_TH.pct):'ยังไม่มีข้อมูล';
  const _baseMoTv=(typeof _nrrBaseMonthThLabel==='function'&&_nrrBaseMonthThLabel())||'เดือนฐาน';
  const totalShortfall=groups.reduce((s,g)=>s+(g.nrrShortfall||0),0);
  const kamLines=groups.map(g=>{
    const atRisk=g.accounts.filter(a=>a.nrrSignal&&(a.nrrSignal.cls==='danger'||a.nrrSignal.cls==='warn'));
    const topRisk=atRisk.slice(0,3).map(a=>`${a.name}(${a.nrrSignal.label}${(a.churnedSkuCount||0)>0?' +'+a.churnedSkuCount+'SKUหาย':''})`).join(', ');
    return`- ${g.kamName}: ${g.total}ร้าน · NRR ${g.nrrLabel} · เสี่ยง ${g.nrrDanger+g.nrrWarn} · ขาดจากฐาน ${_tvFmtK(g.nrrShortfall||0)}${topRisk?' | '+topRisk:''}`;
  }).join('\n');
  const tvUserMsg=`ข้อมูลทีม:\nภาพรวม: ${groups.length} KAM · ${allAccts.length} ร้าน · %NRR ทีม ${teamNrrTxt} (เทียบยอดเดือนฐาน ${_baseMoTv} — ตัวเลขเดียวกับที่ใช้คิดค่าคอมฯ) · ส่วนต่างรวมจากฐาน ${_tvFmtK(totalShortfall)}\n\nKAM แต่ละคน:\n${kamLines}`;
  const sysTv=OLIVE_BASE+`

-- TASK CONTEXT --
A Team Lead is preparing for morning standup. They need to know which KAMs need attention — and whether that's coaching, support, or a push in a different direction. A KAM with a genuinely hard portfolio deserves support and resource, not a coaching conversation. Getting this distinction wrong sends the wrong signal to the team.

Key distinction:
- พอร์ตแย่ + ลูกค้าใหม่/ยาก = ต้องการ support และ resource — ไม่ใช่ coach
- พอร์ตแย่ + ลูกค้าเดิมแต่ไม่ follow up = ต้องการ coaching เรื่อง discipline
- พอร์ตดี + ไม่มี opportunity ใหม่ = ต้องการ push ให้ deepen หรือ upsell

-- OUTPUT CONTRACT --
Thai prose — brief enough for a pre-standup scan.

Structure:
1. One sentence on team state — focus on what needs fixing, not what's healthy.
2. KAMs who need intervention: name → support or coach → specific reason why
3. One standup question per KAM — a hypothesis to verify in the conversation, not an open-ended question.

Don't repeat NRR % or shortfall numbers already visible.
When mentioning a SKU, use ฿ — not %.`;
  try{
    const txt=await callAI('sonnet',sysTv,[{role:'user',content:tvUserMsg}],1200);
    if(out){out.style.display='block';out.style.animation='none';out.innerHTML=txt.replace(/\*\*(.*?)\*\*/g,'<strong>$1</strong>').replace(/\n/g,'<br>');requestAnimationFrame(()=>{out.style.animation='insightReveal 400ms ease forwards';});}
    teamviewAiDone=true;
    // v154c: keep Teamview expanded after insight; no compact strip on Team.
    const _tvColl=document.getElementById('tv-collapsible');
    const _tvStrip=document.getElementById('tv-compact-strip');
    if(_tvColl){_tvColl.className='pv-collapsible expanded';}
    if(_tvStrip){_tvStrip.className='pv-compact-strip hidden';_tvStrip.innerHTML='';}
    if(lbl)lbl.innerHTML='<svg width="10" height="10" viewBox="0 0 10 10" fill="none" style="vertical-align:-.5px"><path d="M1.5 5.5L3.5 7.5L8.5 2.5" stroke="var(--tk-ok-bright)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> Team Insight';
    btn.classList.add('done');
    btn.classList.add('done-bounce');
    btn.addEventListener('animationend',e=>{if(e.animationName==='doneBounce')btn.classList.remove('done-bounce');},{once:true});
  }catch(e){if(lbl)lbl.textContent='Team Insight';btn.classList.remove('done');showToast('AI error: '+e.message.slice(0,60),'⚠');}
  btn.classList.remove('loading');
}

// [override blocks removed — portview wired directly in showScreen and refreshAll]

// ════════════════════════════════════════
// SQL TEMPLATES — ADD Q6 AND Q7
// ════════════════════════════════════════

// ════════════════════════════════════════
// VISIT TRACKING — localStorage + Supabase sync
// localStorage: instant read/write for KAM self-view
// Supabase kam_visits: TL/Admin cross-KAM visibility
//
// Supabase table required:
//   CREATE TABLE kam_visits (
//     id uuid DEFAULT gen_random_uuid() PRIMARY KEY,
//     kam_email text NOT NULL,
//     account_id text NOT NULL,
//     last_seen timestamptz NOT NULL DEFAULT now(),
//     modes text[] NOT NULL DEFAULT '{}',
//     UNIQUE (kam_email, account_id)
//   );
//   -- RLS: KAM can insert/update own rows; TL/Admin can select all
// ════════════════════════════════════════
const _VISIT_KEY='ciq_visits';
const _VISIT_TTL=90*24*60*60*1000; // 90 days ms — storage bound (prune localStorage)

// v_echog1: การบ้านนับเป็น "รายไตรมาส" ให้ตรงรอบ visit + รอบ commission
// (calendar quarter: Q3 = ก.ค.–ก.ย.) — เดิมใช้หน้าต่าง 90 วันเลื่อน ทำให้ตัวเลข
// ไม่เคย reset และไม่ตรงกับรอบที่ใช้จ่ายเงินจริง · TTL 90 วันข้างบนคงไว้เป็นแค่
// ขอบเขต storage — การกรองเพื่อแสดงผลใช้ตัวนี้
function _visitQuarterStartMs(){
  const now=new Date();
  return new Date(now.getFullYear(),Math.floor(now.getMonth()/3)*3,1).getTime();
}
// ขอบล่างของการ fetch จาก server: ไตรมาสยาวได้ถึง 92 วัน — ใช้ค่าที่เก่ากว่า
// ระหว่าง (ต้นไตรมาส, now-90d) กันวันต้นไตรมาสโดนตัดตอนปลายไตรมาส
function _visitFetchSinceIso(){
  return new Date(Math.min(Date.now()-_VISIT_TTL,_visitQuarterStartMs())).toISOString();
}

// SECTION:VISIT_TRACKING
function _visitKey(kamEmail,accountId){return kamEmail+'::'+accountId;}

// ── Supabase sync (fire-and-forget, non-blocking) ──
async function _syncVisitToSupabase(kamEmail,accountId,modes){
  if(!currentUser||!kamEmail||kamEmail==='local')return;
  try{
    await supa.from('kam_visits').upsert({
      kam_email: kamEmail,
      account_id: accountId,
      last_seen: new Date().toISOString(),
      modes: modes
    },{onConflict:'kam_email,account_id'});
    _tvVisitCacheInvalidate(); // perf R1: รายชื่อเข้าพบของทีมที่จำไว้ไม่ใช่ล่าสุดแล้ว
  }catch(e){
    // Silently fail — localStorage is the source of truth for self-view
    console.warn('[Visit sync]',e.message);
  }
}

function trackVisit(accountId,mode){
  if(!accountId)return;
  const email=(currentUserProfile&&currentUserProfile.email)||'local';
  try{
    const store=JSON.parse(localStorage.getItem(_VISIT_KEY)||'{}');
    const k=_visitKey(email,accountId);
    const entry=store[k]||{lastSeen:0,modes:[]};
    entry.lastSeen=Date.now();
    if(!entry.modes.includes(mode))entry.modes.push(mode);
    store[k]=entry;
    // Prune entries older than TTL to keep localStorage lean
    const now=Date.now();
    Object.keys(store).forEach(key=>{if(now-store[key].lastSeen>_VISIT_TTL)delete store[key];});
    localStorage.setItem(_VISIT_KEY,JSON.stringify(store));
    // Sync to Supabase non-blocking (TL/Admin visibility)
    _syncVisitToSupabase(email,accountId,entry.modes);
  }catch(e){}
  // H9 (25 ต.ค. 2569): เปิดดูร้านครั้งแรกของวัน = วันนี้นับไฟต่อเนื่อง (06c · เขียนวันละครั้ง)
  try{ if(typeof window._kamStreakMark==='function') window._kamStreakMark(); }catch(e){}
}

function getVisitMap(kamEmail){
  // Returns {accountId: {lastSeen, modes}} filtered to 90-day window
  try{
    const store=JSON.parse(localStorage.getItem(_VISIT_KEY)||'{}');
    const prefix=(kamEmail||'local')+'::';
    const now=Date.now();
    const result={};
    Object.entries(store).forEach(([k,v])=>{
      if(k.startsWith(prefix)&&now-v.lastSeen<=_VISIT_TTL){
        result[k.slice(prefix.length)]=v;
      }
    });
    return result;
  }catch(e){return{};}
}

// ── TL/Admin: load visit map from Supabase for a specific KAM ──
// Called by teamview when rendering KAM rows to show visit dots
async function getVisitMapFromSupabase(kamEmail){
  if(!currentUser||!kamEmail)return{};
  try{
    const {data,error}=await supa.from('kam_visits')
      .select('account_id,last_seen,modes')
      .eq('kam_email',kamEmail)
      .gte('last_seen',_visitFetchSinceIso());
    if(error||!data)return{};
    const result={};
    data.forEach(r=>{
      result[r.account_id]={
        lastSeen: new Date(r.last_seen).getTime(),
        modes: r.modes||[]
      };
    });
    return result;
  }catch(e){return{};}
}

// ── Load all visits for full team (TL sees all KAMs at once) ──
// perf R1 (19 ต.ค. 2569): เดิมยิง Supabase ทุกครั้งที่วาดรายชื่อ KAM (วัดได้ 11 ครั้งต่อการเปิดแอปของ admin)
// ตอนนี้จำผลไว้ต่อ "คนที่ล็อกอิน + ชุด KAM ที่ขอ" นาน _TV_VISIT_TTL_MS · คำขอที่กำลังวิ่งอยู่ใช้ร่วมกัน
// ล้างทิ้งทันทีเมื่อเครื่องนี้บันทึกการเข้าพบ (trackVisit · Echo บันทึกผล · เช็คอิน) ⇒ _tvVisitCacheInvalidate()
// ผลของรอบที่เริ่มก่อนการล้างไม่ถูกจำ (epoch) · โหลดไม่สำเร็จไม่จำ (รอบหน้าลองใหม่เหมือนเดิม)
// คำขอที่วิ่งนานเกิน _TV_VISIT_JOIN_MS ไม่ให้ใครมารอร่วม (supabase-js ค้างไม่จบได้หลังเครื่องตื่น — ดู v_bootnet 01_core)
// ⇒ รอบวาดถัดไปยิงคำขอใหม่ของตัวเองเหมือนก่อนมีแคช รายชื่อไม่ค้างที่แถบโหลดตลอดไป
const _TV_VISIT_TTL_MS = 2 * 60 * 1000;
const _TV_VISIT_JOIN_MS = 15 * 1000;
const _tvVisitCache = { key: '', at: 0, map: null, epoch: 0, inflight: null, inflightKey: '', inflightEpoch: -1, inflightAt: 0 };
function _tvVisitCacheInvalidate(){
  _tvVisitCache.epoch++;
  _tvVisitCache.map = null; _tvVisitCache.key = ''; _tvVisitCache.at = 0;
  _tvVisitCache.inflight = null; _tvVisitCache.inflightKey = ''; _tvVisitCache.inflightEpoch = -1; _tvVisitCache.inflightAt = 0;
}
async function _tvFetchTeamVisitMap(kamEmails){
  // คืน null เมื่อโหลดไม่สำเร็จ (ไม่จำ) · ผลว่างจริง = {}
  try{
    const {data,error}=await supa.from('kam_visits')
      .select('kam_email,account_id,last_seen,modes')
      .in('kam_email',kamEmails)
      .gte('last_seen',_visitFetchSinceIso());
    if(error||!data)return null;
    // Returns {kamEmail: {accountId: {lastSeen, modes}}}
    const result={};
    data.forEach(r=>{
      if(!result[r.kam_email])result[r.kam_email]={};
      result[r.kam_email][r.account_id]={
        lastSeen: new Date(r.last_seen).getTime(),
        modes: r.modes||[]
      };
    });
    return result;
  }catch(e){return null;}
}
async function getTeamVisitMapFromSupabase(kamEmails){
  if(!currentUser||!kamEmails||!kamEmails.length)return{};
  const C=_tvVisitCache;
  const key=String(currentUser.id||currentUser.email||'')+'|'+kamEmails.map(String).sort().join(',');
  const now=Date.now();
  // อายุติดลบ (นาฬิกาเครื่องถอยหลัง) ไม่นับว่าสด
  if(C.map&&C.key===key&&now-C.at>=0&&now-C.at<_TV_VISIT_TTL_MS)return C.map;
  if(C.inflight&&C.inflightKey===key&&C.inflightEpoch===C.epoch&&now-C.inflightAt>=0&&now-C.inflightAt<_TV_VISIT_JOIN_MS)return C.inflight;
  const epoch=C.epoch;
  const p=_tvFetchTeamVisitMap(kamEmails).then(result=>{
    if(C.inflight===p){C.inflight=null;C.inflightKey='';C.inflightEpoch=-1;}
    if(!result)return{};
    if(epoch===C.epoch){C.map=result;C.key=key;C.at=Date.now();}
    return result;
  });
  C.inflight=p; C.inflightKey=key; C.inflightEpoch=epoch; C.inflightAt=now;
  return p;
}

// v_echofix (2026-07-21): server-backed. Used to read ONLY
// localStorage['ciq_echo_visits'] — per-browser, so a TL viewing a rep's
// portfolio saw their OWN echo dots (or none), never the rep's. The server
// table for exactly this already existed all along: kam_visits carries
// ci_session_id/ci_created_at per (kam_email, account_id), upserted by CI
// on every Echo save (09_conv_intel.js). Same sync-call contract as before
// (render sites call this synchronously): returns the cached server map
// when ready; on a cache miss, kicks off ONE background fetch and returns
// the localStorage map as an immediate fallback (self-view keeps working
// exactly as before while the fetch lands), then repaints the list.
let _echoMapCache = { email: null, map: null };
let _echoMapFetching = null;
async function _fetchEchoMapFromSupabase(kamEmail){
  // v_echog1: quarter window (ตรงรอบ commission) — เดิม 30 วันเลื่อน
  const cutoffIso = new Date(_visitQuarterStartMs()).toISOString();
  const { data, error } = await supa.from('kam_visits')
    .select('account_id,ci_created_at')
    .eq('kam_email', kamEmail)
    .not('ci_session_id', 'is', null)
    .gte('ci_created_at', cutoffIso);
  if (error || !data) return {};
  const map = {};
  data.forEach(r => { map[r.account_id] = { ts: new Date(r.ci_created_at).getTime() }; });
  return map;
}
function _getEchoMapLocal(kamEmail){
  try{
    const store=JSON.parse(localStorage.getItem('ciq_echo_visits')||'{}');
    const prefix=(kamEmail||'local')+'::';
    const qStart=_visitQuarterStartMs(); // v_echog1: quarter window เหมือนฝั่ง server
    const result={};
    Object.entries(store).forEach(([k,v])=>{
      if(k.startsWith(prefix)&&v.ts>=qStart){
        result[k.slice(prefix.length)]=v;
      }
    });
    return result;
  }catch(e){return{};}
}
function getEchoMap(kamEmail){
  const email = kamEmail || 'local';
  // Cache hit: still overlay fresh localStorage so a session recorded a
  // moment ago dots immediately (kam_visits upsert may not have round-
  // tripped into the cached fetch).
  if (_echoMapCache.email === email && _echoMapCache.map) {
    return { ..._echoMapCache.map, ..._getEchoMapLocal(email) };
  }
  if (email !== 'local' && typeof currentUser !== 'undefined' && currentUser && !_echoMapFetching) {
    _echoMapFetching = _fetchEchoMapFromSupabase(email).then(map => {
      // Merge local over server for self-view: a just-recorded session may
      // land in localStorage before the kam_visits upsert round-trips.
      const merged = { ...map, ..._getEchoMapLocal(email) };
      _echoMapCache = { email, map: merged };
      _echoMapFetching = null;
      // Repaint the portview list so dots appear once server data lands —
      // via the debounced scheduler (same convention as the async data
      // arrivals at :782).
      try { if (typeof schedulePortviewListRender === 'function') schedulePortviewListRender(); else renderPortviewList(); } catch(e) {}
    }).catch(() => { _echoMapFetching = null; });
  }
  return _getEchoMapLocal(email);
}

function getVisitDot(visitMap,accountId,echoMap){
  // Priority: echo-recent > echo-old > full > account > unseen
  const echo=echoMap&&echoMap[accountId];
  if(echo){
    const age=Date.now()-echo.ts;
    if(age<=7*24*60*60*1000)return'echo-recent';
    return'echo-old';
  }
  const v=visitMap[accountId];
  if(!v)return'unseen';
  if(v.modes&&v.modes.includes('restaurant'))return'full';
  return'account';
}

// ════════════════════════════════════════
// FOLDER LOAD — input[webkitdirectory] (works in iframe/Claude preview)
// ════════════════════════════════════════
const _FOLDER_MAP={'portview.csv':'portview-bulk','bulk_sku_current.csv':'bulk-sku-current','bulk_outlets.csv':'bulk-outlets','bulk_history.csv':'bulk-data','bulk_categories.csv':'bulk-categories','bulk_skus.csv':'bulk-skus','bulk_alternatives.csv':'bulk-alternatives','bulk_price.csv':'bulk-price'};

function pickFolder(){document.getElementById('fi-folder-dir').click();}
// [UNUSED] — no callers found; safe to delete in future refactor
function reloadFolder(){document.getElementById('fi-folder-dir').click();}

function _onFolderSelected(input){
  const files=Array.from(input.files||[]);
  if(!files.length)return;
  let n=0;
  files.forEach(f=>{
    const name=f.name.toLowerCase();
    const type=Object.entries(_FOLDER_MAP).find(([k])=>name===k)?.[1];
    if(type){handleFileUpload(type,{files:[f]});n++;}
  });
  const folderName=files[0].webkitRelativePath.split('/')[0]||'folder';
  const lbl=document.getElementById('dp-folder-label');if(lbl)lbl.textContent='📂 '+folderName+' ('+n+' ไฟล์)';
  if(n)showToast('โหลดจาก folder — '+n+' ไฟล์','📂');
  setTimeout(()=>{updateDataStatus();if(typeof renderPortviewList==='function')renderPortviewList();if(typeof renderPortviewSummary==='function')renderPortviewSummary();},800);
}

function _initFolderAutoLoad(){}

function initOliveAvatar(){
  if(!OLIVE_AVATAR_URL)return;
  const _setImg=(imgId,svgId)=>{
    const img=document.getElementById(imgId);
    const svg=document.getElementById(svgId);
    if(!img||!svg)return;
    img.onerror=()=>{img.style.display='none';svg.style.display='block';};
    img.onload=()=>{img.style.display='block';svg.style.display='none';};
    img.src=OLIVE_AVATAR_URL;
  };
  _setImg('fab-avatar-img','fab-avatar-svg');
  _setImg('aiav-img','aiav-svg');
}

(function init(){
  // Show local-dev-btn only on localhost
  if(window.location.hostname==='localhost'||window.location.hostname==='127.0.0.1'){
    const ldb=document.getElementById('local-dev-btn');
    if(ldb)ldb.style.display='block';
  }
  // v218 FIX: purge stale sample_ entries from ciq_index localStorage left over from
  // pre-v216 sessions when useSampleData() was allowed to run and called saveToStorage().
  // These caused "[ตัวอย่าง] บ.ลีฟ ทู อีท จำกัด" to appear in the account list.
  try{
    var _raw=localStorage.getItem('ciq_index');
    if(_raw){
      var _parsed=JSON.parse(_raw);
      if(Array.isArray(_parsed)){
        var _clean=_parsed.filter(function(a){return a&&a.id&&!/^sample_/.test(a.id);});
        if(_clean.length!==_parsed.length){
          localStorage.setItem('ciq_index',JSON.stringify(_clean));
          console.info('[Sense v218] purged',_parsed.length-_clean.length,'sample_ entries from ciq_index');
        }
      }
    }
  }catch(e){}
  // Do not prefetch bulk data before auth; mobile Safari can crash on large CSV parsing.
  // Check Supabase session first (shows/hides login overlay)
  checkSession().catch(()=>{});
  // ── Guard B: visibilitychange — silent token re-check only, NO routing ────
  // Fires when user returns to the PWA after backgrounding it.
  // Fix v22.2: added 2s grace period before forcing re-login.
  // Problem: getSession() can return null momentarily while Supabase silently
  // refreshes the token in background. Immediately nulling currentUser caused
  // login flash → onAuthStateChange(SIGNED_IN) → auto-login loop.
  // Solution: wait 2s, re-check. Only force login if session truly gone.
  document.addEventListener('visibilitychange', () => {
    if (document.visibilityState !== 'visible' || !currentUser) return;
    if (window._visibilityGraceTimer) { clearTimeout(window._visibilityGraceTimer); window._visibilityGraceTimer = null; }
    window._visibilityGraceTimer = setTimeout(() => {
      window._visibilityGraceTimer = null;
      _pwaSilentSessionCheck('visibilitychange',3500);
    }, 300); // v478-B4: 150→300ms — iOS token refresh needs more headroom before session check
  });
  _initFolderAutoLoad();
  // ── Guard C: pageshow — iOS bfcache restore ───────────────────────────────
  // Fix v22.2: iOS Safari PWA restores pages from bfcache (back-forward cache)
  // on app resume. In this case visibilitychange may NOT fire, but pageshow
  // fires with event.persisted = true. JS state is frozen from before suspend
  // (currentUser may be set) but the Supabase token may have expired.
  // Without this handler, user gets into a state where currentUser exists but
  // API calls fail — OR the session looks valid but onAuthStateChange never fires.
  // Fix v194: _pgsGraceTimer — cancellable grace timer for pageshow bfcache restore.
  // Mirrors _visibilityGraceTimer pattern; guards against double-fire from browser quirks.
  window._pgsGraceTimer = null;

  window.addEventListener('pageshow', (event) => {
    if (!event.persisted) return; // Normal page load — checkSession() handles it
    if (!currentUser) return;     // Not logged in — nothing to verify
    if (window._pgsGraceTimer) { clearTimeout(window._pgsGraceTimer); window._pgsGraceTimer = null; }
    window._pgsGraceTimer = setTimeout(() => {
      window._pgsGraceTimer = null;
      _pwaSilentSessionCheck('pageshow-bfcache',2500);
    }, 150);
  });
  // Restore AI provider setting
  setAiProvider(aiProvider);
  initOliveAvatar();
  initChatFabDrag();
  // Restore accounts list from localStorage
  // Migrate old ciq_accounts to ciq_index (one-time migration)
  try{
    const oldList=localStorage.getItem('ciq_accounts');
    if(oldList&&!localStorage.getItem('ciq_index')){
      const parsed=JSON.parse(oldList);
      if(Array.isArray(parsed)&&parsed.length){
        localStorage.setItem('ciq_index',JSON.stringify(parsed));
        // Also migrate data keys: ciq_{id} → ciq_acct_{id}
        parsed.forEach(function(a){
          const oldKey='ciq_'+a.id;
          const newKey='ciq_acct_'+a.id;
          const oldData=localStorage.getItem(oldKey);
          if(oldData&&!localStorage.getItem(newKey)){
            localStorage.setItem(newKey,oldData);
          }
        });
      }
    }
  }catch(e){}
  // Restore last used account
  const recent=getAccountIndex();
  if(recent.length>0)currentAccountId=recent[0].id;
  // v217 FIX A: if localStorage has a stale sample_ ID from before v216 (when useSampleData
  // ran and called saveToStorage), clear it so R2 load doesn't warn about sample_741a4cb1abcd.
  try{ if(currentAccountId && /^sample_/.test(currentAccountId)) currentAccountId=null; }catch(e){}
  const fromStorage=loadFromStorage();
  updateDataStatus();
  if(fromStorage&&(D.history.length||D.skus.length)){
    applyMeta();refreshAll();
    // User has real data — skip onboarding
    try{localStorage.setItem('ciq_visited','1');}catch(e){}
  }else if((function(){
    // v216 FIX 2A: detect Supabase auth token in localStorage synchronously.
    // If session exists, real data will arrive from R2 — phantom sample data ("[ตัวอย่าง] บ.ลีฟ ทู อีท จำกัด" / sample_741a4cb1abcd)
    // must NOT render in between. This was the source of "[v202 debug] _getKamEmailForAccount: portviewBulkData not loaded yet for sample_..." console noise.
    try{
      for(var i=0;i<localStorage.length;i++){
        var k=localStorage.key(i);
        if(k && /^sb-.+-auth-token$/.test(k)){
          var v=localStorage.getItem(k);
          if(v && v.length>20) return true;
        }
      }
    }catch(e){}
    return false;
  })()){
    // Authenticated session detected — skip useSampleData(). Real R2 data arrives shortly.
    try{ console.info('[Sense v216] useSampleData() skipped — Supabase session detected, real data loading from R2'); }catch(e){}
  }else if(typeof currentUserProfile!=='undefined'&&currentUserProfile&&currentUserProfile.email){
    // v755b: second guard — currentUserProfile set = authenticated user, skip sample data
    try{ console.info('[Sense v755b] useSampleData() skipped — currentUserProfile present:', currentUserProfile.email); }catch(e){}
  }else{
    useSampleData();
    // Check if first visit — show onboarding (with sample data loaded as preview)
    checkOnboarding();
  }
})();

// ── Restaurant swipe cue helpers (v154) ──
var _pillHideTimer;
var _pillCleanupTimer;
var _restSwipeCueState={grp:'a',idx:0};
// SECTION:SWIPE_HELPERS
function _hasRestSwipeLearned(){
  try{return localStorage.getItem('ciq_rest_swipe_learned')==='1';}catch(e){return false;}
}
function _markRestSwipeLearned(){
  try{localStorage.setItem('ciq_rest_swipe_learned','1');}catch(e){}
}
function _setRestSwipeCue(grp,idx,opts){
  opts=opts||{};
  _restSwipeCueState={grp:grp||'a',idx:idx||0};
  if((grp||'a')==='a')_syncRestSheetSeg(idx||0);
  const p=document.getElementById('swipe-pill');
  if(!p)return;
  // P1b (25 ต.ค. 2569): ในแผ่นร้านใช้ปุ่มสลับในหัวแผ่นแทน (เห็นตลอด) — ปุ่มลอยนี้ยังใช้ในโหมดร้านของ Sales
  if(document.body.classList.contains('restaurant-sheet')){clearTimeout(_pillHideTimer);clearTimeout(_pillCleanupTimer);p.classList.remove('show','teach','compact');return;}
  if(typeof isKAM!=='undefined'&&isKAM){clearTimeout(_pillHideTimer);clearTimeout(_pillCleanupTimer);p.classList.remove('show','teach','compact');return;}
  const labels={a:['ภาพรวม','พอร์ต'],b:['Sense','รายงาน']};
  const l=(labels[grp]||labels.a);
  const left=document.getElementById('sp-left-label');
  const right=document.getElementById('sp-right-label');
  const d0=document.getElementById('spda0');
  const d1=document.getElementById('spda1');
  const arrow=document.getElementById('sp-mini-arrow');
  const teachCopy=document.getElementById('sp-teach-copy');
  if(left){left.textContent=l[0];left.classList.toggle('on',idx===0);}
  if(right){right.textContent=l[1];right.classList.toggle('on',idx===1);}
  if(d0)d0.className='sp-dot'+(idx===0?' on':'');
  if(d1)d1.className='sp-dot'+(idx===1?' on':'');
  if(arrow)arrow.textContent=idx===0?'→':'←';
  if(teachCopy){
    if(grp==='a')teachCopy.textContent=idx===0?'ปัดซ้ายดูพอร์ตสินค้า →':'← ปัดขวากลับหน้าภาพรวม';
    else teachCopy.textContent=idx===0?'ปัดซ้ายดูรายงาน →':'← ปัดขวากลับ Sense';
  }
  const teach=!!(opts.teach&&grp==='a'&&!_hasRestSwipeLearned());
  const shouldShow=opts.show!==false&&(teach||opts.teach||opts.flash||opts.show);
  clearTimeout(_pillHideTimer);
  clearTimeout(_pillCleanupTimer);
  p.classList.toggle('teach',teach);
  p.classList.toggle('compact',!teach);
  if(!shouldShow){return;}
  p.classList.add('show');
  const hideAfter=teach?(opts.duration||2800):(opts.duration||1100);
  _pillHideTimer=setTimeout(function(){
    // v154d: fade out first, then clean up mode classes after opacity transition.
    // Removing teach/compact immediately changes content width mid-fade and causes a visible jump.
    p.classList.remove('show');
    _pillCleanupTimer=setTimeout(function(){
      if(!p.classList.contains('show'))p.classList.remove('teach','compact');
    },360);
  },hideAfter);
}
function _showPill(opts){
  opts=opts||{};
  _setRestSwipeCue(_restSwipeCueState.grp,_restSwipeCueState.idx,Object.assign({show:true},opts));
}
function _hidePill(delay){
  clearTimeout(_pillHideTimer);
  clearTimeout(_pillCleanupTimer);
  const p=document.getElementById('swipe-pill');
  if(!p)return;
  _pillHideTimer=setTimeout(function(){
    p.classList.remove('show');
    _pillCleanupTimer=setTimeout(function(){
      if(!p.classList.contains('show'))p.classList.remove('teach','compact');
    },360);
  },delay||0);
}
// ── P1b: ปุ่มสลับ ภาพรวม | พอร์ตสินค้า ในหัวแผ่นร้าน ─────────────────────────
// ตามการปัด (scroll ⇒ _updateRestSwipe ⇒ _setRestSwipeCue) · แตะ = เลื่อนกลุ่มหน้าในแผ่นเอง
// (showScreen ใช้ไม่ได้ในแผ่น: isKAM เป็นจริง ⇒ เข้าทางจอ KAM ไม่เลื่อนหน้า — ปุ่มลอยเดิมก็กดไม่ไปในแผ่นด้วยเหตุนี้)
function _syncRestSheetSeg(idx){
  [0,1].forEach(function(i){
    const b=document.getElementById('rsc-seg-'+i);
    if(!b)return;
    b.classList.toggle('on',i===idx);
    b.setAttribute('aria-selected',String(i===idx));
  });
}
function _restSheetGo(idx){
  if(idx!==0&&idx!==1)return;
  const g=document.getElementById('swipe-grp-a');
  if(!g)return;
  _markRestSwipeLearned();
  _syncRestSheetSeg(idx);
  const w=g.offsetWidth||window.innerWidth;
  try{ g.scrollTo({left:idx*w,behavior:'smooth'}); }catch(e){ g.scrollLeft=idx*w; }
}
window._restSheetGo=_restSheetGo;
// ── P1: แผ่นร้านชนแถบบนพอดี ─────────────────────────────────────────────────
// วัดขอบล่างของแถบบนจริง (ความสูงต่างกันทุกเครื่อง: ติ่ง iPhone · PWA เพิ่ม padding 47px · Android ไม่มี safe-area)
// เดิมแผ่นสูง 100dvh−75px ตายตัว ⇒ ห่างแถบบน 27px บนเบราว์เซอร์ และทับแถบบนบน iPhone PWA
function _restSheetMeasureTop(){
  const tb=document.querySelector('.topbar');
  if(!tb)return;
  const b=Math.round(tb.getBoundingClientRect().bottom);
  if(b>0)document.documentElement.style.setProperty('--rest-sheet-top',b+'px');
}
window.addEventListener('resize',function(){if(document.body.classList.contains('restaurant-sheet'))_restSheetMeasureTop();},{passive:true});
function _handleSwipeCueTap(){
  const st=_restSwipeCueState||{grp:'a',idx:0};
  const targets={a:['overview','portfolio'],b:['opportunities','report']};
  const arr=targets[st.grp]||targets.a;
  const nextIdx=st.idx===0?1:0;
  if(st.grp==='a')_markRestSwipeLearned();
  showScreen(arr[nextIdx]);
}
// ── Restaurant swipe helpers ──
function _updateRestSwipe(grp,idx,opts){
  document.querySelectorAll('.ni').forEach(n=>n.classList.remove('on'));
  // Map grp+idx → correct nav button (portfolio + report now have their own nav)
  const navMap={'a':['nav-overview','nav-portfolio'],'b':['nav-opportunities','nav-report']};
  const navId=navMap[grp]&&navMap[grp][idx];
  const navEl=navId?document.getElementById(navId):null;
  if(navEl)navEl.classList.add('on');
  _setRestSwipeCue(grp,idx,opts||{});
}
(function initSwipe(){
  function addListener(grpId,screens){
    const grp=document.getElementById('swipe-grp-'+grpId);
    if(!grp)return;
    let lastIdx=-1;
    grp.addEventListener('scroll',()=>{
      const idx=Math.round(grp.scrollLeft/grp.offsetWidth);
      if(idx===lastIdx)return;
      if(grpId==='a'&&lastIdx>=0&&idx!==lastIdx)_markRestSwipeLearned();
      lastIdx=idx;
      _updateRestSwipe(grpId,idx,{teach:false,flash:true,duration:900});
      const name=screens[idx];
      const footer=document.getElementById('pb-footer');
      if(footer)footer.classList.toggle('hidden',grpId!=='b'||name==='report');
      if(name==='report'&&typeof renderReport==='function')renderReport();
    },{passive:true});
  }
  addListener('a',['overview','portfolio']);
  addListener('b',['opportunities','report']);

  // Simple port-top re-measure (no collapse behavior)
  window._expandPortTop=function(){
    const portTop=document.getElementById('port-top');
    if(portTop){portTop.style.height='auto';portTop.style.overflow='visible';portTop.style.opacity='1';}
  };
})();


// ══════════════════════════════════════════════════════════════
// SECTION:TEAMVIEW_PATCHES — folded from 08_patches.js (Step 2a)
// 
// 4 IIFE patches moved here verbatim (logic unchanged):
//   v213c — PWA teamview responsive repair (fab hide on mobile)
//   v213d — teamview rail cleanup (compact commission meta + pace label)
//   v213e — full rail align (CSS class toggle)
//   v213f — card rail balance (CSS class toggle)
// 
// NOTE: CSS for these lives in styles_main.css (PATCH CSS section).
// Step 2b will dissolve dead code after per-patch mobile verification.
// ══════════════════════════════════════════════════════════════
//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v213d-teamview-rail-cleanup-js
//////////////////////////////////////////////////////////////////////////////

// v213d — Teamview PWA rail/alignment cleanup. UI only; no data/NRR/commission formula change.
(function(global){
  'use strict';
  var VERSION='v213d-teamview-rail-cleanup';
  var DATA_EPOCH='2026-05-22-v213d-teamview-rail-cleanup';
  function log(){try{console.log.apply(console,['[Sense v213d]'].concat([].slice.call(arguments)));}catch(e){}}
  function small(){try{return !!(global.matchMedia&&global.matchMedia('(max-width: 430px)').matches);}catch(e){return false;}}
  function isTeam(){try{return !!document.getElementById('scr-teamview')?.classList.contains('on');}catch(e){return false;}}
  // UIR-A5 (20 ต.ค. 2569): ตัวย่อข้อความช่องค่าคอมฯ บนมือถือ (compactCommissionMeta · ฿81,830 → ฿81.8k) ถูกถอด
  // มันเขียนข้อความทับหลังจอวาดไปแล้ว (เห็นเลขเต็มแวบหนึ่งแล้วย่อ) และจำข้อความเก่าไว้ใน data-v213d-full
  // ⇒ ความคืบหน้า "x/y คน" ที่แก้ในที่จะถูกย้อนเป็นข้อความเก่า · ช่องนี้ตัดได้ 2 บรรทัดแล้ว (styles_teamview.css) และตัวเลขเต็มอยู่ในชีทที่แตะเปิด
  function cleanupPaceLabel(){
    if(!small()||!isTeam()) return;
    try{
      var bar=document.getElementById('tv-pace-bar');
      if(!bar) return;
      var right=bar.querySelector(':scope > div:first-child > div:last-child');
      if(right){
        var divs=right.querySelectorAll('div');
        divs.forEach(function(d){ if(/target|baseline/i.test(d.textContent||'')) d.style.display='none'; });
      }
    }catch(e){}
  }
  function apply(){
    try{document.body.classList.toggle('v213d-teamview-active',isTeam());}catch(e){}
    cleanupPaceLabel();
  }
  function setVersion(){
    try{global.FRESHKET_BUILD='v213d';}catch(e){}
    try{if(global.FRESHKET_CONFIG&&global.FRESHKET_CONFIG.app) global.FRESHKET_CONFIG.app.version=VERSION;}catch(e){}
    try{global.currentBuild=function(){return 'v213d';};}catch(e){}
    try{if(global.FreshketSenseDebug){var old=global.FreshketSenseDebug.version;global.FreshketSenseDebug.version=function(){var base={};try{base=typeof old==='function'?old():{};}catch(e){} base.build=VERSION;base.dataEpoch=DATA_EPOCH;base.configVersion=VERSION;base.currentBuild='v213d';base.objects=Object.assign({},base.objects||{},{v213d:true});return base;};}}catch(e){}
  }
  function wrap(){['renderTeamview','renderTeamviewSummary','renderTeamviewKamList','showScreen','setTvView'].forEach(function(name){try{var old=global[name];if(typeof old==='function'&&!old.__v213dRail){var w=function(){var r=old.apply(this,arguments);setTimeout(apply,0);setTimeout(apply,80);setTimeout(apply,260);return r;};w.__v213dRail=true;global[name]=w;try{eval(name+'=w');}catch(e){} }}catch(e){}});}
  setVersion(); wrap();
  try{document.addEventListener('DOMContentLoaded',function(){setTimeout(apply,120);});}catch(e){}
  try{global.addEventListener('resize',function(){setTimeout(apply,80);},{passive:true});}catch(e){}
  try{global.addEventListener('pageshow',function(){setTimeout(apply,180);},{passive:true});}catch(e){}
  global.FreshketSenseV213d={version:VERSION,dataEpoch:DATA_EPOCH,apply:apply};
  setTimeout(function(){apply();log('installed');},300);
})(window);


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v213e-teamview-full-rail-align-js
//////////////////////////////////////////////////////////////////////////////

// v213e — Teamview PWA full-rail align. UI only; no data/NRR/commission formula change.
(function(global){
  'use strict';
  var VERSION='v213e-teamview-full-rail-align';
  var DATA_EPOCH='2026-05-22-v213e-teamview-full-rail-align';
  function isTeam(){try{return !!document.getElementById('scr-teamview')?.classList.contains('on');}catch(e){return false;}}
  function apply(){try{document.body.classList.toggle('v213e-teamview-active',isTeam());}catch(e){}}
  function setVersion(){
    try{global.FRESHKET_BUILD='v213e';}catch(e){}
    try{if(global.FRESHKET_CONFIG&&global.FRESHKET_CONFIG.app) global.FRESHKET_CONFIG.app.version=VERSION;}catch(e){}
    try{global.currentBuild=function(){return 'v213e';};}catch(e){}
    try{if(global.FreshketSenseDebug){var old=global.FreshketSenseDebug.version;global.FreshketSenseDebug.version=function(){var base={};try{base=typeof old==='function'?old():{};}catch(e){} base.build=VERSION;base.dataEpoch=DATA_EPOCH;base.configVersion=VERSION;base.currentBuild='v213e';base.objects=Object.assign({},base.objects||{},{v213e:true});return base;};}}catch(e){}
  }
  function wrap(){['renderTeamview','renderTeamviewSummary','renderTeamviewKamList','showScreen','setTvView'].forEach(function(name){try{var old=global[name];if(typeof old==='function'&&!old.__v213eRail){var w=function(){var r=old.apply(this,arguments);setTimeout(apply,0);setTimeout(apply,80);setTimeout(apply,260);return r;};w.__v213eRail=true;global[name]=w;try{eval(name+'=w');}catch(e){} }}catch(e){}});}
  setVersion(); wrap();
  try{document.addEventListener('DOMContentLoaded',function(){setTimeout(apply,120);});}catch(e){}
  try{global.addEventListener('resize',function(){setTimeout(apply,80);},{passive:true});}catch(e){}
  try{global.addEventListener('pageshow',function(){setTimeout(apply,180);},{passive:true});}catch(e){}
  global.FreshketSenseV213e={version:VERSION,dataEpoch:DATA_EPOCH,apply:apply};
  setTimeout(function(){apply();try{console.log('[Sense v213e] installed');}catch(e){}},300);
})(window);


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v213f-teamview-card-rail-balance-js
//////////////////////////////////////////////////////////////////////////////

// v213f — Teamview PWA card rail balance. UI only; no data/NRR/commission formula change.
(function(global){
  'use strict';
  var VERSION='v213f-teamview-card-rail-balance';
  var DATA_EPOCH='2026-05-22-v213f-teamview-card-rail-balance';
  function isTeam(){try{return !!document.getElementById('scr-teamview')?.classList.contains('on');}catch(e){return false;}}
  function apply(){try{document.body.classList.toggle('v213f-teamview-active',isTeam());}catch(e){}}
  function setVersion(){
    try{global.FRESHKET_BUILD='v213f';}catch(e){}
    try{if(global.FRESHKET_CONFIG&&global.FRESHKET_CONFIG.app) global.FRESHKET_CONFIG.app.version=VERSION;}catch(e){}
    try{global.currentBuild=function(){return 'v213f';};}catch(e){}
    try{if(global.FreshketSenseDebug){var old=global.FreshketSenseDebug.version;global.FreshketSenseDebug.version=function(){var base={};try{base=typeof old==='function'?old():{};}catch(e){} base.build=VERSION;base.dataEpoch=DATA_EPOCH;base.configVersion=VERSION;base.currentBuild='v213f';base.objects=Object.assign({},base.objects||{},{v213f:true});return base;};}}catch(e){}
  }
  function wrap(){['renderTeamview','renderTeamviewSummary','renderTeamviewKamList','showScreen','setTvView'].forEach(function(name){try{var old=global[name];if(typeof old==='function'&&!old.__v213fCardRail){var w=function(){var r=old.apply(this,arguments);setTimeout(apply,0);setTimeout(apply,80);setTimeout(apply,260);return r;};w.__v213fCardRail=true;global[name]=w;try{eval(name+'=w');}catch(e){} }}catch(e){}});}
  setVersion(); wrap();
  try{document.addEventListener('DOMContentLoaded',function(){setTimeout(apply,120);});}catch(e){}
  try{global.addEventListener('resize',function(){setTimeout(apply,80);},{passive:true});}catch(e){}
  try{global.addEventListener('pageshow',function(){setTimeout(apply,180);},{passive:true});}catch(e){}
  global.FreshketSenseV213f={version:VERSION,dataEpoch:DATA_EPOCH,apply:apply};
  setTimeout(function(){apply();try{console.log('[Sense v213f] installed');}catch(e){}},300);
})(window);


//////////////////////////////////////////////////////////////////////////////


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================
// PATCH: freshket-v213-guided-intelligence-ux-js
//////////////////////////////////////////////////////////////////////////////

(function(global){
  'use strict';
  var VERSION='v213-guided-intelligence-ux';
  var SKU_FORCE=false;
  function $(id){return document.getElementById(id);}
  function log(){try{console.log.apply(console, ['[Freshket Sense v213]'].concat([].slice.call(arguments)));}catch(e){}}

  function setBuildMetadata(){
    try{ global.FRESHKET_BUILD=VERSION; }catch(e){}
    try{ global.currentBuild=function(){return 'v213';}; }catch(e){}
    try{
      var cfg=global.FRESHKET_CONFIG || global.FreshketSenseConfig || {};
      cfg.app=cfg.app||{}; cfg.app.version=VERSION;
      global.FRESHKET_CONFIG=cfg;
      if(global.FreshketSenseConfig){ global.FreshketSenseConfig.app=global.FreshketSenseConfig.app||{}; global.FreshketSenseConfig.app.version=VERSION; }
    }catch(e){}
    try{
      var debug=global.FreshketSenseDebug;
      if(debug && !debug.__v213Wrapped){
        var oldVersion=debug.version;
        var wrapped=Object.assign({}, debug, {version:function(){
          var base={}; try{ base=oldVersion?oldVersion():{}; }catch(e){}
          return Object.assign({}, base, {build:VERSION,currentBuild:'v213',uxPatch:'guided-intelligence'});
        }});
        wrapped.__v213Wrapped=true;
        global.FreshketSenseDebug=wrapped;
      }
    }catch(e){}
  }

  function installViewportReset(){
    try{
      var meta=document.querySelector('meta[name="viewport"]');
      if(meta){
        var c=meta.getAttribute('content')||'';
        if(!/maximum-scale/.test(c)) c += ', maximum-scale=1.0';
        if(!/user-scalable/.test(c)) c += ', user-scalable=no';
        meta.setAttribute('content', c.replace(/\s*,\s*/g, ', '));
      }
    }catch(e){}
    function reset(reason){
      try{ document.documentElement.classList.add('v213-app-entry-reset'); }catch(e){}
      try{ if(document.activeElement && typeof document.activeElement.blur==='function') document.activeElement.blur(); }catch(e){}
      try{ document.body.style.transform=''; document.body.style.zoom=''; }catch(e){}
      [0,80,240,520].forEach(function(ms){ setTimeout(function(){ try{ if(reason==='entry'||reason==='login'||reason==='pageshow') global.scrollTo(0,0); }catch(e){} }, ms); });
      setTimeout(function(){ try{ document.documentElement.classList.remove('v213-app-entry-reset'); }catch(e){} }, 750);
    }
    global.FreshketSenseV213_resetViewport=reset;
    ['hideLoginOverlay','_autoRouteAfterLogin','checkSession'].forEach(function(name){
      try{
        var old=global[name];
        if(typeof old==='function' && !old.__v213ViewportWrapped){
          var wrapped=function(){ var ret=old.apply(this,arguments); setTimeout(function(){reset(name==='hideLoginOverlay'?'login':'entry');},60); return ret; };
          wrapped.__v213ViewportWrapped=true; global[name]=wrapped; try{ eval(name+'=global[name]'); }catch(e){}
        }
      }catch(e){}
    });
    try{ global.addEventListener('pageshow', function(){ reset('pageshow'); }, {passive:true}); }catch(e){}
  }

  function installSkuPriceDefault(){
    function markToggle(){ try{ var t=document.querySelector('.sku-view-toggle'); if(t) t.classList.add('v213-price-default'); }catch(e){} }
    function forcePrice(reason){
      try{
        var screen=$('scr-portfolio');
        if(!screen || !screen.classList.contains('on')) return false;
        if(global._v213SkuManualChoice) return false;
        if(typeof global.setSkuView==='function'){
          SKU_FORCE=true; global.setSkuView('price'); SKU_FORCE=false;
          markToggle();
          return true;
        }
        var btn=$('svt-price'); if(btn){ btn.click(); markToggle(); return true; }
      }catch(e){ SKU_FORCE=false; }
      return false;
    }
    try{
      var oldSet=global.setSkuView;
      if(typeof oldSet==='function' && !oldSet.__v213Wrapped){
        var wrappedSet=function(v){ if(!SKU_FORCE) global._v213SkuManualChoice=true; return oldSet.apply(this,arguments); };
        wrappedSet.__v213Wrapped=true; global.setSkuView=wrappedSet; try{ setSkuView=wrappedSet; }catch(e){}
      }
    }catch(e){}
    try{
      var oldShow=global.showScreen;
      if(typeof oldShow==='function' && !oldShow.__v213SkuWrapped){
        var wrappedShow=function(name){ var ret=oldShow.apply(this,arguments); if(name==='portfolio'){ setTimeout(function(){ forcePrice('showScreen'); },80); setTimeout(function(){ forcePrice('showScreen-late'); },360); } return ret; };
        wrappedShow.__v213SkuWrapped=true; global.showScreen=wrappedShow; try{ showScreen=wrappedShow; }catch(e){}
      }
    }catch(e){}
    try{
      var oldOverlay=global._overlayNav;
      if(typeof oldOverlay==='function' && !oldOverlay.__v213SkuWrapped){
        var wrappedOverlay=function(name){ var ret=oldOverlay.apply(this,arguments); if(name==='portfolio'){ setTimeout(function(){ forcePrice('overlay'); },80); setTimeout(function(){ forcePrice('overlay-late'); },360); } return ret; };
        wrappedOverlay.__v213SkuWrapped=true; global._overlayNav=wrappedOverlay; try{ _overlayNav=wrappedOverlay; }catch(e){}
      }
    }catch(e){}
    [250,800,1800].forEach(function(ms){ setTimeout(function(){ markToggle(); forcePrice('boot'); },ms); });
  }

  function installRestaurantDrillCoach(){
    function ensureCoachEl(){
      var el=$('v213-drill-coach'); if(el) return el;
      el=document.createElement('div'); el.id='v213-drill-coach';
      el.innerHTML='<div class="v213-coach-star">✦</div><div class="v213-coach-copy">แตะ <strong>รายร้าน</strong> เพื่อเจาะรายละเอียดแต่ละสาขาใน account นี้</div><button type="button" aria-label="ปิด">×</button>';
      document.body.appendChild(el);
      el.querySelector('button').addEventListener('click',function(){ hideCoach(true); });
      return el;
    }
    function hideCoach(persist){
      var el=$('v213-drill-coach'); if(el) el.classList.remove('show');
      var nav=$('nav-restaurant'); if(nav) nav.classList.remove('v213-coach-pulse');
      if(persist){ try{ localStorage.setItem('sense_hint_restaurant_drill_seen','1'); }catch(e){} }
    }
    function canShow(){
      try{
        if(localStorage.getItem('sense_hint_restaurant_drill_seen')==='1') return false;
        if(!document.body.classList.contains('kam-mode')) return false;
        if(document.body.classList.contains('restaurant-sheet')) return false;
        var nav=$('nav-restaurant'); if(!nav || !nav.getClientRects().length) return false;
        return true;
      }catch(e){ return false; }
    }
    function showCoachSoon(){
      setTimeout(function(){
        if(!canShow()) return;
        var el=ensureCoachEl();
        var nav=$('nav-restaurant'); if(nav) nav.classList.add('v213-coach-pulse');
        el.classList.add('show');
        setTimeout(function(){ hideCoach(false); }, 3600);
      }, 850);
    }
    function relabel(){
      if(($('nav-restaurant')||{classList:{contains:function(){return false;}}}).classList.contains('di-live')) return;   // ช่อง 2 เป็น "สรุปให้" (14) — อย่าเขียนทับเป็น Profile (25 ต.ค. 2569)
      var lab=$('nav-restaurant-label'); if(lab) lab.textContent='Profile';
      var nav=$('nav-restaurant'); if(nav){ nav.setAttribute('aria-label','เปิด Profile'); nav.title='Profile'; }
    }
    relabel(); showCoachSoon();
    try{
      var oldToggle=global.toggleRestaurantSheet;
      if(typeof oldToggle==='function' && !oldToggle.__v213DrillWrapped){
        var wrapped=function(){ hideCoach(true); var ret=oldToggle.apply(this,arguments); setTimeout(relabel,0); return ret; };
        wrapped.__v213DrillWrapped=true; global.toggleRestaurantSheet=wrapped; try{ toggleRestaurantSheet=wrapped; }catch(e){}
      }
    }catch(e){}
    try{
      var oldOpen=global.openRestaurantSheet;
      if(typeof oldOpen==='function' && !oldOpen.__v213DrillWrapped){
        var wrappedOpen=function(){ hideCoach(true); return oldOpen.apply(this,arguments); };
        wrappedOpen.__v213DrillWrapped=true; global.openRestaurantSheet=wrappedOpen; try{ openRestaurantSheet=wrappedOpen; }catch(e){}
      }
    }catch(e){}
    try{
      var oldShow=global.showScreen;
      if(typeof oldShow==='function' && !oldShow.__v213CoachWrapped){
        var wrappedShow=function(){ var ret=oldShow.apply(this,arguments); setTimeout(function(){ relabel(); showCoachSoon(); },500); return ret; };
        wrappedShow.__v213CoachWrapped=true; global.showScreen=wrappedShow; try{ showScreen=wrappedShow; }catch(e){}
      }
    }catch(e){}
    setTimeout(relabel,600); setTimeout(relabel,1800);
  }

  function applyCommissionClasses(){
    try{
      var el=document.querySelector('.pv-comm-strip.v210k');
      if(!el) return;
      el.classList.remove('v213-locked','v213-near','v213-unlocked');
      // 25 ต.ค. 2569: การ์ดของหัวหน้าทีม (07b_cds buildTlStrip) มีป้ายของตัวเองจากยอดจริง — ชั้นนี้อ่านเงินของ KAM ห้ามแตะ
      if(el.classList.contains('tl')) return;
      // R1 UI #6: แถบที่ "ยังคิดไม่ได้" / กำลังโหลด ห้ามเปลี่ยนป้ายเป็น "ถึงเกณฑ์แล้ว" หรือใส่ประกายทอง —
      // payout ของ self-state มาจากแผนของตำแหน่ง (STD) แม้คนนั้นยังไม่ได้ผูกเกณฑ์ ⇒ เคยขึ้นทองทั้งที่ยอดเป็น "—"
      // UIR A3: "ineligible" = ไม่เข้าเกณฑ์งวดนี้ (เริ่มงานหลังเดือนฐาน) — ฿0 สีกลาง เหมือนแถบที่ยังคิดไม่ได้
      // (เดิมไม่ข้าม ⇒ payout ของแผนตำแหน่ง > 0 ทำให้ ฿0 ขึ้นทอง + "ถึงเกณฑ์แล้ว")
      if(el.classList.contains('unavailable')||el.classList.contains('loading')||el.classList.contains('ineligible')){ el.classList.add('v213-locked'); return; }
      var st=null; try{ if(typeof global._commBuildKamSelfState==='function') st=global._commBuildKamSelfState(); }catch(e){}
      // UIR A3: ทอง/"ถึงเกณฑ์แล้ว" ได้เฉพาะเมื่อแถบโชว์เงินจริง (class paid = ยอดบนแถบ > 0) — ป้ายห้ามขัดกับตัวเลขที่จอโชว์
      var payout=(st&&el.classList.contains('paid'))?Number(st.payout||0):0;
      var pct=st&&st.pct!=null?Number(st.pct):NaN;
      // v_cell: "เส้น" ที่ใช้บอกว่าใกล้ปลดล็อกแล้ว ต้องเป็นขั้นเงินขั้นแรกของคนนี้เดือนนี้
      // ไม่ใช่ค่าเตือนกลางของทั้งบริษัท (ซึ่งเป็นคนละเรื่องกับเกณฑ์จ่ายเงินด้วยซ้ำ)
      // R5/R6: เส้นขั้นแรกของคนนี้ (ตำแหน่งจริง) จาก _commBuildKamSelfState (RuleView) · ใช้ % ที่ปัดแล้ว
      // ไม่มีเส้น = ไม่บอกว่า "ใกล้" (เดิมถอยไป nrr_threshold 98 ซึ่งไม่ใช่เส้นเงินแล้ว)
      var threshold=(st && st.step1!=null)?Number(st.step1):NaN;
      if(st && st.pctCmp!=null) pct=Number(st.pctCmp);
      var half=!!(st && st.gateZone==='half');
      if(payout>0){
        el.classList.add('v213-unlocked');
        // UIR: ยอดเด้ง (v213-amount-pop) ครั้งเดียวต่อคน+ยอด ต่อการเปิดแอป — แถบถูกวาดใหม่ทั้งก้อนหลายครั้งตอนเปิดแอป
        // (เช่นตอนเกณฑ์โหลดเสร็จ ซึ่งล้าง _lastCommHtml) ⇒ เดิมยอดเดิมเด้งซ้ำทุกครั้ง · ยอดเปลี่ยนจริงยังเด้งได้หนึ่งครั้ง
        try{
          var _amt=el.querySelector('.pv-comm-main'), _who=String((typeof portviewRepEmail!=='undefined'&&portviewRepEmail)||(typeof currentUserProfile!=='undefined'&&currentUserProfile&&currentUserProfile.email)||'');
          var _popKey=_who+'|'+(_amt?(_amt.textContent||'').trim():'');
          var _popped=global._pvCommPopped||(global._pvCommPopped={});
          // ตัวติดป้ายถูกเรียกซ้ำกับแถบเดิมหลายรอบ (ทันที · 0 · 250 ms · ตัวจับเวลาอื่น) — แถบเดิม = ไม่ใช่การวาดซ้ำ ห้ามหยุดอนิเมชันที่กำลังเล่น
          if(el._pvPopKey!==_popKey){
            el._pvPopKey=_popKey;
            if(_popped[_popKey]) el.classList.add('pv-comm-popped'); else _popped[_popKey]=1;
          }
        }catch(e){}
      }
      else if(Number.isFinite(pct) && Number.isFinite(threshold) && (threshold-pct)<=3 && pct<threshold){ el.classList.add('v213-near'); }
      else{ el.classList.add('v213-locked'); }
      var chip=el.querySelector('.pv-comm-chip');
      if(chip && !chip.dataset.v213Copy){
        var current=(chip.textContent||'').trim();
        if(payout>0) chip.textContent='ถึงเกณฑ์แล้ว';
        else if(half) chip.textContent=(st&&st.gateWord)||'ได้บางส่วน';   // จ3: ช่วงกลางของเกต ไม่ใช่ "ใกล้ปลดล็อก" · คำจากตัวคูณที่ตั้งไว้
        else if(Number.isFinite(pct) && Number.isFinite(threshold) && pct<threshold && (threshold-pct)<=3) chip.textContent='ใกล้ปลดล็อก';
        else if(/ยังไม่ถึง/.test(current) || !current) chip.textContent='ยังไม่ถึงเกณฑ์';
        chip.dataset.v213Copy='1';
      }
    }catch(e){}
  }
  function installCommissionReward(){
    try{
      var old=global._commRenderKamSelfStrip;
      if(typeof old==='function' && !old.__v213RewardWrapped){
        // UIR: แถบที่เพิ่งวาดใหม่ (ยังไม่มีป้าย v213) ติดป้ายทันทีในรอบเดียวกัน — เดิมรอ setTimeout ⇒ เฟรมแรกอาจเห็น
        // ป้าย/สีของแถบเปล่า แล้วค่อยเปลี่ยนเป็นทอง/"ถึงเกณฑ์แล้ว" (ข้อความเปลี่ยนหลังวาด) · แถบเดิมที่ติดป้ายแล้วไม่คิดซ้ำ
        var wrapped=function(){ var ret=old.apply(this,arguments); try{ var _el=document.querySelector('.pv-comm-strip.v210k'); if(_el&&!/\bv213-/.test(_el.className||'')) applyCommissionClasses(); }catch(e){} setTimeout(applyCommissionClasses,0); setTimeout(applyCommissionClasses,250); return ret; };
        wrapped.__v213RewardWrapped=true; global._commRenderKamSelfStrip=wrapped; try{ _commRenderKamSelfStrip=wrapped; }catch(e){}
      }
    }catch(e){}
    [400,1200,2600,5200].forEach(function(ms){ setTimeout(applyCommissionClasses,ms); });
  }

  function installFabSafeZone(){
    var key='fs_aifab_pos_v1';
    try{ key=(global.FreshketSenseConfig&&global.FreshketSenseConfig.storage&&global.FreshketSenseConfig.storage.chatFabPositionKey)||key; }catch(e){}
    function bounds(fab){
      var r=fab.getBoundingClientRect(); var w=r.width||54,h=r.height||54;
      var vv=global.visualViewport; var vw=(vv&&vv.width)||global.innerWidth||440; var vh=(vv&&vv.height)||global.innerHeight||700; var ox=(vv&&vv.offsetLeft)||0, oy=(vv&&vv.offsetTop)||0;
      var topbar=document.querySelector('.topbar'); var top=96+oy;
      try{ if(topbar){ var tr=topbar.getBoundingClientRect(); top=Math.max(top,tr.bottom+12); } }catch(e){}
      var bnav=document.querySelector('.bnav'); var bottom=vh+oy-h-18;
      try{ if(bnav){ var br=bnav.getBoundingClientRect(); if(br.top>0) bottom=Math.min(bottom,br.top-h-14); } }catch(e){}
      var left=ox+12,right=ox+vw-w-12;
      if(bottom<top) bottom=top+8;
      return {left:left,right:right,top:top,bottom:bottom,w:w,h:h};
    }
    function clampAndSnap(persist, animate){
      var fab=$('aifab'); if(!fab) return null;
      var r=fab.getBoundingClientRect(); var b=bounds(fab);
      var x=Math.max(b.left,Math.min(r.left,b.right)); var y=Math.max(b.top,Math.min(r.top,b.bottom));
      var mid=(b.left+b.right)/2; x=(x<mid?b.left:b.right);
      if(animate) fab.classList.add('v213-safe-correcting');
      fab.style.left=Math.round(x)+'px'; fab.style.top=Math.round(y)+'px'; fab.style.right='auto'; fab.style.bottom='auto'; fab.classList.add('moved','v213-edge-snapped');
      if(persist){ try{ localStorage.setItem(key,JSON.stringify({x:Math.round(x),y:Math.round(y)})); }catch(e){} }
      if(animate) setTimeout(function(){ try{ fab.classList.remove('v213-safe-correcting'); }catch(e){} },320);
      return {x:x,y:y,bounds:b};
    }
    global.FreshketSenseV213_clampAssistantFab=clampAndSnap;
    function resetFab(){
      var fab=$('aifab'); if(!fab) return;
      try{ localStorage.removeItem(key); }catch(e){}
      fab.style.left=''; fab.style.top=''; fab.style.right='16px'; fab.style.bottom='150px'; fab.classList.remove('moved','v213-edge-snapped');
      setTimeout(function(){ clampAndSnap(true,true); },80);
      try{ if(typeof showToast==='function') showToast('รีเซ็ตตำแหน่ง Olive แล้ว','ok'); }catch(e){}
    }
    global.FreshketSenseV213_resetAssistantFab=resetFab;
    function installLongPress(){
      var fab=$('aifab'); if(!fab || fab.dataset.v213LongPress==='1') return;
      fab.dataset.v213LongPress='1'; var t=null, moved=false, sx=0, sy=0;
      fab.addEventListener('pointerdown',function(e){ moved=false; sx=e.clientX; sy=e.clientY; clearTimeout(t); t=setTimeout(function(){ if(!moved) resetFab(); },950); },{passive:true});
      fab.addEventListener('pointermove',function(e){ if(Math.abs(e.clientX-sx)+Math.abs(e.clientY-sy)>10) moved=true; },{passive:true});
      ['pointerup','pointercancel','lostpointercapture'].forEach(function(ev){ fab.addEventListener(ev,function(){ clearTimeout(t); setTimeout(function(){ clampAndSnap(true,true); },30); },{passive:true}); });
    }
    [300,900,1800,4000].forEach(function(ms){ setTimeout(function(){ installLongPress(); clampAndSnap(true,ms>800); },ms); });
    try{ global.addEventListener('resize',function(){ setTimeout(function(){ clampAndSnap(true,true); },100); },{passive:true}); }catch(e){}
    try{ global.addEventListener('pageshow',function(){ setTimeout(function(){ clampAndSnap(true,true); },500); },{passive:true}); }catch(e){}
    try{ document.addEventListener('visibilitychange',function(){ if(document.visibilityState==='visible') setTimeout(function(){ clampAndSnap(true,true); },500); },{passive:true}); }catch(e){}
  }

  // ── v302: Spotlight ครั้งเดียว "ตัวเลขนี้เปลี่ยนวิธีวัดแล้ว" ─────────────────────────
  // เลขหลักบนหัวจอเปลี่ยนจาก Pace (เทียบเป้า) เป็น %NRR (เทียบเดือนฐาน = ตัวจ่ายค่าคอมฯ)
  // คนที่เปิดแอปวันปล่อยจะเห็นเลขตัวเองขยับ (บางคนข้ามฝั่งเกต 98) — ต้องหยุดอ่านจริง จึงใช้
  // spotlight (จอมืด เว้นแถบสว่าง + การ์ดข้อความ + ปุ่มเดียว) ไม่ใช่ป้ายลอยที่หายเอง
  // · เห็นครั้งเดียวต่อคนต่อจอ (localStorage) · เฉพาะช่วง NRR_ANNOUNCE_UNTIL (05b)
  // · ใช้ hole + box-shadow ครอบ getBoundingClientRect ของแถบ — ไม่ยก z-index ของแถบ
  //   เพราะ .pv-collapsible มี transform (จะไม่ทะลุ stacking context)
  function installNrrSpotlight(){
    var SPOTS=[
      {key:'sense_hint_nrr_single_metric_seen',      screen:'scr-portview', anchor:'tgt-portview-bar', pctEl:'tgt-pct-num',
       title:'ตัวเลขนี้เปลี่ยนวิธีวัดแล้ว',
       body:'เมื่อก่อนเทียบกับเป้าประจำเดือน ตอนนี้เทียบกับยอดเดือนฐานของไตรมาส<br>เป็นตัวเลขเดียวกับที่ใช้คิดค่าคอมมิชชั่นของคุณ',
       infoBtn:function(){ var b=document.querySelector('#tgt-portview-bar .tgt-info-btn'); return b; }},
      {key:'sense_hint_nrr_single_metric_team_seen', screen:'scr-teamview', anchor:'tv-pace-bar', pctEl:null,
       title:'ตัวเลขทีมเปลี่ยนวิธีวัดแล้ว',
       body:'เมื่อก่อนเทียบกับเป้าทีม ตอนนี้เทียบกับยอดเดือนฐานของไตรมาส<br>เป็นตัวเลขเดียวกับที่ใช้คิดค่าคอมมิชชั่น และการ์ดแต่ละคนก็ใช้เลขเดียวกันนี้',
       infoBtn:function(){ var bar=document.getElementById('tv-pace-bar'); return bar?bar.querySelector('button'):null; }}
    ];
    var active=null, tries=0, MAX_TRIES=20;
    function seen(k){ try{ return localStorage.getItem(k)==='1'; }catch(e){ return true; } }
    function mark(k){ try{ localStorage.setItem(k,'1'); }catch(e){} }
    function announceOn(){ try{ return typeof _nrrAnnounceActive==='function' && _nrrAnnounceActive(); }catch(e){ return false; } }
    function eligible(spot){
      try{
        if(seen(spot.key)) return false;
        var b=document.body;
        if(!b.classList.contains('kam-mode')) return false;
        if(b.classList.contains('sales-mode')||b.classList.contains('sales-tl-mode')||b.classList.contains('restaurant-sheet')||b.classList.contains('echo-active')) return false;
        var scr=document.getElementById(spot.screen); if(!scr||!scr.classList.contains('on')) return false;
        var a=document.getElementById(spot.anchor); if(!a||a.style.display==='none'||!a.getClientRects().length) return false;
        if(spot.pctEl){ var p=document.getElementById(spot.pctEl); if(!p||!p.textContent.trim()||p.querySelector('span')) return false; } // รอจนมีเลขจริง ไม่ใช่ shimmer
        var r=a.getBoundingClientRect(); if(r.height<10||r.top<0||r.bottom>window.innerHeight) return false; // ต้องเห็นเต็มแถบ
        return true;
      }catch(e){ return false; }
    }
    function close(spot,persist){
      var w=document.getElementById('nrr-spotlight'); if(w){ w.classList.remove('show'); setTimeout(function(){ try{ w.remove(); }catch(e){} },260); }
      if(persist) mark(spot.key);
      active=null;
    }
    function place(spot){
      var w=document.getElementById('nrr-spotlight'); var a=document.getElementById(spot.anchor); if(!w||!a) return;
      var r=a.getBoundingClientRect(); var pad=8;
      var hole=w.querySelector('.nrr-spot-hole'); var card=w.querySelector('.nrr-spot-card');
      hole.style.left=(r.left-pad)+'px'; hole.style.top=(r.top-pad)+'px'; hole.style.width=(r.width+pad*2)+'px'; hole.style.height=(r.height+pad*2)+'px';
      var below=r.bottom+pad+14; var ch=card.offsetHeight||160;
      if(below+ch>window.innerHeight-16){ card.style.top=Math.max(12,r.top-pad-14-ch)+'px'; } else { card.style.top=below+'px'; }
    }
    function open(spot){
      if(document.getElementById('nrr-spotlight')) return;
      active=spot;
      var w=document.createElement('div'); w.id='nrr-spotlight'; w.setAttribute('role','dialog'); w.setAttribute('aria-label',spot.title);
      w.innerHTML='<div class="nrr-spot-hole"></div>'+
        '<div class="nrr-spot-card"><div class="nrr-spot-title">'+spot.title+'</div><div class="nrr-spot-body">'+spot.body+'</div>'+
        '<button type="button" class="nrr-spot-ok">เข้าใจแล้ว</button>'+
        '<button type="button" class="nrr-spot-link">ดูวิธีคิด</button></div>';
      document.body.appendChild(w);
      w.querySelector('.nrr-spot-ok').addEventListener('click',function(e){ e.stopPropagation(); close(spot,true); });
      w.querySelector('.nrr-spot-link').addEventListener('click',function(e){ e.stopPropagation(); close(spot,true); try{ var b=spot.infoBtn(); if(b) b.click(); }catch(err){} });
      w.addEventListener('click',function(e){ if(e.target===w||e.target.classList.contains('nrr-spot-hole')) close(spot,true); }); // แตะที่ไหนก็ปิด ไม่ขังคน
      place(spot);
      requestAnimationFrame(function(){ w.classList.add('show'); place(spot); });
      var onMove=function(){ if(active===spot) place(spot); };
      global.addEventListener('resize',onMove,{passive:true});
      global.addEventListener('scroll',onMove,{passive:true,capture:true});
    }
    function tick(){
      if(!announceOn()) return;
      if(active) return;
      for(var i=0;i<SPOTS.length;i++){ if(eligible(SPOTS[i])){ open(SPOTS[i]); return; } }
      if(++tries<MAX_TRIES) setTimeout(tick,600);
    }
    // เริ่มหลังบูตนิดหน่อย และลองใหม่ทุกครั้งที่สลับจอ (showScreen) เพราะจอ Team อาจเปิดทีหลัง
    setTimeout(tick,1200);
    try{
      var oldShow=global.showScreen;
      if(typeof oldShow==='function' && !oldShow.__nrrSpotWrapped){
        var wrappedShow=function(){ var ret=oldShow.apply(this,arguments); tries=0; setTimeout(tick,900); return ret; };
        wrappedShow.__nrrSpotWrapped=true; global.showScreen=wrappedShow; try{ showScreen=wrappedShow; }catch(e){}
      }
    }catch(e){}
  }

  function boot(){
    setBuildMetadata();
    installViewportReset();
    installSkuPriceDefault();
    installRestaurantDrillCoach();
    installCommissionReward();
    installFabSafeZone();
    try{ installNrrSpotlight(); }catch(e){ try{ console.warn('[nrr spotlight]',e&&e.message); }catch(_){} }
    try{ log('Guided Intelligence UX installed'); }catch(e){}
  }
  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',boot); else boot();
  global.FreshketSenseV213={version:VERSION, applyCommissionClasses:applyCommissionClasses, clampAssistantFab:function(){return global.FreshketSenseV213_clampAssistantFab&&global.FreshketSenseV213_clampAssistantFab(true,true);}, resetAssistantFab:function(){return global.FreshketSenseV213_resetAssistantFab&&global.FreshketSenseV213_resetAssistantFab();}};
})(window);


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v206e-bundle-micro-patch
//////////////////////////////////////////////////////////////////////////////

// v206e: TL/KAM account-level bundle micro-state.
// Goal: account page opens immediately; SKU/Sense sections clearly show loading/retry
// when a TL opens an account before that KAM bundle is ready. Avoid silent heavy bulk
// fallback for TL/Admin/PWA unless the user explicitly retries through app logic later.
(function(global){
  'use strict';
  if(global._v206eBundleMicroPatchInstalled) return;
  global._v206eBundleMicroPatchInstalled = true;

  const VERSION = 'v206e-bundle-demand-state';
  const TIMEOUT_MS = 30000;
  const state = {
    failures: {},          // safeKey -> {ts, message}
    loadingAccounts: {},   // accountId -> true
    lastPaintedAccountId: null,
    installedAt: Date.now(),
  };

  function debug(){
    try{return localStorage.getItem('senseDebug')==='1'||localStorage.getItem('freshket_debug')==='1';}
    catch(e){return false;}
  }
  function log(){try{if(debug())console.log.apply(console,arguments);}catch(e){}}
  function warn(){try{if(debug())console.warn.apply(console,arguments);}catch(e){}}
  function role(){try{return (currentUserProfile&&currentUserProfile.role)||'rep';}catch(e){return 'rep';}}
  function isStandalonePwa(){
    try{return (global.matchMedia&&global.matchMedia('(display-mode: standalone)').matches)||global.navigator.standalone===true;}
    catch(e){return false;}
  }
  function toast(msg,icon){try{if(typeof showToast==='function')showToast(msg,icon||'⟳');}catch(e){}}
  function aidOf(accountId){
    try{return String(accountId || currentAccountId || (D&&D.meta&&D.meta.accountId) || '');}
    catch(e){return String(accountId||'');}
  }
  function safeKey(email){
    try{if(typeof _kamSafeKey==='function')return _kamSafeKey(email);}
    catch(e){}
    return (email||'').toLowerCase().replace(/[^a-z0-9]/g,'_');
  }
  function getKamEmail(accountId){
    const aid = aidOf(accountId);
    if(!aid) return null;
    try{
      if(typeof _getKamEmailForAccount==='function'){
        const e = _getKamEmailForAccount(aid);
        if(e) return e;
      }
    }catch(e){}
    try{
      const row = (portviewBulkData||[]).find(r=>String(r.id)===String(aid));
      if(row && row.kamEmail) return row.kamEmail;
    }catch(e){}
    try{
      if(role()!=='tl'&&role()!=='admin'&&currentUser&&currentUser.email) return currentUser.email;
    }catch(e){}
    return null;
  }
  function accountHasSkuData(accountId){
    const aid = aidOf(accountId);
    if(!aid) return false;
    let hasSkus=false, hasAlts=false;
    try{hasSkus = !!(bulkSkusData && bulkSkusData[aid]);}catch(e){}
    try{hasAlts = !!(bulkAltsReady || (bulkAltsUnverified && bulkAltsUnverified[aid]));}catch(e){}
    return !!(hasSkus && hasAlts);
  }
  function getBundleState(accountId){
    const aid = aidOf(accountId);
    const kamEmail = getKamEmail(aid);
    const sk = safeKey(kamEmail||'');
    let loaded=false, inflight=false;
    try{loaded = !!(sk && _kamBundleLoaded && _kamBundleLoaded.has(sk));}catch(e){}
    try{inflight = !!(sk && _kamBundleInFlight && _kamBundleInFlight[sk]);}catch(e){}
    const ready = accountHasSkuData(aid);
    const loading = !!(state.loadingAccounts[aid] || inflight);
    const failed = !!(sk && state.failures[sk]);
    const status = ready ? 'ready' : loading ? 'loading' : failed ? 'failed' : 'pending';
    return { aid, kamEmail, safeKey:sk, ready, loaded, loading, failed, status, failure:sk?state.failures[sk]:null };
  }
  function cardHtml(st){
    const isFail = st.status === 'failed';
    const isPending = st.status === 'pending';
    const title = isFail ? 'โหลด SKU detail ไม่สำเร็จ' : isPending ? 'SKU intelligence ยังไม่พร้อม' : 'กำลังโหลด SKU intelligence...';
    const body = isFail
      ? 'เปิดหน้า account ได้ปกติ แต่ Sense / SKU Verify ต้องใช้ bundle ของ KAM นี้ก่อน ระบบยังไม่โหลด bulk ใหญ่เพื่อกัน PWA หน่วง'
      : isPending
        ? 'หน้า account เปิดได้ก่อน ส่วน SKU Signals / Sense / SKU Verify จะโหลดตาม demand เมื่อเริ่มใช้งาน'
        : 'เปิดหน้า account ได้ก่อน กำลังเติม SKU Signals / Sense / SKU Verify เฉพาะ KAM นี้อยู่เบื้องหลัง';
    const icon = isFail ? '⚠' : '⟳';
    const color = isFail ? 'rgba(240,176,0,.9)' : 'rgba(120,180,255,.95)';
    const border = isFail ? 'rgba(240,176,0,.28)' : 'rgba(100,170,255,.24)';
    const bg = isFail ? 'rgba(240,176,0,.07)' : 'var(--tk-accent-dim)';
    const retry = isFail || isPending ? `<button type="button" onclick="window._v206eRetryCurrentBundle && window._v206eRetryCurrentBundle()" style="margin-top:9px;padding:7px 12px;border-radius:var(--r-9);border:1px solid ${border};background:rgba(255,255,255,.06);color:${color};font-family:var(--tk-font-body);font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer">${isFail?'Retry SKU intelligence':'โหลดตอนนี้'}</button>` : '';
    return `<div id="kam-bundle-state-card" class="kam-dc" style="margin-bottom:12px;border-color:${border};background:${bg}">
      <div class="kam-dc-head" style="border-bottom-color:rgba(255,255,255,.06)"><span class="kam-dc-head-label" style="color:${color}">${icon} ${title}</span></div>
      <div class="kam-dc-body" style="font-size:var(--text-md);color:rgba(220,235,255,.82);line-height:1.65">${body}${retry}</div>
    </div>`;
  }
  function updateDeepButtons(st){
    try{
      const ready = st && st.ready;
      ['sku-verify-tm-btn','sku-verify-lm-btn'].forEach(id=>{
        const b=document.getElementById(id);
        if(!b) return;
        if(ready){
          b.disabled=false;
          b.style.opacity='';
          b.title='';
          return;
        }
        b.disabled = st.status === 'loading';
        b.style.opacity = st.status === 'loading' ? '.62' : '.86';
        b.title = st.status === 'failed' ? 'Retry ผ่านการ์ด SKU intelligence ด้านบน' : 'กำลังโหลด SKU intelligence ของ KAM นี้';
        if(st.status === 'loading'){
          b.className='sku-verify-btn loading';
          b.innerHTML='<svg class="svb-icon" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg>โหลด SKU...';
        }
      });
    }catch(e){}
  }
  function paint(accountId){
    const aid = aidOf(accountId);
    if(!aid) return;
    const st = getBundleState(aid);
    state.lastPaintedAccountId = aid;
    const cards = document.getElementById('kam-cards');
    if(!cards) return;
    const old = document.getElementById('kam-bundle-state-card');
    if(st.ready){
      if(old) old.remove();
      updateDeepButtons(st);
      return;
    }
    const html = cardHtml(st);
    if(old) old.outerHTML = html;
    else cards.insertAdjacentHTML('afterbegin', html);
    updateDeepButtons(st);
  }
  async function fetchAccountBundle(accountId, opts){
    opts = opts || {};
    const aid = aidOf(accountId);
    if(!aid) return false;
    if(accountHasSkuData(aid)) { paint(aid); return true; }
    const st = getBundleState(aid);
    if(!st.kamEmail){
      warn('[v206e] no kamEmail for account bundle', aid);
      return false;
    }
    try{ delete state.failures[st.safeKey]; }catch(e){}
    state.loadingAccounts[aid] = true;
    paint(aid);
    let ok = false;
    try{
      const p = (typeof _kamBundleInFlight !== 'undefined' && _kamBundleInFlight[st.safeKey])
        ? _kamBundleInFlight[st.safeKey]
        : (typeof _fetchKamBundle === 'function' ? _fetchKamBundle(st.kamEmail) : Promise.resolve(false));
      ok = await Promise.race([p, new Promise(r=>setTimeout(()=>r(false), opts.timeoutMs || TIMEOUT_MS))]);
    }catch(e){
      ok = false;
      state.failures[st.safeKey] = { ts:Date.now(), message:e&&e.message?e.message:String(e) };
    }finally{
      delete state.loadingAccounts[aid];
    }
    if(ok){
      try{ delete state.failures[st.safeKey]; }catch(e){}
      try{
        if(String(currentAccountId||'')===String(aid)){
          if(typeof loadFromStorage==='function') loadFromStorage(aid);
          if(D&&D.alts&&D.alts.length&&D.skus&&D.skus.length&&typeof computeOPPS==='function') computeOPPS();
        }
      }catch(e){}
      paint(aid);
      if(String(currentAccountId||'')===String(aid) && opts.rerender!==false){
        setTimeout(()=>{
          try{
            if(typeof currentKamSubtab !== 'undefined' && currentKamSubtab === 'lastmonth' && typeof renderKamLastMonth==='function') renderKamLastMonth();
            else if(typeof renderKamThisMonth==='function') renderKamThisMonth();
          }catch(e){}
        }, opts.renderDelay || 260);
      }
      log('[v206e] bundle ready for account', aid, st.kamEmail);
      return true;
    }
    state.failures[st.safeKey] = state.failures[st.safeKey] || { ts:Date.now(), message:'bundle fetch failed or timed out' };
    paint(aid);
    log('[v206e] bundle failed for account', aid, st.kamEmail);
    return false;
  }
  async function ensureForDeepFlow(label){
    const aid = aidOf();
    if(!aid) return false;
    if(accountHasSkuData(aid)) return true;
    toast('กำลังโหลด SKU intelligence ของ KAM นี้...','⟳');
    const ok = await fetchAccountBundle(aid, { reason:label, rerender:true });
    if(!ok){
      toast('โหลด SKU detail ไม่สำเร็จ — กด Retry ได้ในการ์ดด้านบน','⚠');
      return false;
    }
    return true;
  }

  global._v206eRetryCurrentBundle = function(){
    const aid = aidOf();
    if(!aid) return;
    try{
      const st = getBundleState(aid);
      if(st.safeKey) delete state.failures[st.safeKey];
    }catch(e){}
    fetchAccountBundle(aid, { reason:'manual-retry', rerender:true });
  };
  global.getFreshketV206eBundleState = function(accountId){ return Object.assign({ version:VERSION }, getBundleState(accountId)); };

  const origEnsure = global.ensureSenseData;
  global.ensureSenseData = async function(accountId, opts){
    const aid = aidOf(accountId);
    const options = opts || {};
    if(!aid) return false;
    if(accountHasSkuData(aid)) return true;
    const st = getBundleState(aid);
    if(st.kamEmail){
      const ok = await fetchAccountBundle(aid, { reason:'ensureSenseData', rerender:!options.silent });
      if(ok){
        try{ if(!options.silent && typeof refreshAll==='function'){ refreshAll(); if(typeof updateDataStatus==='function') updateDataStatus(); } }catch(e){}
        try{ if(typeof updateMatcherPreStatus==='function') updateMatcherPreStatus(); }catch(e){}
        return true;
      }
      // For TL/Admin and installed/mobile PWA, avoid silently pulling the heavy bulk files.
      if(role()==='tl' || role()==='admin' || isStandalonePwa()) return false;
    }
    if(typeof origEnsure === 'function') return origEnsure.apply(this, arguments);
    return false;
  };
  try{ ensureSenseData = global.ensureSenseData; }catch(e){}

  const origPortviewSelect = global.portviewSelectAccount;
  if(typeof origPortviewSelect === 'function'){
    global.portviewSelectAccount = function(accountId){
      const aid = aidOf(accountId);
      try{ fetchAccountBundle(aid, { reason:'account-enter-prefetch', rerender:false }); }catch(e){}
      const ret = origPortviewSelect.apply(this, arguments);
      setTimeout(()=>paint(aid), 380);
      setTimeout(()=>paint(aid), 900);
      return ret;
    };
    try{ portviewSelectAccount = global.portviewSelectAccount; }catch(e){}
  }

  const origRenderThis = global.renderKamThisMonth;
  if(typeof origRenderThis === 'function'){
    global.renderKamThisMonth = function(){
      const ret = origRenderThis.apply(this, arguments);
      setTimeout(()=>paint(), 0);
      return ret;
    };
    try{ renderKamThisMonth = global.renderKamThisMonth; }catch(e){}
  }
  const origRenderLast = global.renderKamLastMonth;
  if(typeof origRenderLast === 'function'){
    global.renderKamLastMonth = function(){
      const ret = origRenderLast.apply(this, arguments);
      setTimeout(()=>paint(), 0);
      return ret;
    };
    try{ renderKamLastMonth = global.renderKamLastMonth; }catch(e){}
  }
  const origRenderOverview = global.renderKamOverview;
  if(typeof origRenderOverview === 'function'){
    global.renderKamOverview = function(){
      const ret = origRenderOverview.apply(this, arguments);
      setTimeout(()=>paint(), 30);
      return ret;
    };
    try{ renderKamOverview = global.renderKamOverview; }catch(e){}
  }

  function wrapDeepAction(name, label){
    const orig = global[name];
    if(typeof orig !== 'function') return;
    global[name] = async function(){
      const ok = await ensureForDeepFlow(label || name);
      if(!ok) return;
      return orig.apply(this, arguments);
    };
    try{ eval(name + ' = global[name]'); }catch(e){}
  }
  wrapDeepAction('triggerSkuVerifyFromThisMonth','SKU Verify');
  wrapDeepAction('triggerSkuVerifyLastMonth','SKU Verify');
  wrapDeepAction('generateKamBriefing','Brief');

  // Paint once after late target/hydration hooks settle.
  setTimeout(()=>paint(), 1200);
  log('[v206e] bundle micro patch installed');
})(window);


// PATCH: freshket-v210l-portfolio-state-cleanup-js
//////////////////////////////////////////////////////////////////////////////

(function(){
  function esc(v){
    try{ return typeof _commEscapeHtml==='function' ? _commEscapeHtml(v) : String(v ?? '').replace(/[&<>'"]/g,function(ch){return {'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[ch];}); }
    catch(e){ return String(v ?? ''); }
  }
  function fmtK(n){ n=Number(n||0); return n>=1000000?'฿'+(n/1000000).toFixed(1)+'M':n>=1000?'฿'+(n/1000).toFixed(0)+'K':'฿'+Math.round(n); }
  function insightStar(){ return '<svg class="pv-insight-mini-star" viewBox="0 0 10 10" fill="rgba(170,210,255,.95)" xmlns="http://www.w3.org/2000/svg"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg>'; }
  // T4 (25 ต.ค. 2569 · บอร์ด HomeNew): ปุ่ม Insight = ปุ่มใหญ่ใต้กล่องร้าน (#portview-ai-btn ใน shell) ไม่สร้างปุ่มเล็กในแถวเรียงแล้ว
  // สถานะ กำลังอ่าน / อ่านแล้ว ย้ายมาอยู่ที่ปุ่มใหญ่ (class loading / done ของ .portview-ai-btn)
  function ensureInsightControl(){
    var btn=document.getElementById('portview-ai-btn');
    if(!btn) return null;
    syncInsightButton();
    return btn;
  }
  function syncInsightButton(state){
    var btn=document.getElementById('portview-ai-btn');
    var lbl=document.getElementById('portview-ai-label');
    if(!btn) return;
    btn.classList.remove('loading','done','done-bounce');
    if(state==='loading'){
      btn.classList.add('loading');
      if(lbl) lbl.textContent='Olive กำลังอ่านพอร์ต…';
      return;
    }
    var done=false;
    try{ done=!!portviewAiDone; }catch(e){ done=!!window._pvLastInsightHtml; }
    if(done || state==='done') btn.classList.add('done');
    if(lbl) lbl.textContent='Portfolio Insight';
  }
  function openInsightSheet(html, opts){
    opts=opts||{};
    var ov=document.getElementById('pv-insight-sheet-overlay');
    if(!ov){
      ov=document.createElement('div');
      ov.id='pv-insight-sheet-overlay';
      ov.className='pv-insight-sheet-overlay';
      ov.onclick=function(e){ if(e.target===ov) closeInsightSheet(); };
      document.body.appendChild(ov);
    }
    var body='';
    if(opts.loading){
      body='<div class="pv-insight-loading"><div class="pv-insight-loading-star">'+insightStar()+'</div><div>Olive กำลังอ่านสัญญาณพอร์ต...</div><div style="font-size:var(--text-sm);color:rgba(198,216,245,.62);margin-top:3px">จัดลำดับร้านที่ควรดูต่อให้ก่อน</div></div>';
    }else if(opts.error){
      body='<div class="pv-insight-error">'+esc(opts.error)+'</div>';
    }else{
      body=html||'<div class="pv-insight-loading">ยังไม่มี Insight</div>';
    }
    ov.innerHTML='<div class="pv-insight-sheet">'
      +'<div class="pv-insight-sheet-handle"></div>'
      +'<div class="pv-insight-sheet-head"><div><div class="pv-insight-sheet-title">'+insightStar()+' Portfolio Insight</div><div class="pv-insight-sheet-sub">อ่านแล้วปิดกลับมาดูพอร์ตต่อได้ ไม่เปลี่ยนตำแหน่งหน้า</div></div><button class="pv-insight-sheet-close" onclick="_pvCloseInsightSheet()">×</button></div>'
      +'<div class="pv-insight-sheet-body">'+body+'</div>'
      +'</div>';
    requestAnimationFrame(function(){ ov.classList.add('on'); });
  }
  function closeInsightSheet(){
    var ov=document.getElementById('pv-insight-sheet-overlay');
    if(!ov) return;
    ov.classList.remove('on');
    setTimeout(function(){ ov.innerHTML=''; },260);
  }
  window._pvCloseInsightSheet=closeInsightSheet;
  window._pvEnsureInsightControl=ensureInsightControl;

  async function generateInsightSheet(){
    ensureInsightControl();
    try{
      if(portviewAiDone && window._pvLastInsightHtml){
        openInsightSheet(window._pvLastInsightHtml);
        syncInsightButton('done');
        return;
      }
    }catch(e){ if(window._pvLastInsightHtml){ openInsightSheet(window._pvLastInsightHtml); return; } }
    syncInsightButton('loading');
    openInsightSheet('',{loading:true});
    var accounts=getPortviewAccounts();
    // v302: %NRR เทียบเดือนฐาน แทน Pro Rate (ตัวเดียวกับจอและค่าคอมฯ)
    var _ns=function(a){return a.nrrSignal||null;};
    var _isRep=(typeof portviewLevel!=='undefined'&&portviewLevel==='rep-detail'&&typeof portviewRepEmail!=='undefined'&&portviewRepEmail);
    var _hl=(typeof _nrrHeadlineFor==='function')?_nrrHeadlineFor('kam',_isRep?portviewRepEmail:((currentUserProfile&&currentUserProfile.email)||'')):null;
    var _baseMoAi=(typeof _nrrBaseMonthThLabel==='function'&&_nrrBaseMonthThLabel())||'เดือนฐาน';
    var portfolioNrrTxt=(_hl&&_hl.pct!=null&&typeof _commFmtPct==='function')?_commFmtPct(_hl.pct):'ยังไม่มีข้อมูล';
    var shortfall=accounts.filter(function(a){return _ns(a)&&(_ns(a).cls==='danger'||_ns(a).cls==='warn');}).reduce(function(s,a){
      var g=Math.max(0,(_ns(a).baseline_gmv||0)-(_ns(a).cmpRunrate||0));
      return s+g;
    },0);
    var atRisk=accounts
      .filter(function(a){return _ns(a)&&(_ns(a).cls==='danger'||_ns(a).cls==='warn');})
      .map(function(a){a._shortfall=Math.max(0,(_ns(a).baseline_gmv||0)-(_ns(a).cmpRunrate||0));return a;})
      .sort(function(a,b){return b._shortfall-a._shortfall;})
      .slice(0,8);
    var ctxLines=atRisk.map(function(a){
      var baseline=_ns(a).baseline_gmv||0;
      var parts=['NRR '+_ns(a).label+' เทียบฐาน '+_baseMoAi+' · ฐาน '+(baseline>0?fmtK(baseline):'-')+'/เดือน · ขาดอีก '+fmtK(a._shortfall)];
      var cc=a._churnCounts;
      if(cc&&(cc.gone>0||cc.near>0)){
        var churnParts=[];
        if(cc.gone>0)churnParts.push('หายจริง '+cc.gone+' ตัว');
        if(cc.near>0)churnParts.push('ใกล้รอบ '+cc.near+' ตัว');
        parts.push('SKU (interval-aware): '+churnParts.join(', ')+' จาก '+cc.total+' ตัว');
      } else if(!cc&&a.churnedSkuCount>0){
        parts.push('SKU หาย '+a.churnedSkuCount+' ตัว ('+fmtK(a.churnedGmv||0)+'): '+(a.topChurnedNames||'').split(' | ').slice(0,2).join(', '));
      }
      if(a.missingCatCount>0) parts.push('Category ขาด: '+(a.missingCats||'').split(' | ').slice(0,2).join(', '));
      return '- '+a.name+' ['+_ns(a).cls+']: '+parts.join(' · ');
    }).join('\n');
    var quickRecover=accounts
      .filter(function(a){return _ns(a)&&_ns(a).cls==='warn'&&!(a._churnCounts&&a._churnCounts.gone>0)&&!(a.churnedSkuCount>0);})
      .sort(function(a,b){return (_ns(b).pct||0)-(_ns(a).pct||0);})
      .slice(0,2)
      .map(function(a){return a.name+' ('+_ns(a).label+' ขาดอีก '+fmtK(Math.max(0,(_ns(a).baseline_gmv||0)-(_ns(a).cmpRunrate||0)))+')';})
      .join(', ');
    var prompt='ข้อมูลพอร์ต:\nภาพรวม: '+accounts.length+' ร้าน · %NRR '+portfolioNrrTxt+' (เทียบยอดเดือนฐาน '+_baseMoAi+' — ตัวเลขเดียวกับที่ใช้คิดค่าคอมฯ) · ส่วนต่างรวมจากฐาน '+fmtK(shortfall)+'\n\nAccounts เสี่ยง ranked by ฿ impact ('+atRisk.length+'):\n'+(ctxLines||'ไม่มี')+(quickRecover?'\n\nQuick recovery candidates (warn + SKU health ok): '+quickRecover:'');
    var sysPv=OLIVE_BASE+`\n\n-- TASK CONTEXT --\nA KAM is planning their day right now. They can see the list — they need your read on what it actually means and who to contact first. Accounts are ranked by ฿ shortfall vs the quarter's base month, not NRR %. Let the money impact drive the priority, not the percentage.\n\nUrgency logic (read the signals, decide yourself):\n- Danger + SKU หาย → โทรวันนี้ก่อนเลย ถามว่าทำไมหยุดสั่ง\n- Danger เฉยๆ → โทรวันนี้ เปิดด้วยความห่วงใย ไม่ใช่ pressure\n- Warn + category ขาด → พรุ่งนี้ ถามว่ายังซื้อ category นั้นอยู่มั้ย\n- Warn เฉยๆ → monitor เตรียม talkline ไว้\n- Safe/Great → ไม่ urgent แต่ถ้ามี opportunity ให้หมายเหตุ\n\n-- OUTPUT CONTRACT --\nThai prose — brief enough to read in 30 seconds.\n\nStructure:\n1. One sentence on portfolio state — lead with the problem, not how many accounts are fine.\n2. Contact list ranked by urgency: name → why it matters → what specifically to ask (max 5)\n3. Quick win if one exists.\n\nDon't repeat numbers already visible in the list.\nWhen mentioning a SKU, use ฿ — not %.`;
    try{
      var txt=await callAI('sonnet',sysPv,[{role:'user',content:prompt}],2000);
      var html=String(txt||'').replace(/\*\*(.*?)\*\*/g,'<strong>$1</strong>').replace(/\n/g,'<br>');
      window._pvLastInsightHtml=html;
      try{ portviewAiDone=true; }catch(e){}
      openInsightSheet(html);
      syncInsightButton('done');
      var btn=document.getElementById('portview-ai-btn');
      if(btn){btn.classList.add('done-bounce');btn.addEventListener('animationend',function(e){if(e.animationName==='doneBounce')btn.classList.remove('done-bounce');},{once:true});}
    }catch(e){
      syncInsightButton();
      openInsightSheet('',{error:'AI error: '+String(e.message||e).slice(0,80)});
      try{ showToast('AI error: '+String(e.message||e).slice(0,60),'⚠'); }catch(_e){}
    }
  }
  window.generatePortviewInsight=generateInsightSheet;

  function openTargetExplain(panelId, handleId){
    var p=document.getElementById(panelId), h=document.getElementById(handleId);
    if(!p) return;
    if(h) h.classList.add('open');
    p.classList.remove('open');
    var clone=p.cloneNode(true);
    clone.classList.add('open');
    clone.querySelectorAll('.tgt-det-section').forEach(function(sec){
      if(sec.querySelector('.tgt-color-key') || /สีของตัวเลข\s*เป้าหมาย/.test(sec.textContent||'')) sec.remove();
    });
    var ov=document.getElementById('tgt-explain-sheet-overlay');
    if(!ov){
      ov=document.createElement('div');
      ov.id='tgt-explain-sheet-overlay';
      ov.className='tgt-explain-sheet-overlay';
      ov.onclick=function(e){ if(e.target===ov) closeTargetExplain(); };
      document.body.appendChild(ov);
    }
    ov.dataset.handleId=handleId||'';
    ov.innerHTML='<div class="tgt-explain-sheet">'
      +'<div class="tgt-explain-sheet-handle"></div>'
      +'<div class="tgt-explain-sheet-head"><div><div class="tgt-explain-sheet-title">วิธีอ่านตัวเลขพอร์ต</div><div class="tgt-explain-sheet-sub">แยกข้อมูลยาวออกจากหน้าหลัก เพื่อให้อ่านได้โดยไม่โดนยุบตอน scroll</div></div><button class="tgt-explain-sheet-close" onclick="_tgtCloseExplainSheet()">×</button></div>'
      +'<div class="tgt-explain-sheet-body">'+clone.outerHTML+'</div>'
      +'</div>';
    requestAnimationFrame(function(){ ov.classList.add('on'); });
  }
  function closeTargetExplain(){
    var ov=document.getElementById('tgt-explain-sheet-overlay');
    if(!ov) return;
    var handleId=ov.dataset.handleId;
    if(handleId){ var h=document.getElementById(handleId); if(h) h.classList.remove('open'); }
    ov.classList.remove('on');
    setTimeout(function(){ov.innerHTML='';},260);
  }
  window._tgtToggleDetail=openTargetExplain;
  window._tgtCloseExplainSheet=closeTargetExplain;

  function afterRenderHook(){
    setTimeout(function(){
      ensureInsightControl();
      var out=document.getElementById('portview-ai-output'); if(out){out.style.display='none'; out.innerHTML='';}
    },80);
  }
  var _oldRenderPortview=window.renderPortview;
  if(typeof _oldRenderPortview==='function'){
    window.renderPortview=function(){ var r=_oldRenderPortview.apply(this,arguments); afterRenderHook(); return r; };
    try{ renderPortview=window.renderPortview; }catch(e){}
  }
  var _oldRenderPortviewList=window.renderPortviewList;
  if(typeof _oldRenderPortviewList==='function'){
    window.renderPortviewList=function(){ var r=_oldRenderPortviewList.apply(this,arguments); afterRenderHook(); return r; };
    try{ renderPortviewList=window.renderPortviewList; }catch(e){}
  }
  document.addEventListener('DOMContentLoaded',function(){ setTimeout(ensureInsightControl,0); setTimeout(ensureInsightControl,350); });
  setTimeout(ensureInsightControl,0);
})();
(function(global){
  'use strict';
  var VERSION = 'v212a-pwa-freshness-unification';
  var DATA_EPOCH = '2026-05-22-v212a-pwa-freshness-unification';
  var CRITICAL = ['portview','history','handover'];
  var lastGovernanceLoadAt = 0;
  var governanceInFlight = null;
  var governanceInFlightEpoch = -1;   // รอบผู้ใช้ของก้อนที่วิ่งอยู่ — คนใหม่ไม่รอก้อนของคนก่อน (07a _tgtGovState.epoch)
  var resumeInFlight = null;
  // R2 (19 ต.ค. 2569 · docs/sense-smooth-loading-plan-2026-10-19.md รอบ 2): เกณฑ์ที่โหลดครบจากฐานข้อมูลภายในเท่านี้
  // ถือว่ายังสด — รอบ post-CSV ของการเปิดแอปไม่ต้องโหลดซ้ำ (เดิมโหลด 2 รอบทุกครั้ง: ก่อนไฟล์หลัก + หลังไฟล์หลัก)
  var GOV_FRESH_MS = 60000;
  // v216 FIX 2D: was `0` — caused first cold-load to bypass minGap check and force-fetch CSV at ~3.2s,
  //              producing the "5th flash" 5-10s after splash. Initialize to boot time so cold load is
  //              treated as "already validated" — main loader already fetched fresh data.
  var lastResumeAt = (typeof Date.now === 'function' ? Date.now() : +new Date());

  function debugOn(){ try{return localStorage.getItem('senseDebug')==='1'||localStorage.getItem('freshketDebug')==='1';}catch(e){return false;} }
  function log(){ if(debugOn()) try{ console.log.apply(console, ['[v212a freshness]'].concat([].slice.call(arguments))); }catch(e){} }
  function warn(){ try{ console.warn.apply(console, ['[v212a freshness]'].concat([].slice.call(arguments))); }catch(e){} }
  function now(){ return Date.now ? Date.now() : +new Date(); }
  function safeClone(x){ try{return JSON.parse(JSON.stringify(x));}catch(e){return x;} }
  function isLoggedIn(){ try{return !!currentUser;}catch(e){return false;} }
  function currentQuarter(){ try{return _tgtCurrentQuarter();}catch(e){ return null; } }
  function hasCoreData(){ try{return Array.isArray(portviewBulkData) && portviewBulkData.length>0;}catch(e){return false;} }
  function markGov(meta){
    try{
      global.FreshketSenseGovernanceFreshness = Object.assign({
        version: VERSION,
        dataEpoch: DATA_EPOCH,
        checkedAt: now(),
        quarter: currentQuarter()
      }, meta || {});
    }catch(e){}
  }
  // R2: ไม่มีทางบูต/รีเฟรชไหนเรียกตัวนี้แล้ว — เดิมล้างเกณฑ์ก่อนได้ชุดใหม่ ⇒ การ์ดค่าคอมฯ ถอยกลับเป็น "กำลังโหลดเกณฑ์",
  // %NRR ไม่หัก waiver ช่วงหนึ่ง และงานคิดยอดจริงถูกทิ้ง · ตอนนี้ 07a โหลดเข้าที่พักแล้วสลับเมื่อครบ (ไม่ต้องล้างก่อน)
  // เหลือไว้ใน api (FreshketSenseV212a) สำหรับดีบักเท่านั้น และไม่ล้างระหว่างที่การโหลดค้างอยู่
  // (loadTargets คืนก้อนที่ค้างอยู่ ⇒ ไม่มีใครเติมของที่ล้างคืน)
  function clearGovernanceMemory(reason, opts){
    // ออกจากระบบ (07a _tgtGovernanceSignOut): ล้างเสมอ — ก้อนที่ค้างอยู่เป็นของคนก่อนและทิ้งผลเองแล้ว (epoch)
    var signOut = !!(opts && opts.signOut);
    if(signOut){ governanceInFlight = null; governanceInFlightEpoch = -1; lastGovernanceLoadAt = 0; }
    var busy = !signOut && !!governanceInFlight;
    try{ if(!busy && !signOut && typeof _tgtGovernanceBusy === 'function') busy = _tgtGovernanceBusy(currentQuarter()); }catch(e){}
    if(busy){ markGov(Object.assign({}, global.FreshketSenseGovernanceFreshness||{}, {clearRefused:'load-in-flight', reason:reason||'manual'})); return false; }
    try{ if(typeof _tgtGovernanceWiped === 'function') _tgtGovernanceWiped(); }catch(e){}
    try{ _tgtQuarterCache = {}; }catch(e){}
    try{ _tgtLoaded = false; }catch(e){}
    try{ _tgtCache = {}; }catch(e){}
    try{ _tgtSettings = { nrr_threshold: 98 }; }catch(e){}
    try{ _nrrGovPolicies = {}; }catch(e){}
    try{ _nrrExclusions = []; }catch(e){}
    try{ _commissionSnapshots = []; }catch(e){}
    try{ _commRuleConfig = { plans:{}, rules:{}, tiers:{}, assignments:[] }; }catch(e){}
    markGov({source:'cleared', reason:reason||'manual'});
    return true;
  }
  // R2: ไม่ล้างเกณฑ์ก่อนโหลดแล้ว — 07a โหลดเข้าที่พักแล้วสลับเมื่อครบ (_loadTargetsInner) จอจึงเห็นชุดเดิมจนชุดใหม่พร้อม
  // ทีละรอบ (single-flight): คนที่มาระหว่างโหลด รอก้อนเดียวกัน · การโหลดของ 07a ที่ค้างอยู่ (เช่น _tgtInitCheck) ก็รอร่วม ไม่ยิงซ้ำ
  // opts.skipIfFreshMs = มีชุดครบจากฐานข้อมูลของไตรมาสนี้ที่โหลดเสร็จไม่เกินเท่านี้ ⇒ ข้าม (ไม่มีอะไรบอกว่าเก่า)
  // คืน true = ตอนจบ ชุดในเครื่องเป็นชุดครบจากฐานข้อมูล (หรือข้ามเพราะยังสด) · false = โหลดไม่ครบ (จอยังใช้ชุดดีเดิมถ้ามี)
  // ทางเงินไม่ผ่านตัวนี้: _commForceLoadPeriod บังคับโหลดสดเองทุกครั้ง
  async function forceGovernanceReload(reason, opts){
    opts = opts || {};
    var force = !!opts.force;
    var minGap = opts.minGap == null ? 60000 : opts.minGap;
    var govEpoch = 0;
    try{ govEpoch = (typeof _tgtGovState !== 'undefined' && _tgtGovState.epoch) || 0; }catch(e){}
    if(governanceInFlight && governanceInFlightEpoch === govEpoch) return governanceInFlight;
    if(!isLoggedIn() && !opts.allowLoggedOut) return false;
    if(!force && lastGovernanceLoadAt && (now() - lastGovernanceLoadAt) < minGap){
      markGov(Object.assign({}, global.FreshketSenseGovernanceFreshness||{}, {source:'memory-fresh', reason:reason||'throttled', skipped:true, ageMs:now()-lastGovernanceLoadAt}));
      return true;
    }
    // ก้อนนี้ล้างตัวเองเมื่อจบ เฉพาะเมื่อยังเป็นก้อนปัจจุบัน (คนใหม่อาจเริ่มก้อนใหม่ไปแล้ว)
    // จบแบบไม่มี await (ไม่รู้ไตรมาส) ⇒ ไม่ตั้งเป็นก้อนค้าง — เดิมตั้งก้อนที่จบแล้วค้างไว้ตลอดไป
    var settled = false, myP = null;
    myP = (async function(){
      var q = currentQuarter();
      var started = now();
      try{
        if(typeof loadTargets !== 'function' || !q){ markGov({source:'unavailable', reason:reason||'unknown'}); return false; }
        if(typeof _setDataPillText === 'function' && !opts.silent) _setDataPillText('Sync governance','Supabase');
        var r = (typeof _tgtGovernanceReload === 'function')
          ? await _tgtGovernanceReload(q, { skipIfFreshMs: opts.skipIfFreshMs || 0 })
          : (await loadTargets(q), { ok: true });
        if(r && r.skipped){
          markGov(Object.assign({}, global.FreshketSenseGovernanceFreshness||{}, {source:'memory-fresh', reason:reason||'fresh', skipped:true}));
          log('governance reload skipped (fresh)', reason);
          return true;
        }
        if(!(r && r.ok)){
          markGov({source:'incomplete', ok:false, reason:reason||'reload', durationMs:now()-started, joined:!!(r && r.joined)});
          warn('governance reload incomplete — screens keep the last complete set', reason);
          return false;
        }
        lastGovernanceLoadAt = now();
        var metrics = {};
        try{ metrics.targetKeys = Object.keys(_tgtCache||{}).length; }catch(e){}
        try{ metrics.policyKeys = Object.keys(_nrrGovPolicies||{}).length; }catch(e){}
        try{ metrics.exclusions = (_nrrExclusions||[]).length; }catch(e){}
        try{ metrics.snapshots = (_commissionSnapshots||[]).length; }catch(e){}
        try{ metrics.assignments = ((_commRuleConfig||{}).assignments||[]).length; }catch(e){}
        markGov(Object.assign({source:'network', ok:true, reason:reason||'reload', durationMs:now()-started, joined:!!(r && r.joined)}, metrics));
        log('governance reloaded', reason, metrics);
        return true;
      }catch(err){
        markGov({source:'error', ok:false, reason:reason||'reload', durationMs:now()-started, error:err && err.message ? err.message : String(err)});
        warn('governance reload failed', reason, err && err.message ? err.message : err);
        return false;
      }finally{ settled = true; if(governanceInFlight === myP) governanceInFlight = null; }
    })();
    if(!settled){ governanceInFlight = myP; governanceInFlightEpoch = govEpoch; }
    return myP;
  }
  function hydrateVisible(reason){
    try{ if(typeof updateDataStatus === 'function') updateDataStatus(); }catch(e){}
    try{ if(typeof updateMatcherPreStatus === 'function') updateMatcherPreStatus(); }catch(e){}
    // v223: RenderBus handles all screen renders — one flush for all screens
    if(window.RenderBus){
      window.RenderBus.signal('hydrate-'+reason);
    } else {
      // Fallback if RenderBus not available
      try{ if(typeof renderTeamview === 'function' && document.getElementById('scr-teamview')?.classList.contains('on')) renderTeamview(); }catch(e){}
      try{ if(typeof renderPortview === 'function' && document.getElementById('scr-portview')?.classList.contains('on')) renderPortview(); }catch(e){}
      try{ if(typeof renderKamOverview === 'function' && document.getElementById('scr-overview')?.classList.contains('on')) renderKamOverview(); }catch(e){}
    }
  }
  function keysAreCritical(keys){
    if(!Array.isArray(keys)) return false;
    var map = {}; keys.forEach(function(k){ map[k]=true; });
    return CRITICAL.every(function(k){ return !!map[k]; });
  }
  // ⚠️ ตายอยู่ (ตั้งใจคงไว้ · R2 19 ต.ค. 2569): ทางเรียกเดียวคือ ResumeCoordinator (02) ซึ่งเช็ค window.currentUser
  // แต่ currentUser เป็น let ⇒ ไม่เคยผ่าน · ห้ามเปิดคืนจนกว่าจะถึงรอบ 5 ของแผน (รวมทางเปิดแอป) — ไม่งั้นทุกครั้งที่กลับแท็บ
  // จะโหลดไฟล์หลักใหม่ทั้งชุด (forceGovernanceReload ไม่ล้างเกณฑ์แล้วตั้งแต่ R2 แต่ยังยิงโหลดซ้ำ)
  async function validateUnifiedFreshness(reason, opts){
    opts = opts || {};
    var minGap = opts.force ? 0 : 120000;
    if(resumeInFlight) return resumeInFlight;
    if(!isLoggedIn()) return false;
    if(!opts.force && !hasCoreData()) return false;
    if(!opts.force && lastResumeAt && (now()-lastResumeAt)<minGap) return false;
    lastResumeAt = now();
    resumeInFlight = (async function(){
      try{
        if(navigator && navigator.onLine === false){
          try{ if(typeof showToast === 'function') showToast('ใช้ข้อมูล cached — offline','⚠'); }catch(e){}
          return false;
        }
        var csvOk = true;
        if(typeof ensureCloudflareFiles === 'function'){
          // v218 DATA GATE: clear loaded tabs before force-reload so refreshAll() stays blocked
          // (allCriticalReady()=false) during the entire reload window. When the last file
          // completes, _fetchCloudflareFile's gate flushes _pendingRefreshAll → ONE render.
          // Without this, _cloudLoadedTabs has stale entries → allCriticalReady()=true → each
          // file completion fires refreshAll() → 6 flashes visible during resume reload.
          try{ if(window._cloudLoadedTabs && typeof window._cloudLoadedTabs.clear==='function') window._cloudLoadedTabs.clear(); }catch(e){}
          if(window.RenderBus) window.RenderBus.reset(); // v223: reset so re-arriving files batch correctly
          csvOk = await ensureCloudflareFiles(CRITICAL, { label:'ตรวจข้อมูลล่าสุด', force:true });
        }
        var govOk = await forceGovernanceReload(reason||'resume', {force:true, silent:true, minGap:0});
        if(csvOk && govOk){
          hydrateVisible(reason||'resume');
          // v_gate: "ข้อมูลล่าสุดแล้ว" ได้เฉพาะตอนไฟล์สำคัญมาจากเน็ตจริง — ไม่ใช่สำเนาเก่าในเครื่อง
          var _stale = (typeof window._senseStaleTabs === 'function') ? window._senseStaleTabs(CRITICAL) : [];
          try{ if(typeof showToast === 'function') showToast(_stale.length ? 'โหลดข้อมูลใหม่ไม่ได้ — ใช้ข้อมูลเดิมในเครื่อง' : 'ข้อมูลล่าสุดแล้ว', _stale.length ? '⚠' : '✓'); }catch(e){}
          return !_stale.length;
        }
        try{ if(typeof showToast === 'function') showToast('ตรวจข้อมูลล่าสุดไม่ครบ — ใช้ข้อมูลที่มีอยู่','⚠'); }catch(e){}
        return false;
      }catch(err){ warn('unified validation failed', reason, err&&err.message?err.message:err); return false; }
      finally{ resumeInFlight = null; }
    })();
    return resumeInFlight;
  }

  // Wrap CSV ensure: when critical CSV is refreshed, Supabase governance/commission state must refresh before callers hydrate UI.
  // R2: ยังบังคับโหลดใหม่เหมือนเดิม แต่ไม่ล้างก่อน และทีละรอบ (ซ้อนกับรอบที่กำลังโหลด = รอก้อนเดียวกัน)
  try{
    var oldEnsure = ensureCloudflareFiles;
    if(typeof oldEnsure === 'function' && !oldEnsure.__v212aWrapped){
      var wrappedEnsure = async function(keys, opts){
        var ok = await oldEnsure.apply(this, arguments);
        try{
          if(ok && (opts && opts.force || keysAreCritical(keys)) && keysAreCritical(keys)){
            await forceGovernanceReload('ensure-critical-csv', {force:true, silent:true, minGap:0});
          }
        }catch(e){ warn('post-ensure governance sync failed', e&&e.message?e.message:e); }
        return ok;
      };
      wrappedEnsure.__v212aWrapped = true;
      ensureCloudflareFiles = wrappedEnsure;
    }
  }catch(e){ warn('ensureCloudflareFiles wrap failed', e&&e.message?e.message:e); }

  // Wrap cold load: reload governance alongside the CSV render path to avoid PWA using stale target/exclusion/snapshot memory.
  // R2: เดิม await โหลดเกณฑ์ (ล้าง + 12 คำขอ ~3 วิ) ก่อนเริ่มไฟล์หลัก แล้วล้าง+โหลดอีกรอบหลังไฟล์หลัก
  // ⇒ ไฟล์หลักเริ่มช้า และการ์ดค่าคอมฯ ถอยกลับกลางทาง · ตอนนี้: เริ่มโหลดเกณฑ์คู่กับไฟล์หลัก (ไม่กั้น) ·
  // รอบ post-CSV ข้ามเมื่อมีชุดครบจากฐานข้อมูลที่เพิ่งโหลดเสร็จ (< 60 วิ) — cold-retry ที่เรียกซ้ำก็ข้ามด้วยกติกาเดียวกัน
  try{
    var oldLoad = loadFromCloudflareR2;
    if(typeof oldLoad === 'function' && !oldLoad.__v212aWrapped){
      var wrappedLoad = async function(){
        var govP = forceGovernanceReload('cold-load', {force:true, silent:true, minGap:0, skipIfFreshMs:GOV_FRESH_MS});
        var res;
        try{ res = await oldLoad.apply(this, arguments); }
        finally{ try{ await govP; }catch(e){} }
        await forceGovernanceReload('cold-load-post-csv', {force:true, silent:true, minGap:0, skipIfFreshMs:GOV_FRESH_MS});
        hydrateVisible('cold-load-complete');
        return res;
      };
      wrappedLoad.__v212aWrapped = true;
      loadFromCloudflareR2 = wrappedLoad;
      try{ loadFromGoogleSheets = wrappedLoad; }catch(e){}
      try{ loadFromSupabaseStorage = wrappedLoad; }catch(e){}
    }
  }catch(e){ warn('loadFromCloudflareR2 wrap failed', e&&e.message?e.message:e); }

  // Wrap manual refresh: clear both CSV/KAM bundle and Supabase-derived state.
  try{
    var oldReload = reloadFromCloudflareR2;
    if(typeof oldReload === 'function' && !oldReload.__v212aWrapped){
      var wrappedReload = async function(){
        // R2: ไม่ล้างเกณฑ์ที่จอใช้อยู่ — ทิ้งแคชในหน่วยความจำ แล้วโหลดสดจากฐานข้อมูลคู่กับไฟล์หลัก (สลับเมื่อครบ)
        try{ if(typeof _tgtGovernanceInvalidate === 'function') _tgtGovernanceInvalidate(); }catch(e){}
        try{ lastGovernanceLoadAt = 0; lastResumeAt = 0; }catch(e){}
        var govP = forceGovernanceReload('manual-refresh', {force:true, silent:true, minGap:0});
        var res;
        try{ res = await oldReload.apply(this, arguments); }
        finally{ try{ await govP; }catch(e){} }
        await forceGovernanceReload('manual-refresh-post-csv', {force:true, silent:true, minGap:0, skipIfFreshMs:GOV_FRESH_MS});
        hydrateVisible('manual-refresh');
        return res;
      };
      wrappedReload.__v212aWrapped = true;
      reloadFromCloudflareR2 = wrappedReload;
      try{ reloadFromGoogleSheets = wrappedReload; }catch(e){}
    }
  }catch(e){ warn('reloadFromCloudflareR2 wrap failed', e&&e.message?e.message:e); }

  // v225: visibilitychange/pageshow/focus/online listeners REMOVED from v212a.
  // Handled by ResumeCoordinator at end of 08_patches.js.

  var api = {
    version: VERSION,
    dataEpoch: DATA_EPOCH,
    criticalKeys: CRITICAL.slice(),
    forceGovernanceReload: forceGovernanceReload,
    clearGovernanceMemory: clearGovernanceMemory,
    validateFreshnessOnResume: validateUnifiedFreshness,
    getFreshness: function(){
      return {
        csv: safeClone(global.FreshketSenseDataFreshness || {}),
        governance: safeClone(global.FreshketSenseGovernanceFreshness || {}),
        app: { version: VERSION, dataEpoch: DATA_EPOCH, ts: now() }
      };
    }
  };
  global.FreshketSenseV212a = api;
  try{
    global.FreshketSenseV212 = Object.assign(global.FreshketSenseV212 || {}, {
      version: VERSION,
      dataEpoch: DATA_EPOCH,
      validateFreshnessOnResume: validateUnifiedFreshness,
      forceGovernanceReload: forceGovernanceReload,
      getFreshness: api.getFreshness
    });
  }catch(e){}
  markGov({source:'boot', reason:'v212a-loaded'});
  log('loaded');
})(window);


// ════════════════════════════════════════════════════════════════════════════════════
// โหมดค้นหา + ล้างคำค้น (Bucci 25 ต.ค. 2569)
//   ปุ่มค้นหา (12 navSearchGo / ปุ่มแว่นบนหัวจอ) ⇒ body.pv-search-mode: ช่องใหญ่เรืองเขียวบนสุด ซ่อนการ์ดทอง/กล่องสรุป
//   ผลอยู่ใต้ช่อง นับผล ไฮไลต์ชื่อ · แตะร้าน / ออกจากหน้าพอร์ต ⇒ ออกจากโหมด (คำค้นยังอยู่) · ยกเลิก ⇒ ล้าง+ออก
//   คำค้นค้างนอกโหมด ⇒ แถบเหลือง "กำลังกรองด้วยคำว่า …" + ปุ่มล้าง · กด "พอร์ต" ที่เมนูล่าง ⇒ ล้างคำค้น (_navPortTap / navPortHome)
// ════════════════════════════════════════════════════════════════════════════════════
function _pvEscTxt(s){ return String(s||'').replace(/[&<>"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c])); }
function _pvSearchStatus(q, shown, total){
  window._pvLastSearchStat={q,shown,total};
  const cnt=document.getElementById('pv-search-count'), ban=document.getElementById('pv-search-banner');
  const inMode=document.body.classList.contains('pv-search-mode');
  if(cnt) cnt.innerHTML=q?`พบ <b>${shown} ร้าน</b> จาก ${total} ร้านในพอร์ต`:'พิมพ์ชื่อร้านหรือชื่อสาขา';
  if(ban){
    if(q&&!inMode){
      ban.hidden=false;
      ban.innerHTML=`<div class="t" onclick="_navSearchGo()"><div>กำลังกรองด้วยคำว่า <b>${_pvEscTxt(q)}</b></div><div class="s">แสดง ${shown} จาก ${total} ร้าน</div></div><button type="button" onclick="_pvClearSearch(false)">ล้าง ✕</button>`;
    }else{ ban.hidden=true; ban.innerHTML=''; }
    document.body.classList.toggle('pv-filtering',!!q&&!inMode);   // แถบเหลืองแทนช่องค้นหาเล็ก (styles_portview)
  }
}
function _pvClearSearch(keepFocus){
  const a=document.getElementById('portview-search'), b=document.getElementById('pv-search-collapsed');
  const had=!!((a&&a.value)||(b&&b.value));
  if(a)a.value=''; if(b)b.value='';
  if(keepFocus){ try{ b&&b.focus({preventScroll:true}); }catch(_){ } }
  else if(!document.body.classList.contains('pv-search-mode')){
    window._pvSearchPinned=false;
    const ex=document.getElementById('pv-sort-search-expand'); if(ex)ex.style.display='none';
    const sb=document.getElementById('pv-cs-search-btn'); if(sb)sb.classList.remove('active');
  }
  if(had){ try{ renderPortviewList(); }catch(_){ } }
  else { try{ _pvSearchStatus('',0,0); }catch(_){ } }
}
function _pvEnterSearchMode(){
  document.body.classList.add('pv-search-mode');
  try{ window.scrollTo(0,0); }catch(e){}
  const a=document.getElementById('portview-search');
  try{ if(a&&a.value)renderPortviewList(); else { _pvSearchStatus('',0,0); setTimeout(_pvSyncListOffset,0); } }catch(_){}
}
function _pvExitSearchMode(){
  if(!document.body.classList.contains('pv-search-mode'))return;
  document.body.classList.remove('pv-search-mode');
  const a=document.getElementById('portview-search'), b=document.getElementById('pv-search-collapsed');
  if(!(a&&a.value)){
    window._pvSearchPinned=false;
    const ex=document.getElementById('pv-sort-search-expand'); if(ex)ex.style.display='none';
    const sb=document.getElementById('pv-cs-search-btn'); if(sb)sb.classList.remove('active');
  }
  try{ b&&b.blur(); }catch(_){}
  try{ renderPortviewList(); }catch(_){}
}
function _pvSearchCancel(){ document.body.classList.remove('pv-search-mode'); _pvClearSearch(false); _pvExitSearchMode(); }
// ปุ่ม "พอร์ต" ที่เมนูล่าง (#nav-overview) — ล้างคำค้นทุกครั้ง แล้วไปหน้าพอร์ตตามเดิม
function _navPortTap(){
  try{ document.body.classList.remove('pv-search-mode'); _pvClearSearch(false); }catch(e){}
  if(isKAM){ if(document.body.classList.contains('restaurant-sheet'))_overlayNav('overview'); else showScreen('portview'); }
  else showScreen('overview');
}
window._navPortTap=_navPortTap; window._pvClearSearch=_pvClearSearch; window._pvSearchCancel=_pvSearchCancel;
window._pvEnterSearchMode=_pvEnterSearchMode; window._pvExitSearchMode=_pvExitSearchMode; window._pvSearchStatus=_pvSearchStatus;
// ออกจากโหมดค้นหาโดยไม่วาดรายการใหม่ (กำลังไปหน้าร้าน) — คำค้นยังอยู่ ⇒ แถบเหลืองขึ้นจากตัวเลขรอบล่าสุด
function _pvDropSearchMode(){
  if(!document.body.classList.contains('pv-search-mode'))return;
  document.body.classList.remove('pv-search-mode');
  const st=window._pvLastSearchStat; if(st)try{ _pvSearchStatus(st.q,st.shown,st.total); }catch(_){}
}
(function _pvSearchModeWatch(){
  const start=()=>{
    // แตะร้านในผลค้น ⇒ ออกจากโหมด (คำค้นยังอยู่ กลับมาเห็นแถบเหลือง)
    document.addEventListener('click',ev=>{
      if(!document.body.classList.contains('pv-search-mode'))return;
      const t=ev.target; if(t&&t.closest&&t.closest('#portview-list .portview-acct-card,#portview-list .pv-chip'))_pvDropSearchMode();
    },true);
    // ออกจากหน้าพอร์ต ⇒ ออกจากโหมด
    const scr=document.getElementById('scr-portview');
    if(scr&&window.MutationObserver)new MutationObserver(()=>{ if(!scr.classList.contains('on'))_pvDropSearchMode(); }).observe(scr,{attributes:true,attributeFilter:['class']});
  };
  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start,{once:true}); else start();
})();
// ════════════════════════════════════════════════════════════════════════════
// SECTION:KAM_STREAK — ไฟวันต่อเนื่องบนหน้าแรก (H9 · 25 ต.ค. 2569 · บอร์ด HomeNew / StreakSheet / StreakStates)
// ════════════════════════════════════════════════════════════════════════════
// นับจันทร์–ศุกร์ที่เปิด Sense แล้วเปิดดูร้านอย่างน้อย 1 ร้าน · เสาร์ อาทิตย์ และวันหยุดบริษัท (streak_holidays) ไม่ทำให้ไฟดับ
// ที่เก็บ: public.kam_active_days (email, day) — 1 แถวต่อคนต่อวัน · วันที่ = เวลาไทยของเซิร์ฟเวอร์ (ค่าเริ่มของคอลัมน์)
//   RLS: เขียนได้เฉพาะแถวของตัวเองของวันนี้ · อ่านได้เฉพาะของตัวเอง (docs/supabase-migration-kam-streak-2026-10-25.sql)
// ตัวคิด = src/domain/kam/streak.js (FK.mod['kam/streak']) · ไฟล์นี้แค่เขียน/อ่าน/วาด
// ⚠️ อ่านไม่ได้ (เครือข่าย · 402 · data:null) = ไม่รู้ ⇒ ซ่อนไฟ คงป้าย "KAM" เดิม — ห้ามโชว์ "0 ไฟดับ" แทนความไม่รู้
// ⚠️ Supabase แผนฟรี: เขียนวันละครั้งต่อคน (จำในเครื่อง) · อ่านตอนเปิดหน้าแรก ไม่เกินทุก 10 นาที · ไม่ลองซ้ำรัว ๆ
(function(){
  var LS_MARK = 'sense_streak_mark_v1';      // {email, day} วันที่เขียนบันทึกแล้วจากเครื่องนี้
  var LS_PRAISE = 'sense_streak_praise_v1';  // {email, start, n} หมุดล่าสุดที่ Olive ชมแล้วในรอบนี้
  var READ_EVERY_MS = 10 * 60 * 1000;
  var st = { email: null, data: null, at: 0, inFlight: null, failAt: 0 };
  var _uid = 0;

  function me(){ try{ return String((currentUserProfile && currentUserProfile.email) || '').trim().toLowerCase(); }catch(e){ return ''; } }
  function gold(){ try{ return typeof window._kamGoldMode === 'function' && window._kamGoldMode(); }catch(e){ return false; } }
  function mod(){ try{ return (window.FK && window.FK.mod) ? window.FK.mod['kam/streak'] : null; }catch(e){ return null; } }
  function canTalk(){ return typeof supa !== 'undefined' && supa && typeof currentUser !== 'undefined' && !!currentUser && !!me(); }
  // วันนี้ตามเวลาไทย — ใช้แค่ตัดสินว่า "วันนี้เขียนแล้วหรือยัง" และวาดปฏิทิน · วันที่ของแถวมาจากเซิร์ฟเวอร์
  function bkkToday(){ var d = new Date(Date.now() + 7 * 3600000); return d.toISOString().slice(0, 10); }
  function esc(v){ return String(v == null ? '' : v).replace(/[&<>'"]/g, function(c){ return { '&':'&amp;', '<':'&lt;', '>':'&gt;', "'":'&#39;', '"':'&quot;' }[c]; }); }
  function nick(){
    try{
      var p = currentUserProfile || {}, full = p.kam_name || p.full_name || '';
      var n = (typeof senseNickname === 'function') ? (senseNickname(full) || '') : String(full).split(' ')[0];
      return n ? 'คุณ' + (/^[฀-๿]/.test(n) ? '' : ' ') + n : '';
    }catch(e){ return ''; }
  }
  var MO = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
  var MO_FULL = ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'];
  function dShort(ymd){ return ymd ? Number(ymd.slice(8, 10)) + ' ' + MO[Number(ymd.slice(5, 7)) - 1] : '—'; }

  // ไฟ: สีมาจาก CSS ของระดับ (--fl-a/b/c) · id ของ gradient ไม่ซ้ำกันในหน้า
  function flame(cls){
    var o = 'ksf-o' + (++_uid), i = 'ksf-i' + _uid;
    return '<svg class="' + (cls || '') + '" viewBox="0 0 24 24" aria-hidden="true"><defs>'
      + '<linearGradient id="' + o + '" x1="0" y1="0" x2="0" y2="1"><stop offset="0" style="stop-color:var(--fl-a)"/><stop offset=".45" style="stop-color:var(--fl-b)"/><stop offset="1" style="stop-color:var(--fl-c)"/></linearGradient>'
      + '<linearGradient id="' + i + '" x1="0" y1="0" x2="0" y2="1"><stop offset="0" style="stop-color:var(--fl-core-a)"/><stop offset="1" style="stop-color:var(--fl-core-b)"/></linearGradient></defs>'
      + '<path fill="url(#' + o + ')" d="M12 1.5C13.2 4.6 11.4 6.6 9.9 8.3 8.3 10.1 6.5 12.1 6.5 15c0 3.9 2.6 7 5.5 7s5.5-3.1 5.5-6.8c0-2.6-1.2-4.6-2.7-6.1.2 1.8-.5 3.3-1.8 4 .6-4.1-.1-8.4-1-11.6z"/>'
      + '<path fill="url(#' + i + ')" d="M12 12c.6 1.6-.4 2.5-1.1 3.3-.6.7-1.1 1.5-1.1 2.6 0 1.7 1 2.9 2.2 2.9s2.2-1.2 2.2-2.8c0-1.1-.5-2-1.1-2.6 0 .8-.4 1.4-.9 1.7.3-1.8.2-3.5-.2-5.1z"/></svg>';
  }

  // ── เขียน: ครั้งแรกของวันที่เปิดดูร้าน (เรียกจาก 06 trackVisit) ─────────────────────────────
  // ซ้ำ (23505 = มีแถวของวันนี้แล้ว จากอีกเครื่อง) = สำเร็จ · ล้มเหลว = ไม่จำ ⇒ เปิดร้านถัดไปค่อยลองอีกครั้ง (ไม่ลองซ้ำเอง)
  async function mark(){
    if (!gold() || !canTalk()) return;
    var em = me(), day = bkkToday();
    try{ var f = JSON.parse(localStorage.getItem(LS_MARK) || 'null'); if (f && f.email === em && f.day === day) return; }catch(e){}
    if (mark._busy) return;
    mark._busy = true;
    try{
      var r = await supa.from('kam_active_days').insert({ email: em });
      var ok = !!r && ((r.status === 201 && !r.error) || (r.error && r.error.code === '23505'));
      if (ok) {
        try{ localStorage.setItem(LS_MARK, JSON.stringify({ email: em, day: day })); }catch(e){}
        st.at = 0;
        load();
      }
    }catch(e){}
    finally{ mark._busy = false; }
  }

  // ── อ่าน: แถวของตัวเอง 400 วันล่าสุด + วันหยุด ──────────────────────────────────────────────
  function load(){
    if (!gold() || !canTalk() || !mod()) { render(); return Promise.resolve(); }
    var em = me();
    if (st.email === em && st.data && Date.now() - st.at < READ_EVERY_MS) { render(); return Promise.resolve(); }
    if (st.failAt && Date.now() - st.failAt < READ_EVERY_MS) { render(); return Promise.resolve(); }
    if (st.inFlight) return st.inFlight;
    var since = new Date(Date.now() - 400 * 86400000).toISOString().slice(0, 10);
    st.inFlight = (async function(){
      try{
        var a = await supa.from('kam_active_days').select('day').eq('email', em).gte('day', since).order('day', { ascending: false }).limit(400);
        var h = await supa.from('streak_holidays').select('day');
        var ok = a && !a.error && Array.isArray(a.data) && h && !h.error && Array.isArray(h.data);
        if (!ok) { st.data = null; st.failAt = Date.now(); return; }
        st.data = mod().streakOf({ days: a.data.map(function(r){ return r.day; }), holidays: h.data.map(function(r){ return r.day; }), today: bkkToday() });
        st.email = em; st.at = Date.now(); st.failAt = 0;
      }catch(e){ st.data = null; st.failAt = Date.now(); }
      finally{ st.inFlight = null; render(); praise(); }
    })();
    return st.inFlight;
  }

  function current(){ return (gold() && st.email === me()) ? st.data : null; }

  // ── ชิปไฟ (แทนป้าย "KAM" บนหัวหน้าแรก) ───────────────────────────────────────────────────
  function render(){
    var chip = document.getElementById('kam-streak-chip'), badge = document.getElementById('portview-level-badge');
    if (!chip) return;
    var d = current();
    if (!d) { chip.hidden = true; if (badge) badge.style.display = ''; return; }
    var key = d.level + '|' + d.count;
    // 25 ต.ค. 2569: จำจำนวนวันติดไว้ให้หน้าโหลดครั้งหน้า (shell _splFill) — ของคนนี้เท่านั้น · ออกจากระบบแล้วลบ (01)
    try { if (chip._key !== key) localStorage.setItem('sense_streak_last_v1', JSON.stringify({ email: me(), count: d.count, at: Date.now() })); } catch (e) {}
    if (badge) badge.style.display = 'none';
    chip.hidden = false;
    if (chip._key === key) return;
    chip._key = key;
    chip.className = 'kam-streak-chip lv-' + d.level;
    chip.setAttribute('aria-label', d.count ? 'เปิด Sense ต่อเนื่อง ' + d.count + ' วันทำงาน' : 'ไฟวันต่อเนื่อง เริ่มวันนี้');
    chip.innerHTML = flame() + '<b>' + d.count + '</b><span>' + (d.count ? 'วันติด' : 'เริ่มวันนี้') + '</span>';
  }

  // ── แผ่นรายละเอียด ─────────────────────────────────────────────────────────────────────
  function sheetHtml(d){
    var n = nick();
    var praiseTxt = d.count
      ? 'ทำการบ้านลูกค้าสม่ำเสมอ <b>เก่งมากค่ะ' + (n ? ' ' + esc(n) : '') + '</b>'
      : 'เปิดดูร้านสักร้าน <b>ไฟก็ติดแล้วค่ะ</b>';
    var visits = '';
    try{
      if (typeof getVisitMap === 'function') {
        var m0 = new Date(); m0 = new Date(m0.getFullYear(), m0.getMonth(), 1).getTime();
        var vm = getVisitMap(me()), cnt = Object.keys(vm).filter(function(k){ return (vm[k].lastSeen || 0) >= m0; }).length;
        if (cnt > 0) visits = '<span>เดือนนี้เปิดดูร้านไปแล้ว ' + cnt + ' ร้าน</span>';
      }
    }catch(e){}
    var mo = Number(d.month.days.length ? d.month.days[0].day.slice(5, 7) : 1);
    var yr = d.month.days.length ? Number(d.month.days[0].day.slice(0, 4)) + 543 : '';
    var cells = '';
    if (d.month.days.length) for (var b = 1; b < d.month.days[0].dow; b++) cells += '<span class="ks-d blank"></span>';
    d.month.days.forEach(function(x){
      var dd = Number(x.day.slice(8, 10));
      cells += '<span class="ks-d ' + x.state + '">' + (x.state === 'on' ? flame('ks-mini') : '') + dd + '</span>';
    });
    var ms = (mod() ? mod().STREAK_MILESTONES : [5, 10, 15, 20]).map(function(m){
      if (d.count >= m) return '<span class="ok">' + m + ' วัน ✓</span>';
      if (d.next && d.next.at === m) return '<span class="nx">' + m + ' · อีก ' + d.next.left + ' วัน</span>';
      return '<span>' + m + ' วัน</span>';
    }).join('');
    return '<div class="ks-dim" onclick="_kamStreakClose()"></div>'
      + '<section class="ks-sheet lv-' + d.level + '" role="dialog" aria-label="วันต่อเนื่องของฉัน">'
      + '<span class="ks-grab"></span><button class="ks-x" type="button" aria-label="ปิด" onclick="_kamStreakClose()">✕</button>'
      + flame('ks-big') + '<p class="ks-num">' + d.count + '</p><p class="ks-lb">' + (d.count ? 'วันทำงานติดต่อกัน' : 'ไฟยังไม่ติดวันนี้') + '</p>'
      + '<p class="ks-praise">' + praiseTxt + visits + '</p>'
      + '<div class="ks-st"><div><b>' + dShort(d.startedOn) + '</b><span>เริ่มรอบนี้</span></div><div><b>' + d.best + ' วัน</b><span>สถิติสูงสุด</span></div>'
      + '<div><b>' + d.month.done + '/' + d.month.workdays + '</b><span>วันทำงาน ' + MO[mo - 1] + '</span></div></div>'
      + '<div class="ks-cal"><p class="ks-hd">' + MO_FULL[mo - 1] + ' ' + yr + '<span>จันทร์–ศุกร์</span></p>'
      + '<div class="ks-g"><p class="ks-w">จ</p><p class="ks-w">อ</p><p class="ks-w">พ</p><p class="ks-w">พฤ</p><p class="ks-w">ศ</p>' + cells + '</div></div>'
      + '<div class="ks-ms">' + ms + '</div>'
      + '<p class="ks-rule">นับวันจันทร์–ศุกร์ที่เปิด Sense แล้วเปิดดูร้านอย่างน้อย 1 ร้าน<br>เสาร์ อาทิตย์ และวันหยุดบริษัท ไม่ทำให้ไฟดับ</p>'
      + '</section>';
  }
  function open(){
    var d = current();
    if (!d) return;
    var w = document.getElementById('kam-streak-sheet');
    if (!w) { w = document.createElement('div'); w.id = 'kam-streak-sheet'; w.className = 'ks-wrap'; document.body.appendChild(w); }
    w.innerHTML = sheetHtml(d);
    w.hidden = false;
  }
  function close(){ var w = document.getElementById('kam-streak-sheet'); if (w) { w.hidden = true; w.innerHTML = ''; } }

  // ── Olive ชมตอนครบ 5 / 10 / 15 / 20 วัน — ครั้งเดียวต่อหมุดต่อรอบ · ไม่ขึ้นทับจอสรุปเช้า / หน้าต่าง visit ─────
  function praise(tries){
    var d = current(), S = mod();
    if (!d || !S || !d.count) return;
    var em = me(), p = null;
    try{ p = JSON.parse(localStorage.getItem(LS_PRAISE) || 'null'); }catch(e){}
    var last = (p && p.email === em && p.start === d.startedOn) ? Number(p.n) || 0 : 0;
    var hit = S.streakMilestoneReached(d.count, last);
    if (!hit) return;
    if (document.getElementById('di-sheet') || document.getElementById('di-vpop') || document.hidden) {
      if ((tries || 0) < 20) setTimeout(function(){ praise((tries || 0) + 1); }, 15000);
      return;
    }
    try{ localStorage.setItem(LS_PRAISE, JSON.stringify({ email: em, start: d.startedOn, n: hit })); }catch(e){}
    var t = document.getElementById('kam-streak-toast');
    if (!t) { t = document.createElement('div'); t.id = 'kam-streak-toast'; t.className = 'ks-toast'; t.setAttribute('role', 'status'); document.body.appendChild(t); }
    var n = nick();
    t.className = 'ks-toast lv-' + d.level;
    t.innerHTML = flame() + '<div><b>ครบ ' + hit + ' วันติดแล้ว</b><span>ทำการบ้านลูกค้าสม่ำเสมอ ยอดเยี่ยมมากค่ะ' + (n ? ' ' + esc(n) : '') + '</span></div>';
    t.hidden = false;
    t.onclick = function(){ t.hidden = true; open(); };
    clearTimeout(praise._t);
    praise._t = setTimeout(function(){ t.hidden = true; }, 6000);
  }

  window._kamStreakMark = mark;
  window._kamStreakLoad = load;
  window._kamStreakRender = render;
  window._kamStreakOpen = open;
  window._kamStreakClose = close;
  window._kamStreakState = function(){ return current(); };
})();
// ════════════════════════════════════════════════════════════════════════════════════
// แผ่น "มีอะไรใหม่" (Bucci 25 ต.ค. 2569) — ขึ้นครั้งเดียวต่อรุ่นหลังอัปเดตใหญ่
// แอปอัปเดตเองเงียบ ๆ แล้ว (v365) ⇒ ถ้าไม่บอก คนจะไม่รู้ว่าได้แอปใหม่
//   • เนื้อหา = WN_RELEASE ด้านล่าง (เปลี่ยน id เมื่อมีรอบใหม่ ⇒ ทุกคนเห็นอีกครั้ง) · รายการกรองตามตำแหน่ง
//   • ไม่แย่งจอกับของอื่น: รอให้ splash / หน้าเข้าสู่ระบบ / สรุปเช้า (14 · di-sheet, di-vpop) / หน้าร้าน / Echo
//     หายก่อน และรอให้ "สรุปเช้า" ของวันนี้ถูกดูไปแล้ว (หรือคนนี้ไม่มีสรุปเช้า) — ไม่แตะโค้ด 14
//   • จำว่าเห็นแล้วในเครื่อง (sense_whatsnew_seen_v1 = id) · ไม่ยิงเน็ต
// ════════════════════════════════════════════════════════════════════════════════════
(function(global){
  'use strict';
  var LS_SEEN = 'sense_whatsnew_seen_v1';
  var STAR = '<svg width="18" height="18" viewBox="0 0 10 10" fill="#f2c76b" aria-hidden="true"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg>';
  var BARS = '<span class="wn-bars" aria-hidden="true"><i style="height:11px"></i><i style="height:16px"></i><i class="o" style="height:7px"></i></span>';
  var KAMISH = ['rep', 'ad', 'pm', 'tl', 'ad_tl'];
  var SHOPISH = ['rep', 'ad', 'pm', 'tl', 'ad_tl', 'admin'];
  var WN_RELEASE = {
    id: '2026-10-25',
    items: [
      { roles: KAMISH, icon: STAR, title: 'การ์ดทองหน้าแรก', text: 'เห็นค่าคอมฯ และยอดที่ต้องขายเพิ่มถึงขั้นถัดไป' },
      { roles: SHOPISH, icon: BARS, title: 'แท่งยอดสินค้า 3 เดือน', text: 'ในหน้าร้าน ดูทีเดียวรู้ว่าร้านหยุดซื้อหรือซื้อน้อยลง' },
      { roles: null, icon: '<b class="wn-hi">สวัสดี</b>', title: 'หน้าเข้าสู่ระบบและหน้าโหลดใหม่', text: 'ทักชื่อคุณ และโชว์เลขล่าสุดทันทีตอนเปิดแอป' },
      { roles: null, icon: '<b class="wn-ok">↻</b>', title: 'อัปเดตเองอัตโนมัติ', text: 'ไม่ต้องกดปุ่มอัปเดตอีกต่อไป' }
    ]
  };

  function role(){ try { return (typeof getCurrentRole === 'function') ? getCurrentRole() : ''; } catch (e) { return ''; } }
  function seen(){ try { return localStorage.getItem(LS_SEEN) === WN_RELEASE.id; } catch (e) { return true; } }
  function markSeen(){ try { localStorage.setItem(LS_SEEN, WN_RELEASE.id); } catch (e) {} }
  function itemsFor(r){ return WN_RELEASE.items.filter(function(it){ return !it.roles || it.roles.indexOf(r) !== -1; }).slice(0, 4); }
  function shown(el){ return !!(el && getComputedStyle(el).display !== 'none'); }

  // จอว่างพอจะขึ้นแผ่นนี้ไหม (ไม่ชนของอื่น)
  function free(){
    try {
      if (typeof currentUser === 'undefined' || !currentUser) return false;
      if (global._senseSplashActive) return false;
      if (shown(document.getElementById('sense-splash')) || shown(document.getElementById('login-overlay'))) return false;
      if (document.getElementById('fkt-pw-form') || document.getElementById('di-sheet') || document.getElementById('di-vpop')) return false;
      if (document.body.classList.contains('restaurant-sheet') || shown(document.getElementById('ci-fullsheet'))) return false;
      var cock = document.getElementById('commission-cockpit-overlay'); if (cock && cock.classList.contains('open')) return false;
      // สรุปเช้าต้องได้ขึ้นก่อน: ถ้าคนนี้มีสรุปเช้าและวันนี้ยังไม่ได้ดู ⇒ รอ
      if (typeof _diEligible === 'function' && typeof _diSeenToday === 'function') {
        try { if (_diEligible() && !_diSeenToday()) return false; } catch (e) {}
      }
      return !document.getElementById('wn-sheet');
    } catch (e) { return false; }
  }

  function close(){
    markSeen();
    var s = document.getElementById('wn-sheet');
    if (!s) return;
    s.classList.remove('on');
    setTimeout(function(){ if (s.parentNode) s.parentNode.removeChild(s); }, 320);
  }

  function open(){
    var list = itemsFor(role());
    if (!list.length) { markSeen(); return; }
    var wrap = document.createElement('div');
    wrap.id = 'wn-sheet';
    wrap.setAttribute('role', 'dialog');
    wrap.setAttribute('aria-modal', 'true');
    wrap.setAttribute('aria-label', 'มีอะไรใหม่ใน Sense');
    wrap.innerHTML = '<div class="wn-dim" data-wn-close></div>'
      + '<div class="wn-card"><div class="wn-grab"></div>'
      + '<div class="wn-eyebrow">SENSE เวอร์ชันใหม่</div>'
      + '<div class="wn-title">มีอะไรใหม่ในรอบนี้</div>'
      + list.map(function(it){ return '<div class="wn-row"><div class="wn-ic">' + it.icon + '</div><div><b>' + it.title + '</b><span>' + it.text + '</span></div></div>'; }).join('')
      + '<button class="wn-go" type="button" data-wn-close>เริ่มใช้เลย</button></div>';
    wrap.addEventListener('click', function(ev){ if (ev.target && ev.target.hasAttribute && ev.target.hasAttribute('data-wn-close')) close(); });
    document.body.appendChild(wrap);
    requestAnimationFrame(function(){ requestAnimationFrame(function(){ wrap.classList.add('on'); }); });
  }

  // เฝ้าทุก 2 วิ — ต้องว่างสองรอบติดกัน (เผื่อหน้าต่าง visit ของสรุปเช้าที่ขึ้นตามหลังปิด) · เลิกเฝ้าหลัง 15 นาที
  var okRuns = 0, tries = 0, timer = null;
  function tick(){
    tries++;
    if (seen() || tries > 450) { clearInterval(timer); return; }
    if (!free()) { okRuns = 0; return; }
    if (++okRuns >= 2) { clearInterval(timer); open(); }
  }
  function start(){ if (!seen() && !timer) timer = setInterval(tick, 2000); }
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start, { once: true }); else start();

  global._wnOpen = open;      // ทดสอบ/เรียกดูเอง
  global._wnClose = close;
  global._wnItemsFor = itemsFor;
  global._wnRelease = WN_RELEASE;
})(window);
// ══════════════════════════════════════════════════════════════════════════
// KEY SKU — src/13_key_sku.js (v_key, 2026-08-16)
//
// Rep picks which SKUs, per account, must never go out of stock. Recommends
// candidates first (rep mostly just confirms/unticks) using 3 signals:
//   (ก) concentration — SKU is a big share of this account's own spend
//   (ข) sole-source   — almost nobody else company-wide buys this SKU either
//   (ค) newness       — account only just started ordering it
//
// Design doc: ~/.claude/plans/feature-price-trend-splendid-sunbeam.md
// Test spec:  tools/verify_key_sku.js
// ══════════════════════════════════════════════════════════════════════════

// ── SECTION: pure scoring functions (unit-tested directly by the harness) ──

function _keySkuNoiseFloorPass(skuGmv, accountMonthTotalGmv) {
  return (skuGmv || 0) >= Math.max(3000, (accountMonthTotalGmv || 0) * 0.005);
}

function _keySkuConcentrationScore(pct, isTop1) {
  if (pct >= 15) return 40;
  if (pct >= 8) return 24;
  if (isTop1) return 12;
  return 0;
}

function _keySkuSoleSourceScore(reach) {
  if (!reach) return 0;
  if (reach.distinct_account_count <= 3 && reach.total_order_count >= 2) return 35;
  if (reach.distinct_account_count >= 4 && reach.distinct_account_count <= 7) return 21;
  return 0;
}

function _keySkuNewnessScore(orderCount, lastOrderDate, nowMs) {
  if (orderCount !== 1) return 0;
  if (!lastOrderDate) return 0;
  var days = (nowMs - new Date(lastOrderDate).getTime()) / 86400000;
  if (days >= 0 && days <= 14) return 25;
  return 0;
}

// Priority: sole-source > newness > concentration (sole-source = "nobody else
// can cover this if it runs out", the most urgent "ห้ามขาด" signal).
function _keySkuBadges(scores) {
  var tags = [];
  if (scores.soleSource > 0) {
    tags.push({ key: 'sole_source', label: 'มีร้านนี้ร้านเดียวที่สั่ง', priority: 1 });
  }
  if (scores.newness > 0) {
    var d = scores.daysSince != null ? scores.daysSince : 0;
    tags.push({ key: 'newness', label: 'เพิ่งเริ่มสั่ง ' + d + ' วันก่อน', priority: 2 });
  }
  if (scores.concentration > 0) {
    var pct = Math.round((scores.pct || 0) * 10) / 10;
    tags.push({ key: 'concentration', label: 'ซื้อ ' + pct + '% ของยอดร้านนี้', priority: 3 });
  }
  tags.sort(function (a, b) { return a.priority - b.priority; });
  return tags.slice(0, 2);
}

// skuRows: [{id,name,pct,isTop1,gmvRecentMonth,accountMonthTotalGmv,orderCount,lastOrderDate,reach}]
function computeKeySkuCandidates(skuRows, opts) {
  opts = opts || {};
  var now = opts.now || Date.now();
  var result = [];
  (skuRows || []).forEach(function (row) {
    if (!row || row.id == null) return;
    if (!_keySkuNoiseFloorPass(row.gmvRecentMonth, row.accountMonthTotalGmv)) return;
    var concentration = _keySkuConcentrationScore(row.pct || 0, !!row.isTop1);
    var soleSource = _keySkuSoleSourceScore(row.reach);
    var newness = _keySkuNewnessScore(row.orderCount, row.lastOrderDate, now);
    var total = concentration + soleSource + newness;
    if (total <= 0) return;
    var daysSince = row.lastOrderDate ? Math.round((now - new Date(row.lastOrderDate).getTime()) / 86400000) : null;
    var badges = _keySkuBadges({ soleSource: soleSource, newness: newness, concentration: concentration, pct: row.pct, daysSince: daysSince });
    result.push({
      id: row.id,
      name: row.name,
      score: total,
      breakdown: { concentration: concentration, soleSource: soleSource, newness: newness },
      badges: badges
    });
  });
  result.sort(function (a, b) { return b.score - a.score; });
  return result;
}

// ── SECTION: bind pure functions to real portfolio data ──────────────────

function _keySkuMonthSort(m) {
  var p = (m || '').split(' ');
  var MO = ['ม.ค.', 'ก.พ.', 'มี.ค.', 'เม.ย.', 'พ.ค.', 'มิ.ย.', 'ก.ค.', 'ส.ค.', 'ก.ย.', 'ต.ค.', 'พ.ย.', 'ธ.ค.'];
  return (parseInt(p[1] || 0) * 12) + MO.indexOf(p[0]);
}

// Builds the skuRows input for computeKeySkuCandidates from bulkSkusData +
// bulkCurrentMonthData + companySkuReachData (all already loaded portfolio-
// wide — no extra fetch needed, this runs client-side per account on open).
function _keySkuBuildRows(accountId) {
  var byMonth = (typeof bulkSkusData !== 'undefined' && bulkSkusData[accountId]) || {};
  var months = Object.keys(byMonth).sort(function (a, b) { return _keySkuMonthSort(b) - _keySkuMonthSort(a); });
  if (!months.length) return [];

  var curLabel = (typeof bulkCurrentMonthData !== 'undefined' && bulkCurrentMonthData[accountId] && bulkCurrentMonthData[accountId].month_label) || '';
  var closedMonths = months.filter(function (m) { return m !== curLabel; });
  var latestMonth = months[0];
  var latestClosed = closedMonths[0];
  if (!latestClosed) {
    // v_key self-review fix: a brand-new account (first month ever, no closed
    // month to anchor concentration/noise-floor against) used to return []
    // here — showing ZERO candidates for exactly the accounts where "just
    // started ordering" (criterion ค) matters most. Fall back to using the
    // only month available (almost always MTD) as its own baseline instead:
    // less precise than a full closed month, but far better than nothing.
    if (!latestMonth) return [];
    var mtdRows = (byMonth[latestMonth] || []).filter(function (r) { return r && r.id != null; });
    var mtdTotal = mtdRows.reduce(function (s, r) { return s + (r.gmv || r.s || 0); }, 0);
    var mtdTop1Id = null, mtdTop1Val = -1;
    mtdRows.forEach(function (r) {
      var v = r.p != null ? r.p : (r.pct || 0);
      if (v > mtdTop1Val) { mtdTop1Val = v; mtdTop1Id = r.id; }
    });
    return mtdRows.map(function (r) {
      return {
        id: r.id,
        name: r.n || r.name || '',
        pct: r.p != null ? r.p : (r.pct || 0),
        isTop1: r.id === mtdTop1Id,
        gmvRecentMonth: r.gmv || r.s || 0,
        accountMonthTotalGmv: mtdTotal,
        orderCount: r.order_count != null ? r.order_count : 0,
        lastOrderDate: r.last_order_date || null,
        reach: (typeof companySkuReachData !== 'undefined' ? companySkuReachData[r.id] : null) || null
      };
    });
  }

  var latestClosedRows = byMonth[latestClosed] || [];
  var accountMonthTotalGmv = latestClosedRows.reduce(function (s, r) { return s + (r.gmv || r.s || 0); }, 0);
  var latestMonthRows = byMonth[latestMonth] || [];
  var latestMonthMap = {};
  latestMonthRows.forEach(function (r) { if (r && r.id != null) latestMonthMap[r.id] = r; });
  var latestClosedMap = {};
  latestClosedRows.forEach(function (r) { if (r && r.id != null) latestClosedMap[r.id] = r; });

  // avg pct across closed months only (excludes MTD — a big MTD order shouldn't skew concentration)
  var pctSum = {}, pctCount = {};
  closedMonths.forEach(function (m) {
    (byMonth[m] || []).forEach(function (r) {
      if (!r || r.id == null) return;
      pctSum[r.id] = (pctSum[r.id] || 0) + (r.p != null ? r.p : (r.pct || 0));
      pctCount[r.id] = (pctCount[r.id] || 0) + 1;
    });
  });
  var avgPct = {};
  Object.keys(pctSum).forEach(function (id) { avgPct[id] = pctSum[id] / pctCount[id]; });
  var top1Id = null, top1Val = -1;
  Object.keys(avgPct).forEach(function (id) { if (avgPct[id] > top1Val) { top1Val = avgPct[id]; top1Id = id; } });

  // union of ids from the latest closed month AND the latest month (which may be MTD) —
  // a SKU that appears ONLY in MTD (order_count=1, brand new) must still be scored,
  // otherwise Tier B of the "newness" criterion silently never fires.
  var allIds = {};
  Object.keys(latestClosedMap).forEach(function (id) { allIds[id] = true; });
  Object.keys(latestMonthMap).forEach(function (id) { allIds[id] = true; });

  var rows = [];
  Object.keys(allIds).forEach(function (id) {
    var closedRow = latestClosedMap[id];
    var latestRow = latestMonthMap[id] || closedRow;
    if (!latestRow) return;
    rows.push({
      id: id,
      name: latestRow.n || latestRow.name || '',
      pct: avgPct[id] != null ? avgPct[id] : (latestRow.p != null ? latestRow.p : (latestRow.pct || 0)),
      isTop1: id === top1Id,
      // noise floor / concentration base always come from the closed month when available —
      // an MTD-only new SKU has no closed-month figure, so its own (partial-month) gmv is
      // the best available signal instead.
      gmvRecentMonth: closedRow ? (closedRow.gmv || closedRow.s || 0) : (latestRow.gmv || latestRow.s || 0),
      accountMonthTotalGmv: accountMonthTotalGmv,
      orderCount: latestRow.order_count != null ? latestRow.order_count : 0,
      lastOrderDate: latestRow.last_order_date || null,
      reach: (typeof companySkuReachData !== 'undefined' ? companySkuReachData[id] : null) || null
    });
  });
  return rows;
}

function computeKeySkuCandidatesForAccount(accountId, opts) {
  return computeKeySkuCandidates(_keySkuBuildRows(accountId), opts);
}

// ── SECTION: small inline icons (this app uses hand-rolled stroke SVGs, no icon font) ──
var _KEY_ICON_SVG = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="7.5" cy="15.5" r="5.5"></circle><path d="M21 2l-9.6 9.6"></path><path d="M15.5 7.5l3 3L22 7l-3-3"></path></svg>';
var _KEY_BACK_SVG = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>';
var _KEY_CHECK_SVG = '<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>';

function _keySkuEsc(s) {
  return String(s == null ? '' : s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

// Safe to embed as a single-quoted JS string-literal ARGUMENT inside an
// onclick="..." HTML attribute (e.g. onclick="fn('VALUE')"). _keySkuEsc alone
// is NOT enough here: the browser HTML-decodes the attribute value BEFORE
// compiling it as JS, so escaping a quote as the entity &#39; just decodes
// back to a literal ' before the JS parser ever sees it — an apostrophe in a
// real SKU/account name (e.g. "Chef's Choice") would terminate the JS string
// early, breaking the handler or worse. Escape the JS string delimiter first
// (backslash, then quote), THEN HTML-escape the result for the surrounding
// double-quoted attribute.
function _keySkuAttrEsc(s) {
  var str = String(s == null ? '' : s).replace(/\\/g, '\\\\').replace(/'/g, "\\'");
  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

// ── SECTION: persist/restore — mirrors _persistPlan/_restorePlan (08_patches.js) ──

var _keySkuState = { byAccount: {} }; // accountId -> {existingIds:Set<string>, rows:[{sku_id,sku_name,set_at}], loaded:bool, loading:Promise|null}
var _keySkuPortfolioIds = null; // Set<accountId> with >=1 active row, from one bulk query — powers coverage counts without N queries
var _keySkuPortfolioRows = null; // [{account_id,sku_id,sku_name,set_at}] — same bulk query, full rows for the flat "ปกป้องแล้ว" feed

function _keySkuLocalKey(accountId) { return 'sbk_key_' + accountId; }

// Every outlet under an account, deduped across whatever months are loaded —
// used to fan a confirmed Key SKU out to every outlet (supply planning works
// at outlet/res_id grain, not billing-account grain). Reads bulkOutletsData,
// already in memory client-side (bulk_outlets.csv) — no new fetch.
function _keySkuOutletsFor(accountId) {
  var byMonth = (typeof bulkOutletsData !== 'undefined' && bulkOutletsData[accountId]) || {};
  var seen = {}; var out = [];
  Object.keys(byMonth).forEach(function (m) {
    (byMonth[m] || []).forEach(function (o) {
      if (!o || !o.outlet_id || seen[o.outlet_id]) return;
      seen[o.outlet_id] = true;
      out.push({ outlet_id: o.outlet_id, outlet_name: o.outlet_name || '' });
    });
  });
  return out;
}

function _keySkuEnsureLoaded(accountId) {
  if (!accountId) return Promise.resolve({ existingIds: new Set(), rows: [] });
  var st = _keySkuState.byAccount[accountId];
  if (st && st.loaded) return Promise.resolve(st);
  if (st && st.loading) return st.loading;
  var p = new Promise(function (resolve) {
    function applyRows(rows) {
      // v_keyoutlet: a confirmed SKU now writes one DB row per outlet, so the
      // same sku_id can arrive multiple times here — collapse to one entry
      // per sku_id before it reaches the per-account "existing" list/count,
      // else the UI would show the same SKU N times (once per outlet).
      var seenSku = {}; var deduped = [];
      (rows || []).forEach(function (r) {
        if (seenSku[r.sku_id]) return;
        seenSku[r.sku_id] = true;
        deduped.push(r);
      });
      var ids = new Set(deduped.map(function (r) { return String(r.sku_id); }));
      var next = { existingIds: ids, rows: deduped, loaded: true, loading: null };
      _keySkuState.byAccount[accountId] = next;
      resolve(next);
    }
    if (typeof supa !== 'undefined' && supa) {
      supa.from('key_skus').select('sku_id,sku_name,set_at')
        .eq('account_id', accountId).eq('status', 'active')
        .then(function (res) {
          if (res.error) console.warn('[KeySKU] restore error:', res.error.message);
          if (res.data) {
            try { localStorage.setItem(_keySkuLocalKey(accountId), JSON.stringify(res.data)); } catch (e) {}
            applyRows(res.data);
          } else {
            try {
              var local = localStorage.getItem(_keySkuLocalKey(accountId));
              applyRows(local ? JSON.parse(local) : []);
            } catch (e) { applyRows([]); }
          }
        })
        .catch(function () {
          try {
            var local = localStorage.getItem(_keySkuLocalKey(accountId));
            applyRows(local ? JSON.parse(local) : []);
          } catch (e) { applyRows([]); }
        });
    } else {
      try {
        var local = localStorage.getItem(_keySkuLocalKey(accountId));
        applyRows(local ? JSON.parse(local) : []);
      } catch (e) { applyRows([]); }
    }
  });
  _keySkuState.byAccount[accountId] = { loaded: false, loading: p };
  return p;
}

// One bulk query for "which accounts have at least 1 active Key SKU" — avoids
// firing N per-account queries just to paint coverage counts on Portview/queue.
function _keySkuEnsurePortfolioLoaded() {
  if (_keySkuPortfolioIds) return Promise.resolve(_keySkuPortfolioIds);
  var userEmail = (typeof currentUserProfile !== 'undefined' && currentUserProfile) ? currentUserProfile.email : null;
  if (typeof supa === 'undefined' || !supa || !userEmail) {
    _keySkuPortfolioIds = new Set(); _keySkuPortfolioRows = [];
    return Promise.resolve(_keySkuPortfolioIds);
  }
  // Same query as before, just widened by 3 columns — one round trip still powers both
  // the coverage Set (existing callers) and the flat "ปกป้องแล้ว" feed (getPortfolioProtectedItems).
  return supa.from('key_skus').select('account_id,sku_id,sku_name,set_at').eq('set_by', userEmail).eq('status', 'active')
    .then(function (res) {
      var rows = res.data || [];
      _keySkuPortfolioRows = rows;
      var ids = new Set(rows.map(function (r) { return r.account_id; }));
      _keySkuPortfolioIds = ids;
      return ids;
    })
    .catch(function () { _keySkuPortfolioIds = new Set(); _keySkuPortfolioRows = []; return _keySkuPortfolioIds; });
}

function _keySkuConfirm(accountId, items) {
  if (!accountId || !items || !items.length) return Promise.resolve();
  var userEmail = (typeof currentUserProfile !== 'undefined' && currentUserProfile) ? currentUserProfile.email : null;
  var accountName = (typeof bulkAccountNames !== 'undefined' && bulkAccountNames[accountId]) || '';
  var nowIso = new Date().toISOString();
  // Bush 2026-08-16: supply planning works at outlet grain (res_name/res_id),
  // not billing-account grain — marking a SKU "Key" for an account must apply
  // to every outlet under it. Fan out one DB row per (item, outlet) pair;
  // fall back to the old single-row-per-account shape (outlet_id null) only
  // when the outlet list isn't loaded yet, so a confirm never silently no-ops.
  var outlets = _keySkuOutletsFor(accountId);
  var rows = [];
  items.forEach(function (it) {
    if (outlets.length) {
      outlets.forEach(function (o) {
        rows.push({
          account_id: accountId, account_name: accountName, outlet_id: o.outlet_id, outlet_name: o.outlet_name,
          sku_id: String(it.id), sku_name: it.name || '',
          status: 'active', set_by: userEmail, set_at: nowIso, removed_by: null, removed_at: null
        });
      });
    } else {
      rows.push({
        account_id: accountId, account_name: accountName, outlet_id: null, outlet_name: null,
        sku_id: String(it.id), sku_name: it.name || '',
        status: 'active', set_by: userEmail, set_at: nowIso, removed_by: null, removed_at: null
      });
    }
  });
  // Always write localStorage as instant fallback, mirroring _persistPlan.
  // Built from `items` (one entry per SKU), not the outlet-fanned `rows` —
  // the local cache backs the per-account "existing" list, which is SKU-level.
  try {
    var existing = _keySkuState.byAccount[accountId];
    var mergedRows = (existing && existing.rows ? existing.rows.filter(function (r) { return !items.some(function (it) { return String(it.id) === String(r.sku_id); }); }) : [])
      .concat(items.map(function (it) { return { sku_id: String(it.id), sku_name: it.name || '', set_at: nowIso }; }));
    localStorage.setItem(_keySkuLocalKey(accountId), JSON.stringify(mergedRows));
  } catch (e) {}
  if (typeof supa !== 'undefined' && supa) {
    // Plain insert, not upsert: key_skus_active_uidx is a PARTIAL unique index
    // (where status='active'), and Postgres can't use a partial index as an
    // ON CONFLICT arbiter unless the ON CONFLICT clause repeats that exact
    // predicate — which supabase-js's {onConflict:'cols'} option has no way to
    // express, so .upsert() here fails every call with 42P10 (confirmed against
    // the real DB). In practice this is always a fresh insert anyway: the
    // candidate list already excludes any sku_id with an existing active row
    // (see renderKeyScreen's `!existingIds.has(...)` filter), so a real conflict
    // only happens on a stale in-memory list (e.g. two tabs) — treat 23505
    // (unique_violation) as "already active, nothing to do" rather than an error.
    return supa.from('key_skus').insert(rows)
      .then(function (res) {
        if (res.error && res.error.code !== '23505') console.warn('[KeySKU] confirm insert error:', res.error.message);
      })
      .catch(function (e) { console.warn('[KeySKU] confirm exception:', e.message); })
      .then(function () { delete _keySkuState.byAccount[accountId]; _keySkuPortfolioIds = null; _keySkuPortfolioRows = null; });
  }
  delete _keySkuState.byAccount[accountId];
  return Promise.resolve();
}

// Soft delete only — status flip, never a hard DELETE (audit trail must survive).
function _keySkuRemoveOne(accountId, skuId) {
  var userEmail = (typeof currentUserProfile !== 'undefined' && currentUserProfile) ? currentUserProfile.email : null;
  var nowIso = new Date().toISOString();
  if (typeof supa !== 'undefined' && supa) {
    return supa.from('key_skus')
      .update({ status: 'removed', removed_by: userEmail, removed_at: nowIso })
      .eq('account_id', accountId).eq('sku_id', String(skuId))
      .then(function (res) { if (res.error) console.warn('[KeySKU] remove error:', res.error.message); })
      .catch(function (e) { console.warn('[KeySKU] remove exception:', e.message); })
      .then(function () { delete _keySkuState.byAccount[accountId]; _keySkuPortfolioIds = null; _keySkuPortfolioRows = null; });
  }
  delete _keySkuState.byAccount[accountId];
  return Promise.resolve();
}

// ── SECTION: scr-key-queue (cross-portfolio) ──────────────────────────────

// Short calendar date ("14 ส.ค.") — same Thai-month-abbreviation convention used
// throughout 02_data_pipeline.js, no year (this feed only ever shows recent items).
function _keySkuShortDate(dateStr) {
  if (!dateStr) return '';
  var d = new Date(dateStr);
  var MO = ['ม.ค.', 'ก.พ.', 'มี.ค.', 'เม.ย.', 'พ.ค.', 'มิ.ย.', 'ก.ค.', 'ส.ค.', 'ก.ย.', 'ต.ค.', 'พ.ย.', 'ธ.ค.'];
  return d.getDate() + ' ' + MO[d.getMonth()];
}

// Flat, cross-portfolio feed of already-confirmed Key SKUs — reuses the same bulk
// query _keySkuEnsurePortfolioLoaded() already runs for coverage counts (call that
// first; this just maps the cached rows, no extra fetch).
function getPortfolioProtectedItems() {
  // v_keyoutlet: rows are now one-per-outlet for the same account+sku — collapse
  // back to one card per confirmed SKU before this reaches the flat home feed.
  var seen = {}; var rows = [];
  (_keySkuPortfolioRows || []).forEach(function (r) {
    var key = r.account_id + '|' + String(r.sku_id);
    if (seen[key]) return;
    seen[key] = true;
    rows.push(r);
  });
  return rows.map(function (r) {
    return {
      accountId: r.account_id,
      accountName: (typeof bulkAccountNames !== 'undefined' && bulkAccountNames[r.account_id]) || r.account_id,
      skuId: r.sku_id, skuName: r.sku_name, setAt: r.set_at
    };
  }).sort(function (a, b) { return new Date(b.setAt) - new Date(a.setAt); });
}

// Flat, cross-portfolio candidate feed — same per-account scoring as the account
// screen (computeKeySkuCandidatesForAccount), just flattened across every account
// already loaded in portview and tagged with which store each one is from. Excludes
// anything already confirmed for that account (checked against the same bulk query).
function getPortfolioKeySkuCandidates() {
  var accounts = (typeof getPortviewAccounts === 'function') ? getPortviewAccounts() : [];
  var confirmedKeys = new Set((_keySkuPortfolioRows || []).map(function (r) { return r.account_id + '|' + String(r.sku_id); }));
  var out = [];
  accounts.forEach(function (a) {
    computeKeySkuCandidatesForAccount(a.id).forEach(function (c) {
      if (confirmedKeys.has(a.id + '|' + String(c.id))) return;
      out.push({ accountId: a.id, accountName: a.name, sku: c });
    });
  });
  out.sort(function (x, y) {
    var xSole = x.sku.badges.some(function (b) { return b.key === 'sole_source'; });
    var ySole = y.sku.badges.some(function (b) { return b.key === 'sole_source'; });
    if (xSole !== ySole) return xSole ? -1 : 1;
    return (y.sku.score || 0) - (x.sku.score || 0);
  });
  return out;
}

// Cross-account search for the pinned search bar — loops each account's own latest-
// month SKU rows (already in memory via bulkSkusData, same data computeKeySkuCandidates
// reads) matching against SKU name or account name. No new fetch.
function _keySkuPortfolioSearch(query) {
  query = (query || '').trim().toLowerCase();
  if (!query) return [];
  var accounts = (typeof getPortviewAccounts === 'function') ? getPortviewAccounts() : [];
  var confirmedKeys = new Set((_keySkuPortfolioRows || []).map(function (r) { return r.account_id + '|' + String(r.sku_id); }));
  var out = [];
  accounts.forEach(function (a) {
    var nameMatches = a.name && a.name.toLowerCase().indexOf(query) !== -1;
    var byMonth = (typeof bulkSkusData !== 'undefined' && bulkSkusData[a.id]) || {};
    var months = Object.keys(byMonth).sort(function (x, y) { return _keySkuMonthSort(y) - _keySkuMonthSort(x); });
    var latestRows = months.length ? (byMonth[months[0]] || []) : [];
    latestRows.forEach(function (r) {
      if (!r || !r.n) return;
      if (confirmedKeys.has(a.id + '|' + String(r.id))) return;
      if (nameMatches || r.n.toLowerCase().indexOf(query) !== -1) {
        out.push({ accountId: a.id, accountName: a.name, skuId: r.id, skuName: r.n });
      }
    });
  });
  return out.slice(0, 20);
}

// One-tap confirm from the flat feed or search results — writes straight to
// key_skus via the existing _keySkuConfirm (same insert/localStorage/invalidate
// path the per-account screen's "ยืนยัน" button uses), then repaints this screen
// from fresh state so counts/badge stay consistent (simpler and safer than trying
// to hand-patch every derived count in place).
function keyPortfolioQuickConfirm(accountId, skuId, skuName, btnEl) {
  if (btnEl) btnEl.disabled = true;
  _keySkuConfirm(accountId, [{ id: skuId, name: skuName }]).then(function () {
    if (typeof showToast === 'function') showToast('เพิ่ม "' + skuName + '" เป็น Key SKU แล้ว');
    if (typeof renderKeySkuNavBadge === 'function') renderKeySkuNavBadge();
    if (typeof renderKeySkuSplitButton === 'function') renderKeySkuSplitButton();
    renderKeyQueueScreen();
  });
}

var _KEY_SHIELD_SVG = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l8 3.5v6c0 5-3.4 8.8-8 10-4.6-1.2-8-5-8-10v-6z"></path><path d="M9 12l2 2 4-4"></path></svg>';
var _KEY_PLUS_SVG = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg>';
var _KEY_SEARCH_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="7"></circle><path d="M21 21l-4.3-4.3"></path></svg>';

function _keySkuBadgeHtml(badges) {
  return (badges || []).map(function (b) {
    return '<span class="skbadge skbadge-' + (b.key === 'sole_source' ? 'sole-source' : b.key === 'newness' ? 'newness-key' : 'concentration-key') + '">' + _keySkuEsc(b.label) + '</span>';
  }).join('');
}

var _keyHomeQuery = ''; // sticky across re-renders so a quick-confirm repaint doesn't clear what the rep was searching
var _keyProtExpanded = false, _keyRecoExpanded = false;
var KEY_PROT_CAP = 8, KEY_RECO_CAP = 10;

function renderKeyQueueScreen() {
  var scr = document.getElementById('scr-key-queue');
  if (!scr) return;
  var accounts = (typeof getPortviewAccounts === 'function') ? getPortviewAccounts() : [];
  scr.innerHTML =
    '<div class="key-screen-pad">' +
      '<div class="key-header">' +
        '<button class="key-back-btn" onclick="showScreen(\'portview\')">' + _KEY_BACK_SVG + '</button>' +
        '<div><div class="key-header-title">Key SKU</div><div class="key-header-sub">ทั่วพอร์ต · ' + accounts.length + ' ร้าน</div></div>' +
      '</div>' +
      '<div class="key-hero"><div class="key-hero-ico">' + _KEY_SHIELD_SVG + '</div>' +
        '<div><div class="key-hero-n" id="key-hero-n">0</div><div class="key-hero-lbl">Marked as Key SKU</div></div>' +
      '</div>' +
      '<div class="key-home-search">' + _KEY_SEARCH_SVG +
        '<input type="text" id="key-home-q" placeholder="ค้นหา SKU หรือชื่อร้าน..." value="' + _keySkuEsc(_keyHomeQuery) + '" oninput="_keyHomeFilter(this.value)">' +
      '</div>' +
      '<div class="key-sec-label">ปกป้องแล้ว <span class="key-sec-count" id="key-prot-count"></span></div>' +
      '<div id="key-prot-list">กำลังโหลด...</div>' +
      '<div class="key-more-hint" id="key-prot-more" style="display:none;cursor:pointer" onclick="_keyProtExpandToggle()"></div>' +
      '<div class="key-sec-label" style="margin-top:20px">แนะนำเพิ่ม <span class="key-sec-count" id="key-reco-count"></span></div>' +
      '<div id="key-reco-list"></div>' +
      '<div class="key-more-hint" id="key-reco-more" style="display:none;cursor:pointer" onclick="_keyRecoExpandToggle()"></div>' +
    '</div>';
  if (!accounts.length) {
    document.getElementById('key-prot-list').innerHTML = '<div class="key-queue-empty">ยังไม่มีร้านในพอร์ต</div>';
    return;
  }
  _keySkuEnsurePortfolioLoaded().then(function () { _keyHomeRenderLists(_keyHomeQuery); });
}

function _keyHomeFilter(value) {
  _keyHomeQuery = value;
  _keyProtExpanded = false; _keyRecoExpanded = false; // a new search starts collapsed again
  _keyHomeRenderLists(value);
}

function _keyProtExpandToggle() { _keyProtExpanded = true; _keyHomeRenderLists(_keyHomeQuery); }
function _keyRecoExpandToggle() { _keyRecoExpanded = true; _keyHomeRenderLists(_keyHomeQuery); }

function _keyHomeRenderLists(query) {
  var q = (query || '').trim().toLowerCase();
  var allProt = getPortfolioProtectedItems();
  var allReco = getPortfolioKeySkuCandidates();

  var prot = q ? allProt.filter(function (p) {
    return p.skuName.toLowerCase().indexOf(q) > -1 || p.accountName.toLowerCase().indexOf(q) > -1;
  }) : allProt;
  var reco = q ? allReco.filter(function (r) {
    return r.sku.name.toLowerCase().indexOf(q) > -1 || r.accountName.toLowerCase().indexOf(q) > -1;
  }) : allReco;

  // Searching also surfaces SKUs the scoring engine didn't flag — "เพิ่มเอง" fallback,
  // same data _keySkuPortfolioSearch already scans (bulkSkusData, no extra fetch).
  if (q) {
    var already = new Set(reco.map(function (r) { return r.accountId + '|' + String(r.sku.id); }));
    _keySkuPortfolioSearch(q).forEach(function (m) {
      var k = m.accountId + '|' + String(m.skuId);
      if (already.has(k)) return;
      already.add(k);
      reco.push({ accountId: m.accountId, accountName: m.accountName, sku: { id: m.skuId, name: m.skuName, badges: [] } });
    });
  }

  var heroN = document.getElementById('key-hero-n');
  if (heroN) heroN.textContent = allProt.length;
  var protCountEl = document.getElementById('key-prot-count');
  if (protCountEl) protCountEl.textContent = prot.length + ' จาก ' + allProt.length;
  var recoCountEl = document.getElementById('key-reco-count');
  if (recoCountEl) recoCountEl.textContent = reco.length + ' ทั่วพอร์ต';

  var protShow = _keyProtExpanded ? prot : prot.slice(0, KEY_PROT_CAP);
  var protListEl = document.getElementById('key-prot-list');
  if (protListEl) {
    protListEl.innerHTML = protShow.length ? protShow.map(function (p) {
      return '<div class="prow"><div class="pcheck">' + _KEY_CHECK_SVG + '</div><div style="flex:1;min-width:0">' +
        '<div class="pname">' + _keySkuEsc(p.skuName) + '</div><div class="ptag-row"><span class="ptag">' + _keySkuEsc(p.accountName) + '</span>' +
        '<span class="pwhen">เพิ่มเมื่อ ' + _keySkuShortDate(p.setAt) + '</span></div></div></div>';
    }).join('') : '<div class="key-empty-state">' + (q ? 'ไม่พบ SKU ที่ตรงกับคำค้นนี้' : 'ยังไม่มี SKU ที่ตั้งเป็น Key') + '</div>';
  }
  var protMoreEl = document.getElementById('key-prot-more');
  if (protMoreEl) {
    if (!_keyProtExpanded && prot.length > KEY_PROT_CAP) { protMoreEl.style.display = ''; protMoreEl.textContent = 'ดูทั้งหมด ' + prot.length + ' รายการ →'; }
    else protMoreEl.style.display = 'none';
  }

  var recoShow = _keyRecoExpanded ? reco : reco.slice(0, KEY_RECO_CAP);
  var recoListEl = document.getElementById('key-reco-list');
  if (recoListEl) {
    recoListEl.innerHTML = recoShow.length ? recoShow.map(function (r) {
      var badgeHtml = _keySkuBadgeHtml(r.sku.badges);
      return '<div class="rrow"><div style="flex:1;min-width:0"><div class="rname">' + _keySkuEsc(r.sku.name) + '</div>' +
        '<div class="rtag-row"><span class="rtag">' + _keySkuEsc(r.accountName) + '</span>' + badgeHtml + '</div></div>' +
        '<button class="addbtn" onclick="keyPortfolioQuickConfirm(\'' + _keySkuAttrEsc(r.accountId) + '\',\'' + _keySkuAttrEsc(r.sku.id) + '\',\'' + _keySkuAttrEsc(r.sku.name) + '\',this)">' + _KEY_PLUS_SVG + '</button></div>';
    }).join('') : '<div class="key-empty-state">' + (q ? 'ไม่พบ SKU ที่ตรงกับคำค้นนี้' : 'ไม่มี SKU แนะนำเพิ่มแล้ว') + '</div>';
  }
  var recoMoreEl = document.getElementById('key-reco-more');
  if (recoMoreEl) {
    if (!_keyRecoExpanded && reco.length > KEY_RECO_CAP) { recoMoreEl.style.display = ''; recoMoreEl.textContent = 'ดูเพิ่มอีก ' + (reco.length - KEY_RECO_CAP) + ' รายการ →'; }
    else recoMoreEl.style.display = 'none';
  }
}

// ── SECTION: scr-key (per-account picker) ─────────────────────────────────

var _keyScreenState = null; // {accountId, candidates, checkedIds:Set<string>, existingRows:[]}
var _keyScreenEntryFrom = null; // screen name to return to on back — set right before showScreen('key')

function _keySkuDaysAgo(dateStr) {
  if (!dateStr) return null;
  return Math.round((Date.now() - new Date(dateStr).getTime()) / 86400000);
}

function renderKeyScreen() {
  var scr = document.getElementById('scr-key');
  if (!scr) return;
  var accountId = (typeof currentAccountId !== 'undefined') ? currentAccountId : null;
  var accountName = (accountId && typeof bulkAccountNames !== 'undefined' && bulkAccountNames[accountId]) || '—';
  if (!accountId || accountId === 'default') {
    scr.innerHTML = '<div class="key-screen-pad"><div class="key-empty-state">เลือกร้านก่อน — กลับไปที่คิว Key SKU แล้วเลือกร้าน</div></div>';
    return;
  }
  var candidates = computeKeySkuCandidatesForAccount(accountId);
  var backTarget = _keyScreenEntryFrom || 'key-queue';
  scr.innerHTML =
    '<div class="key-screen-pad">' +
      '<div class="key-header">' +
        '<button class="key-back-btn" onclick="showScreen(\'' + backTarget + '\')">' + _KEY_BACK_SVG + '</button>' +
        '<div><div class="key-header-title">' + _keySkuEsc(accountName) + '</div><div class="key-header-sub">Key SKU</div></div>' +
      '</div>' +
      '<div id="key-body-slot">กำลังโหลด...</div>' +
    '</div>';
  _keySkuEnsureLoaded(accountId).then(function (st) {
    var existingIds = st.existingIds;
    var recommended = candidates.filter(function (c) { return !existingIds.has(String(c.id)); });
    _keyScreenState = {
      accountId: accountId,
      candidates: recommended,
      checkedIds: new Set(recommended.map(function (c) { return String(c.id); })), // pre-ticked — rep unticks the wrong ones
      existingRows: st.rows
    };
    _keyRenderBody();
  });
}

function _keyRenderBody() {
  var s = _keyScreenState;
  if (!s) return;
  var slot = document.getElementById('key-body-slot');
  if (!slot) return;

  var recoHtml = s.candidates.length
    ? s.candidates.map(function (c) {
        var checked = s.checkedIds.has(String(c.id));
        var badgeHtml = c.badges.map(function (b) {
          return '<span class="skbadge skbadge-' + (b.key === 'sole_source' ? 'sole-source' : b.key === 'newness' ? 'newness-key' : 'concentration-key') + '">' + _keySkuEsc(b.label) + '</span>';
        }).join('');
        return '<div class="key-row" data-sku-id="' + _keySkuEsc(c.id) + '" onclick="toggleKeyRow(this)">' +
          '<div class="key-check' + (checked ? '' : ' off') + '">' + _KEY_CHECK_SVG + '</div>' +
          '<div style="flex:1;min-width:0">' +
            '<div class="key-sku-name">' + _keySkuEsc(c.name) + '</div>' +
            (badgeHtml ? '<div class="sku-badge-row">' + badgeHtml + '</div>' : '') +
          '</div>' +
        '</div>';
      }).join('')
    : '<div class="key-empty-state">ยังไม่มี SKU ที่เข้าเกณฑ์แนะนำสำหรับร้านนี้ — เพิ่มเองได้ด้านล่าง</div>';

  var existingHtml = '';
  if (s.existingRows.length) {
    var showN = Math.min(6, s.existingRows.length);
    existingHtml = s.existingRows.slice(0, showN).map(function (r) {
      var days = _keySkuDaysAgo(r.set_at);
      var stale = false; // v1: staleness needs last_order_date lookup against current bulkSkusData — left for a follow-up pass
      return '<div class="key-existing-row">' +
        '<div style="flex:1;min-width:0">' +
          '<div class="key-sku-name">' + _keySkuEsc(r.sku_name) + '</div>' +
          '<div class="key-existing-meta' + (stale ? ' stale' : '') + '">Key SKU ตั้งแต่ ' + (r.set_at ? new Date(r.set_at).toLocaleDateString('th-TH') : '—') + '</div>' +
        '</div>' +
        '<button class="key-remove-btn" onclick="keyRemoveExisting(\'' + _keySkuAttrEsc(r.sku_id) + '\')">เอาออก</button>' +
      '</div>';
    }).join('') + (s.existingRows.length > showN ? '<div class="key-more-hint">และอีก ' + (s.existingRows.length - showN) + ' รายการ</div>' : '');
  }

  slot.innerHTML =
    '<div class="key-summary-bar">' +
      '<div class="key-summary-cell"><div class="key-summary-label">ยืนยันแล้ว</div><div class="key-summary-val">' + s.existingRows.length + '</div></div>' +
      '<div class="key-summary-cell reco"><div class="key-summary-label">แนะนำเพิ่ม</div><div class="key-summary-val">' + s.candidates.length + '</div></div>' +
    '</div>' +
    (s.candidates.length ? '<div class="key-sec-label">แนะนำให้เป็น Key</div>' + recoHtml : recoHtml) +
    (s.existingRows.length ? '<div class="key-sec-label">เป็น Key SKU อยู่แล้ว</div>' + existingHtml : '') +
    '<div class="key-sec-label">เพิ่มเอง</div>' +
    '<input type="text" class="key-add-search" placeholder="ค้นหา SKU อื่น..." oninput="keySearchAddSku(this.value)">' +
    '<div class="key-add-results" id="key-add-results"></div>' +
    '<div class="key-footer">' +
      '<div class="key-footer-count">เลือกไว้ <b id="key-footer-n">' + s.checkedIds.size + '</b> SKU</div>' +
      '<button class="key-confirm-btn" onclick="keyConfirmSelections()">ยืนยัน</button>' +
    '</div>';
}

function toggleKeyRow(el) {
  var s = _keyScreenState;
  if (!s) return;
  var skuId = el.getAttribute('data-sku-id');
  var box = el.querySelector('.key-check');
  if (s.checkedIds.has(skuId)) {
    s.checkedIds.delete(skuId);
    box.classList.add('off');
  } else {
    s.checkedIds.add(skuId);
    box.classList.remove('off');
  }
  var footerN = document.getElementById('key-footer-n');
  if (footerN) footerN.textContent = s.checkedIds.size;
}

function keyRemoveExisting(skuId) {
  var s = _keyScreenState;
  if (!s) return;
  _keySkuRemoveOne(s.accountId, skuId).then(function () {
    if (typeof showToast === 'function') showToast('เอา ' + skuId + ' ออกจาก Key SKU แล้ว');
    renderKeyScreen(); // re-fetch + repaint — coverage recompute is live, not cached
  });
}

function keySearchAddSku(query) {
  var s = _keyScreenState;
  var results = document.getElementById('key-add-results');
  if (!s || !results) return;
  query = (query || '').trim().toLowerCase();
  if (!query) { results.innerHTML = ''; return; }
  var byMonth = (typeof bulkSkusData !== 'undefined' && bulkSkusData[s.accountId]) || {};
  var months = Object.keys(byMonth).sort(function (a, b) { return _keySkuMonthSort(b) - _keySkuMonthSort(a); });
  var latestRows = months.length ? (byMonth[months[0]] || []) : [];
  var alreadyKey = new Set(s.existingRows.map(function (r) { return String(r.sku_id); }));
  var alreadyCandidate = new Set(s.candidates.map(function (c) { return String(c.id); }));
  var matches = latestRows.filter(function (r) {
    return r && r.n && r.n.toLowerCase().indexOf(query) !== -1 && !alreadyKey.has(String(r.id)) && !alreadyCandidate.has(String(r.id));
  }).slice(0, 8);
  results.innerHTML = matches.length
    ? matches.map(function (r) {
        return '<div class="key-add-row"><div class="key-sku-name">' + _keySkuEsc(r.n) + '</div>' +
          '<button class="key-add-btn" onclick="keyAddSku(\'' + _keySkuAttrEsc(r.id) + '\',\'' + _keySkuAttrEsc(r.n) + '\')">เพิ่ม</button></div>';
      }).join('')
    : '<div class="key-more-hint">ไม่พบ SKU ที่ตรงกับคำค้นนี้</div>';
}

function keyAddSku(skuId, skuName) {
  var s = _keyScreenState;
  if (!s) return;
  s.candidates.push({ id: skuId, name: skuName, score: 0, breakdown: {}, badges: [] });
  s.checkedIds.add(String(skuId));
  var results = document.getElementById('key-add-results');
  if (results) results.innerHTML = '';
  var input = document.querySelector('.key-add-search');
  if (input) input.value = '';
  _keyRenderBody();
}

function keyConfirmSelections() {
  var s = _keyScreenState;
  if (!s) return;
  var items = s.candidates.filter(function (c) { return s.checkedIds.has(String(c.id)); });
  if (!items.length) { if (typeof showToast === 'function') showToast('ยังไม่ได้เลือก SKU'); return; }
  _keySkuConfirm(s.accountId, items).then(function () {
    if (typeof showToast === 'function') showToast('บันทึก Key SKU แล้ว ' + items.length + ' รายการ');
    renderKeyScreen(); // repaint from fresh DB state — moves confirmed items into "เป็น Key SKU อยู่แล้ว"
  });
}

// ── SECTION: Products popover (nav) + kam-overview split button ──────────
// v_key pivot (2026-08-16): self-review found the original entry points (a
// standalone card wedged into the portview tier grid, a rollup section stacked
// above teamview's own stats) visually crowded existing screens. Replaced with:
//   (1) the "Save" nav tab renamed "Products" — tapping it opens this popover
//       instead of navigating away, offering SAVE or Key SKU in-flow.
//   (2) a sibling button next to "Account Insight" on the account screen,
//       splitting that row 50/50 instead of adding a new row.
// Colour is --fk-orange (#FF6600, real Freshket brand orange, verified against
// freshket.co) — not --fk-red (an invented token, never real Freshket brand).

// H11 (Bucci 24 ต.ค. 2569 · บอร์ด ShopNew): KAM (rep) ไม่ใช้ Key SKU แล้ว — ปุ่มในหน้าร้าน แถวในเมนู Products
// และตัวเลขบนปุ่ม Products หายเฉพาะ KAM · หัวหน้าทีม แอดมิน AD PM เหมือนเดิม (D2) · โค้ด/markup เดิมอยู่ครบ (verify_key_sku)
// ข้อมูล Key SKU ที่ยืนยันไว้แล้ว และไฟล์ส่งทีมวางแผนสินค้า ทำงานต่อตามเดิม
function _keySkuOffForRole() {
  try { return typeof getCurrentRole === 'function' && getCurrentRole() === 'rep'; } catch (e) { return false; }
}

function _keySkuSaveSubline() {
  if (typeof currentAccountId === 'undefined' || !currentAccountId || currentAccountId === 'default') return 'เลือกร้านก่อน';
  if (typeof senseActivated === 'undefined' || !senseActivated) return 'แตะเพื่อเริ่มวิเคราะห์';
  var n = (typeof OPPS !== 'undefined' && OPPS) ? OPPS.length : 0;
  return n > 0 ? (n + ' SKU มีโอกาสประหยัด') : 'ไม่พบช่องประหยัดเพิ่ม';
}

function renderProductsPopover() {
  var pop = document.getElementById('products-popover');
  if (!pop) return;
  var accountId = (typeof currentAccountId !== 'undefined') ? currentAccountId : null;
  var saveSub = _keySkuSaveSubline();
  var keySub = 'กำลังโหลด...';
  if (_keySkuOffForRole()) {
    pop.innerHTML =
      '<div class="pv-row" onclick="productsGoSave()">' +
        '<svg width="16" height="16" viewBox="0 0 10 10" fill="currentColor"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>' +
        '<div><div>SAVE</div><div class="pv-sub" id="pv-save-sub">' + _keySkuEsc(saveSub) + '</div></div>' +
      '</div>';
    return;
  }
  pop.innerHTML =
    '<div class="pv-row" onclick="productsGoSave()">' +
      '<svg width="16" height="16" viewBox="0 0 10 10" fill="currentColor"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>' +
      '<div><div>SAVE</div><div class="pv-sub" id="pv-save-sub">' + _keySkuEsc(saveSub) + '</div></div>' +
    '</div>' +
    '<div class="pv-row key" onclick="productsGoKeySku()">' +
      _KEY_ICON_SVG +
      '<div><div>Key SKU</div><div class="pv-sub" id="pv-key-sub">' + _keySkuEsc(keySub) + '</div></div>' +
    '</div>';
  if (!accountId || accountId === 'default') {
    _keySkuEnsurePortfolioLoaded().then(function (coveredIds) {
      var accounts = (typeof getPortviewAccounts === 'function') ? getPortviewAccounts() : [];
      var pending = accounts.filter(function (a) {
        return computeKeySkuCandidatesForAccount(a.id).length > 0 && !coveredIds.has(a.id);
      }).length;
      var el = document.getElementById('pv-key-sub');
      if (el) el.textContent = pending > 0 ? (pending + ' ร้านยังไม่ได้ตรวจ') : 'ตรวจครบทุกร้านแล้ว';
    });
  } else {
    _keySkuEnsureLoaded(accountId).then(function (st) {
      var pending = computeKeySkuCandidatesForAccount(accountId).filter(function (c) { return !st.existingIds.has(String(c.id)); }).length;
      var el = document.getElementById('pv-key-sub');
      if (el) el.textContent = pending > 0 ? (pending + ' SKU รอตรวจ') : (st.existingIds.size + ' SKU ยืนยันแล้ว');
    });
  }
}

function toggleProductsPopover(btnEl, forceClose) {
  var pop = document.getElementById('products-popover');
  var backdrop = document.getElementById('products-popover-backdrop');
  if (!pop || !backdrop) return;
  var willShow = !forceClose && pop.style.display === 'none';
  if (!willShow) { pop.style.display = 'none'; backdrop.style.display = 'none'; return; }
  // D4: KAM เหลือ SAVE อย่างเดียว ⇒ แตะ Products ไป SAVE เลย (หน้าแรกยังไม่เลือกร้าน = "เลือกร้านก่อนเพื่อดู SAVE")
  if (_keySkuOffForRole()) { productsGoSave(); return; }
  if (btnEl && btnEl.getBoundingClientRect) {
    var r = btnEl.getBoundingClientRect();
    var cx = r.left + r.width / 2;
    var halfW = 104; // .products-popover width:208px / 2 — keep in sync with styles_key.css
    var vv = window.visualViewport;
    var voffTop = (vv && vv.offsetTop) || 0;
    var vh = (vv && vv.height) || window.innerHeight;
    // Clamp against the app shell's own bounds (.bnav is the real max-width:var(--app-max,440px) shell,
    // centered) rather than the raw window — on a viewport wider than the shell (desktop
    // testing, tablets) window.innerWidth alone would place the popover off to one side.
    var bnavRect = (function () { var el = document.querySelector('.bnav'); return el ? el.getBoundingClientRect() : null; })();
    var shellLeft = bnavRect ? bnavRect.left : ((vv && vv.offsetLeft) || 0);
    var shellRight = bnavRect ? bnavRect.right : (((vv && vv.width) || window.innerWidth) + ((vv && vv.offsetLeft) || 0));
    var margin = 10; // small safety gutter from the shell edge
    pop.style.left = Math.max(shellLeft + halfW + margin, Math.min(shellRight - halfW - margin, cx)) + 'px';
    // Vertical: mirror installFabSafeZone's spirit (06_portview_teamview.js) — clamp so the
    // popover can never render pushed above the topbar area, even from an unusual btnEl position.
    var rawBottom = vh + voffTop - r.top + 10;
    pop.style.bottom = Math.max(10, Math.min(rawBottom, vh + voffTop - 80)) + 'px';
  }
  renderProductsPopover();
  pop.style.display = 'block';
  backdrop.style.display = 'block';
}

// Whatever screen div currently carries the 'on' class — used to send scr-key's
// back button to wherever the user actually came from, instead of a hardcoded target.
function _keySkuCurrentScreenName() {
  var el = document.querySelector('.scr.on');
  return el ? el.id.replace(/^scr-/, '') : null;
}

// Byte-identical to what nav-opportunities's onclick used to do directly,
// before Products/the popover existed — same Sense-gate/overlay-nav behaviour.
// v_key round3: now reachable from Home too (nav-opportunities is no longer
// disabled there) — this path never ran with no account before, and 'opportunities'
// was never built to render without one, so guard it explicitly instead of guessing.
function productsGoSave() {
  toggleProductsPopover(null, true);
  var accountId = (typeof currentAccountId !== 'undefined') ? currentAccountId : null;
  if (!accountId || accountId === 'default') {
    if (typeof showToast === 'function') showToast('เลือกร้านก่อนเพื่อดู SAVE');
    return;
  }
  if (isKAM && document.body.classList.contains('restaurant-sheet')) { _overlayNav('opportunities'); return; }
  showScreen('opportunities');
  document.body.classList.remove('sense-on-report');
}

function productsGoKeySku() {
  toggleProductsPopover(null, true);
  var accountId = (typeof currentAccountId !== 'undefined') ? currentAccountId : null;
  if (accountId && accountId !== 'default') {
    _keyScreenEntryFrom = _keySkuCurrentScreenName() || 'overview';
    showScreen('key');
  } else {
    showScreen('key-queue');
  }
}

// Portfolio-wide pending-account count on the Products nav badge — cheap,
// loops accounts already in memory, one bulk Supabase query (not N-per-account).
function renderKeySkuNavBadge() {
  var badge = document.getElementById('key-nav-badge');
  if (!badge) return;
  if (_keySkuOffForRole()) { badge.style.display = 'none'; return; }
  var accounts = (typeof getPortviewAccounts === 'function') ? getPortviewAccounts() : [];
  if (!accounts.length) { badge.style.display = 'none'; return; }
  _keySkuEnsurePortfolioLoaded().then(function (coveredIds) {
    var pending = accounts.filter(function (a) {
      return computeKeySkuCandidatesForAccount(a.id).length > 0 && !coveredIds.has(a.id);
    }).length;
    badge.textContent = pending;
    badge.style.display = pending > 0 ? 'flex' : 'none';
  });
}

// Account-level split button (right half of the Account Insight row).
function renderKeySkuSplitButton() {
  var btn = document.getElementById('key-sku-split-btn');
  var lbl = document.getElementById('key-sku-split-btn-label');
  if (!btn || !lbl) return;
  var accountId = (typeof currentAccountId !== 'undefined') ? currentAccountId : null;
  // KAM: ซ่อนด้วย class — .kav-brief-btn{display:flex!important} (styles_layout) ชนะ style.display='none' เสมอ
  var off = _keySkuOffForRole();
  if (btn.classList) btn.classList.toggle('key-off', off);
  if (!accountId || accountId === 'default' || off) { btn.style.display = 'none'; return; }
  var candidates = computeKeySkuCandidatesForAccount(accountId);
  _keySkuEnsureLoaded(accountId).then(function (st) {
    var pending = candidates.filter(function (c) { return !st.existingIds.has(String(c.id)); }).length;
    if (candidates.length === 0 && st.existingIds.size === 0) { btn.style.display = 'none'; return; }
    btn.style.display = 'inline-flex';
    lbl.textContent = pending > 0 ? ('Key SKU · ' + pending) : ('Key SKU · ' + st.existingIds.size + ' ตรวจแล้ว');
  });
}
// SECTION:DAILY_INSIGHT
// ═══════════════════════════════════════════════════════════════════════════
// "Olive สรุปให้" — หน้าสรุปพอร์ตรายวันของ KAM
//
// เจตนา: เปิดแอปเช้าปุ๊บ รู้ภายใน 30 วินาทีว่าพอร์ตตัวเองมีอะไรเปลี่ยน คิดเป็นเงินเท่าไหร่
// และควรทำอะไรก่อน โดยไม่ต้องไล่กดดูทีละร้าน
//
// กติกาที่ตกลงกับบุชแล้ว และห้ามหลุด:
//   · จอนี้ให้ insight ไม่ใช่แจ้งข่าวร้าย ⇒ หัวเรื่องเลือกข่าวดีก่อนเสมอ
//     เรื่องที่ต้องรีบยังอยู่ครบ แต่อยู่ในสามบรรทัดสรุป ไม่ใช่พาดหัว
//   · ไม่สร้างนิยามใหม่ — ทุกตัวเลขมาจากฟังก์ชันเดิมของ Sense
//     (computeChurnRowsForAccount / computeSkuMovementForAccount / paceSignal)
//   · ห้ามเรียก AI ตอนเปิด — ช้า มีค่าใช้จ่าย และมีโอกาสมั่ว
//   · ข้อมูลหลักมาจาก R2 ⇒ Supabase ล่มจอนี้ต้องยังทำงาน
//     (ยอดการไปเยี่ยมรายไตรมาสเป็นส่วนเสริมที่เติมทีหลัง ไม่มีก็ซ่อนแถวนั้นไปเฉยๆ)
//   · z-index 9300-9500 — เหนือแถบล่าง (170) และปุ่ม Olive (199)
//     แต่ใต้ Echo sheet (9999) / login overlay (9999) และ toast (10500)
//
// เฟส 1 (v284): sheet รายวัน · ประตูวันละครั้ง · ปัดปิด · ปุ่มใน nav
// เฟส 2 (v285): หน้ารายการเต็ม · แตะค้าง = ทักแล้ว · ป้าย "ใหม่" ·
//                การ์ด "ได้ผลแล้ว" ที่ปิดวงจร · ฉลองแบบกำหนดตำแหน่งตายตัว
// เฟส 3 (v287): บล็อกสรุปสัปดาห์ (วันจันทร์) · สรุปเดือนแบบสไลด์ (ครั้งแรกของเดือน)
// ยังไม่มี: TL-Admin · ปุ่มตอนเช็คอิน Echo
// ═══════════════════════════════════════════════════════════════════════════

// ── ค่าคงที่ที่ปรับได้ ──────────────────────────────────────────────────────
const DI_STORE_KEY   = 'sense_daily_v1';
const DI_GOOD_MIN    = 5000;   // ข่าวดีต้องมีมูลค่าอย่างน้อยเท่านี้ถึงจะขึ้นเป็นพาดหัว
// เพดานกันข้อมูลบวมผิดปกติเท่านั้น ไม่ใช่กันความช้า — วัดของจริงในแอปที่ build แล้ว
// 461 ร้าน = 40ms · 1,165 ร้าน (ทั้งฐาน) = 87ms · ตั้งไว้เหนือทั้งฐานพอมีที่เผื่อ
// เดิมตั้ง 400 เพื่อกัน admin ตอนที่ยังไม่ได้วัด แล้วมันไปบัง TL จริงคนหนึ่ง
// (พอร์ต 461 ร้าน) จนไม่เห็นจอเลย · admin ถูกกันด้วย role แล้ว เพดานจึงไม่ต้องเข้มขนาดนั้น
const DI_MAX_ACCOUNTS= 1500;
const DI_BOOT_MS     = 1100;   // บรรทัด "กำลังไล่ดู…" แสดงนานแค่ไหนก่อนเผยเนื้อหา
const DI_ROLES       = ['rep','tl','ad','pm','ad_tl'];   // admin ยังไม่รองรับ (บุช 2026-08-28)
const DI_TEAM_ROLES  = ['tl','ad_tl'];                   // role ที่เห็น "คนในทีม" แทน "ร้าน" 
const DI_HOLD_MS     = 420;    // แตะค้างนานเท่าไหร่ถึงนับว่า "ทักแล้ว"
const DI_MARK_KEEP   = 14;     // เก็บประวัติการทักย้อนหลังกี่วัน
const DI_SIGNAL_KEEP = 4000;   // จำสัญญาณที่เคยเห็นได้กี่ตัว (ไว้ติดป้าย "ใหม่")
                               // ของจริง: KAM ใหญ่สุด 140 ร้าน ถ้าร้านละ 6 รายการ = 840
                               // เดิมตั้ง 600 แล้วรายการที่เกินโดนตัดทิ้งทุกวัน
                               // ⇒ 240 รายการเดิมติดป้าย "ใหม่" ซ้ำทุกวันตลอดไป
const DI_SIGNAL_VER  = 2;
// เกณฑ์ "ร้านน่าเป็นห่วง" — เกณฑ์เดิมคือ "มีของเลยรอบอย่างน้อย 1 ตัว" ซึ่งเกือบทุกร้าน
// เข้าเสมอ (พอร์ตของ Ning เข้าครบ 29 จาก 29) จอเลยอ่านเหมือนทุกอย่างพัง ทั้งที่เงิน
// กระจุกอยู่ไม่กี่ร้าน · ต้องใช้สองเกณฑ์คู่กัน เพราะแต่ละตัวเดี่ยวๆ ทิ้งของสำคัญไป:
//   เอาแต่สัดส่วน → ทิ้งร้านใหญ่ที่เงียบ ฿115,399 (เป็นแค่ 3% ของร้าน)
//   เอาแต่เงินก้อน → ทิ้งร้านที่เงียบไปครึ่งร้าน แต่เป็นเงิน ฿54,166
const DI_CONCERN_SHARE = 10;      // % ของยอดร้านต่อเดือนที่เงียบไป
const DI_CONCERN_BAHT  = 30000;   // หรือเป็นเงินก้อนเกินนี้ต่อเดือน
const DI_CONCERN_SHOW  = 6;       // โชว์ชื่อร้านกี่ร้านบนจอแรก ที่เหลือกดดูต่อ
const DI_AHEAD_SHOW    = 4;       // ฝั่งข่าวดีโชว์กี่ร้าน      // เปลี่ยนวิธีเก็บเป็นรหัสย่อ — ของเวอร์ชันเก่าให้ seed ใหม่เงียบๆ
const DI_WEEK_DAY    = 1;      // วันจันทร์ = วันที่โชว์บล็อกสรุปสัปดาห์
const DI_TIER_WAIT_MS= 8000;   // รอข้อมูลชั้น 3 นานสุดเท่าไหร่ก่อนยอมเปิดเท่าที่มี

// ── สถานะที่จำในเครื่อง ────────────────────────────────────────────────────
// จงใจไม่เก็บฝั่ง Supabase: ถ้าเก็บที่นั่น พอโดน 402 จอนี้จะพังพร้อมกับสิ่งที่มันควรทำงานแทน
// แลกกับข้อจำกัดที่ยอมรับแล้ว — เปลี่ยนเครื่องแล้ววงจร "ได้ผลแล้ว" จะขาด
//
// รูปร่าง: { seen, celebrated, seeded, seenSignals:[…], marks:{ 'YYYY-MM-DD':[…] } }
function _diToday(){
  const d=new Date();
  return d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+String(d.getDate()).padStart(2,'0');
}
function _diLoadState(){
  try{ return JSON.parse(localStorage.getItem(DI_STORE_KEY)||'{}')||{}; }catch(e){ return {}; }
}
function _diSaveState(patch){
  try{
    const st=Object.assign(_diLoadState(),patch||{});
    localStorage.setItem(DI_STORE_KEY,JSON.stringify(st));
    return st;
  }catch(e){ return {}; }
}
function _diSeenToday(){ return _diLoadState().seen===_diToday(); }
function _diMarkSeen(){ _diSaveState({seen:_diToday()}); _diSyncNavButton(); }

// ── ตัวช่วยเล็กๆ ───────────────────────────────────────────────────────────
function _diEsc(s){
  return String(s==null?'':s).replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
}
function _diBaht(n){
  const v=Math.round(Math.abs(n||0));
  if(v>=1000000)return '฿'+(v/1000000).toFixed(2).replace(/\.?0+$/,'')+'M';
  return '฿'+v.toString().replace(/\B(?=(\d{3})+(?!\d))/g,',');
}
function _diDateLabel(){
  const wd=['อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'];
  const mo=['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'];
  const d=new Date();
  return wd[d.getDay()]+' '+d.getDate()+' '+mo[d.getMonth()];
}
function _diGreeting(){
  const h=new Date().getHours();
  if(h<11)return 'สวัสดีตอนเช้าค่ะ';
  if(h<17)return 'สวัสดีตอนบ่ายค่ะ';
  return 'สวัสดีตอนเย็นค่ะ';
}
function _diMyName(){
  const p=(typeof currentUserProfile!=='undefined'&&currentUserProfile)||{};
  const full=p.kam_name||p.full_name||'';
  if(!full)return '';
  // ชื่อในระบบเป็นรูปแบบ "Duangruedee (Ning) Bulalom" — เอาชื่อในวงเล็บซึ่งเป็น
  // ชื่อที่ทุกคนเรียกกันจริง ใช้ helper กลางตัวเดียวกับ Echo (01_core.js)
  try{ if(typeof senseNickname==='function')return senseNickname(full)||''; }catch(e){}
  return String(full).split(' ')[0]||'';
}
// "คุณสมชาย" เขียนติดกันถูก แต่ "คุณNing" ผิด ⇒ เว้นวรรคเมื่อชื่อไม่ใช่อักษรไทย
function _diHonorific(name){
  if(!name)return '';
  return ' คุณ'+(/^[\u0E00-\u0E7F]/.test(name)?'':' ')+name;
}
const DI_MO_TH=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
function _diWindow(){
  let days=0;
  try{
    if(typeof bulkCurrentMonthData!=='undefined'&&bulkCurrentMonthData){
      for(const k in bulkCurrentMonthData){
        const v=bulkCurrentMonthData[k];
        if(v&&v.days_elapsed>days)days=v.days_elapsed;
      }
    }
  }catch(e){}
  const lag=new Date(); lag.setDate(lag.getDate()-1);
  if(!days)days=lag.getDate();
  const prevMo=new Date(lag.getFullYear(),lag.getMonth()-1,1);
  const prevDays=new Date(lag.getFullYear(),lag.getMonth(),0).getDate();
  return {days:days,
    cur:DI_MO_TH[lag.getMonth()], prev:DI_MO_TH[prevMo.getMonth()],
    range:'1–'+days+' '+DI_MO_TH[lag.getMonth()],
    prevRange:'1–'+Math.min(days,prevDays)+' '+DI_MO_TH[prevMo.getMonth()]};
}
function _diClip(str,n){
  const t=String(str||'');
  return t.length>n?t.slice(0,n-1)+'…':t;
}
// เลขลำดับวัน (นับจากวันที่ ไม่ใช่เวลา) — พาดหัวหมุนด้วยตัวนี้
// ใช้วันที่แทนการสุ่ม เพราะทุกเครื่องต้องเห็นร้านเดียวกันในวันเดียวกัน
// และเทสต์ต้องรันซ้ำได้ผลเดิม (บทเรียนเดียวกับที่ห้าม Math.random ในเอฟเฟกต์ฉลอง)
function _diDayNumber(){
  const d=new Date();
  return Math.floor(Date.UTC(d.getFullYear(),d.getMonth(),d.getDate())/86400000);
}
function _diReduceMotion(){
  try{ return window.matchMedia('(prefers-reduced-motion: reduce)').matches; }catch(e){ return false; }
}
function _diSkuOrderedNow(accountId,skuId){
  if(typeof bulkSkuCurrentData==='undefined')return false;
  const arr=bulkSkuCurrentData[accountId]||[];
  for(const s of arr){
    if(String(s.item_id||s.id)===String(skuId))return (s.orders_this_month||0)>0;
  }
  return false;
}
function _diDayAgo(ymd){
  try{
    const p=ymd.split('-').map(Number);
    const then=new Date(p[0],p[1]-1,p[2]), now=new Date();
    const days=Math.round((new Date(now.getFullYear(),now.getMonth(),now.getDate())-then)/86400000);
    if(days<=1)return 'เมื่อวาน';
    if(days<=6)return days+' วันก่อน';
    return 'สัปดาห์ก่อน';   // ประวัติเก็บแค่ 14 วัน จึงไม่มีทางไกลกว่านี้
  }catch(e){ return 'ก่อนหน้านี้'; }
}

// ═══════════════════════════════════════════════════════════════════════════
// 1. วงจรปิด — "ที่ทักไปเมื่อวาน ได้ผลไหม"
// ═══════════════════════════════════════════════════════════════════════════
// นี่คือหัวใจของจอนี้ทั้งจอ: มันเอาสิ่งที่ KAM ลงมือทำ ไปผูกกับผลที่เกิดจริง
// ถ้าไม่มีท่อนนี้ จอที่เหลือก็เป็นแค่รายงานสถานะ ไม่ใช่ insight
function _diLoopClosure(){
  const st=_diLoadState();
  const marks=st.marks||{};
  const today=_diToday();
  const past=Object.keys(marks).filter(d=>d<today).sort();
  if(!past.length)return null;

  // เรื่องของ "วันนี้" = ผลของครั้งล่าสุดที่ทักไป
  const lastDay=past[past.length-1];
  const recovered=[], quiet=[];
  (marks[lastDay]||[]).forEach(m=>{
    (_diSkuOrderedNow(m.aid,m.sku)?recovered:quiet).push(m);
  });

  // สรุปทั้งเดือน — ตัดซ้ำด้วย ร้าน+สินค้า ไม่งั้นทักสองวันจะถูกนับสองรอบ
  const mo=today.slice(0,7);
  const seen=new Set(), shops=new Set(), backShops=new Set();
  let backBaht=0;
  Object.keys(marks).forEach(d=>{
    if(d.slice(0,7)!==mo)return;
    (marks[d]||[]).forEach(m=>{
      const k=m.aid+'::'+m.sku;
      if(seen.has(k))return;
      seen.add(k); shops.add(m.aid);
      if(_diSkuOrderedNow(m.aid,m.sku)){ backShops.add(m.aid); backBaht+=(m.gmv||0); }
    });
  });

  if(!recovered.length&&!backShops.size)return null;
  return {
    lastDay, recovered, quiet,
    monthShops:shops.size, monthBackShops:backShops.size, monthBackBaht:backBaht,
    baht:recovered.reduce((t,m)=>t+(m.gmv||0),0),
    shopName:(recovered[0]||{}).name||''
  };
}

// ── ป้าย "ใหม่" — อันไหนเพิ่งโผล่ตั้งแต่ครั้งก่อนที่เปิดดู ────────────────────
// เครื่องใหม่ต้อง seed เงียบๆ ครั้งแรก ไม่งั้นจะติดป้าย "ใหม่" ทั้งจอจนอ่านไม่รู้เรื่อง
//
// id เต็มคือ '<uuid>::<skuId>' ยาวเกือบ 50 ตัวอักษร เก็บหลายพันตัวแล้วกิน localStorage
// ⇒ ย่อเป็นรหัส 32 บิต ชนกันได้บ้างแต่นี่คือ "ป้าย" ไม่ใช่ตัวเลขเงิน ยอมได้
function _diSigHash(str){
  let h=5381;
  for(let i=0;i<str.length;i++)h=((h*33)^str.charCodeAt(i))>>>0;
  return h.toString(36);
}

// เก็บผลของวันไว้ในหน่วยความจำ เพื่อให้วาดจอใหม่กลางวันแล้วป้ายไม่หาย
let _diFreshDay='', _diFreshSet=null;

function _diFlagNew(ids,complete){
  // ข้อมูลยังไม่ครบ = ห้ามแตะ state เด็ดขาด
  // ถ้าปล่อยให้ seed ตอนที่ยังไม่มีสัญญาณเลย พอข้อมูลมาจริงทุกอย่างจะกลายเป็น "ใหม่" ทั้งจอ
  if(!complete)return new Set();

  const today=_diToday();
  const st=_diLoadState();
  const sigs=ids.map(_diSigHash);
  const known=new Set(st.seenSignals||[]);
  // เครื่องใหม่ หรือของที่เก็บไว้เป็นรูปแบบเก่า → seed เงียบๆ ไม่ติดป้ายอะไรเลย
  const firstRun=!st.seeded||st.sigv!==DI_SIGNAL_VER;
  // มากเกินที่จำไหว → ไม่ติดป้ายดีกว่าติดผิด
  const tooMany=sigs.length>DI_SIGNAL_KEEP;

  let fresh;
  if(firstRun||tooMany)fresh=new Set();
  else fresh=new Set(sigs.filter((h,i)=>!known.has(h)).map((h,i)=>h));

  // วาดใหม่ในวันเดียวกันต้องได้ป้ายชุดเดิม ไม่ใช่หายไปเพราะเพิ่ง seed ไปเมื่อกี้
  if(_diFreshDay===today&&_diFreshSet)fresh=new Set([...(_diFreshSet),...fresh]);
  _diFreshDay=today; _diFreshSet=fresh;

  const keep=Array.from(new Set(sigs.concat(Array.from(known)))).slice(0,DI_SIGNAL_KEEP);
  _diSaveState({seeded:true,sigv:DI_SIGNAL_VER,seenSignals:keep});
  return fresh;
}

// ═══════════════════════════════════════════════════════════════════════════
// 1b. รอบสัปดาห์ (วันจันทร์) — สรุปสิ่งที่ "คุณทำ" ไม่ใช่สิ่งที่ "ระบบเห็น"
// ═══════════════════════════════════════════════════════════════════════════
// ข้อมูลยอดขายในเครื่องเป็นรายเดือน ทำ delta รายสัปดาห์จริงๆ ไม่ได้ และไม่ควรเดา
// สิ่งที่เป็นรายสัปดาห์จริงคือประวัติการทักของ KAM เอง ⇒ บล็อกนี้จึงเล่าเรื่องนั้น
// บวกกับของที่เพิ่งถึงรอบตั้งแต่ครั้งก่อนที่เปิดดู (ซึ่งวันจันทร์ = ครอบเสาร์อาทิตย์พอดี)
function _diIsWeeklyDay(){ return new Date().getDay()===DI_WEEK_DAY; }

function _diWeekly(newCount){
  if(!_diIsWeeklyDay())return null;
  const marks=(_diLoadState().marks)||{};
  const today=_diToday();
  const from=new Date(); from.setDate(from.getDate()-7);
  const cut=from.getFullYear()+'-'+String(from.getMonth()+1).padStart(2,'0')+'-'+String(from.getDate()).padStart(2,'0');

  const seen=new Set(), shops=new Set(), backShops=new Set();
  let items=0, backBaht=0;
  Object.keys(marks).forEach(d=>{
    if(d<cut||d>=today)return;
    (marks[d]||[]).forEach(m=>{
      const k=m.aid+'::'+m.sku;
      if(seen.has(k))return;
      seen.add(k); items++; shops.add(m.aid);
      if(_diSkuOrderedNow(m.aid,m.sku)){ backShops.add(m.aid); backBaht+=(m.gmv||0); }
    });
  });
  if(!items&&!newCount)return null;
  return {items,shops:shops.size,backShops:backShops.size,backBaht,newCount:newCount||0};
}

// ═══════════════════════════════════════════════════════════════════════════
// 1c. สรุปเดือน — โชว์ครั้งแรกที่เปิดแอปในเดือนใหม่ (ไม่จำเป็นต้องวันที่ 1)
// ═══════════════════════════════════════════════════════════════════════════
const DI_MONTHS=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
function _diMonthKey(){
  const d=new Date();
  return d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0');
}
function _diMonthSortKey(label){
  const p=String(label||'').split(' ');
  return (parseInt(p[1]||0)*12)+DI_MONTHS.indexOf(p[0]);
}

// เดือนที่สรุปคือ "เดือนที่ปิดแล้วล่าสุด" ไม่ใช่เดือนปัจจุบันที่ยังเดินอยู่
function _diMonthlyWrap(accounts){
  if(typeof bulkHistoryData==='undefined')return null;
  const curLabel=((typeof bulkCurrentMonthData!=='undefined'&&accounts.length
    &&bulkCurrentMonthData[accounts[0].id])||{}).month_label||'';

  let lastLabel='', prevLabel='';
  for(const a of accounts){
    const h=(bulkHistoryData[a.id]||[]).filter(r=>r.m&&r.m!==curLabel);
    if(h.length<2)continue;
    h.sort((x,y)=>_diMonthSortKey(y.m)-_diMonthSortKey(x.m));
    lastLabel=h[0].m; prevLabel=h[1].m; break;
  }
  if(!lastLabel||!prevLabel)return null;

  let lastTotal=0, prevTotal=0, grew=0, shrank=0;
  const risers=[];
  accounts.forEach(a=>{
    const h=bulkHistoryData[a.id]||[];
    let l=0,pv=0;
    h.forEach(r=>{ if(r.m===lastLabel)l=r.s||r.gmv||0; else if(r.m===prevLabel)pv=r.s||r.gmv||0; });
    lastTotal+=l; prevTotal+=pv;
    if(pv>0&&l>pv){ grew++; risers.push({id:a.id,name:a.name||'—',diff:l-pv,now:l}); }
    else if(pv>0&&l<pv)shrank++;
  });
  risers.sort((x,y)=>y.diff-x.diff);

  // ของใหม่ที่เข้าพอร์ตเดือนนั้น — ใช้ computeSkuMovementForAccount ตัวเดิม
  let newSkus=0, newBaht=0; const newTop=[];
  accounts.forEach(a=>{
    let sm=null;
    try{ sm=(typeof computeSkuMovementForAccount==='function')?computeSkuMovementForAccount(a.id):null; }catch(e){ sm=null; }
    if(sm&&sm.newSkus&&sm.newSkus.length){
      newSkus+=sm.newSkus.length;
      const v=sm.newSkus.reduce((t,x)=>t+(x.gmv||0),0);
      newBaht+=v;
      newTop.push({name:a.name||'—',sku:sm.newSkus[0].name,gmv:sm.newSkus[0].gmv||0});
    }
  });
  newTop.sort((x,y)=>y.gmv-x.gmv);

  // ที่ทักไปเดือนก่อน กลับมากี่ร้าน
  const marks=(_diLoadState().marks)||{};
  const d=new Date(); d.setMonth(d.getMonth()-1);
  const pm=d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0');
  const seen=new Set(), mShops=new Set(), mBack=new Set();
  Object.keys(marks).forEach(k=>{
    if(k.slice(0,7)!==pm)return;
    (marks[k]||[]).forEach(m=>{
      const key=m.aid+'::'+m.sku;
      if(seen.has(key))return;
      seen.add(key); mShops.add(m.aid);
      if(_diSkuOrderedNow(m.aid,m.sku))mBack.add(m.aid);
    });
  });

  return {
    label:lastLabel, prevLabel:prevLabel,
    total:lastTotal, prevTotal:prevTotal,
    diff:lastTotal-prevTotal,
    pct:prevTotal>0?Math.round((lastTotal-prevTotal)/prevTotal*100):null,
    shops:accounts.length, grew:grew, shrank:shrank,
    risers:risers.slice(0,3),
    newSkus:newSkus, newBaht:newBaht, newTop:newTop.slice(0,2),
    markedShops:mShops.size, backShops:mBack.size
  };
}

// ═══════════════════════════════════════════════════════════════════════════
// 2. รวบรวมสัญญาณ — เรียกของเดิมล้วนๆ ไม่มีสูตรใหม่
// ═══════════════════════════════════════════════════════════════════════════
// ข้อมูลที่จอนี้ต้องใช้อยู่คนละชั้นกับตัวกระตุ้น:
//   bulkSkuCurrentData = tier 2 · bulkSkusData = tier 3 · portview/paceSignal = tier 1
// ถ้าเปิดตอนชั้น 3 ยังไม่มา รายการถึงรอบและของใหม่จะหายเงียบๆ ทั้งที่มีจริง
// ⇒ ต้องรู้ตัวว่าข้อมูลยังไม่ครบ แล้วห้ามปั๊มว่า "อ่านแล้ววันนี้"
function _diDataComplete(){
  try{
    if(window.DataRegistry&&typeof window.DataRegistry.isReady==='function')
      return !!window.DataRegistry.isReady(3);
  }catch(e){}
  // ไม่มี DataRegistry (เช่นในเทสต์) — ดูจากของจริงว่ามีข้อมูลไหม
  return typeof bulkSkusData!=='undefined'&&Object.keys(bulkSkusData||{}).length>0;
}

function buildDailyInsight(){
  if(typeof getPortviewAccounts!=='function')return null;
  const accounts=getPortviewAccounts()||[];
  if(!accounts.length||accounts.length>DI_MAX_ACCOUNTS)return null;

  let overdueItems=0, overdueShops=0, overdueBaht=0;
  let aheadShops=0, aheadBaht=0, newSkuBaht=0;
  const overdueTop=[];   // ร้านที่มีของเลยรอบ เรียงตามเงิน
  const aheadTop=[];     // ร้านที่ซื้อเยอะกว่าเดิม (พร้อมของใหม่ถ้ามี)
  const newFinds=[];     // ร้านที่เริ่มซื้อสินค้าใหม่ (ใหม่สำหรับร้านนั้น ไม่ใช่สินค้าที่เราเพิ่งมีขาย)
  const signalIds=[];

  accounts.forEach(a=>{
    if(!a||!a.id)return;

    // ── ถึงรอบสั่งแล้วแต่ยังไม่สั่ง (นิยามของ Sense: gone + near) ──
    let rows=null;
    try{ rows=(typeof computeChurnRowsForAccount==='function')?computeChurnRowsForAccount(a.id):null; }catch(e){ rows=null; }
    if(rows){
      const late=rows.filter(r=>r.type==='gone'||r.type==='near');
      if(late.length){
        late.sort((x,y)=>(y.gmv||0)-(x.gmv||0));
        late.forEach(r=>signalIds.push(a.id+'::'+r.id));
        const baht=late.reduce((t,r)=>t+(r.gmv||0),0);
        overdueItems+=late.length; overdueShops++; overdueBaht+=baht;
        // lastGmv = ยอดของร้านในเดือนที่ปิดแล้ว ใช้เทียบว่าที่เงียบไปคิดเป็นสัดส่วนเท่าไร
        const lastGmv=(a.paceSignal||{}).lastGmv||a.lastGmv||0;
        overdueTop.push({id:a.id,name:a.name||'—',count:late.length,baht,items:late,top:late[0],
          lastGmv:lastGmv, share:lastGmv>0?Math.round(baht/lastGmv*1000)/10:0,
          worstLate:late.reduce((m,r)=>Math.max(m,r.daysLate||0),0)});
      }
    }

    // ── ซื้อเยอะกว่าเดิม (เทียบวันต่อวัน ไม่ใช่เทียบยอดเต็มเดือน) ──
    // paceSignal.expected = อัตราต่อวันของเดือนที่แล้ว × จำนวนวันที่ผ่านไปของเดือนนี้
    const expected=(a.paceSignal||{}).expected||0;
    const ahead=expected>0?((a.gmvToDate||0)-expected):0;
    if(ahead>0){ aheadShops++; aheadBaht+=ahead; }

    // ── สินค้าใหม่ของร้านนั้น (นิยามของ Sense: newSkus) ──
    let sm=null;
    try{ sm=(typeof computeSkuMovementForAccount==='function')?computeSkuMovementForAccount(a.id):null; }catch(e){ sm=null; }
    const news=(sm&&sm.newSkus&&sm.newSkus.length)?sm.newSkus:null;
    if(news){
      newSkuBaht+=news.reduce((t,s)=>t+(s.gmv||0),0);
      newFinds.push({id:a.id,name:a.name||'—',sku:news[0].name,gmv:news[0].gmv||0,mo:sm.recentMo});
    }
    if(ahead>0||news){
      // เก็บยอดจริงของเดือนนี้ไว้ด้วย — ตัวเลข +฿ ที่โชว์เป็น "ส่วนต่าง"
      // ไม่ใช่ยอดซื้อ และไม่ใช่ยอดคาดการณ์สิ้นเดือน ต้องมีตัวเทียบให้เห็นด้วย
      aheadTop.push({id:a.id,name:a.name||'—',baht:ahead,now:a.gmvToDate||0,
        items:news||[],mo:(sm&&sm.recentMo)||''});
    }
  });

  overdueTop.sort((x,y)=>y.baht-x.baht);
  // เรียงด้วยเงินเหมือนเดิม เพราะเงินคือสิ่งที่ต้องตัดสินใจ · ส่วนความหนักเบาบอกด้วย
  // สัดส่วนบนบรรทัดเดียวกัน จะได้เห็นว่าร้านที่เงินน้อยกว่าอาจอาการหนักกว่า
  overdueTop.forEach(sh=>{ sh.concern=(sh.share>=DI_CONCERN_SHARE||sh.baht>=DI_CONCERN_BAHT); });
  const concernList=overdueTop.filter(sh=>sh.concern);
  const concernBaht=concernList.reduce((t,sh)=>t+sh.baht,0);
  // "หนักสุด" = สัดส่วนที่หายไปมากสุด ไม่ใช่เงินมากสุด — ร้านเล็กที่หายครึ่งร้าน
  // ต้องรีบกว่าร้านใหญ่ที่หาย 3% เสมอ
  const worstShop=concernList.slice().sort((x,y)=>y.share-x.share)[0]||null;
  aheadTop.sort((x,y)=>y.baht-x.baht);
  newFinds.sort((x,y)=>y.gmv-x.gmv);

  const complete=_diDataComplete();
  const fresh=_diFlagNew(signalIds,complete);
  overdueTop.forEach(s=>{ s.items.forEach(r=>{ r.isNew=fresh.has(_diSigHash(s.id+'::'+r.id)); }); });

  const won=_diLoopClosure();
  const weekly=_diWeekly(fresh.size);

  // ── เลือก "เรื่องใหญ่ของวันนี้" ──
  // ลำดับนี้ไม่ใช่เรื่องรสนิยม: วงจรปิดมาก่อนเพราะมันบอกว่า "สิ่งที่คุณทำได้ผล"
  // ตามด้วยข่าวดีอื่น · รายการถึงรอบขึ้นพาดหัวได้ต่อเมื่อไม่มีข่าวดีจริงๆ เท่านั้น
  // ข่าวดีที่คุ้มค่าพาดหัว — เรียงด้วยเงินไว้แล้ว ลำดับคงที่ทุกเครื่อง
  const goodFinds=newFinds.filter(f=>f.gmv>=DI_GOOD_MIN);
  let big=null;
  if(won&&won.recovered.length){
    const r=won.recovered;
    big={kind:'won',shopId:r[0].aid,celebrate:'big',won:won,
      tag:'ได้ผลแล้ว',
      head:_diEsc(won.shopName)+'<br>กลับมาสั่งแล้ว',
      value:won.baht,
      body:_diEsc(_diDayAgo(won.lastDay))+'คุณทักไป วันนี้เขาสั่ง <b>'
          +r.slice(0,2).map(m=>_diEsc(m.skuName)).join('</b> กับ <b>')+'</b> กลับมาแล้วค่ะ'
          +(won.quiet.length?'<br>เหลืออีก '+won.quiet.length+' รายการที่ยังไม่ได้สั่ง':''),
      cta:'เปิดดู '+r[0].name};
  } else if(goodFinds.length){
    // เดิมหยิบร้านที่เงินมากสุดอันเดียว ⇒ พาดหัวค้างอยู่ร้านเดิมทั้งเดือน
    // เพราะข้อมูลชุดนี้เทียบจากเดือนที่ปิดแล้ว ไม่ได้ขยับรายวัน
    // ของ Ning มีข่าวดีเข้าเกณฑ์ 11 ร้าน แต่จอโชว์ร้านเดียวตลอด 30 เช้า
    // ⇒ หมุนไปทีละร้านตามวันที่ ครบรอบแล้ววนกลับมาเริ่มใหม่
    const f=goodFinds[_diDayNumber()%goodFinds.length];
    const others=goodFinds.length-1;
    big={kind:'new',shopId:f.id,celebrate:'small',
      tag:'Olive เจอมาให้',
      head:_diEsc(f.name)+'<br>เริ่มซื้อสินค้าใหม่',
      value:f.gmv,
      body:'เดือน '+_diEsc(f.mo||'')+' '+_diEsc(f.name)+' เริ่มสั่ง <b>'+_diEsc(f.sku)+'</b> '
          +'ซึ่งไม่เคยซื้อกับเรามาก่อนเลย'
          +(others?'<br>เดือนนี้ยังมีอีก <b>'+others+' ร้าน</b>ที่เริ่มซื้อสินค้าใหม่ '
                  +'พรุ่งนี้ Olive จะหยิบร้านถัดไปมาให้ค่ะ':''),
      cta:'เปิดดู '+f.name};
  } else if(aheadShops>0&&aheadBaht>=DI_GOOD_MIN){
    big={kind:'ahead',shopId:null,celebrate:null,
      tag:'Olive เจอมาให้',
      head:'เดือนนี้พอร์ตคุณ<br>ซื้อเยอะกว่าเดิม',
      value:aheadBaht,
      body:'<b>'+aheadShops+' ร้าน</b> จากทั้งหมด '+accounts.length+' ร้าน ซื้อมากกว่าจังหวะของเดือนที่แล้ว '
          +'เมื่อเทียบถึงวันเดียวกัน',
      cta:null};
  } else if(overdueTop.length){
    const s=overdueTop[0];
    big={kind:'overdue',shopId:s.id,celebrate:null,
      tag:'ทักวันนี้ยังทัน',
      head:_diEsc(s.name)+'<br>มีของถึงรอบสั่งแล้ว',
      value:s.baht,
      body:'<b>'+_diEsc(s.top.name)+'</b> ปกติสั่งทุก '+s.top.avgInterval+' วัน '
          +'เลยรอบมา '+s.top.daysLate+' วันแล้ว'+(s.count>1?' · รวมทั้งร้าน '+s.count+' รายการ':''),
      cta:'เปิดดู '+s.name};
  }

  return {
    accountCount:accounts.length,
    overdueItems, overdueShops, overdueBaht,
    concernShops:concernList.length, concernBaht, worstShop,
    aheadShops, aheadBaht, newSkuBaht,
    overdueTop, aheadTop, newFinds,
    newCount:fresh.size,
    partial:!complete,
    won, weekly, big,
    quiet:!big&&overdueItems===0
  };
}

// ═══════════════════════════════════════════════════════════════════════════
// 2b. จอของ TL — เห็นคนในทีม แล้วเห็นว่าร้านไหนของคนนั้นที่ควรพูดถึง
// ═══════════════════════════════════════════════════════════════════════════
// TL ดูแลคน ไม่ได้ดูแลร้าน ⇒ พาดหัวเป็น "คนหนึ่งคน + ร้านหนึ่งร้านของเขา"
// ไม่ใช่กองตัวเลขรวมของทั้งทีม ซึ่งบอกไม่ได้ว่าเช้านี้ควรไปคุยกับใคร
function _diIsTeamMode(){
  const p=(typeof currentUserProfile!=='undefined'&&currentUserProfile)||null;
  return !!(p&&DI_TEAM_ROLES.indexOf(p.role)>=0);
}

// "ร้านที่ควรพูดถึง" ของ KAM หนึ่งคน — บันไดเดียวกับจอ KAM ข่าวดีมาก่อนเสมอ
function _diPickShopWorthMention(accounts){
  let bestNew=null, bestLate=null, bestAhead=null;
  accounts.forEach(a=>{
    if(!a||!a.id)return;

    let sm=null;
    try{ sm=(typeof computeSkuMovementForAccount==='function')?computeSkuMovementForAccount(a.id):null; }catch(e){ sm=null; }
    if(sm&&sm.newSkus&&sm.newSkus.length){
      const top=sm.newSkus[0];
      if(!bestNew||(top.gmv||0)>bestNew.baht)
        bestNew={kind:'new',id:a.id,name:a.name||'—',baht:top.gmv||0,
          why:'เริ่มซื้อ '+(top.name||'สินค้าใหม่')};
    }

    let rows=null;
    try{ rows=(typeof computeChurnRowsForAccount==='function')?computeChurnRowsForAccount(a.id):null; }catch(e){ rows=null; }
    if(rows){
      const late=rows.filter(r=>r.type==='gone'||r.type==='near');
      if(late.length){
        late.sort((x,y)=>(y.gmv||0)-(x.gmv||0));
        const baht=late.reduce((t,r)=>t+(r.gmv||0),0);
        if(!bestLate||baht>bestLate.baht)
          bestLate={kind:'late',id:a.id,name:a.name||'—',baht:baht,count:late.length,
            why:'ของถึงรอบแล้วยังไม่สั่ง '+late.length+' รายการ'};
      }
    }

    const expected=(a.paceSignal||{}).expected||0;
    const ahead=expected>0?((a.gmvToDate||0)-expected):0;
    if(ahead>0&&(!bestAhead||ahead>bestAhead.baht))
      bestAhead={kind:'ahead',id:a.id,name:a.name||'—',baht:ahead,
        why:'ซื้อเยอะกว่าเดิม'};
  });

  if(bestNew&&bestNew.baht>=DI_GOOD_MIN)return bestNew;
  if(bestLate)return bestLate;
  if(bestAhead&&bestAhead.baht>=DI_GOOD_MIN)return bestAhead;
  if(bestNew)return bestNew;
  return null;   // พอร์ตนิ่ง — ไม่ต้องยกร้านไหนเลย
}

function buildTeamInsight(){
  if(typeof _buildKamGroups!=='function')return null;
  let groups=[];
  try{ groups=_buildKamGroups()||[]; }catch(e){ return null; }
  if(!groups.length)return null;

  let overdueItems=0, overdueShops=0, overdueBaht=0, aheadShops=0, aheadBaht=0, shops=0;
  // ร้านที่น่าเป็นห่วง — เกณฑ์เดียวกับจอของ KAM (buildDailyInsight): หายไปตั้งแต่ DI_CONCERN_SHARE % ของร้าน
  // หรือตั้งแต่ DI_CONCERN_BAHT บาทต่อเดือน · เดิมจอ TL อ่าน d.concernShops ที่ไม่เคยถูกตั้ง ⇒ "undefined จาก N ร้าน"
  let concernShops=0, concernBaht=0;
  const people=groups.map(g=>{
    const accts=g.accounts||[];
    shops+=accts.length;
    let lateItems=0, lateShops=0, lateBaht=0, upShops=0, upBaht=0;
    accts.forEach(a=>{
      let rows=null;
      try{ rows=(typeof computeChurnRowsForAccount==='function')?computeChurnRowsForAccount(a.id):null; }catch(e){ rows=null; }
      if(rows){
        const late=rows.filter(r=>r.type==='gone'||r.type==='near');
        if(late.length){
          const baht=late.reduce((t,r)=>t+(r.gmv||0),0);
          lateItems+=late.length; lateShops++; lateBaht+=baht;
          const lastGmv=(a.paceSignal||{}).lastGmv||a.lastGmv||0;
          const share=lastGmv>0?Math.round(baht/lastGmv*1000)/10:0;
          if(share>=DI_CONCERN_SHARE||baht>=DI_CONCERN_BAHT){ concernShops++; concernBaht+=baht; }
        }
      }
      const expected=(a.paceSignal||{}).expected||0;
      const ahead=expected>0?((a.gmvToDate||0)-expected):0;
      if(ahead>0){ upShops++; upBaht+=ahead; }
    });
    overdueItems+=lateItems; overdueShops+=lateShops; overdueBaht+=lateBaht;
    aheadShops+=upShops; aheadBaht+=upBaht;
    return {
      email:g.kamEmail||'', name:g.kamName||'—', total:accts.length,
      pace:g.pace||0, paceCls:g.paceCls||'',
      lateItems, lateShops, lateBaht, upShops, upBaht,
      mention:_diPickShopWorthMention(accts),
      accounts:accts
    };
  });

  // เรียงคนด้วยเงินของเรื่องที่ควรพูดถึง ไม่ใช่ตามชื่อ · คนที่ไม่มีเรื่องอยู่ท้ายสุด
  people.sort((x,y)=>((y.mention&&y.mention.baht)||0)-((x.mention&&x.mention.baht)||0));

  // พาดหัว = คนที่มีเรื่องคุ้มค่าพูดถึงที่สุด ข่าวดีมาก่อน
  const good=people.filter(p=>p.mention&&(p.mention.kind==='new'||p.mention.kind==='ahead'));
  const bad=people.filter(p=>p.mention&&p.mention.kind==='late');
  const lead=good[0]||bad[0]||null;
  let big=null;
  if(lead){
    const m=lead.mention;
    const isGood=(m.kind!=='late');
    big={kind:'team-'+m.kind,shopId:m.id,celebrate:m.kind==='new'?'small':null,
      tag:isGood?'Olive เจอมาให้':'คุยกับทีมวันนี้ยังทัน',
      head:_diEsc(lead.name)+'<br>'+_diEsc(m.name)+' '+(m.kind==='new'?'เริ่มซื้อสินค้าใหม่'
        :m.kind==='late'?'มีของถึงรอบสั่งแล้ว':'ซื้อเยอะกว่าเดิม'),
      value:m.baht,
      body:'<b>'+_diEsc(lead.name)+'</b> ดูแล '+lead.total+' ร้าน · '+_diEsc(m.why),
      cta:'เปิดดู '+m.name};
  }

  return {
    team:true, people, shops, peopleCount:people.length,
    overdueItems, overdueShops, overdueBaht, concernShops, concernBaht, aheadShops, aheadBaht,
    quietPeople:people.filter(p=>!p.mention).length,
    partial:!_diDataComplete(),
    big
  };
}

function _diRenderTeamBody(d){
  const name=_diMyName();
  let h='';
  const win=_diWindow();
  h+='<p class="di-eyebrow di-rise di-d1">'+_diEsc(_diDateLabel())+'</p>';
  h+='<p class="di-greet di-rise di-d1">'+_diEsc(_diGreeting()+_diHonorific(name))+'</p>';
  h+='<p class="di-scope di-rise di-d1">ตัวเลขในจอนี้เป็นยอดรวม <b>'+_diEsc(win.range)+'</b> ไม่ใช่ของวันนี้วันเดียว</p>';

  h+='<div class="di-find di-rise di-d2">';
  if(d.big){
    h+='<span class="di-tag'+(d.big.kind==='team-late'?' di-calm':'')+'">'+_diEsc(d.big.tag)+'</span>';
    h+='<p class="di-head">'+d.big.head+'</p>';
    h+='<p class="di-value" id="di-value">'+_diBaht(d.big.value)+'</p>';
    h+='<p class="di-p">'+d.big.body+'</p>';
    if(d.big.shopId)h+='<button class="di-cta" id="di-cta">'+_diEsc(d.big.cta)+'</button>';
  }else{
    h+='<span class="di-tag di-calm">วันนี้ยังไม่มีอะไรใหม่</span>';
    h+='<p class="di-head">ทีมนิ่งดีค่ะ</p>';
    h+='<p class="di-value"><span id="di-value">'+d.peopleCount+'</span><small> คน · '+d.shops+' ร้าน</small></p>';
    h+='<p class="di-p">ไม่มีใครในทีมที่มีเรื่องต้องรีบคุยวันนี้ค่ะ</p>';
  }
  h+='</div>';

  // รายชื่อคน — อยู่ในจอเดียวกัน ไม่ต้องกดเข้าไปอีกหน้า
  h+='<div class="di-rest di-rise di-d3"><p class="di-rest-k">คนในทีม '+d.peopleCount+' คน</p>';
  d.people.forEach((p,i)=>{
    const m=p.mention;
    const sub=m?(_diEsc(m.name)+' · '+_diEsc(m.why))
              :'พอร์ตนิ่ง ไม่มีอะไรต้องคุย';
    h+='<button class="di-row di-person di-c'+(i%4)+'" data-kam="'+_diEsc(p.email||p.name)+'">'
      +'<span class="di-row-m">'
      +'<span class="di-row-title"><i></i>'+_diEsc(p.name)+' <em>'+p.total+' ร้าน</em></span>'
      +'<span class="di-row-sub">'+sub+'</span></span>'
      +(m?'<span class="di-row-v '+(m.kind==='late'?'di-neg':'di-pos')+'">'
          +(m.kind==='late'?'':'+')+_diBaht(m.baht)+'</span>':'')
      +'<svg class="di-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round"><path d="M9 6l6 6-6 6"/></svg>'
      +'</button>';
  });
  h+='</div>';

  h+='<div class="di-rest di-rise di-d4"><p class="di-rest-k">รวมทั้งทีม '+_diEsc(win.range)+'</p>';
  h+=_diRowHtml('di-row-overdue','ร้านที่น่าเป็นห่วง',
      d.concernShops+' จาก '+d.overdueShops+' ร้าน',
      d.concernShops?_diBaht(d.concernBaht):'', 'di-neg', d.concernShops===0, 'ต่อเดือน');
  h+=_diRowHtml('di-row-ahead','ซื้อเพิ่มขึ้น',
      d.aheadShops+' ร้าน · '+win.range+' เทียบ '+win.prevRange,
      d.aheadShops?'+'+_diBaht(d.aheadBaht):'', 'di-pos', d.aheadShops===0);
  h+='</div>';

  h+='<p class="di-method di-rise di-d4">'
    +'"ร้านที่ควรพูดถึง" เลือกให้คนละหนึ่งร้าน — ของที่ร้านเพิ่งเริ่มซื้อมาก่อน '
    +'ถ้าไม่มีจึงเป็นร้านที่ถึงรอบสั่งแล้วยังไม่สั่งมากที่สุด · แตะชื่อคนเพื่อดูร้านที่เหลือ</p>';
  return h;
}

// ═══════════════════════════════════════════════════════════════════════════
// 3. การไปเยี่ยมร้านรายไตรมาส — ส่วนเสริม เติมทีหลัง ไม่มีก็ไม่เป็นไร
// ═══════════════════════════════════════════════════════════════════════════
// จงใจไม่ให้อยู่ในเส้นทางหลัก: ยิง Supabase หนึ่งครั้ง ถ้าไม่ตอบก็ซ่อนแถวนั้นทิ้ง
// จอที่เหลือมาจาก R2 ทั้งหมด ⇒ Supabase ล่มก็ยังเปิดอ่านได้
async function _diFillVisitRow(){
  const el=document.getElementById('di-row-visit');
  if(!el)return;
  try{
    if(typeof supa==='undefined'||!supa)return;
    const p=(typeof currentUserProfile!=='undefined'&&currentUserProfile)||{};
    const email=(p.email||'').toLowerCase();
    if(!email)return;
    const accounts=(typeof getPortviewAccounts==='function'?getPortviewAccounts():[])||[];
    if(!accounts.length)return;

    const now=new Date();
    const qStart=new Date(now.getFullYear(),Math.floor(now.getMonth()/3)*3,1);
    const resp=await supa.from('ci_sessions')
      .select('account_id')
      .eq('owner_email',email)
      .gte('visited_at',qStart.toISOString());
    // supabase-js ไม่ throw บน 402/5xx — มันคืน {data:null,error} เงียบๆ
    // ⇒ ต้องเช็ค error เอง ห้ามอนุมานจากการมี data
    if(!resp||resp.error||!Array.isArray(resp.data))return;

    const visited=new Set(resp.data.map(r=>String(r.account_id||'')).filter(Boolean));
    const notVisited=accounts.filter(a=>!visited.has(String(a.id)));
    if(!notVisited.length){ el.remove(); return; }

    // ในนั้นมีกี่ร้านที่มีของถึงรอบแล้วด้วย — ทำให้แถวนี้บอกลำดับความสำคัญได้ ไม่ใช่แค่จำนวน
    const d=window._diLastData||{};
    const bahtBy={};
    (d.overdueTop||[]).forEach(s=>{ if(s.concern)bahtBy[String(s.id)]=s.baht; });
    // นับเฉพาะร้านที่น่าห่วง ไม่ใช่ทุกร้านที่มีของเลยรอบสักตัว (เกือบทุกร้านเข้าเกณฑ์นั้น
    // ⇒ เดิมเขียนว่า "ใน 29 ร้านมีของถึงรอบด้วย" ซึ่งเท่ากับทั้งพอร์ตพอดี ไม่ได้บอกอะไร)
    const both=notVisited.filter(a=>bahtBy[String(a.id)]>0).length;
    d.visitList=notVisited
      .map(a=>({id:a.id,name:a.name||'—',baht:bahtBy[String(a.id)]||0,items:[]}))
      .sort((x,y)=>y.baht-x.baht);
    const qLabel='Q'+(Math.floor(now.getMonth()/3)+1);
    // v316: แถวนี้กลายเป็น "แถวเบา" แล้ว — เขียนลงช่องข้อความช่องเดียว ส่วนจำนวนร้าน
    // ไปอยู่ในชิป · ถ้าเจอโครงเก่า (จอทีม) ยังเขียนแบบเดิมได้ ไม่พัง
    const softT=el.querySelector('.di-visit-t');
    if(softT){
      softT.innerHTML='ยังไม่ได้ไปเยี่ยมใน '+qLabel+' <b>'+notVisited.length+' ร้าน</b>'
        +(both?' ใน '+both+' ร้านน่าเป็นห่วงด้วย':'');
      const pill=el.querySelector('.di-pill');
      if(pill)pill.firstChild.nodeValue=notVisited.length+' ร้าน';
    }else{
      el.querySelector('.di-row-title').textContent='ยังไม่ได้ไปเยี่ยมใน '+qLabel;
      el.querySelector('.di-row-sub').textContent=
        notVisited.length+' ร้าน'+(both?' · ใน '+both+' ร้านน่าเป็นห่วงด้วย':'');
    }
    el.style.display='';
  }catch(e){ /* เงียบไว้ — แถวนี้เป็นของแถม ไม่ใช่เนื้อหาหลัก */ }
}

// ═══════════════════════════════════════════════════════════════════════════
// 4. หน้าตา — ระบุสีตรงๆ ทุกจุด
// ═══════════════════════════════════════════════════════════════════════════
// บทเรียนจาก pill อัปเดตเวอร์ชัน (v283): sheet นี้อยู่คนละบริบทกับ token ของแอป
// ถ้าใช้ var(--…) มันจะไม่ resolve แล้วได้ขาวบนขาว · ค่าสีทั้งหมดคัดจาก
// freshket-insights/design/tokens.css ซึ่งเป็นชุดที่บุชเลือก
function _diInjectStyles(){
  if(document.getElementById('di-style'))return;
  const st=document.createElement('style');
  st.id='di-style';
  st.textContent=`
#di-sheet{position:fixed;inset:0;z-index:9400;background:#FFFFFF;color:#1D4849;
  display:flex;flex-direction:column;font-family:'Noto Sans Thai',-apple-system,BlinkMacSystemFont,sans-serif;
  transform:translateY(100%);transition:transform .34s cubic-bezier(.32,.72,0,1);
  overscroll-behavior:contain;
  /* iPhone มีติ่ง: ไม่กันไว้ บรรทัดวันที่จะไปนอนใต้แถบสถานะ */
  padding-top:env(safe-area-inset-top)}
#di-sheet.di-on{transform:translateY(0)}
#di-sheet .di-grab{flex:0 0 auto;height:26px;display:flex;align-items:center;justify-content:center}
#di-sheet .di-grab i{display:block;width:38px;height:4px;border-radius:2px;background:#E4ECEA}
#di-sheet .di-close{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;z-index:2;
  border:none;cursor:pointer;background:#F4F8F6;color:#48696A;font-family:inherit;
  font-size:13px;font-weight:600;border-radius:999px;padding:7px 14px}
#di-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;
  padding:6px 22px calc(40px + env(safe-area-inset-bottom))}
#di-body::-webkit-scrollbar{display:none}

#di-sheet .di-eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#7D9494}
#di-sheet .di-greet{font-size:15px;color:#48696A;margin-top:8px}
/* ป้ายบอกช่วงเวลา — จอเปิดทุกเช้าแต่เลขเป็นยอดสะสมทั้งเดือน ต้องเขียนไว้ให้เห็น */
#di-sheet .di-scope{font-size:12.5px;color:#6B8788;margin-top:6px;line-height:1.5;
  background:#F2F7F4;border:1px solid #DCE8E1;border-radius:10px;padding:7px 11px;display:inline-block}
#di-sheet .di-scope b{color:#1D4849;font-weight:700}
#di-sheet .di-split{font-size:12.5px;color:#7D9494;margin:22px 0 10px;padding-top:14px;
  border-top:1px dashed #DCE8E1}
#di-sheet .di-rise{opacity:0;transform:translateY(14px)}
#di-sheet.di-in .di-rise{opacity:1;transform:none;
  transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
#di-sheet.di-in .di-d1{transition-delay:.05s}
#di-sheet.di-in .di-d2{transition-delay:.15s}
#di-sheet.di-in .di-d3{transition-delay:.25s}
#di-sheet.di-in .di-d4{transition-delay:.35s}

#di-sheet .di-find{margin-top:18px}
#di-sheet .di-tag{display:inline-block;font-size:12.5px;font-weight:600;color:#006650;
  background:#E9FFF6;border-radius:999px;padding:5px 12px}
#di-sheet .di-tag.di-calm{color:#BA8500;background:#FFFBD6}
#di-sheet .di-head{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.32;margin-top:14px}
#di-sheet .di-value{font-size:46px;font-weight:700;color:#008065;letter-spacing:-.035em;
  line-height:1;margin-top:14px;font-variant-numeric:tabular-nums}
#di-sheet .di-value small{font-size:21px;font-weight:600;color:#48696A;letter-spacing:0}
#di-sheet .di-p{font-size:15px;color:#48696A;margin-top:12px;line-height:1.6}
#di-sheet .di-p b{color:#1D4849;font-weight:600}
#di-sheet .di-cta{margin-top:16px;background:#008065;color:#fff;border:none;border-radius:12px;
  font-family:inherit;font-size:14.5px;font-weight:600;padding:11px 18px;cursor:pointer}
#di-sheet .di-cta:active{transform:scale(.96)}

/* การ์ดสรุปผลสะสมของเดือน — ใต้พาดหัว "ได้ผลแล้ว" */
#di-sheet .di-won{background:#E9FFF6;border-radius:16px;padding:14px 16px;margin-top:16px;
  display:flex;gap:11px;align-items:flex-start}
#di-sheet .di-won-ic{width:24px;height:24px;border-radius:50%;background:#008065;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;margin-top:1px;color:#fff}
#di-sheet .di-won-ic svg{width:14px;height:14px}
#di-sheet .di-won b{display:block;font-size:14.5px;font-weight:600;line-height:1.45}
#di-sheet .di-won span.s{display:block;font-size:13.5px;color:#48696A;margin-top:2px;line-height:1.5}

#di-sheet .di-rest{margin-top:30px;border-top:1px solid #E4ECEA}
#di-sheet .di-rest-k{font-size:13px;color:#7D9494;margin:16px 0 4px}
#di-sheet .di-rest-k b{color:#1D4849;font-weight:700}
#di-sheet .di-row{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;
  font-family:inherit;text-align:left;padding:15px 0;cursor:pointer;color:#1D4849;
  border-bottom:1px solid #E4ECEA}
#di-sheet .di-row:last-of-type{border-bottom:none}
#di-sheet .di-row:active{transform:scale(.985)}
#di-sheet .di-row-m{flex:1;min-width:0}
#di-sheet .di-row-title{display:block;font-size:15px;font-weight:600;line-height:1.4}
#di-sheet .di-row-sub{display:block;font-size:13.5px;color:#48696A;margin-top:2px;line-height:1.45}
#di-sheet .di-row-v{flex:0 0 auto;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;
  text-align:right}
/* หน่วยเป็นบรรทัดเล็กใต้ตัวเลข — เขียน "/ด." ต่อท้ายไม่ใช่ภาษาที่คนพูดกัน */
#di-sheet .di-row-v small{display:block;font-size:11px;font-weight:500;color:#7D9494;
  margin-top:1px;letter-spacing:0}
#di-sheet .di-row-v.di-neg{color:#B3261E}
#di-sheet .di-row-v.di-pos{color:#008065}
#di-sheet .di-chev{flex:0 0 auto;width:15px;height:15px;color:#7D9494}

/* แถวร้านบนจอแรก — ชื่อร้านกับยอดของร้านนั้น ไม่ใช่ยอดรวมก้อนเดียว
   จุดสีคือสีประจำร้าน ใช้ชุดเดียวกับหน้ารายการ จะได้จำร้านจากสีได้
   ชื่อร้านเป็นสีหมึก ไม่ทาสีตาม เพราะหกร้านสีจัดบนจอเช้าอ่านแล้วล้า */
#di-sheet .di-shop{display:flex;align-items:flex-start;gap:10px;width:100%;background:none;
  border:none;font-family:inherit;text-align:left;padding:9px 0;cursor:pointer;color:#1D4849;
  border-bottom:1px solid #EDF3F0}
#di-sheet .di-shop:active{transform:scale(.985)}
#di-sheet .di-shop>i{width:8px;height:8px;border-radius:2.5px;flex:0 0 auto;margin-top:5px;font-style:normal}
/* v316: กฎจุดสีเดิมเป็น .di-shop i ซึ่งไปทับแถบสัดส่วนที่ใช้ i เหมือนกัน
   จนกลายเป็นจุด 8px มองไม่เห็น ⇒ ล็อกให้จุดสีเป็นลูกโดยตรงเท่านั้น (>i) */
#di-sheet .di-share>i{width:auto;height:100%;border-radius:2px;margin-top:0;font-style:normal}
#di-sheet .di-shop-m{flex:1;min-width:0}
#di-sheet .di-shop-n{display:block;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
#di-sheet .di-shop-s{display:block;font-size:12px;color:#5D7C7A;margin-top:1px;line-height:1.4}
#di-sheet .di-shop-v{flex:0 0 auto;font-size:14px;font-weight:700;text-align:right;
  font-variant-numeric:tabular-nums;padding-top:1px}
#di-sheet .di-shop-v.di-pos{color:#008065}
#di-sheet .di-allbtn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;
  margin-top:12px;background:#F4F8F6;border:1px solid #E4ECEA;border-radius:12px;color:#006650;
  font-family:inherit;font-size:13.5px;font-weight:600;padding:11px 14px;cursor:pointer}
#di-sheet .di-allbtn:active{transform:scale(.985)}
#di-sheet .di-allbtn svg{width:15px;height:15px}
#di-sheet .di-calmline{font-size:14.5px;color:#48696A;padding:14px 0 2px;line-height:1.6}
#di-sheet .di-olive{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding-top:20px;
  border-top:1px solid #E4ECEA}
#di-sheet .di-av{width:30px;height:30px;border-radius:50%;flex:0 0 auto;color:#fff;
  background:linear-gradient(140deg,#00CE7C,#008065);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
#di-sheet .di-olive p{font-size:14.5px;color:#48696A;line-height:1.6}
#di-sheet .di-olive p b{color:#1D4849;font-weight:600}
#di-sheet .di-method{font-size:12.5px;color:#7D9494;margin-top:20px;line-height:1.55}

/* ── v316: แถวเบาที่กดต่อได้ (ไอคอนนำหน้า + ชิปตัวเลข) ──────────────────────
   ฝั่งข่าวดีกับแถวไปเยี่ยมถูกลดน้ำหนักลงเป็นประโยค ไม่ใช่บล็อกที่มีหัวข้อ+ปุ่ม
   แต่ต้องยังอ่านออกว่ากดได้ ⇒ ไอคอนบอกว่าเรื่องอะไร · ชิปบอกว่ากดแล้วเจออะไร */
#di-sheet .di-soft{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;
  background:none;border:none;font-family:inherit;color:#48696A;font-size:13.5px;line-height:1.6;
  padding:13px 0;cursor:pointer;border-bottom:1px solid #E4ECEA}
#di-sheet .di-soft:last-of-type{border-bottom:none}
#di-sheet .di-soft b{color:#1D4849;font-weight:600}
#di-sheet .di-soft-t{flex:1;min-width:0}
#di-sheet .di-soft:active{background:#F4F8F6;border-radius:10px}
#di-sheet .di-soft:focus-visible{outline:2px solid #008065;outline-offset:3px;border-radius:8px}
#di-sheet .di-lead{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:#F4F8F6;
  display:flex;align-items:center;justify-content:center;color:#008065;margin-top:1px}
#di-sheet .di-lead svg{width:15px;height:15px}
#di-sheet .di-pill{display:inline-flex;align-items:center;gap:5px;background:#E9FFF6;color:#006650;
  border-radius:999px;padding:3px 5px 3px 10px;font-size:13px;font-weight:600;white-space:nowrap}
#di-sheet .di-pill svg{width:12px;height:12px}
#di-sheet .di-soft:active .di-pill{background:#008065;color:#FFFFFF}
/* แถบแทนข้อความ "หายไป N%" — ตาจับรูปได้ไวกว่าอ่านเลข · เลขจริงยังอยู่ใน aria-label
   และในหน้ารายการเต็ม ⇒ ไม่ได้หายไปจากระบบ แค่ไม่กินบรรทัดบนจอเช้า */
#di-sheet .di-share{display:block;height:4px;border-radius:2px;background:#E4ECEA;margin-top:7px;overflow:hidden}
#di-sheet .di-share i{display:block;height:100%;border-radius:2px}
/* คำอธิบายทั้งหมดยุบไว้ที่เดียว — เดิมกระจายอยู่บนสุด (ป้ายช่วงเวลา) และล่างสุด (นิยาม 4 คำ)
   รวมกัน 12 บรรทัด พอ ๆ กับการ์ดหลักทั้งใบ */
#di-sheet .di-disc{margin-top:22px;border-top:1px solid #E4ECEA}
#di-sheet .di-disc summary{display:flex;align-items:center;justify-content:space-between;
  list-style:none;cursor:pointer;font-size:13px;font-weight:600;color:#7D9494;padding:16px 0 0}
#di-sheet .di-disc summary::-webkit-details-marker{display:none}
#di-sheet .di-disc summary em{font-style:normal;font-size:16px;line-height:1}
#di-sheet .di-disc[open] summary em{transform:rotate(45deg)}

#di-boot{position:absolute;inset:0;z-index:5;background:#FFFFFF;display:flex;
  flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 40px;text-align:center}
#di-boot.di-gone{opacity:0;pointer-events:none;transition:opacity .45s ease}
#di-boot .di-av{width:46px;height:46px;font-size:18px;animation:di-pulse 1.6s ease-in-out infinite}
#di-boot p{font-size:15px;color:#48696A;line-height:1.6}
@keyframes di-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.86}}

/* ── หน้ารายการเต็ม — เลื่อนเข้ามาจากขวาทับจอสรุป ─────────────────────── */
#di-list{position:absolute;inset:0;z-index:4;background:#FFFFFF;display:flex;flex-direction:column;
  padding-top:env(safe-area-inset-top);
  transform:translateX(100%);transition:transform .32s cubic-bezier(.32,.72,0,1)}
#di-list.di-on{transform:translateX(0)}
#di-list .di-top{flex:0 0 auto;display:flex;align-items:flex-end;gap:10px;padding:26px 16px 12px;
  border-bottom:1px solid #E4ECEA}
#di-list .di-back{background:none;border:none;padding:6px;cursor:pointer;color:#1D4849;display:flex}
#di-list .di-back svg{width:22px;height:22px}
#di-list .di-top-t{flex:1;min-width:0}
#di-list .di-top-t b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em}
#di-list .di-top-t span{display:block;font-size:12.5px;color:#48696A;margin-top:1px}
#di-list-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;
  padding:4px 22px calc(40px + env(safe-area-inset-bottom))}
#di-list-body::-webkit-scrollbar{display:none}

#di-sheet .di-tools{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 2px}
#di-sheet .di-tools button{background:#F4F8F6;border:1px solid #E4ECEA;border-radius:999px;
  color:#48696A;font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 13px;cursor:pointer}
#di-sheet .di-tools button.on{background:#008065;border-color:#008065;color:#fff}
#di-sheet .di-hint{font-size:12.5px;color:#7D9494;margin-top:10px;line-height:1.5}

#di-sheet .di-grp{display:flex;align-items:center;gap:9px;padding:22px 0 8px}
#di-sheet .di-grp i{width:9px;height:9px;border-radius:3px;flex:0 0 auto;font-style:normal}
#di-sheet .di-grp b{font-size:15.5px;font-weight:700;letter-spacing:-.015em;line-height:1.35;
  min-width:0;overflow-wrap:anywhere}
#di-sheet .di-grp span{font-size:12.5px;color:#7D9494;flex:0 0 auto;margin-left:auto;white-space:nowrap}
/* สีชื่อร้าน = สีประจำร้าน ให้จำร้านได้จากสี ไม่ใช่สีบอกดี/ร้าย
   ตัวเลขในลิสต์เลยเป็นสีหมึก ไม่งั้นสองระบบสีจะตีกัน */
#di-sheet .di-c0 b{color:#CC5200} #di-sheet .di-c0 i{background:#FF6600}
#di-sheet .di-c1 b{color:#C43E74} #di-sheet .di-c1 i{background:#C43E74}
#di-sheet .di-c2 b{color:#BA8500} #di-sheet .di-c2 i{background:#BA8500}
#di-sheet .di-c3 b{color:#B3261E} #di-sheet .di-c3 i{background:#B3261E}

#di-sheet .di-item{display:flex;align-items:flex-start;gap:12px;width:100%;background:none;border:none;
  font-family:inherit;text-align:left;padding:14px 0;cursor:pointer;color:#1D4849;
  border-bottom:1px solid #E4ECEA;
  transition:opacity .3s ease,transform .12s ease;-webkit-touch-callout:none;user-select:none}
#di-sheet .di-item:active{transform:scale(.985)}
#di-sheet .di-item.di-done{opacity:.5}
#di-sheet .di-item-m{flex:1;min-width:0}
#di-sheet .di-item-n{display:block;font-size:14.5px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
#di-sheet .di-item-s{display:block;font-size:13px;color:#48696A;margin-top:3px;line-height:1.45}
#di-sheet .di-item-v{flex:0 0 auto;font-size:14.5px;font-weight:700;color:#1D4849;
  font-variant-numeric:tabular-nums}
#di-sheet .di-badge{display:inline-block;font-size:11px;font-weight:700;color:#CC5200;
  background:#FFEEE1;border-radius:999px;padding:1px 7px;margin-left:6px}
#di-sheet .di-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;
  color:#006650;background:#E9FFF6;border-radius:999px;padding:2px 8px;margin-top:5px}

/* ── แถวรายชื่อคนในทีม (จอ TL) ───────────────────────────────────────── */
#di-sheet .di-person .di-row-title{display:flex;align-items:center;gap:8px}
#di-sheet .di-person .di-row-title i{width:9px;height:9px;border-radius:3px;flex:0 0 auto;font-style:normal}
#di-sheet .di-person .di-row-title em{font-style:normal;font-size:12.5px;font-weight:500;color:#7D9494}
#di-sheet .di-person.di-c0 .di-row-title{color:#CC5200} #di-sheet .di-person.di-c0 i{background:#FF6600}
#di-sheet .di-person.di-c1 .di-row-title{color:#C43E74} #di-sheet .di-person.di-c1 i{background:#C43E74}
#di-sheet .di-person.di-c2 .di-row-title{color:#BA8500} #di-sheet .di-person.di-c2 i{background:#BA8500}
#di-sheet .di-person.di-c3 .di-row-title{color:#B3261E} #di-sheet .di-person.di-c3 i{background:#B3261E}

/* ── บล็อกสรุปสัปดาห์ (วันจันทร์) วางบนสุดของจอ ─────────────────────── */
#di-sheet .di-week{background:#F4F8F6;border:1px solid #E4ECEA;border-radius:16px;
  padding:13px 15px;margin-top:16px}
#di-sheet .di-week-k{font-size:11.5px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:#7D9494}
#di-sheet .di-week p{font-size:14.5px;line-height:1.55;color:#48696A;margin-top:6px}
#di-sheet .di-week p b{color:#1D4849;font-weight:700}

/* ── สรุปเดือนแบบสไลด์ ──────────────────────────────────────────────── */
#di-wrap{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;
  padding:env(safe-area-inset-top) 0 0;color:#fff;
  background:linear-gradient(155deg,#0F2E27,#00443A 62%,#063A32);
  opacity:0;pointer-events:none;transition:opacity .3s ease}
#di-wrap.di-on{opacity:1;pointer-events:auto}
#di-wrap .di-bars{display:flex;gap:4px;padding:12px 16px 0}
#di-wrap .di-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.24)}
#di-wrap .di-bars i.on{background:#00CE7C}
#di-wrap .di-wclose{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;
  z-index:2;background:rgba(255,255,255,.14);border:none;color:#fff;font-family:inherit;
  font-size:12.5px;font-weight:600;border-radius:999px;padding:6px 13px;cursor:pointer}
#di-wrap .di-slide{flex:1;display:flex;flex-direction:column;justify-content:center;
  padding:0 26px 70px;text-align:left}
#di-wrap .di-wk{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:rgba(199,255,231,.62)}
#di-wrap .di-wh{font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1.3;margin-top:12px}
#di-wrap .di-wv{font-size:48px;font-weight:700;letter-spacing:-.04em;line-height:1;
  margin-top:16px;color:#00CE7C;font-variant-numeric:tabular-nums}
#di-wrap .di-wp{font-size:15px;line-height:1.62;color:rgba(214,245,232,.8);margin-top:14px}
#di-wrap .di-wp b{color:#fff;font-weight:600}
#di-wrap .di-wlist{margin-top:16px;display:flex;flex-direction:column;gap:9px}
#di-wrap .di-wrow{display:flex;align-items:baseline;gap:10px;font-size:14.5px}
#di-wrap .di-wrow span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#di-wrap .di-wrow b{flex:0 0 auto;color:#00CE7C;font-weight:700;font-variant-numeric:tabular-nums}
#di-wrap .di-wgo{margin-top:24px;align-self:flex-start;background:#00CE7C;color:#04352C;
  border:none;border-radius:12px;font-family:inherit;font-size:14.5px;font-weight:700;
  padding:12px 20px;cursor:pointer}
#di-wrap .di-wtap{position:absolute;bottom:26px;left:0;right:0;text-align:center;
  font-size:12px;color:rgba(199,255,231,.5)}

/* ── ฉลอง: ตำแหน่งกำหนดตายตัว ทดสอบซ้ำได้ผลเดิม ห้ามใช้ Math.random ── */
#di-spark{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}
#di-spark i{position:absolute;width:7px;height:7px;border-radius:2px;opacity:0;
  animation:di-pop 1.15s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes di-pop{0%{opacity:0;transform:translateY(0) scale(.4)}
  18%{opacity:1}100%{opacity:0;transform:translateY(-96px) scale(1)}}

/* ปุ่มใน nav — ขยับเฉพาะตอนยังไม่อ่าน อนิเมชันเป็นข้อมูล ไม่ใช่ของประดับ */
#nav-restaurant.di-live{color:#00CE7C}
#nav-restaurant.di-live .di-pip{position:absolute;top:2px;right:calc(50% - 16px);width:7px;height:7px;
  border-radius:50%;background:#FF6600}
#nav-restaurant.di-live.di-unread svg{animation:di-breathe 3.4s ease-in-out infinite}
@keyframes di-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}

/* ── จอสองหน้าของ KAM (6b) — สีตายตัวชุดเดียวกับข้างบน · แดง #B3261E = ข่าวร้ายเสมอ ── */
#di-body.di-paged{padding:0;overflow:hidden;display:flex}
#di-sheet .di-pages{flex:1;min-width:0;display:flex;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
#di-sheet .di-pages::-webkit-scrollbar{display:none}
#di-sheet .di-page{flex:0 0 100%;min-width:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;
  overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;
  padding:2px 20px calc(14px + env(safe-area-inset-bottom))}
#di-sheet .di-page::-webkit-scrollbar{display:none}
#di-sheet .di-pg-top{font-size:13px;color:#7D9494;font-weight:600;padding-right:64px;line-height:1.5}
#di-sheet .di-pg-tag{align-self:flex-start;margin-top:12px;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 12px}
#di-sheet .di-bad .di-pg-tag{color:#B3261E;background:#FDF1F0;border:1px solid #F4C7C3}
#di-sheet .di-good .di-pg-tag{color:#006650;background:#E9FFF6}
#di-sheet .di-pg-head{font-size:23px;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin-top:10px;color:#1D4849;text-wrap:balance}
#di-sheet .di-bad .di-pg-head{color:#B3261E}
#di-sheet .di-bad .di-pg-head span{color:#1D4849}
#di-sheet .di-good .di-pg-head span{color:#008065}
#di-sheet .di-pg-imp{margin-top:12px;border-radius:14px;padding:12px 14px}
#di-sheet .di-bad .di-pg-imp{background:#FDF1F0;border:1px solid #F4C7C3}
#di-sheet .di-good .di-pg-imp{background:#E9FFF6;border:1px solid #C9F0DF}
#di-sheet .di-pg-imp-k{font-size:12.5px;font-weight:700}
#di-sheet .di-bad .di-pg-imp-k{color:#7A1F18}
#di-sheet .di-good .di-pg-imp-k{color:#006650}
/* "105.2% → ดึงกลับได้ 106.4%" ห้ามแตกกลางคำ (Bucci) — จอแคบให้ตกลงไปทั้งก้อน */
#di-sheet .di-pg-imp-v{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;margin-top:2px;
  font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.25;font-variant-numeric:tabular-nums}
#di-sheet .di-pg-imp-v span{white-space:nowrap}
#di-sheet .di-pg-imp-v small{font-size:14px;font-weight:700;letter-spacing:0;white-space:nowrap}
#di-sheet .di-bad .di-pg-imp-v{color:#B3261E}
#di-sheet .di-good .di-pg-imp-v{color:#008065}
#di-sheet .di-good .di-pg-imp-v small{color:#006650}
#di-sheet .di-pg-comm{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:10px;padding-top:10px;border-top:1px solid #F4C7C3}
#di-sheet .di-pg-comm p{font-size:13px;font-weight:700;color:#7A1F18;line-height:1.35}
/* ป้ายเงินค่าคอมฯ = หน้าตาเดียวกับ .tv-payout-pill / .pv-comm-chip (ทอง #ffe08a บนกรมท่า) */
#di-sheet .di-pg-pill{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border-radius:999px;
  background:linear-gradient(135deg,#23497E,#0D1C34);border:1px solid rgba(255,198,56,.6);
  box-shadow:0 0 0 3px rgba(255,224,138,.22);color:#FFE08A;white-space:nowrap;
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
#di-sheet .di-pg-pill i{font-style:normal;font-family:'Noto Sans Thai',sans-serif;font-size:11.5px;font-weight:700;color:rgba(255,224,138,.82)}
#di-sheet .di-pg-list{margin-top:10px}
#di-sheet .di-pg-row{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;
  border-bottom:1px solid #EDF3F0;font-family:inherit;text-align:left;padding:8px 0;cursor:pointer;color:#1D4849}
#di-sheet .di-pg-row-m{flex:1;min-width:0}
#di-sheet .di-pg-row-n{display:block;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#di-sheet .di-pg-row-s{display:block;font-size:12.5px;color:#5D7C7A;line-height:1.35;margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#di-sheet .di-pg-row-v{flex:0 0 auto;font-size:14.5px;font-weight:700;font-variant-numeric:tabular-nums}
#di-sheet .di-bad .di-pg-row-v{color:#B3261E}
#di-sheet .di-good .di-pg-row-v{color:#008065}
#di-sheet .di-pg-more{display:block;width:100%;background:none;border:none;font-family:inherit;text-align:left;
  padding:9px 0 0;font-size:13px;font-weight:700;cursor:pointer}
#di-sheet .di-bad .di-pg-more{color:#B3261E}
#di-sheet .di-good .di-pg-more{color:#006650}
#di-sheet .di-pg-olive{margin-top:12px;display:flex;gap:11px;align-items:flex-start;background:#F4F8F6;
  border:1px solid #E4ECEA;border-radius:14px;padding:12px 13px}
#di-sheet .di-pg-olive-k{font-size:12px;font-weight:700;color:#006650}
#di-sheet .di-pg-olive-p{font-size:14px;color:#1D4849;line-height:1.55;margin-top:2px}
#di-sheet .di-bad .di-pg-olive-p b{color:#B3261E;font-weight:700}
#di-sheet .di-good .di-pg-olive-p b{color:#006650;font-weight:700}
#di-sheet .di-pg-cta{margin-top:12px;width:100%;color:#FFFFFF;border:none;border-radius:12px;font-family:inherit;
  font-size:15px;font-weight:700;padding:13px 16px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#di-sheet .di-bad .di-pg-cta{background:#B3261E}
#di-sheet .di-good .di-pg-cta{background:#008065}
#di-sheet .di-pg-foot{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:center;gap:10px}
#di-sheet .di-pg-dots{display:flex;gap:6px}
#di-sheet .di-pg-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#D5E2DD}
#di-sheet .di-pg-dots i.on{width:18px;border-radius:4px}
#di-sheet .di-pg-dots i.on.di-bad{background:#B3261E}
#di-sheet .di-pg-dots i.on.di-good{background:#008065}
#di-sheet .di-pg-hint{background:none;border:none;font-family:inherit;font-size:12.5px;color:#48696A;font-weight:600;
  cursor:pointer;padding:6px 0}
/* กล่อง "ได้ผลแล้ว" + สรุปสัปดาห์ (รอบ 3) — ขอบเขียว พื้นขาว เด่นด้วยเส้น ไม่ใช่พื้นทึบ */
#di-sheet .di-pg-won{margin-top:12px;display:flex;gap:10px;align-items:flex-start;background:#FFFFFF;
  border:1.5px solid #8FD9B6;border-radius:14px;padding:11px 13px}
#di-sheet .di-pg-won-ic{width:26px;height:26px;border-radius:50%;background:#008065;color:#FFFFFF;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:1px}
#di-sheet .di-pg-won-ic svg{width:15px;height:15px}
#di-sheet .di-pg-won-m{min-width:0}
#di-sheet .di-pg-won-k{font-size:12px;font-weight:700;color:#006650;letter-spacing:.02em}
#di-sheet .di-pg-won-p{font-size:14px;line-height:1.45;color:#1D4849;margin-top:1px}
#di-sheet .di-pg-won-p b{font-weight:700;color:#006650}
#di-sheet .di-pg-won-w{font-size:12.5px;line-height:1.45;color:#48696A;margin-top:5px;padding-top:5px;border-top:1px dashed #C9F0DF}
#di-sheet .di-pg-won-w.di-solo{margin-top:1px;padding-top:0;border-top:none}
#di-sheet .di-pg-won-w b{color:#1D4849;font-weight:700}
#di-sheet .di-pg-row:focus-visible,#di-sheet .di-pg-cta:focus-visible,#di-sheet .di-pg-hint:focus-visible,
#di-sheet .di-pg-more:focus-visible{outline:2px solid #008065;outline-offset:2px}
/* จอเตี้ย (Android 360×740 ฯลฯ) — บีบระยะให้ยังจบในหนึ่งจอ (วัดจริง: 844 พอดี · 740 ล้น ~50px ก่อนบีบ) */
@media (max-height:780px){
  #di-sheet .di-pg-tag{margin-top:8px}
  #di-sheet .di-pg-head{font-size:20px;margin-top:6px}
  #di-sheet .di-pg-imp{margin-top:9px;padding:9px 12px}
  #di-sheet .di-pg-imp-v{font-size:20px}
  #di-sheet .di-pg-comm{margin-top:7px;padding-top:7px}
  #di-sheet .di-pg-list{margin-top:6px}
  #di-sheet .di-pg-row{padding:5px 0}
  #di-sheet .di-pg-more{padding-top:6px}
  #di-sheet .di-pg-olive{margin-top:8px;padding:9px 11px}
  #di-sheet .di-pg-olive-p{font-size:13px;line-height:1.45}
  #di-sheet .di-pg-cta{margin-top:8px;padding:11px 14px}
  #di-sheet .di-pg-foot{padding-top:6px}
}
/* iPhone SE / 8 (375×667) — เตี้ยสุดที่ยังมีคนใช้ บีบอีกชั้น */
@media (max-height:700px){
  #di-sheet .di-pg-top{font-size:12px}
  #di-sheet .di-pg-tag{margin-top:6px;padding:3px 10px}
  #di-sheet .di-pg-head{font-size:19px}
  #di-sheet .di-pg-imp-v{font-size:18px}
  #di-sheet .di-pg-pill{font-size:13.5px;padding:4px 10px}
  #di-sheet .di-pg-row{padding:4px 0}
  #di-sheet .di-pg-olive-p{font-size:12.5px;line-height:1.4}
  #di-sheet .di-pg-cta{padding:10px 14px}
}

/* ── หน้าต่างเตือน visit กลางจอ — z 9450: เหนือแถบล่าง/FAB ใต้ Echo sheet กับ login (9999) ── */
#di-vpop{position:fixed;inset:0;z-index:9450;display:flex;align-items:center;justify-content:center;
  padding:20px;box-sizing:border-box;background:rgba(16,36,37,.55);opacity:0;transition:opacity .22s ease;
  font-family:'Noto Sans Thai',-apple-system,BlinkMacSystemFont,sans-serif}
#di-vpop.di-on{opacity:1}
#di-vpop .di-vp-card{width:100%;max-width:360px;box-sizing:border-box;background:#FFFFFF;border-radius:24px;
  padding:28px 22px 22px;color:#1D4849;text-align:center;box-shadow:0 24px 60px rgba(8,24,25,.35);
  transform:scale(.96);transition:transform .22s ease}
#di-vpop.di-on .di-vp-card{transform:none}
#di-vpop p{margin:0}
#di-vpop .di-vp-ic{width:58px;height:58px;border-radius:50%;background:#FFF1C9;color:#8A5A00;
  display:flex;align-items:center;justify-content:center;margin:0 auto}
#di-vpop .di-vp-ic svg{width:30px;height:30px}
#di-vpop .di-vp-k{font-size:16px;font-weight:700;color:#48696A;margin-top:14px}
#di-vpop .di-vp-n{font-size:17px;font-weight:700;color:#7A4E00;margin-top:2px;font-variant-numeric:tabular-nums}
#di-vpop .di-vp-n b{font-size:64px;font-weight:700;color:#8A5A00;letter-spacing:-.04em;line-height:1.05}
#di-vpop .di-vp-bar{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:14px}
#di-vpop .di-vp-bar i{display:block;height:9px;border-radius:5px;background:#F2E2B6}
#di-vpop .di-vp-bar i.on{background:#E3A008}
#di-vpop .di-vp-warn{margin-top:16px;font-size:17px;font-weight:700;color:#8A5A00;line-height:1.45}
#di-vpop .di-vp-warn svg{width:19px;height:19px;vertical-align:-3px;margin-right:6px}
#di-vpop .di-vp-nv{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;
  padding:12px 14px;background:#F4F8F6;border:1px solid #E4ECEA;border-radius:14px;text-align:left}
#di-vpop .di-vp-nv p{font-size:14.5px;color:#1D4849;line-height:1.4}
#di-vpop .di-vp-nv b{font-weight:700;white-space:nowrap}
#di-vpop .di-vp-go{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:700;
  color:#006650;background:#E9FFF6;border:none;border-radius:999px;padding:6px 8px 6px 12px;font-family:inherit;cursor:pointer}
#di-vpop .di-vp-go svg{width:13px;height:13px}
#di-vpop .di-vp-go:focus-visible{outline:2px solid #008065;outline-offset:2px}
#di-vpop .di-vp-nv + .di-vp-cta{margin-top:16px}
#di-vpop .di-vp-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:24px;
  background:#008065;color:#FFFFFF;border:none;border-radius:14px;font-family:inherit;font-size:16.5px;font-weight:700;
  padding:15px 16px;cursor:pointer}
#di-vpop .di-vp-cta svg{width:20px;height:20px;flex:0 0 auto}
#di-vpop .di-vp-cta:focus-visible{outline:2px solid #1D4849;outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  #di-sheet,#di-list,#di-wrap,#di-sheet.di-in .di-rise,#di-boot,#di-vpop,#di-vpop .di-vp-card{transition:none}
  #di-sheet .di-rise{opacity:1;transform:none}
  #di-boot .di-av,#nav-restaurant.di-live.di-unread svg,#di-spark i{animation:none}
  #di-spark{display:none}
}
`;
  document.head.appendChild(st);
}

// ═══════════════════════════════════════════════════════════════════════════
// 5. ฉลอง — ขนาดแปรตามขนาดข่าว และจุดครั้งเดียวต่อวัน
// ═══════════════════════════════════════════════════════════════════════════
const DI_SPARK_COLORS=['#00CE7C','#FF6600','#FFF53E','#C43E74'];
function _diCelebrate(level){
  if(!level||_diReduceMotion())return false;
  if(_diLoadState().celebrated===_diToday())return false;   // วันละครั้งพอ
  const host=document.getElementById('di-spark');
  if(!host)return false;
  const n=level==='big'?16:8;
  let html='';
  for(let i=0;i<n;i++){
    // ตำแหน่งคำนวณจาก index ล้วนๆ — เปิดกี่ครั้งก็ได้ภาพเดิม เทสต์ซ้ำได้
    const left=12+((i*37)%72);
    const delay=((i%5)*0.06).toFixed(2);
    const dur=(0.95+((i%4)*0.12)).toFixed(2);
    html+='<i style="left:'+left+'%;top:'+(level==='big'?38:44)+'%;'
        +'background:'+DI_SPARK_COLORS[i%4]+';animation-delay:'+delay+'s;'
        +'animation-duration:'+dur+'s"></i>';
  }
  host.innerHTML=html;
  _diSaveState({celebrated:_diToday()});
  setTimeout(()=>{ const h=document.getElementById('di-spark'); if(h)h.innerHTML=''; },2400);
  return true;
}

// ═══════════════════════════════════════════════════════════════════════════
// 6. เนื้อหาจอสรุป
// ═══════════════════════════════════════════════════════════════════════════
function _diRowHtml(id,title,sub,value,cls,hidden,unit){
  return '<button class="di-row" id="'+id+'"'+(hidden?' style="display:none"':'')+'>'
    +'<span class="di-row-m"><span class="di-row-title">'+_diEsc(title)+'</span>'
    +'<span class="di-row-sub">'+_diEsc(sub)+'</span></span>'
    +(value?'<span class="di-row-v '+(cls||'')+'">'+_diEsc(value)
        +(unit?'<small>'+_diEsc(unit)+'</small>':'')+'</span>':'')
    +'<svg class="di-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round"><path d="M9 6l6 6-6 6"/></svg>'
    +'</button>';
}

// ยอดรวมก้อนเดียวไม่ได้บอกอะไร — คนอ่านต้องได้ชื่อร้านกับยอดของร้านนั้นเลย
// ถึงจะรู้ว่าเช้านี้ควรโทรหาใคร · โชว์ DI_CONCERN_SHOW ร้านแรก ที่เหลือกดดูต่อ
function _diConcernBlock(d,win){
  const all=(d.overdueTop||[]).filter(x=>x.concern);
  // หน่วยเขียนที่หัวข้อครั้งเดียว ไม่ต้องแปะใต้ตัวเลขทุกแถว — แถวจะได้เตี้ยลง
  // เห็นได้หลายร้านขึ้นในหนึ่งหน้าจอ
  let h='<div class="di-rest di-rise di-d3"><p class="di-rest-k">ร้านที่น่าเป็นห่วง '
    +'<b>'+all.length+' ร้าน</b>'+(all.length?' · ยอดต่อเดือนที่หายไป':'')+'</p>';

  if(!all.length){
    h+='<p class="di-calmline">วันนี้ไม่มีร้านไหนน่าเป็นห่วงค่ะ</p></div>';
    return h;
  }

  all.slice(0,DI_CONCERN_SHOW).forEach((sh,i)=>{
    // สัดส่วนปัดเป็นจำนวนเต็ม — ทศนิยมบนจอเช้าไม่ได้ช่วยตัดสินใจอะไร
    const pct=Math.round(sh.share||0);
    // v316: เดิมบรรทัดนี้เป็นข้อความ "หายไป N% ของร้าน · M รายการ" ⇒ แถวหนึ่งมีตัวเลข 3 ตัว
    // เปลี่ยนสัดส่วนเป็นแถบสี (ตาจับรูปได้ไวกว่าอ่านเลข) เหลือตัวเลขบนแถวตัวเดียวคือเงิน
    // เลขจริงไม่ได้หาย — อยู่ใน aria-label ให้เครื่องอ่านหน้าจอ และอยู่ครบในหน้ารายการเต็ม
    const bits=[];
    if(pct>0)bits.push('หายไป '+pct+'% ของร้าน');
    bits.push(sh.count+' รายการ');
    const lbl=_diEsc(sh.name)+' · '+_diEsc(bits.join(' · '))+' · '+_diEsc(_diBaht(sh.baht));
    h+='<button class="di-shop di-c'+(i%4)+'" data-shop="'+_diEsc(sh.id)+'" aria-label="'+lbl+'">'
      +'<span class="di-shop-m">'
      +'<span class="di-shop-n">'+_diEsc(sh.name)+'</span>'
      +'<span class="di-share" title="'+_diEsc(bits.join(' · '))+'">'
      +'<i style="width:'+Math.max(4,Math.min(100,pct))+'%"></i></span></span>'
      +'<span class="di-shop-v">'+_diEsc(_diBaht(sh.baht))+'</span>'
      +'</button>';
  });

  const rest=all.length-DI_CONCERN_SHOW;
  h+='<button class="di-allbtn" id="di-row-overdue">'
    +(rest>0?'ดูอีก '+rest+' ร้าน · ทั้งหมด '+all.length+' ร้าน'
            :'เปิดดูทั้ง '+all.length+' ร้าน')
    +'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round"><path d="M9 6l6 6-6 6"/></svg>'
    +'</button>';
  h+='</div>';
  return h;
}

// v316: ฝั่งข่าวดีลดน้ำหนักจาก "บล็อกมีหัวข้อ + รายชื่อร้าน + ปุ่ม" เหลือ "ประโยคเดียวกดได้"
// เหตุผล: จอเช้ามีสองเรื่องที่ไม่เท่ากัน — ร้านที่น่าเป็นห่วงต้องตัดสินใจวันนี้
// ส่วนร้านที่ซื้อเพิ่มเป็นข่าวดีที่ไม่ต้องทำอะไร แต่ของเดิมสองบล็อกหน้าตาเท่ากันเป๊ะ
// ⚠️ นี่คือการกลับทิศจากการตัดสินใจเดิม (เคยแก้จากแถวเดียวเป็นรายชื่อร้าน เพราะ
//    "อ่านแล้วไม่รู้ว่าใครทำได้ดี") — ครั้งนี้ประโยคระบุชื่อร้านที่นำอยู่ และชิปพาไป
//    หน้ารายชื่อเต็มในแตะเดียว ⇒ ข้อมูลไม่ได้หาย แค่ห่างไปหนึ่งแตะ (บุชชี่เคาะ 12 ก.ย. 2569)
// ⚠️ แตะเฉพาะจอของ KAM · จอทีมของ TL (_diRenderTeamBody) ไม่แตะ
var DI_IC_TREND='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" '
  +'stroke-linecap="round" stroke-linejoin="round"><path d="M3 17l6-6 4 4 8-8"/><path d="M15 7h6v6"/></svg>';
var DI_IC_PIN='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" '
  +'stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s7-5.6 7-11a7 7 0 10-14 0c0 5.4 7 11 7 11z"/>'
  +'<circle cx="12" cy="10" r="2.6"/></svg>';
var DI_IC_CHEV='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" '
  +'stroke-linecap="round" stroke-linejoin="round"><path d="M9 5l7 7-7 7"/></svg>';

// แถวเบาหนึ่งแถว — ไอคอนบอกว่าเรื่องอะไร · ชิปบอกว่ากดแล้วเจออะไร
// id เดิม (di-row-ahead / di-row-visit) คงไว้ ⇒ _diBindBody ผูก event ได้เหมือนเดิม
function _diSoftRow(id,icon,text,pillText,hidden){
  return '<button class="di-soft" id="'+id+'"'+(hidden?' style="display:none"':'')+'>'
    +'<span class="di-lead">'+icon+'</span>'
    +'<span class="di-soft-t">'+text
    +' <span class="di-pill">'+_diEsc(pillText)+DI_IC_CHEV+'</span></span>'
    +'</button>';
}

function _diAheadBlock(d){
  var all=(d.aheadTop||[]).filter(function(x){return x.baht>0;});
  if(!all.length)return '';
  var lead=all[0];
  // หัวข้อคงคำเดิมทุกคำ ("ซื้อเพิ่มขึ้น N ร้าน · รวม +฿X") ⇒ เอกสารกับด่านเดิมยังตรง
  var txt='ซื้อเพิ่มขึ้น <b>'+all.length+' ร้าน</b> · รวม +'+_diEsc(_diBaht(d.aheadBaht))
    +(lead?' นำโดย '+_diEsc(_diClip(lead.name,26)):'');
  return _diSoftRow('di-row-ahead',DI_IC_TREND,txt,all.length+' ร้าน',false);
}

function _diRenderBody(d){
  const name=_diMyName();
  let h='';
  const win=_diWindow();
  h+='<p class="di-eyebrow di-rise di-d1">'+_diEsc(_diDateLabel())+'</p>';
  h+='<p class="di-greet di-rise di-d1">'+_diEsc(_diGreeting()+_diHonorific(name))+'</p>';

  // วันจันทร์: วางสรุปสัปดาห์ไว้บนสุด เพราะเป็นสิ่งที่ต่างจากทุกวัน
  if(d.weekly){
    const w=d.weekly;
    let line='';
    if(w.items){
      line='สัปดาห์ที่แล้วคุณทักไป <b>'+w.items+' รายการ</b> ใน <b>'+w.shops+' ร้าน</b>'
          +(w.backShops?' · กลับมาสั่งแล้ว <b>'+w.backShops+' ร้าน</b> '+_diBaht(w.backBaht)
                       :' · ยังไม่มีร้านไหนกลับมาสั่ง');
    }
    if(w.newCount){
      line+=(line?'<br>':'')+'ตั้งแต่ครั้งก่อนที่เปิดดู มีของถึงรอบเพิ่มอีก <b>'+w.newCount+' รายการ</b>';
    }
    h+='<div class="di-week di-rise di-d1"><p class="di-week-k">สัปดาห์ที่ผ่านมา</p><p>'+line+'</p></div>';
  }

  h+='<div class="di-find di-rise di-d2">';
  if(d.big){
    h+='<span class="di-tag">'+_diEsc(d.big.tag)+'</span>';
    h+='<p class="di-head">'+d.big.head+'</p>';
    h+='<p class="di-value" id="di-value">'+_diBaht(d.big.value)+'</p>';
    h+='<p class="di-p">'+d.big.body+'</p>';
    if(d.big.cta&&d.big.shopId)h+='<button class="di-cta" id="di-cta">'+_diEsc(d.big.cta)+'</button>';
    if(d.big.won&&d.big.won.monthBackShops){
      const w=d.big.won;
      h+='<div class="di-won"><span class="di-won-ic">'
        +'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>'
        +'</span><span><b>เดือนนี้ทักไป '+w.monthShops+' ร้าน กลับมาสั่ง '+w.monthBackShops+' ร้าน</b>'
        +'<span class="s">คิดเป็นเงินที่ดึงกลับได้ '+_diBaht(w.monthBackBaht)+'</span></span></div>';
    }
  }else{
    // พอร์ตนิ่ง — ยังเด้งเหมือนเดิม แต่ให้กำลังใจ ไม่ใช่จอว่างและไม่ใช่ขุดเรื่องเล็กมาทำให้ดูมีปัญหา
    h+='<span class="di-tag di-calm">วันนี้ยังไม่มีอะไรใหม่</span>';
    h+='<p class="di-head">วันนี้ไม่มีอะไรต้องรีบค่ะ</p>';
    h+='<p class="di-value"><span id="di-value">'+d.aheadShops+'</span><small> จาก '+d.accountCount+' ร้าน</small></p>';
    h+='<p class="di-p">ซื้อเยอะกว่าที่ร้านเคยซื้อในเดือนที่แล้ว<br>'
      +'พอร์ตอยู่ในทรงที่ดี ที่ทำอยู่มาถูกทางแล้วค่ะ</p>';
  }
  h+='</div>';

  h+=_diConcernBlock(d,win);
  h+=_diAheadBlock(d);

  // แถวการไปเยี่ยม: ซ่อนไว้ก่อน แล้วให้ _diFillVisitRow เปิดถ้า Supabase ตอบ
  h+=_diSoftRow('di-row-visit',DI_IC_PIN,
    '<span class="di-visit-t">ยังไม่ได้ไปเยี่ยมไตรมาสนี้</span>','ดูรายชื่อ',true);

  // v316: เดิมคำอธิบายกระจายสองที่ — ป้ายช่วงเวลาบนสุด กับนิยาม 4 คำล่างสุด รวม 12 บรรทัด
  // พอ ๆ กับการ์ดหลักทั้งใบ · และบรรทัด Olive ท้ายจอพูดซ้ำสิ่งที่เพิ่งอ่านไปข้างบน
  // ⇒ ตัดบรรทัด Olive ทิ้ง (เลขทั้งหมดของมันอยู่บนหัวบล็อกอยู่แล้ว) และยุบคำอธิบาย
  //   ทั้งหมดไว้ใต้ <details> ที่เดียว — ไม่มีข้อมูลไหนหาย แค่ไม่กินจอตอนเปิดมา
  h+='<details class="di-disc di-rise di-d4"><summary>ตัวเลขพวกนี้นับยังไง <em>+</em></summary>';
  h+='<p class="di-scope">ตัวเลขในจอนี้เป็นยอดรวม <b>'+_diEsc(win.range)+'</b> ไม่ใช่ของวันนี้วันเดียว</p>';
  h+='<p class="di-method">'
    +'<b>น่าเป็นห่วง</b> = ร้านที่ของซึ่งเคยสั่งประจำเงียบไปเกิน '+DI_CONCERN_SHARE+'% ของยอดร้านต่อเดือน '
    +'หรือเงียบเป็นเงินเกิน '+_diBaht(DI_CONCERN_BAHT)+' ต่อเดือน — ร้านที่เหลือยังอยู่ในรายการ '
    +'แค่ยังไม่ถึงขั้นน่าห่วง · แถบสีใต้ชื่อร้านคือสัดส่วนที่หายไป ยิ่งยาวยิ่งหายเยอะ '
    +'แตะที่ร้านเพื่อดูเป็นตัวเลขและรายการที่เงียบ · '
    +'<b>เงียบ</b> = เลยรอบที่ควรสั่งมาแล้ว แต่ตั้งแต่ต้นเดือนถึง '+win.days+' '+win.cur+' ยังไม่มีคำสั่งซื้อ · '
    +'<b>ซื้อเพิ่มขึ้น</b> = เอายอดเฉลี่ยต่อวันของเดือนที่แล้วมาคูณ '+win.days+' วัน '
    +'แล้วดูว่าเดือนนี้ซื้อมากกว่านั้นเท่าไร · ตัวเลข + ที่เห็นคือส่วนต่าง ไม่ใช่ยอดซื้อ '
    +'และไม่ใช่ยอดคาดการณ์สิ้นเดือน · '
    +'<b>สินค้าใหม่</b> = สินค้าที่ร้านนั้นไม่เคยสั่งกับเรามาก่อน ไม่ใช่สินค้าที่เราเพิ่งมีขาย '
    +'ดูจากสองเดือนที่ปิดไปแล้ว</p></details>';
  return h;
}

// เสียง Olive — ข้อความเขียนตายตัวจากตัวเลขจริง ไม่ได้เรียก AI
function _diOliveLine(d){
  // เลขที่ Olive พูดต้องเป็นเลขเดียวกับแถวด้านบน — พูด 29 ในขณะที่แถวบอก 9
  // คือทำให้จอขัดกันเอง และเลข 29 ก็คือทั้งพอร์ตซึ่งไม่ได้ช่วยตัดสินใจอะไร
  const n=d.concernShops||0;
  if(d.won&&d.won.monthBackShops)
    return 'ที่ทักไปเดือนนี้ได้ผล <b>'+d.won.monthBackShops+' จาก '+d.won.monthShops+' ร้าน</b>นะคะ'
      +(n?' เหลืออีก <b>'+n+' ร้าน</b>ที่น่าเป็นห่วง':'');
  // ทักข้ามเดือน: ยอดสะสมของเดือนนี้ยังเป็นศูนย์ แต่ของกลับมาสั่งแล้วจริง
  if(d.won&&d.won.recovered.length)
    return 'ที่ทักไปได้ผลแล้ว <b>'+d.won.recovered.length+' รายการ</b>กลับมาสั่งค่ะ'
      +(n?' เหลืออีก <b>'+n+' ร้าน</b>ที่น่าเป็นห่วง':'');
  if(n===0&&d.aheadShops>0)
    return 'วันนี้ไม่มีร้านไหนน่าเป็นห่วงเลยค่ะ <b>'+d.aheadShops+' ร้าน</b>ซื้อเยอะกว่าเดิมด้วย';
  if(n>0&&d.aheadShops>0)
    return '<b>'+d.aheadShops+' ร้าน</b>ซื้อเยอะกว่าเดิม ส่วนที่น่าเป็นห่วงมี <b>'+n+' ร้าน</b> '
      +_diBaht(d.concernBaht)+' ต่อเดือน'
      +(d.worstShop?' เริ่มที่ '+_diEsc(_diClip(d.worstShop.name,20))+' ก่อนได้ค่ะ':' ทักวันนี้ยังทันค่ะ');
  if(n>0)
    return 'มี <b>'+n+' ร้าน</b>ที่น่าเป็นห่วง รวม '+_diBaht(d.concernBaht)+' ต่อเดือนค่ะ';
  return 'พอร์ต '+d.accountCount+' ร้านของคุณวันนี้เรียบร้อยดีค่ะ';
}

// ═══════════════════════════════════════════════════════════════════════════
// 6b. จอสองหน้าของ KAM — ป้องกันความเสียหาย / ข่าวดี (Bucci 24 ต.ค. 2569)
// ═══════════════════════════════════════════════════════════════════════════
// Bucci: ข่าวป้องกันความเสียหายกับข่าวดี "น้ำหนัก 50/50" · ข่าวร้ายมีคำแนะนำ Olive เสมอ ตัวแดงหนา
// ไม่มีคำว่ารอ ทุกอย่างทำวันนี้ · คิดผลต่อ %NRR สิ้นเดือนให้เลย · ต้องจบในหนึ่งจอมือถือไม่ต้องเลื่อน
// "หนึ่งวันเห็นได้ทั้งข่าวดีข่าวร้ายสลับกัน" ⇒ สองหน้าปัดซ้ายขวา หน้าไหนขึ้นก่อนสลับทุกวัน
// ⇒ แทน _diRenderBody เฉพาะเมื่อมีเรื่องอย่างน้อยหนึ่งฝั่ง ไม่มีทั้งสองฝั่ง = การ์ดพอร์ตนิ่งเดิม
// แบบที่เคาะแล้ว: artifact "จอสรุปเช้า KAM" บอร์ด OneBad / OneGood / VisitPopup
// จอของ TL (_diRenderTeamBody) ไม่แตะ
const DI_PAGE_BAD_ROWS  = 4;   // ร้านบนหน้าป้องกันความเสียหาย ที่เหลือกดดูต่อ
const DI_PAGE_GOOD_ROWS = 3;   // ร้านบนหน้าข่าวดี
const DI_VISIT_GOAL     = 12;  // visit ต่อเดือนขั้นต่ำของ KAM (Bucci 24 ต.ค. 2569)

// ปัดทศนิยม 1 ตำแหน่งแบบเดียวกับตัวจ่ายเงิน (กฎโปรเจกต์: ปัดก่อนเทียบเกณฑ์เสมอ)
function _diR1(x){
  return (typeof _commTierPct==='function')?_commTierPct(Number(x)):Math.round(Number(x)*10)/10;
}
function _diFmtPct(x){ return _diR1(x).toFixed(1)+'%'; }

// %NRR ของ KAM คนนี้ — ตัวเดียวกับวงแหวนหน้าแรก (05_kam_view · _nrrHeadlineFor) ไม่คิดเอง
// ไม่มีเลข / ไม่มีฐาน = ไม่พูดเรื่อง NRR บนหน้านี้เลย ดีกว่าเดา
function _diNrrNow(){
  try{
    if(typeof _nrrHeadlineFor!=='function')return null;
    const p=(typeof currentUserProfile!=='undefined'&&currentUserProfile)||{};
    const email=String(p.email||'').toLowerCase();
    if(!email)return null;
    const h=_nrrHeadlineFor('kam',email);
    if(!h||h.pct===null||h.pct===undefined||isNaN(h.pct)||!(h.baseGmv>0))return null;
    return {pct:Number(h.pct),base:Number(h.baseGmv),period:h.period||null,email:email};
  }catch(e){ return null; }
}

// ยอดต่อเดือน ⇒ กี่จุดของ %NRR (หารฐานของ KAM คนนี้)
function _diPts(bahtPerMonth,nrr){
  if(!nrr||!(nrr.base>0)||!(bahtPerMonth>0))return 0;
  return Math.round(bahtPerMonth/nrr.base*1000)/10;
}

// ค่าคอมฯ ส่วน NRR ที่ %NRR หนึ่ง — อ่านเกณฑ์ของคนนี้เดือนนี้จาก RuleView ตัวเดียวกับสีของ %NRR
// อ่านเกณฑ์ไม่ได้ = null = ไม่พูดเรื่องเงิน (ห้ามถอยไปเลขตายตัว)
function _diCommAt(nrr,pct){
  const RV=(window.FK&&window.FK.mod)?window.FK.mod['commission/rule_view']:null;
  if(!RV||typeof RV.nrrStepAt!=='function'||typeof _dispZoneView!=='function')return null;
  const view=_dispZoneView('kam',nrr.email,nrr.period);
  if(!view||view.status==='loading')return null;
  const st=RV.nrrStepAt(view,pct);
  if(!st)return null;
  // pay = เงินของขั้น NRR ตามตารางเกณฑ์ (ไม่คูณเกต — เกตเป็นอีกบรรทัด บอกเป็นคำ ไม่บอกเป็นเงิน)
  const g=(typeof RV.gateBandAt==='function')&&RV.gateBandAt(view,pct);
  const z=(typeof nrrZoneFor==='function')&&nrrZoneFor(pct,{email:nrr.email,scope:'kam',period:nrr.period});
  const steps=(view.nrr&&view.nrr.status==='ok'&&view.nrr.value&&view.nrr.value.steps)||[];
  const tier=Number(z&&z.tier)||0;
  return {pay:st.pay,tier:tier,band:g&&g.band,from:(tier&&steps[tier-1])?steps[tier-1].from:null};
}

// %NRR ตอนนี้ไม่ได้นับของที่เงียบไปอยู่แล้ว (คิดจากยอดที่ซื้อจริงถึงเมื่อวาน)
// ⇒ บอกเป็น "ตอนนี้ X% · ถ้าดึงกลับได้ Y%" ไม่ใช่ "จะลดเหลือ" ซึ่งเป็นการหักซ้ำ
function _diPullBack(nrr,pts){
  const now=_diR1(nrr.pct), back=_diR1(nrr.pct+pts);
  const out={now:now,back:back,comm:null};
  try{
    const a=_diCommAt(nrr,now), b=_diCommAt(nrr,back);
    if(a&&b){
      if(b.tier>a.tier&&b.pay>a.pay){
        out.comm={label:'ดึงกลับได้ ถึงขั้น '+b.tier+(b.from!==null?' ('+_diR1(b.from)+'%)':''),pay:b.pay};
      }else if(b.band&&b.band!==a.band&&(a.band==='half'||a.band==='zero')){
        out.comm={label:a.band==='half'?'ดึงกลับได้ ค่าคอมฯ ไม่โดนตัดครึ่ง'
                        :(b.band==='full'?'ดึงกลับได้ ค่าคอมฯ ไม่โดนตัด':'ดึงกลับได้ ค่าคอมฯ ไม่เป็น 0'),
                  pay:null};
      }
    }
  }catch(e){}
  return out;
}

// ── เรื่องของแต่ละฝั่ง — ไม่มีเรื่อง = null = ไม่มีหน้านั้น ──
function _diBadSide(d){
  const list=((d&&d.overdueTop)||[]).filter(x=>x.concern);
  if(!list.length)return null;
  return {list:list,baht:list.reduce((t,x)=>t+(x.baht||0),0)};
}
// ข่าวดี = ร้านซื้อเพิ่ม (ถึงเกณฑ์เงิน) หรือร้านที่น้องทักแล้วกลับมาสั่ง ("ได้ผลแล้ว")
// สรุปสัปดาห์วันจันทร์ไม่ใช่ข่าวดีในตัวเอง — ต่อท้ายในกล่องเดียวกันเมื่อมีหน้านี้อยู่แล้ว (รอบ 3, 24 ต.ค.)
function _diGoodSide(d){
  const all=((d&&d.aheadTop)||[]).filter(x=>x.baht>0);
  const ahead=!!(all.length&&d.aheadBaht>=DI_GOOD_MIN);
  const won=(d&&d.won&&d.won.recovered&&d.won.recovered.length)?d.won:null;
  if(!ahead&&!won)return null;
  return {list:ahead?all:[],baht:ahead?d.aheadBaht:0,won:won,
    weekly:(d&&d.weekly&&d.weekly.items)?d.weekly:null};
}

// หน้าไหนขึ้นก่อน: สลับทุกวันที่จอเปิด (ไม่ใช่ตามวันในปฏิทิน — คนที่เปิดวันเว้นวัน
// จะเจอหน้าเดิมขึ้นก่อนตลอด) · เปิดซ้ำในวันเดียวกันได้ลำดับเดิม · ครั้งแรกสุดเริ่มที่ข่าวร้าย
function _diFirstPage(){
  const st=_diLoadState(), today=_diToday();
  if(st.pgDay===today&&(st.pgFirst==='bad'||st.pgFirst==='good'))return st.pgFirst;
  const first=st.pgFirst==='bad'?'good':'bad';
  _diSaveState({pgDay:today,pgFirst:first});
  return first;
}

function _diBadSub(sh){
  const it=sh.items||[], top=it[0]||{};
  if(it.length>=3){
    return it.slice(0,3).map(r=>r.name).join(' ')
      +(it.length>3?' และอีก '+(it.length-3)+' อย่าง':' เงียบพร้อมกัน');
  }
  return (top.name||'')+((top.daysLate||0)>1?' เลยรอบ '+top.daysLate+' วัน':' เพิ่งเลยรอบ')
    +(it.length>1?' และอีก '+(it.length-1)+' อย่าง':'');
}

// Olive แนะนำ — ข้อความตายตัวตามอาการ ไม่เรียก AI · ทุกคำเป็นสิ่งที่ทำได้วันนี้
function _diOliveBad(list){
  const s=list[0], it=s.items||[], top=it[0]||{};
  const more=list.length>1?' แล้วไล่ร้านถัดไปตามลำดับ':'';
  const call='<b>โทรหา '+_diEsc(_diClip(s.name,28))+' ก่อน</b> ';
  if(it.length>=3)
    return call+'เงียบ '+it.length+' อย่างพร้อมกัน อาจมีปัญหาคุณภาพหรือการส่ง ถามเรื่อง'
      +_diEsc(top.name)+'ก่อน ถ้าเป็นเรื่องราคา เจรจาราคาในสายเลย'+more;
  return call+_diEsc(top.name)+((top.daysLate||0)>1?'เลยรอบมา '+top.daysLate+' วัน':'เพิ่งเลยรอบ')
    +' ถามว่าเปลี่ยนเมนู หรือได้ราคาที่อื่นถูกกว่า ถ้าเป็นเรื่องราคา เจรจาราคาในสายเลย'+more;
}
function _diOliveGood(list,won){
  if(!list.length&&won)
    return '<b>โทรขอบคุณ '+_diEsc(_diClip(won.shopName,26))+'</b> แล้วถามว่าของล็อตนี้เป็นยังไง'
      +' ร้านที่ของยังเงียบอยู่ ทักแบบเดียวกันได้เลย';
  const s=list[0];
  if(s.items&&s.items.length)
    return _diEsc(s.name)+'เพิ่งเริ่มซื้อ'+_diEsc(s.items[0].name)
      +' <b>ถามร้านว่าได้ของตรงใจไหม</b> แล้วชวนลองสินค้าที่ใช้คู่กันในเมนูเดียวกัน';
  return _diEsc(s.name)+'ซื้อมากกว่าจังหวะเดือนก่อน <b>โทรขอบคุณ แล้วถามว่าร้านขายดีขึ้น'
    +' หรือย้ายของมาสั่งกับเรา</b> จะได้รู้ว่าควรเสนออะไรต่อ';
}

function _diPageRow(sh,sub,value){
  return '<button class="di-pg-row" type="button" data-shop="'+_diEsc(sh.id)+'">'
    +'<span class="di-pg-row-m"><span class="di-pg-row-n">'+_diEsc(sh.name)+'</span>'
    +'<span class="di-pg-row-s">'+_diEsc(sub)+'</span></span>'
    +'<span class="di-pg-row-v">'+_diEsc(value)+'</span></button>';
}

function _diPageBad(side,nrr){
  const n=side.list.length;
  // จอเตี้ยกว่า 700 (iPhone SE/8) โชว์ 3 ร้าน — 4 ร้านดันปุ่มแดงตกจอ (วัดที่ 375×667)
  const rows=(window.innerHeight>0&&window.innerHeight<700)?DI_PAGE_BAD_ROWS-1:DI_PAGE_BAD_ROWS;
  let h='<span class="di-pg-tag">ป้องกันความเสียหาย · ทำวันนี้</span>'
    +'<p class="di-pg-head">'+n+' ร้านกำลังเงียบไป<br><span>ยอดที่หาย '+_diBaht(side.baht)+' ต่อเดือน</span></p>';
  const pts=_diPts(side.baht,nrr);
  if(nrr&&pts>=0.1){
    const pb=_diPullBack(nrr,pts);
    h+='<div class="di-pg-imp"><p class="di-pg-imp-k">ยอดที่หายนี้ทำให้ NRR สิ้นเดือนหายไป</p>'
      +'<p class="di-pg-imp-v"><span>−'+pts.toFixed(1)+' จุด</span>'
      +'<small>'+_diFmtPct(pb.now)+' → ดึงกลับได้ '+_diFmtPct(pb.back)+'</small></p>';
    if(pb.comm){
      // ป้ายเงินใช้หน้าตาเดียวกับป้ายค่าคอมฯ ทุกที่ใน Sense (ทอง #ffe08a บนกรมท่า)
      // Bucci: "ไม่งั้น user งงมากว่า 5000 อะไร"
      h+='<div class="di-pg-comm"><p>'+_diEsc(pb.comm.label)+'</p>'
        +(pb.comm.pay?'<span class="di-pg-pill"><i>ค่าคอมฯ</i>'+_diBaht(pb.comm.pay)+'</span>':'')
        +'</div>';
    }
    h+='</div>';
  }
  h+='<div class="di-pg-list">';
  side.list.slice(0,rows).forEach(sh=>{ h+=_diPageRow(sh,_diBadSub(sh),_diBaht(sh.baht)); });
  if(n>rows)
    h+='<button class="di-pg-more" id="di-row-overdue" type="button">ดูอีก '+(n-rows)+' ร้าน</button>';
  h+='</div>';
  h+='<div class="di-pg-olive"><span class="di-av" aria-hidden="true">O</span><div>'
    +'<p class="di-pg-olive-k">Olive แนะนำ · ทำตอนนี้</p>'
    +'<p class="di-pg-olive-p">'+_diOliveBad(side.list)+'</p></div></div>';
  h+='<button class="di-pg-cta" type="button" data-shop="'+_diEsc(side.list[0].id)+'">เปิดดู '
    +_diEsc(_diClip(side.list[0].name,26))+'</button>';
  return h;
}

// กล่อง "ได้ผลแล้ว" — ร้านที่น้องทักแล้วกลับมาสั่ง + (วันจันทร์) สรุปสัปดาห์ต่อท้ายใต้เส้นประ
// เดิมเป็นพาดหัวทั้งจอพร้อมพลุ กับกล่องสัปดาห์แยกบนสุด ⇒ รวมเป็นกล่องเดียวให้ยังจบในหนึ่งจอ
function _diWonBox(won,weekly){
  if(!won&&!weekly)return '';
  let h='<div class="di-pg-won"><span class="di-pg-won-ic" aria-hidden="true">'
    +'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>'
    +'</span><div class="di-pg-won-m">';
  if(won){
    const ago=_diDayAgo(won.lastDay);
    h+='<p class="di-pg-won-k">ได้ผลแล้ว</p>'
      +'<p class="di-pg-won-p"><b>'+_diEsc(_diClip(won.shopName,28))+' กลับมาสั่ง'+_diEsc(won.recovered[0].skuName)+'แล้ว</b>'
      +' หลังคุณทักไป'+(ago==='เมื่อวาน'?'เมื่อวาน':' '+ago)+'</p>';
  }else{
    h+='<p class="di-pg-won-k">สัปดาห์ที่ผ่านมา</p>';
  }
  if(weekly){
    h+='<p class="di-pg-won-w'+(won?'':' di-solo')+'">สัปดาห์ที่แล้วคุณทักไป <b>'+weekly.items+' รายการ ใน '+weekly.shops+' ร้าน</b>'
      +(weekly.backShops?' · กลับมาสั่งแล้ว <b>'+weekly.backShops+' ร้าน '+_diBaht(weekly.backBaht)+'</b>'
                        :' · ยังไม่มีร้านไหนกลับมาสั่ง')+'</p>';
  }
  return h+'</div></div>';
}

function _diPageGood(side,nrr,win){
  const n=side.list.length;
  let h='<span class="di-pg-tag">ข่าวดีของวันนี้</span>';
  if(n){
    h+='<p class="di-pg-head">'+n+' ร้านซื้อเพิ่มขึ้น<br><span>+'+_diBaht(side.baht)+' เทียบจังหวะเดือนก่อน</span></p>';
  }else{
    h+='<p class="di-pg-head">ที่คุณทักได้ผลแล้ว<br><span>'+_diEsc(_diClip(side.won.shopName,24))+' กลับมาสั่ง</span></p>';
  }
  // +฿ เป็นส่วนต่างถึงเมื่อวาน ⇒ ทำเป็นยอดต่อเดือนก่อน (หาร 30 แบบเดียวกับที่ %NRR คิดยอดเดือนที่ยังไม่จบ)
  const days=(win&&win.days)||0;
  const pts=(n&&days>0)?_diPts(side.baht/days*30,nrr):0;
  if(nrr&&pts>=0.1){
    h+='<div class="di-pg-imp"><p class="di-pg-imp-k">ยอดที่เพิ่มนี้ช่วยดัน NRR เดือนนี้</p>'
      +'<p class="di-pg-imp-v"><span>+'+pts.toFixed(1)+' จุด</span><small>รักษาไว้ให้ถึงสิ้นเดือน</small></p></div>';
  }
  const box=_diWonBox(side.won,side.weekly);
  h+=box;
  // มีกล่องได้ผลแล้ว ⇒ ร้านลดจาก 3 เหลือ 2 ให้ยังพอดีหนึ่งจอ
  const rows=box?DI_PAGE_GOOD_ROWS-1:DI_PAGE_GOOD_ROWS;
  h+='<div class="di-pg-list">';
  side.list.slice(0,rows).forEach(sh=>{
    const sub=(sh.items&&sh.items.length)?'เริ่มซื้อ'+sh.items[0].name+' สินค้าใหม่ของร้าน'
                                         :'เดือนนี้ซื้อแล้ว '+_diBaht(sh.now);
    h+=_diPageRow(sh,sub,'+'+_diBaht(sh.baht));
  });
  if(n>rows)
    h+='<button class="di-pg-more" id="di-row-ahead" type="button">ดูอีก '+(n-rows)+' ร้าน</button>';
  h+='</div>';
  h+='<div class="di-pg-olive"><span class="di-av" aria-hidden="true">O</span><div>'
    +'<p class="di-pg-olive-k">Olive แนะนำ</p>'
    +'<p class="di-pg-olive-p">'+_diOliveGood(side.list,side.won)+'</p></div></div>';
  const go=n?{id:side.list[0].id,name:side.list[0].name}
            :{id:side.won.recovered[0].aid,name:side.won.shopName};
  h+='<button class="di-pg-cta" type="button" data-shop="'+_diEsc(go.id)+'">เปิดดู '
    +_diEsc(_diClip(go.name,26))+'</button>';
  return h;
}

function _diRenderPages(d){
  const bad=_diBadSide(d), good=_diGoodSide(d);
  const order=[];
  if(bad)order.push('bad');
  if(good)order.push('good');
  if(order.length===2&&_diFirstPage()==='good')order.reverse();
  const nrr=_diNrrNow(), win=_diWindow();
  // วันที่แบบย่อ (ต.ค.) — บรรทัดนี้ต้องอยู่บรรทัดเดียวข้างปุ่มปิด
  const dl=String(_diDateLabel()).split(' ');
  const now=new Date();
  const top='<p class="di-pg-top">'+_diEsc(dl[0]+' '+now.getDate()+' '+DI_MO_TH[now.getMonth()])+' · '
    +_diEsc(_diGreeting()+_diHonorific(_diMyName()))+'</p>';
  const label={bad:'หน้าป้องกันความเสียหาย',good:'ข่าวดีของวันนี้'};
  let h='<div class="di-pages di-rise di-d1" id="di-pages">';
  order.forEach((k,i)=>{
    h+='<section class="di-page di-'+k+'" data-pg="'+k+'" aria-label="'+label[k]+'">'+top
      +(k==='bad'?_diPageBad(bad,nrr):_diPageGood(good,nrr,win));
    if(order.length>1){
      const other=order[1-i];
      h+='<div class="di-pg-foot"><span class="di-pg-dots" aria-hidden="true">'
        +order.map((x,j)=>'<i class="'+(j===i?'on di-'+k:'')+'"></i>').join('')+'</span>'
        +'<button class="di-pg-hint" type="button" data-go="'+(1-i)+'">'
        +(i===0?'ปัดซ้าย ดู':'ปัดขวา กลับไป')+label[other]+'</button></div>';
    }
    h+='</section>';
  });
  return h+'</div>';
}

// KAM: มีเรื่องอย่างน้อยหนึ่งฝั่ง = สองหน้า (หรือหน้าเดียว) · ไม่มีเลย = การ์ดพอร์ตนิ่งเดิม
function _diRenderKam(d){
  return (_diBadSide(d)||_diGoodSide(d))?_diRenderPages(d):_diRenderBody(d);
}

// หลังวาดเนื้อจอ: โหมดสองหน้าให้หน้าเลื่อนเอง (body ไม่เลื่อน) + ปุ่มคำใบ้พาไปอีกหน้า
function _diBindPages(){
  const body=document.getElementById('di-body');
  if(!body)return;
  const pages=body.querySelector('.di-pages');
  body.classList.toggle('di-paged',!!pages);
  if(!pages)return;
  if(!pages._diBound){
    pages._diBound=true;
    let t=0;
    pages.addEventListener('scroll',()=>{ clearTimeout(t); t=setTimeout(_diCelebrateIfWonShown,140); },{passive:true});
  }
  body.querySelectorAll('.di-pg-hint[data-go]').forEach(b=>{
    if(b._diBound)return;
    b._diBound=true;
    b.addEventListener('click',()=>{
      const i=Number(b.dataset.go)||0;
      try{ pages.scrollTo({left:i*pages.clientWidth,behavior:_diReduceMotion()?'auto':'smooth'}); }
      catch(e){ pages.scrollLeft=i*pages.clientWidth; }
    });
  });
}

// พลุ "ได้ผลแล้ว" — จุดตอนหน้าข่าวดีที่มีกล่องนี้อยู่บนจอจริง (เป็นหน้าแรก หรือปัดไปถึง) · วันละครั้งตาม _diCelebrate
function _diCelebrateIfWonShown(){
  const pages=document.getElementById('di-pages');
  if(!pages||!pages.children)return false;
  const w=pages.clientWidth||1;
  const pg=pages.children[Math.round((pages.scrollLeft||0)/w)];
  if(!pg||!pg.dataset||pg.dataset.pg!=='good'||!pg.querySelector('.di-pg-won-p'))return false;
  return _diCelebrate('big');
}

// ── หน้าต่างเตือน visit กลางจอ — เด้งหลังปิดจอสรุปเช้า (Bucci 24 ต.ค. 2569) ──
// "ขอเป็น pop-up แบบขึ้นกลางจอเลย ... เน้นๆ" + ปุ่ม "อย่าลืมกด visit ใน echo วันนี้"
// KAM เท่านั้น · เดือนนี้ยังไม่ถึง DI_VISIT_GOAL ครั้ง · วันละครั้ง · Supabase ไม่ตอบ = ไม่เด้ง (ไม่โชว์เลขผิด)
// 1 visit = เช็คอินที่ร้าน 1 ครั้ง (ci_sessions) · ร้านเดียวกันวันเดียวกันนับครั้งเดียว
// kam_visits ใช้นับไม่ได้: มีแถวเดียวต่อ KAM×ร้าน เก็บแค่ครั้งล่าสุด
// รอบ 3: อ่านตั้งแต่ต้นไตรมาสครั้งเดียว ได้ทั้ง visit เดือนนี้ และร้านที่ยังไม่ได้ไปเลยไตรมาสนี้
// (แถวนี้เคยอยู่บนจอสรุปเช้า ย้ายมาอยู่หน้าต่างนี้) → {month, notVisited:[account]} · อ่านไม่ได้ = null
async function _diVisitInfo(){
  try{
    if(typeof supa==='undefined'||!supa)return null;
    const p=(typeof currentUserProfile!=='undefined'&&currentUserProfile)||{};
    const email=String(p.email||'').toLowerCase();
    if(!email)return null;
    const now=new Date();
    const mStart=new Date(now.getFullYear(),now.getMonth(),1);
    const qStart=new Date(now.getFullYear(),Math.floor(now.getMonth()/3)*3,1);
    const resp=await supa.from('ci_sessions')
      .select('account_id,visited_at')
      .eq('owner_email',email)
      .gte('visited_at',qStart.toISOString());
    // supabase-js ไม่ throw บน 402/5xx — คืน {data:null,error} เงียบๆ ต้องเช็คเอง
    if(!resp||resp.error||!Array.isArray(resp.data))return null;
    const seen=new Set(), visited=new Set();
    resp.data.forEach(r=>{
      const t=r&&r.visited_at?new Date(r.visited_at):null;
      if(!t||isNaN(t.getTime()))return;
      if(r.account_id)visited.add(String(r.account_id));
      if(t>=mStart)seen.add(String(r.account_id||'')+'|'+t.getFullYear()+'-'+t.getMonth()+'-'+t.getDate());
    });
    const accounts=(typeof getPortviewAccounts==='function'?getPortviewAccounts():[])||[];
    return {month:seen.size,notVisited:accounts.filter(a=>a&&a.id&&!visited.has(String(a.id)))};
  }catch(e){ return null; }
}

let _diVpopBusy=false;
function _diMaybeVisitPopup(){
  try{
    const p=(typeof currentUserProfile!=='undefined'&&currentUserProfile)||null;
    if(!p||p.role!=='rep')return;
    if(_diLoadState().vpop===_diToday())return;
    if(_diVpopBusy||document.getElementById('di-vpop'))return;
    _diVpopBusy=true;
    _diVisitInfo().then(info=>{
      _diVpopBusy=false;
      if(!info)return;                          // อ่านไม่ได้ = ลองใหม่ครั้งหน้า
      if(info.month>=DI_VISIT_GOAL){ _diSaveState({vpop:_diToday()}); return; }
      // ระหว่างรอ คนอาจเปิดจอสรุปกลับมา หรือเข้าหน้าร้าน/Echo ไปแล้ว — อย่าเด้งทับ
      if(document.getElementById('di-sheet')||document.getElementById('di-vpop')||_diUiBusy())return;
      _diSaveState({vpop:_diToday()});
      _diOpenVisitPopup(info);
    }).catch(()=>{ _diVpopBusy=false; });
  }catch(e){ _diVpopBusy=false; }
}

var DI_IC_WARN='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" '
  +'stroke-linecap="round" stroke-linejoin="round"><path d="M12 8v5"/><path d="M12 16.5v.5"/>'
  +'<path d="M10.3 3.9L2.4 18a2 2 0 001.7 3h15.8a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z"/></svg>';
var DI_IC_MIC='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" '
  +'stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="3" width="6" height="11" rx="3"/>'
  +'<path d="M5.5 11a6.5 6.5 0 0013 0"/><path d="M12 17.5V21"/></svg>';

function _diOpenVisitPopup(info){
  _diInjectStyles();
  const n=info.month, nv=info.notVisited||[];
  const goal=DI_VISIT_GOAL, left=Math.max(0,goal-n);
  const now=new Date();
  const last=new Date(now.getFullYear(),now.getMonth()+1,0).getDate();
  let bar='';
  for(let i=0;i<goal;i++)bar+='<i'+(i<n?' class="on"':'')+'></i>';
  const el=document.createElement('div');
  el.id='di-vpop';
  el.setAttribute('role','dialog');
  el.setAttribute('aria-modal','true');
  el.setAttribute('aria-label','visit เดือนนี้ '+n+' จาก '+goal+' ครั้ง');
  el.innerHTML='<div class="di-vp-card">'
    +'<span class="di-vp-ic">'+DI_IC_PIN+'</span>'
    +'<p class="di-vp-k">เยี่ยมร้านเดือนนี้</p>'
    +'<p class="di-vp-n"><b>'+n+'</b> / '+goal+' ครั้ง</p>'
    +'<div class="di-vp-bar" aria-hidden="true">'+bar+'</div>'
    +'<p class="di-vp-warn">'+DI_IC_WARN+'ยังไม่ถึงเกณฑ์<br>ต้องไปอีก '+left+' ครั้ง ก่อน '+last+' '+DI_MO_TH[now.getMonth()]+'</p>'
    +(nv.length?'<div class="di-vp-nv"><p>ยังไม่ได้ไปเลยไตรมาสนี้ <b>'+nv.length+' ร้าน</b></p>'
      +'<button class="di-vp-go" id="di-vp-list" type="button">ดูรายชื่อ'+DI_IC_CHEV+'</button></div>':'')
    +'<button class="di-vp-cta" id="di-vp-cta" type="button">'+DI_IC_MIC+'อย่าลืมกด visit ใน Echo วันนี้</button>'
    +'</div>';
  document.body.appendChild(el);
  requestAnimationFrame(()=>el.classList.add('di-on'));
  // กดปุ่ม = รับทราบแล้วปิด (ตอนเช้าส่วนใหญ่ยังไม่ได้อยู่ที่ร้าน ไม่พาเข้า Echo)
  const esc=e=>{ if(e.key==='Escape')close(); };
  const close=()=>{
    el.classList.remove('di-on');
    document.removeEventListener('keydown',esc);
    setTimeout(()=>{ if(el.parentNode)el.parentNode.removeChild(el); },240);
  };
  el.addEventListener('click',ev=>{ if(ev.target===el)close(); });
  const b=document.getElementById('di-vp-cta');
  if(b){ b.addEventListener('click',close); try{ b.focus(); }catch(e){} }
  const lb=document.getElementById('di-vp-list');
  if(lb)lb.addEventListener('click',()=>{ close(); setTimeout(()=>_diOpenVisitList(nv),260); });
  document.addEventListener('keydown',esc);
}

// "ดูรายชื่อ" จากหน้าต่าง visit → เปิดจอสรุปแล้วเข้าหน้ารายการร้านที่ยังไม่ได้ไป (หน้ารายการเดิม kind 'visit')
// เรียงร้านที่น่าเป็นห่วงขึ้นก่อนด้วยเงินที่หาย แบบเดียวกับแถวเดิม (_diFillVisitRow)
function _diOpenVisitList(notVisited){
  if(!document.getElementById('di-sheet'))openDailyInsight();
  const d=window._diLastData;
  if(!d)return;
  const bahtBy={};
  (d.overdueTop||[]).forEach(s=>{ if(s.concern)bahtBy[String(s.id)]=s.baht; });
  d.visitList=(notVisited||[]).map(a=>({id:a.id,name:a.name||'—',baht:bahtBy[String(a.id)]||0,items:[]}))
    .sort((x,y)=>y.baht-x.baht);
  setTimeout(()=>_diOpenList('visit'),_diReduceMotion()?80:DI_BOOT_MS+120);
}

// ═══════════════════════════════════════════════════════════════════════════
// 7. หน้ารายการเต็ม
// ═══════════════════════════════════════════════════════════════════════════
// จงใจทำเป็นชั้นที่สองในจอเดียวกัน ไม่ใช่ scr- ใหม่ในเชลล์ — ได้ประสบการณ์เดียวกัน
// (เลื่อนเข้ามาจากขวา กดย้อนกลับ) โดยไม่ต้องแตะ NAV_CONFIG หรือ showScreen ของทุก role
let _diListSort='baht';
let _diListKind='overdue';

function _diSetListSort(v){ _diListSort=v; }
function _diDoneKey(aid,sku){ return aid+'::'+sku; }
function _diDoneToday(){
  const m=(_diLoadState().marks||{})[_diToday()]||[];
  return new Set(m.map(x=>_diDoneKey(x.aid,x.sku)));
}
function _diMarkHandled(aid,name,sku,skuName,gmv){
  const st=_diLoadState();
  const marks=st.marks||{};
  const today=_diToday();
  const day=marks[today]||[];
  if(day.some(x=>x.aid===aid&&String(x.sku)===String(sku)))return false;
  day.push({aid:aid,name:name,sku:String(sku),skuName:skuName,gmv:gmv||0});
  marks[today]=day;
  // ตัดของเก่าทิ้ง ไม่ให้ localStorage โตไม่มีที่สิ้นสุด
  const cutoff=new Date(); cutoff.setDate(cutoff.getDate()-DI_MARK_KEEP);
  const cut=cutoff.getFullYear()+'-'+String(cutoff.getMonth()+1).padStart(2,'0')+'-'+String(cutoff.getDate()).padStart(2,'0');
  Object.keys(marks).forEach(k=>{ if(k<cut)delete marks[k]; });
  _diSaveState({marks:marks});
  return true;
}

function _diListTitle(kind,d){
  if(d.team&&kind.indexOf('kam:')===0){
    const who=kind.slice(4);
    const p=(d.people||[]).find(x=>(x.email||x.name)===who);
    return {t:(p&&p.name)||'ร้านของ KAM',
      s:((p&&p.total)||0)+' ร้าน'+(p&&p.lateBaht?' · ถึงรอบยังไม่สั่ง '+_diBaht(p.lateBaht):'')};
  }
  if(kind==='ahead')return {t:'ซื้อเพิ่มขึ้น',s:d.aheadShops+' ร้าน · +'+_diBaht(d.aheadBaht)};
  if(kind==='visit')return {t:'ยังไม่ได้ไปเยี่ยมไตรมาสนี้',s:((d.visitList||[]).length)+' ร้าน'};
  return {t:'ร้านที่น่าเป็นห่วง',
    s:d.concernShops+' ร้านน่าห่วง เดือนละ '+_diBaht(d.concernBaht)+' · อีก '
      +Math.max(0,d.overdueShops-d.concernShops)+' ร้านมีของเลยรอบบ้างแต่ยังไม่น่าห่วง'};
}

function _diListGroups(kind,d){
  // จอ TL: 'kam:<email>' = ร้านของคนคนนั้น · overdue/ahead = ทั้งทีม
  if(d.team){
    let accts=[];
    if(kind.indexOf('kam:')===0){
      const who=kind.slice(4);
      const p=(d.people||[]).find(x=>(x.email||x.name)===who);
      accts=(p&&p.accounts)||[];
    }else{
      (d.people||[]).forEach(p=>{ accts=accts.concat(p.accounts||[]); });
    }
    const out=[];
    accts.forEach(a=>{
      let rows=null;
      try{ rows=(typeof computeChurnRowsForAccount==='function')?computeChurnRowsForAccount(a.id):null; }catch(e){ rows=null; }
      const late=rows?rows.filter(r=>r.type==='gone'||r.type==='near'):[];
      if(kind==='ahead'){
        const expected=(a.paceSignal||{}).expected||0;
        const ahead=expected>0?((a.gmvToDate||0)-expected):0;
        if(ahead>0)out.push({id:a.id,name:a.name||'—',baht:ahead,items:[],count:0});
        return;
      }
      if(!late.length&&kind.indexOf('kam:')!==0)return;
      late.sort((x,y)=>(y.gmv||0)-(x.gmv||0));
      out.push({id:a.id,name:a.name||'—',count:late.length,items:late,
        baht:late.reduce((t,r)=>t+(r.gmv||0),0)});
    });
    return out.sort((x,y)=>y.baht-x.baht);
  }
  if(kind==='ahead')return (d.aheadTop||[]).slice();
  if(kind==='visit')return (d.visitList||[]).slice();
  const g=(d.overdueTop||[]).slice();
  const within=(x,y)=>{
    if(_diListSort==='name')return String(x.name).localeCompare(String(y.name),'th');
    if(_diListSort==='late')return (y.worstLate||0)-(x.worstLate||0);
    return y.baht-x.baht;
  };
  // ร้านที่น่าห่วงต้องอยู่บนสุดเสมอ แล้วค่อยเรียงตามที่เลือกภายในแต่ละกลุ่ม
  // ถ้าเรียงด้วยเงินอย่างเดียว ร้านเล็กที่เงียบไปครึ่งร้านจะจมอยู่ท้ายลิสต์:
  // ของ Ning มีสองร้าน (เงียบ 10.6% และ 15%) ตกไปอยู่อันดับ 20-21 ใต้ร้านที่ไม่น่าห่วง 13 ร้าน
  g.sort((x,y)=>{
    if(!!x.concern!==!!y.concern)return x.concern?-1:1;
    return within(x,y);
  });
  return g;
}

function _diRenderList(kind,d){
  const done=_diDoneToday();
  const groups=_diListGroups(kind,d);
  let h='';

  if(kind==='overdue'&&!d.team){
    h+='<div class="di-tools">'
      +'<button data-sort="baht" class="'+(_diListSort==='baht'?'on':'')+'">เรียงตามเงิน</button>'
      +'<button data-sort="name" class="'+(_diListSort==='name'?'on':'')+'">เรียงตามร้าน</button>'
      +'<button data-sort="late" class="'+(_diListSort==='late'?'on':'')+'">ค้างนานสุด</button>'
      +'</div>'
      +'<p class="di-hint">แตะเพื่อเข้าหน้าร้าน · แตะค้างเพื่อทำเครื่องหมายว่าทักแล้ว</p>';
  }
  if(!groups.length){
    h+='<p class="di-hint" style="margin-top:24px">ไม่มีรายการในกลุ่มนี้ค่ะ</p>';
    return h;
  }

  let dividerDone=false;
  groups.forEach((g,gi)=>{
    // ร้านที่เหลือยังอยู่ครบ แค่แยกให้เห็นว่าเส้นแบ่งอยู่ตรงไหน — ไม่ซ่อนร้านไหนทั้งนั้น
    if(kind==='overdue'&&!d.team&&!dividerDone&&g.concern===false&&gi>0){
      dividerDone=true;
      h+='<p class="di-split">ที่เหลือมีของเลยรอบบ้าง แต่ยังไม่ถึงขั้นน่าห่วง</p>';
    }
    const items=g.items||[];
    const cnt=kind==='overdue'
      ? 'เดือนละ '+_diBaht(g.baht)+(g.share?' · '+g.share+'% ของร้าน':'')+' · '+g.count+' รายการ'
      : (kind==='ahead'
          ? ((g.baht>0?'+'+_diBaht(g.baht):'')+(items.length?' · ของใหม่ '+items.length:''))
          : (g.baht>0?'ถึงรอบแล้วยังไม่สั่ง '+_diBaht(g.baht):''));
    h+='<p class="di-grp di-c'+(gi%4)+'" data-shop="'+_diEsc(g.id)+'">'
      +'<i></i><b>'+_diEsc(g.name)+'</b><span>'+_diEsc(cnt)+'</span></p>';

    if(!items.length){
      h+='<button class="di-item" data-shop="'+_diEsc(g.id)+'">'
        +'<span class="di-item-m"><span class="di-item-s">เปิดหน้าร้านเพื่อดูรายละเอียด</span></span>'
        +'<svg class="di-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round"><path d="M9 6l6 6-6 6"/></svg>'
        +'</button>';
      return;
    }

    items.forEach(it=>{
      const skuId=(it.id!==undefined&&it.id!==null)?it.id:it.name;
      const isDone=kind==='overdue'&&done.has(_diDoneKey(g.id,skuId));
      const sub=(kind==='overdue'||d.team)
        ? 'ปกติสั่งทุก '+it.avgInterval+' วัน · เลยรอบมา '+it.daysLate+' วัน'
        : 'เดือน '+(g.mo||'')+' · ไม่เคยซื้อมาก่อน';
      h+='<button class="di-item'+(isDone?' di-done':'')+'"'
        +' data-shop="'+_diEsc(g.id)+'" data-shopname="'+_diEsc(g.name)+'"'
        +' data-sku="'+_diEsc(skuId)+'" data-skuname="'+_diEsc(it.name)+'"'
        +' data-gmv="'+(it.gmv||0)+'"'+((kind==='overdue'&&!d.team)?' data-markable="1"':'')+'>'
        +'<span class="di-item-m">'
        +'<span class="di-item-n">'+_diEsc(it.name)+(it.isNew?'<span class="di-badge">ใหม่</span>':'')+'</span>'
        +'<span class="di-item-s">'+_diEsc(sub)+'</span>'
        +(isDone?'<span class="di-chip">✓ ทักแล้ววันนี้</span>':'')
        +'</span>'
        +'<span class="di-item-v">'+_diBaht(it.gmv||0)+'</span>'
        +'<svg class="di-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round"><path d="M9 6l6 6-6 6"/></svg>'
        +'</button>';
    });
  });
  return h;
}

function _diPaintList(){
  const d=window._diLastData;
  const body=document.getElementById('di-list-body');
  if(!d||!body)return;
  const t=_diListTitle(_diListKind,d);
  const head=document.getElementById('di-list-title');
  const sub=document.getElementById('di-list-sub');
  if(head)head.textContent=t.t;
  if(sub)sub.textContent=t.s;
  body.innerHTML=_diRenderList(_diListKind,d);

  body.querySelectorAll('.di-tools button').forEach(b=>{
    b.addEventListener('click',()=>{ _diSetListSort(b.dataset.sort); _diPaintList(); });
  });
  body.querySelectorAll('.di-item').forEach(_diBindItem);
  body.querySelectorAll('.di-grp[data-shop]').forEach(p=>{
    p.style.cursor='pointer';
    p.addEventListener('click',()=>_diGoToAccount(p.dataset.shop));
  });
}

// แตะสั้น = เข้าหน้าร้าน · แตะค้าง = ทำเครื่องหมายว่าทักแล้ว
// เลือกแตะค้างแทนการปัด เพราะการปัดชนกับการเลื่อนหน้าจอ และหน้านี้ปัดขวาเพื่อย้อนกลับอยู่แล้ว
function _diBindItem(b){
  if(b._diBound)return;
  b._diBound=true;
  let timer=null;
  b.addEventListener('pointerdown',()=>{
    if(!b.dataset.markable)return;
    b._held=false;
    timer=setTimeout(()=>{ timer=null; b._held=true; _diItemHandled(b); },DI_HOLD_MS);
  });
  ['pointerup','pointerleave','pointercancel'].forEach(e=>{
    b.addEventListener(e,()=>{ if(timer){ clearTimeout(timer); timer=null; } });
  });
  b.addEventListener('click',()=>{
    if(b._held){ b._held=false; return; }   // เพิ่งแตะค้างไป อย่าเด้งเข้าร้าน
    _diGoToAccount(b.dataset.shop);
  });
  b.addEventListener('contextmenu',e=>{ if(b.dataset.markable)e.preventDefault(); });
}

function _diItemHandled(b){
  if(b.classList.contains('di-done'))return;
  const added=_diMarkHandled(b.dataset.shop,b.dataset.shopname,b.dataset.sku,
    b.dataset.skuname,parseFloat(b.dataset.gmv)||0);
  if(!added)return;
  b.classList.add('di-done');
  const m=b.querySelector('.di-item-m');
  if(m&&!b.querySelector('.di-chip')){
    const c=document.createElement('span');
    c.className='di-chip';
    c.textContent='✓ ทักแล้ววันนี้';
    m.appendChild(c);
  }
  if(navigator.vibrate)try{ navigator.vibrate(12); }catch(e){}
}

function _diOpenList(kind){
  _diListKind=kind;
  _diSetListSort('baht');
  const el=document.getElementById('di-list');
  if(!el)return;
  _diPaintList();
  const body=document.getElementById('di-list-body');
  if(body)body.scrollTop=0;
  el.classList.add('di-on');
}
function _diCloseList(){
  const el=document.getElementById('di-list');
  if(el)el.classList.remove('di-on');
}
function _diListOpen(){
  const el=document.getElementById('di-list');
  return !!(el&&el.classList.contains('di-on'));
}

// ═══════════════════════════════════════════════════════════════════════════
// 7b. สรุปเดือนแบบสไลด์ — ครั้งแรกที่เปิดแอปในเดือนใหม่
// ═══════════════════════════════════════════════════════════════════════════
// ตรงนี้ทำเป็นสไลด์ (ต่างจากจอรายวันที่จงใจไม่ทำ) เพราะเป็นโมเมนต์พิธีการ
// ไม่ใช่ของที่ต้องกวาดตาให้จบใน 30 วินาที · ดูปีละ 12 ครั้ง ไม่ใช่ทุกเช้า
let _diWrapSlides=[], _diWrapAt=0;

function _diWrapSeen(){ return _diLoadState().wrapped===_diMonthKey(); }

function _diBuildWrapSlides(w){
  const up=w.diff>=0;
  const out=[];
  // TL เห็นเลขของทั้งทีม ไม่ใช่ของตัวเอง ⇒ คำต้องเปลี่ยนตาม ไม่งั้นอ่านแล้วเข้าใจผิด
  const team=_diIsTeamMode();
  out.push({
    k:'สรุปเดือน '+w.label,
    h:'เดือน '+w.label+'<br>'+(team?'ทีมคุณทำได้':'พอร์ตคุณทำได้'),
    v:_diBaht(w.total),
    p:(w.pct===null?'':'<b>'+(up?'+':'−')+_diBaht(Math.abs(w.diff))+'</b> จากเดือน '+w.prevLabel
        +' ('+(up?'+':'')+w.pct+'%)<br>')+'จากทั้งหมด <b>'+w.shops+' ร้าน</b>'
        +(team?'ที่ทีมดูแล':'ที่คุณดูแล')
  });
  if(w.grew){
    out.push({
      k:'ร้านที่โตขึ้น',
      h:'<b>'+w.grew+' ร้าน</b> ซื้อมากกว่า<br>เดือนก่อนหน้า',
      v:'',
      p:'อีก '+w.shrank+' ร้านซื้อน้อยลง',
      list:w.risers.map(r=>({n:r.name,v:'+'+_diBaht(r.diff)}))
    });
  }
  if(w.newSkus){
    out.push({
      k:'สินค้าใหม่',
      h:'มีของใหม่เข้าพอร์ต<br><b>'+w.newSkus+' รายการ</b>',
      v:_diBaht(w.newBaht),
      p:w.newTop.length?('ก้อนใหญ่ที่สุดคือ <b>'+_diEsc(w.newTop[0].sku)+'</b><br>ที่ '
        +_diEsc(w.newTop[0].name)):''
    });
  }
  if(w.markedShops){
    out.push({
      k:'สิ่งที่คุณลงมือทำ',
      h:'เดือนที่แล้วคุณทักไป<br><b>'+w.markedShops+' ร้าน</b>',
      v:w.backShops?w.backShops+' ร้าน':'',
      p:w.backShops?'กลับมาสั่งแล้วค่ะ':'ยังไม่มีร้านไหนกลับมาสั่ง แต่ยังไม่สายค่ะ'
    });
  }
  out.push({
    k:'เดือนใหม่',
    h:'เริ่มเดือนใหม่กันค่ะ',
    v:'',
    p:'Olive จะคอยดู'+(team?'ทีม ':'พอร์ต ')+w.shops+' ร้าน'+(team?'':'ของคุณ')+'ให้ทุกเช้าเหมือนเดิมนะคะ',
    cta:'ดูของวันนี้'
  });
  return out;
}

function _diPaintWrap(){
  const host=document.getElementById('di-wrap');
  if(!host||!_diWrapSlides.length)return;
  const sl=_diWrapSlides[_diWrapAt];
  host.querySelector('.di-bars').innerHTML=
    _diWrapSlides.map((x,i)=>'<i class="'+(i<=_diWrapAt?'on':'')+'"></i>').join('');
  const body=host.querySelector('.di-slide');
  body.innerHTML=
     '<p class="di-wk">'+_diEsc(sl.k)+'</p>'
    +'<p class="di-wh">'+sl.h+'</p>'
    +(sl.v?'<p class="di-wv">'+_diEsc(sl.v)+'</p>':'')
    +(sl.p?'<p class="di-wp">'+sl.p+'</p>':'')
    +(sl.list?('<div class="di-wlist">'+sl.list.map(r=>
        '<span class="di-wrow"><span>'+_diEsc(r.n)+'</span><b>'+_diEsc(r.v)+'</b></span>').join('')+'</div>'):'')
    +(sl.cta?'<button class="di-wgo" id="di-wrap-go">'+_diEsc(sl.cta)+'</button>':'');
  const go=document.getElementById('di-wrap-go');
  if(go)go.addEventListener('click',function(ev){ ev.stopPropagation(); _diCloseWrap(); });
}

function _diWrapStep(dir){
  const n=_diWrapAt+dir;
  if(n<0)return;
  if(n>=_diWrapSlides.length){ _diCloseWrap(); return; }
  _diWrapAt=n;
  _diPaintWrap();
}

function _diOpenWrap(w){
  const host=document.getElementById('di-wrap');
  if(!host)return;
  _diWrapSlides=_diBuildWrapSlides(w);
  _diWrapAt=0;
  _diPaintWrap();
  host.classList.add('di-on');
  _diSaveState({wrapped:_diMonthKey()});
}
function _diCloseWrap(){
  const host=document.getElementById('di-wrap');
  if(host)host.classList.remove('di-on');
}
function _diWrapOpen(){
  const host=document.getElementById('di-wrap');
  return !!(host&&host.classList.contains('di-on'));
}

// ═══════════════════════════════════════════════════════════════════════════
// 8. เปิด / ปิด
// ═══════════════════════════════════════════════════════════════════════════
let _diOpening=false;

function _diBindBody(d){
  const cta=document.getElementById('di-cta');
  if(cta&&d.big&&d.big.shopId)cta.addEventListener('click',()=>_diGoToAccount(d.big.shopId));
  const bind=(id,kind)=>{
    const el=document.getElementById(id);
    if(el)el.addEventListener('click',()=>_diOpenList(kind));
  };
  bind('di-row-overdue','overdue');
  bind('di-row-ahead','ahead');
  bind('di-row-visit','visit');
  _diBindShopRows();
  // แตะชื่อคน = เปิดรายการร้านของคนนั้น
  document.querySelectorAll('#di-body .di-person').forEach(b=>{
    b.addEventListener('click',()=>_diOpenList('kam:'+b.dataset.kam));
  });
}

// ข้อมูลชั้น 3 มาทีหลัง ⇒ วาดเนื้อจอใหม่ทั้งก้อนแทนที่จะปล่อยให้ค้างเลขไม่ครบ
function _diRefreshBody(){
  const body=document.getElementById('di-body');
  if(!body)return false;
  const team=_diIsTeamMode();
  let d=null;
  try{ d=team?buildTeamInsight():buildDailyInsight(); }catch(e){ return false; }
  if(!d)return false;
  window._diLastData=d;
  body.innerHTML=team?_diRenderTeamBody(d):_diRenderKam(d);
  _diBindBody(d);
  _diBindPages();
  _diFillVisitRow();
  if(!d.partial)_diMarkSeen();
  return true;
}

// opts.auto = เปิดเองตอนบูต (ไม่ใช่กดปุ่ม "สรุปให้")
function openDailyInsight(opts){
  if(_diOpening)return;
  if(document.getElementById('di-sheet'))return;   // เปิดอยู่แล้ว
  // ด่านสิทธิ์อยู่ตรงนี้ด้วย ไม่ใช่แค่ที่ทางเข้า — กันโค้ดในอนาคตเรียกตรงแล้วหลุด role
  if(!_diEligible())return;
  const team=_diIsTeamMode();
  let d=null;
  try{ d=team?buildTeamInsight():buildDailyInsight(); }
  catch(e){ console.warn('build daily insight failed',e); return; }
  if(!d)return;
  // จอสองหน้า: วันที่ไม่มีเรื่องทั้งสองฝั่ง ไม่เด้งเอง (กดปุ่ม "สรุปให้" ยังเปิดดูได้) · ไปต่อที่หน้าต่าง visit เลย
  if(opts&&opts.auto&&!team&&!d.partial&&!_diBadSide(d)&&!_diGoodSide(d)){
    _diMarkSeen();
    _diMaybeVisitPopup();
    return;
  }
  window._diLastData=d;

  _diOpening=true;
  _diInjectStyles();

  const sheet=document.createElement('div');
  sheet.id='di-sheet';
  sheet.setAttribute('role','dialog');
  sheet.setAttribute('aria-modal','true');
  sheet.setAttribute('aria-label','Olive สรุปให้');
  sheet.innerHTML=
     '<div class="di-grab"><i></i></div>'
    +'<button class="di-close" id="di-close" aria-label="ปิด">ปิด</button>'
    +'<div id="di-body">'+(team?_diRenderTeamBody(d):_diRenderKam(d))+'</div>'
    +'<div id="di-list">'
      +'<div class="di-top">'
        +'<button class="di-back" id="di-list-back" aria-label="ย้อนกลับ">'
        +'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg>'
        +'</button>'
        +'<span class="di-top-t"><b id="di-list-title"></b><span id="di-list-sub"></span></span>'
      +'</div>'
      +'<div id="di-list-body"></div>'
    +'</div>'
    +'<div id="di-wrap">'
      +'<div class="di-bars"></div>'
      +'<button class="di-wclose" id="di-wrap-close" type="button">ข้าม</button>'
      +'<div class="di-slide"></div>'
      +'<p class="di-wtap">แตะขวาเพื่อไปต่อ · แตะซ้ายเพื่อย้อน</p>'
    +'</div>'
    +'<div id="di-spark"></div>'
    +'<div id="di-boot"><span class="di-av">O</span><p>'
      +(team?('กำลังไล่ดูทีม '+d.peopleCount+' คน '+d.shops+' ร้าน...')
            :('กำลังไล่ดู '+d.accountCount+' ร้านของคุณ'+_diEsc(_diMyName())+'...'))
    +'</p></div>';
  document.body.appendChild(sheet);

  requestAnimationFrame(()=>sheet.classList.add('di-on'));

  const reveal=()=>{
    const boot=document.getElementById('di-boot');
    if(boot)boot.classList.add('di-gone');
    sheet.classList.add('di-in');
    setTimeout(()=>{ const b=document.getElementById('di-boot'); if(b)b.remove(); },600);
    _diFillVisitRow();
    // จอ TL: _buildKamGroups ใช้ target ในการคิด pace — target โหลดแบบ async
    // ถ้ายังไม่มาตอนวาด denominator จะกลายเป็น baseline ค้างถาวร ⇒ โหลดแล้ววาดใหม่
    if(team&&typeof _tgtLoaded!=='undefined'&&!_tgtLoaded
       &&typeof loadTargets==='function'&&typeof _tgtCurrentQuarter==='function'){
      try{ loadTargets(_tgtCurrentQuarter()).then(()=>{ _diRefreshBody(); }).catch(()=>{}); }catch(e){}
    }
    // สรุปเดือนขึ้นก่อนจอรายวัน แล้วปิดแล้วเจอจอรายวันข้างล่าง — เดือนละครั้ง
    let wrapped=false;
    if(!_diWrapSeen()){
      try{
        const w=_diMonthlyWrap((typeof getPortviewAccounts==='function'?getPortviewAccounts():[])||[]);
        if(w&&w.prevTotal>0){ _diOpenWrap(w); wrapped=true; }
      }catch(e){ console.warn('monthly wrap failed',e); }
    }
    // จอสองหน้าไม่มีพาดหัว "ได้ผลแล้ว / ร้านเริ่มซื้อสินค้าใหม่" ⇒ ไม่ฉลองทับหน้าที่พูดเรื่องอื่น
    const paged=!!document.querySelector('#di-body .di-pages');
    if(!wrapped&&!paged&&d.big&&d.big.celebrate)setTimeout(()=>_diCelebrate(d.big.celebrate),260);
    if(!wrapped&&paged)setTimeout(_diCelebrateIfWonShown,260);
    _diOpening=false;
  };
  setTimeout(reveal,_diReduceMotion()?60:DI_BOOT_MS);

  // ── ปุ่ม ──
  const close=document.getElementById('di-close');
  if(close)close.addEventListener('click',()=>closeDailyInsight());
  const back=document.getElementById('di-list-back');
  if(back)back.addEventListener('click',()=>_diCloseList());
  const wclose=document.getElementById('di-wrap-close');
  if(wclose)wclose.addEventListener('click',ev=>{ ev.stopPropagation(); _diCloseWrap(); });
  const wrap=document.getElementById('di-wrap');
  if(wrap)wrap.addEventListener('click',ev=>{
    const r=wrap.getBoundingClientRect();
    _diWrapStep(ev.clientX-r.left < r.width*0.32 ? -1 : 1);
  });
  _diBindBody(d);
  _diBindPages();

  // ── ปัดลงเพื่อปิด — ทำงานเมื่อเลื่อนอยู่บนสุดและไม่ได้เปิดหน้ารายการอยู่ ──
  // โหมดสองหน้า: ตัวที่เลื่อนคือหน้า ไม่ใช่ body (จอเตี้ยต้องเลื่อนในหน้าได้โดยไม่ปิดจอ)
  const body=document.getElementById('di-body');
  if(body){
    let sy=0,tracking=false;
    body.addEventListener('touchstart',e=>{
      sy=e.touches[0].clientY;
      const pg=(e.target&&e.target.closest)?e.target.closest('.di-page'):null;
      tracking=(body.scrollTop<=2)&&(!pg||pg.scrollTop<=2);
    },{passive:true});
    body.addEventListener('touchmove',e=>{
      if(!tracking||_diListOpen()||_diWrapOpen())return;
      if(e.touches[0].clientY-sy>70){ tracking=false; closeDailyInsight(); }
    },{passive:true});
  }
  // ── ปัดขวาในหน้ารายการ = ย้อนกลับ ──
  const lb=document.getElementById('di-list-body');
  if(lb){
    let sx=0,sy2=0,fired=false;
    lb.addEventListener('touchstart',e=>{ sx=e.touches[0].clientX; sy2=e.touches[0].clientY; fired=false; },{passive:true});
    lb.addEventListener('touchmove',e=>{
      if(fired)return;
      const dx=e.touches[0].clientX-sx, dy=Math.abs(e.touches[0].clientY-sy2);
      if(dx>70&&dy<40){ fired=true; _diCloseList(); }
    },{passive:true});
  }
  document.addEventListener('keydown',_diEscKey);
  _diToggleLoadPill(true);

  // ข้อมูลยังไม่ครบ = ยังไม่นับว่าอ่านแล้ว จะได้เด้งใหม่ให้ครบเมื่อข้อมูลมา
  if(!d.partial)_diMarkSeen();
  else _diSyncNavButton();
}

// #data-load-pill ของแอปอยู่ z-index 9999 = สูงกว่า sheet นี้ (9400)
// เราเปิดจอตอน tier 3 ซึ่งช้ากว่าเดิม ⇒ แถบโหลดมีสิทธิ์ยังค้างอยู่แล้วมาทับเนื้อจอ
// ขึ้นไปสูงกว่านี้ไม่ได้ เพราะ 9999 เป็นของ login overlay กับ Echo sheet ด้วย
// ⇒ ซ่อนไว้ระหว่างจอนี้เปิด แล้วคืนค่าเดิมตอนปิด
function _diToggleLoadPill(hide){
  const el=document.getElementById('data-load-pill');
  if(!el)return;
  if(hide){
    if(el._diPrev===undefined)el._diPrev=el.style.display;
    el.style.display='none';
  }else if(el._diPrev!==undefined){
    el.style.display=el._diPrev;
    delete el._diPrev;
  }
}

function _diEscKey(e){
  if(e.key!=='Escape')return;
  if(_diWrapOpen())_diCloseWrap();
  else if(_diListOpen())_diCloseList();
  else closeDailyInsight();
}

// opts.toShop = ปิดเพราะกดไปหน้าร้าน ⇒ ไม่เด้งหน้าต่าง visit ทับหน้าร้าน (เด้งรอบหน้าที่ปิดเอง/เปิดแอป)
function closeDailyInsight(opts){
  const sheet=document.getElementById('di-sheet');
  document.removeEventListener('keydown',_diEscKey);
  _diToggleLoadPill(false);
  _diOpening=false;
  if(!sheet)return;
  sheet.classList.remove('di-on');
  setTimeout(()=>{ if(sheet&&sheet.parentNode)sheet.parentNode.removeChild(sheet); },360);
  _diSyncNavButton();
  if(!(opts&&opts.toShop))setTimeout(_diMaybeVisitPopup,380);
}

// เรียกจาก _diBindBody ที่เดียว ซึ่งทำงานทั้งตอนเปิดจอและตอนวาดใหม่ตอนข้อมูลมาครบ
function _diBindShopRows(){
  const body=document.getElementById('di-body');
  if(!body)return;
  body.querySelectorAll('.di-shop[data-shop],.di-pg-row[data-shop],.di-pg-cta[data-shop]').forEach(b=>{
    if(b._diBound)return;
    b._diBound=true;
    b.addEventListener('click',()=>_diGoToAccount(b.dataset.shop));
  });
}

function _diGoToAccount(accountId){
  closeDailyInsight({toShop:true});
  // รอให้ sheet ปิดสนิทก่อนค่อยพาไป ไม่งั้นจะเห็นสองจอซ้อนกันตอนเปลี่ยน
  setTimeout(()=>{
    try{
      if(accountId&&typeof portviewSelectAccount==='function')portviewSelectAccount(accountId);
    }catch(e){ console.warn('di: open account failed',e); }
  },220);
}

// ═══════════════════════════════════════════════════════════════════════════
// 8b. โผล่ตอนเช็คอิน Echo — ข้อมูลชุดเดิม แค่มาโผล่ตอนที่ยืนอยู่หน้าร้านจริง
// ═══════════════════════════════════════════════════════════════════════════
// อ่านอย่างเดียว ไม่มีปุ่ม ไม่แตะค้าง — จอ Echo มีงานของมันอยู่แล้ว อย่าไปแย่ง
// ไม่มีรายการถึงรอบ = ไม่โชว์การ์ด · ข้อมูลยังไม่มา = ไม่โชว์เช่นกัน ไม่โชว์ศูนย์
function renderCheckinOverdue(accountId){
  try{
    const host=document.getElementById('ci-visit-hero');
    const old=document.getElementById('di-checkin-card');
    if(old)old.remove();
    if(!host||!accountId)return false;
    if(!_diDataComplete())return false;

    let rows=null;
    try{ rows=(typeof computeChurnRowsForAccount==='function')?computeChurnRowsForAccount(accountId):null; }catch(e){ rows=null; }
    if(!rows)return false;
    const late=rows.filter(r=>r.type==='gone'||r.type==='near');
    if(!late.length)return false;
    late.sort((x,y)=>(y.gmv||0)-(x.gmv||0));
    const baht=late.reduce((t,r)=>t+(r.gmv||0),0);

    if(!document.getElementById('di-checkin-css')){
      const st=document.createElement('style');
      st.id='di-checkin-css';
      st.textContent=
        '#di-checkin-card{margin-bottom:10px;border-radius:14px;padding:12px 14px;'
       +'background:rgba(255,102,0,.07);border:0.5px solid rgba(255,102,0,.24);'
       +"font-family:'Noto Sans Thai',-apple-system,sans-serif}"
       +'#di-checkin-card .t{font-size:13.5px;font-weight:700;color:#B34700;line-height:1.45}'
       +'#di-checkin-card .l{font-size:12.5px;color:#8A6A55;margin-top:5px;line-height:1.55}';
      document.head.appendChild(st);
    }

    const card=document.createElement('div');
    card.id='di-checkin-card';
    card.innerHTML='<div class="t">ร้านนี้มีของถึงรอบสั่งแล้ว '+late.length+' รายการ · '+_diBaht(baht)+'</div>'
      +'<div class="l">'+late.slice(0,3).map(r=>_diEsc(r.name)).join(' · ')
      +(late.length>3?' และอีก '+(late.length-3):'')+'</div>';
    host.insertBefore(card,host.firstChild);
    return true;
  }catch(e){ return false; }
}

// ═══════════════════════════════════════════════════════════════════════════
// 9. ปุ่มใน nav — ยึดช่อง Profile ตอนอยู่หน้า portview
// ═══════════════════════════════════════════════════════════════════════════
// ช่องนี้ถูกปิดตายอยู่แล้วทุกครั้งที่เข้า portview (05_kam_view.js) = พื้นที่ตายพอดี
// เลือกวิธีนี้เพราะไม่ต้องรื้อ NAV_CONFIG ของทุก role และถอยกลับง่าย
const DI_NAV_ICON='<svg fill="none" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="22"><path d="M12 3l1.9 4.7 4.7 1.9-4.7 1.9L12 16.2l-1.9-4.7L5.4 9.6l4.7-1.9L12 3z"></path><path d="M18.5 15.5l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8.8-2z"></path></svg>';

function _diSyncNavButton(screenName){
  const btn=document.getElementById('nav-restaurant');
  if(!btn)return;
  const wrap=btn.querySelector('.nwrap');
  const lbl=document.getElementById('nav-restaurant-label');
  if(!wrap||!lbl)return;

  const name=screenName||(document.querySelector('.scr.on')||{}).id||'';
  // TL บูตแล้วลงที่ teamview ไม่ใช่ portview — ถ้าเช็คแค่ portview
  // TL จะปัดปิดจอแล้วเปิดกลับไม่ได้เลยทั้งวัน
  const onHome=/portview/.test(name)||(/teamview/.test(name)&&_diIsTeamMode());
  const eligible=onHome&&_diEligible();

  if(eligible){
    if(!btn._diOrig){ btn._diOrig={icon:wrap.innerHTML,label:lbl.textContent}; }
    if(!btn._diHooked){
      btn._diHooked=true;
      // capture: ต้องกัน onclick เดิม (toggleRestaurantSheet) ไม่ให้ทำงานตอนอยู่โหมดนี้
      btn.addEventListener('click',ev=>{
        if(!btn.classList.contains('di-live'))return;
        ev.preventDefault(); ev.stopPropagation();
        if(document.getElementById('di-sheet'))closeDailyInsight();
        else openDailyInsight();
      },true);
    }
    wrap.innerHTML=DI_NAV_ICON+(_diSeenToday()?'':'<span class="di-pip"></span>');
    lbl.textContent='สรุปให้';
    btn.classList.remove('nav-disabled');
    btn.classList.add('di-live');
    btn.classList.toggle('di-unread',!_diSeenToday());
  }else if(btn._diOrig){
    wrap.innerHTML=btn._diOrig.icon;
    lbl.textContent=btn._diOrig.label;
    btn.classList.remove('di-live','di-unread');
  }
}

function _diEligible(){
  const p=(typeof currentUserProfile!=='undefined'&&currentUserProfile)||null;
  if(!p||DI_ROLES.indexOf(p.role)<0)return false;
  if(typeof getPortviewAccounts!=='function')return false;
  const n=(getPortviewAccounts()||[]).length;
  return n>0&&n<=DI_MAX_ACCOUNTS;
}

// ═══════════════════════════════════════════════════════════════════════════
// 10. ตัวกระตุ้นตอนบูต
// ═══════════════════════════════════════════════════════════════════════════
// ต้องรอ tier 1 จริงๆ — ถ้าเด้งก่อนข้อมูลมา ตัวเลขจะเป็นศูนย์ทั้งจอ
// และต้องไม่ชนกับ splash / จอล็อกอิน / sheet อื่นที่เปิดค้างอยู่
function _diBootBlocked(){
  if(window._senseSplashActive)return true;
  if(_diSeenToday())return true;
  return _diUiBusy();
}
// มีจออื่นค้างอยู่ (หน้าร้าน / Echo / ล็อกอิน / splash) — ใช้ทั้งตอนบูตและก่อนเด้งหน้าต่าง visit
function _diUiBusy(){
  if(window._senseSplashActive)return true;
  if(document.body.classList.contains('restaurant-sheet'))return true;
  const fs=document.getElementById('ci-fullsheet');
  if(fs&&getComputedStyle(fs).display!=='none')return true;
  const lo=document.getElementById('login-overlay');
  if(lo&&getComputedStyle(lo).display!=='none')return true;
  // splash อยู่ z-index 10000 = สูงกว่า sheet นี้ ⇒ ถ้ามันยังไม่หายจริง
  // เราจะเปิดจอไปนอนอยู่ข้างหลังโดยไม่มีใครเห็น (ธง _senseSplashActive ปิดก่อน element หาย)
  const sp=document.getElementById('sense-splash');
  if(sp&&getComputedStyle(sp).display!=='none')return true;
  return false;
}

function _diMaybeOpenOnBoot(){
  try{
    if(_diBootBlocked()){
      _diSyncNavButton();
      // ดูจอสรุปไปแล้ววันนี้ แต่ยังไม่เห็นหน้าต่าง visit (เช่น กดจากจอสรุปไปหน้าร้านเลย) ⇒ เตือนตอนเปิดแอปรอบนี้
      if(_diSeenToday()&&!_diUiBusy()&&_diEligible())_diMaybeVisitPopup();
      return;
    }
    if(!_diEligible())return;
    openDailyInsight({auto:true});
  }catch(e){ console.warn('daily insight boot failed',e); }
}

(function _diInit(){
  let opened=false;
  const openOnce=()=>{
    if(opened)return;
    // เปิดไปแล้วแบบข้อมูลไม่ครบ → วาดใหม่ทับ ไม่ต้องเปิดซ้ำ
    if(document.getElementById('di-sheet')){
      if(_diDataComplete()&&(window._diLastData||{}).partial){ _diRefreshBody(); opened=true; }
      return;
    }
    if(_diDataComplete())opened=true;
    _diMaybeOpenOnBoot();
  };
  const arm=()=>{
    if(!window.DataRegistry||typeof window.DataRegistry.onReady!=='function'){
      setTimeout(arm,400);
      return;
    }
    // ต้องรอชั้น 3 — ชั้น 1 มีแค่ portview/history ซึ่งไม่พอกับสิ่งที่จอนี้พูด
    window.DataRegistry.onReady(3,()=>{ setTimeout(openOnce,700); });
    // เพดานเวลา: ชั้น 3 อาจไม่มาเลย (เน็ตล่ม/ไฟล์พัง) — ยอมเปิดเท่าที่มี
    // แต่ buildDailyInsight จะติดธง partial ให้เอง แล้วจะไม่ปั๊มว่าอ่านแล้ว
    window.DataRegistry.onReady(1,()=>{ setTimeout(openOnce,DI_TIER_WAIT_MS); });
  };
  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',arm);
  else arm();
})();
</script>
<!-- ══ VERIFY SHEET ══ -->
<div class="verify-sheet-overlay" id="verifySheetOverlay" onclick="closeVerifySheet()"></div>
<div class="verify-sheet" id="verifySheet">
<div class="dp-handle"></div>
<div class="verify-sheet-head">
<div class="verify-sheet-acct">
<svg fill="var(--g500)" height="10" viewbox="0 0 10 10" width="10"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
      Freshket Sense — เทียบสเปค
    </div>
<div style="display:flex;align-items:center;justify-content:space-between">
<div class="verify-sheet-title" id="verify-sheet-acct-name">—</div>
<button onclick="closeVerifySheet()" style="border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--n400);line-height:1;padding:0">✕</button>
</div>
<div id="verify-sheet-sub" style="font-size:11px;color:var(--n600);margin-top:3px">—</div>
</div>
<div class="verify-sheet-body">
<!-- ── CONFIG SECTION (hidden during run) ── -->
<div id="vs-config-section">
<div style="font-size:10px;font-weight:700;color:var(--n600);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px">โหมด</div>
<div style="display:flex;gap:6px;margin-bottom:14px">
<div id="vs-haiku" onclick="setMatcherModel('haiku');vsUpdateMode()" style="flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid var(--g500);background:var(--g900);cursor:pointer;transition:all .15s">
<div style="font-size:12px;font-weight:700;color:#fff">Fast</div>
<div style="font-size:10px;color:rgba(255,255,255,.55);margin-top:2px">เร็ว · แนะนำ</div>
</div>
<div id="vs-sonnet" onclick="setMatcherModel('sonnet');vsUpdateMode()" style="flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid var(--n200);background:var(--n50);cursor:pointer;transition:all .15s">
<div style="font-size:12px;font-weight:700;color:var(--n700)">Detail</div>
<div style="font-size:10px;color:var(--n400);margin-top:2px">ละเอียด · ช้ากว่า</div>
</div>
</div>
<div style="font-size:10px;font-weight:700;color:var(--n600);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px">ขอบเขต</div>
<div class="ms-opts" style="margin-bottom:8px">
<button class="ms-opt on" onclick="setMatcherScope('all',this);updateMatcherPreStatus();syncVsStatus()">ทั้งหมด</button>
<button class="ms-opt" onclick="setMatcherScope('10',this);updateMatcherPreStatus();syncVsStatus()">Top 10</button>
<button class="ms-opt" onclick="setMatcherScope('50',this);updateMatcherPreStatus();syncVsStatus()">Top 50</button>
<button class="ms-opt" onclick="setMatcherScope('100',this);updateMatcherPreStatus();syncVsStatus()">Top 100</button>
<button class="ms-opt" onclick="setMatcherScope('custom',this);updateMatcherPreStatus();syncVsStatus()">กำหนดเอง</button>
</div>
<div id="vs-custom-row" style="display:none;margin-bottom:8px">
<input id="vs-custom-n" max="9999" min="1" oninput="this.style.borderColor=this.value&gt;0?'var(--g500)':'var(--n200)';updateMatcherPreStatus()" placeholder="จำนวน SKU" style="width:100%;padding:6px 12px;border:1.5px solid var(--n200);border-radius:20px;font-size:12px;font-family:var(--tk-font-mono);outline:none;background:var(--n50);color:var(--n900);transition:border-color .2s" type="number"/>
</div>
<div class="gen-pre-status" id="vs-pre-status" style="margin-bottom:12px"></div>
<button class="gen-btn" id="vs-run-btn" onclick="runMatcherFromSheet()" style="width:100%">
<svg fill="currentColor" height="12" stroke="none" viewbox="0 0 10 10" width="12"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
<span id="vs-run-label">ให้ Sense เทียบสเปค</span>
</button>
<div id="vs-reverify-link" style="display:none;text-align:center;margin-top:6px">
<button onclick="reVerifyAllFromSheet()" style="background:none;border:none;color:var(--n400);font-size:11px;text-decoration:underline;cursor:pointer;font-family:var(--tk-font-body),sans-serif">↻ Re-verify ทั้งหมด</button>
</div>
</div>
<!-- ── PROGRESS SECTION (shown during run) ── -->
<div class="gen-progress-wrap" id="vs-progress-wrap" style="display:none">
<div class="gen-prog-header">
<span class="gen-prog-sku" id="vs-prog-sku">SKU 0 / 0</span>
<span class="gen-prog-found" id="vs-prog-found">พบ 0 ตัวเลือก</span>
</div>
<div class="gen-progress-track"><div class="gen-progress-fill" id="vs-progress-fill"></div></div>
<div class="gen-prog-detail" id="vs-prog-detail">กำลังเริ่ม...</div>
<div class="gen-sku-log" id="vs-sku-log"></div>
</div>
<!-- ── RESULT SECTION (shown after run) ── -->
<div id="vs-result" style="display:none;margin-top:10px">
<div class="gen-result-summary" id="vs-result-summary"></div>
<div class="gen-result-table" id="vs-result-table"></div>
<button id="vs-nav-opps-btn" onclick="goToSenseOpportunitiesAfterVerify()" style="width:100%;margin-top:12px;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#1a4a3a,#0d3328);color:#fff;font-size:14px;font-weight:700;font-family:var(--tk-font-body),sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s">
<svg fill="currentColor" height="12" stroke="none" viewbox="0 0 10 10" width="12"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"></path></svg>
<span id="vs-nav-opps-label">ดูวัตถุดิบที่เจอ →</span>
</button>
<button onclick="vsResetToConfig()" style="width:100%;margin-top:8px;padding:10px;border-radius:10px;border:1.5px solid var(--n200);background:transparent;color:var(--n600);font-size:12px;font-weight:600;font-family:var(--tk-font-body),sans-serif;cursor:pointer">← กลับตั้งค่า</button>
</div>
</div>
</div>
<!-- ══ SENSE GATE OVERLAY ══ -->
<div id="sense-gate" style="display:none">
<div id="sg-orb-wrap" onclick="sgOrbTap()">
<svg height="220" id="sg-ring-svg" viewbox="0 0 220 220" width="220">
<circle cx="110" cy="110" fill="none" id="sg-ring-track" r="90" stroke="#00cc6a" stroke-width="12"></circle>
<defs>
<filter height="160%" id="sg-glow" width="160%" x="-30%" y="-30%">
<fegaussianblur result="b" stddeviation="4"></fegaussianblur>
<femerge><femergenode in="b"></femergenode><femergenode in="SourceGraphic"></femergenode></femerge>
</filter>
</defs>
<circle cx="110" cy="110" fill="none" id="sg-ring-fill" r="90" stroke="#00cc6a" stroke-dasharray="565.2" stroke-dashoffset="565.2" stroke-linecap="round" stroke-width="12" style="transition:stroke-dashoffset 1.3s ease;opacity:0" transform="rotate(-90 110 110)"></circle>
<circle cx="110" cy="110" fill="none" filter="url(#sg-glow)" id="sg-ring-scan" r="90" stroke="#00cc6a" stroke-linecap="round" stroke-width="12"></circle>
<circle cx="110" cy="110" fill="none" filter="url(#sg-glow)" id="sg-ring-scan2" r="90" stroke="#00cc6a" stroke-linecap="round" stroke-width="7"></circle>
<circle cx="110" cy="110" fill="none" id="sg-ring-scan3" r="90" stroke="#00ff88" stroke-linecap="round" stroke-width="5"></circle>
<circle class="sg-orbit-dot" cx="110" cy="20" fill="#00ff99" id="sg-od1" r="3.5"></circle>
<circle class="sg-orbit-dot" cx="110" cy="20" fill="#66ffbb" id="sg-od2" r="2.5"></circle>
<circle class="sg-orbit-dot" cx="110" cy="20" fill="#00cc6a" id="sg-od3" r="2"></circle>
</svg>
<!-- Beacon pulse rings (3-ring Apple-style tap affordance) -->
<div id="sg-beacon"></div>
<div id="sg-beacon-2"></div>
<div id="sg-beacon-3"></div>
<!-- Particles -->
<div class="sg-particle sg-p1"></div>
<div class="sg-particle sg-p2"></div>
<div class="sg-particle sg-p3"></div>
<div class="sg-particle sg-p4"></div>
<div class="sg-particle sg-p5"></div>
<!-- Center content -->
<div id="sg-ring-center">
<span class="sg-center-star" id="sg-orb-star">✦</span>
<div id="sg-score-wrap">
<div id="sg-score-num">—</div>
<div id="sg-score-unit"></div>
</div>
</div>
</div>
<div id="sg-text-area">
<div id="sg-ring-data"></div>
<div id="sg-tap-hint">แตะเพื่อเริ่ม</div>
<div class="sg-title" id="sg-title">Freshket Sense</div>
<div class="sg-sub" id="sg-sub">เช็คราคาวัตถุดิบเทียบกับ catalog ทั้งหมด</div>
<!-- Single-line thinking ticker (replaces 5-step list) -->
<div id="sg-ticker">
<div class="sg-ticker-line" id="sg-ticker-line">
<span id="sg-ticker-text"></span><span class="sg-ticker-dot"></span><span class="sg-ticker-dot"></span><span class="sg-ticker-dot"></span>
</div>
</div>
<div id="sg-cta-wrap">
<div class="sg-done-label" id="sg-done-label"></div>
<div class="sg-done-desc" id="sg-done-desc"></div>
<button class="sg-cta-btn" onclick="sgCommit()">ดูวัตถุดิบที่เจอ →</button>
</div>
</div>
</div>
<!-- ═══ TARGET MODULE v1 (merged) ═══ -->
<style id="target-module-css">
/* ============================================================
   FRESHKET SENSE — COMMISSION MODULE STYLES
   src/styles_commission.css
   
   Extracted from shell.html (id="target-module-css").
   Injected by build.py (CSS extract refactor).
   ============================================================ */

/* ── Fade transition: portview-pace-bar → tgt-portview-bar ── */
#portview-pace-bar{transition:opacity 240ms ease;}
#tgt-portview-bar{transition:opacity 360ms ease;}
/* ── NRR Portfolio Widget v2 ── */
#tgt-portview-bar {
  margin-bottom:12px;border-radius:var(--r-lg);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);
  padding:var(--sp-3) 14px 0;transition:border-color .2s,border-style .2s;
}
#tgt-portview-bar.fb-team{border-style:dashed;border-color:rgba(240,176,0,.4);}
#tgt-portview-bar.fb-base{border-style:dashed;border-color:rgba(255,255,255,.22);}
.tgt-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;}
@media(max-width:360px){.tgt-bar-header{flex-wrap:wrap;row-gap:6px;}.tgt-bar-right{margin-left:auto;}}   /* R1 UI: ที่ 320 ยอด/ฐานเลยขอบการ์ด */
.tgt-bar-left{display:flex;align-items:baseline;gap:var(--sp-2);}
/* R1 UI #1: ไม่มีเส้นสี (ผู้ดูแล · PM · อ่านเกณฑ์ไม่ได้ · ระหว่างโหลด) ⇒ สีกลางที่อ่านออก ไม่ใช่สีที่สืบทอดมา (เกือบดำบนพื้นกรม) */
.tgt-bar-pct{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-kpi);font-weight:var(--fw-bold);line-height:1;letter-spacing:-1px;color:var(--tk-blue-text-primary);}
.tgt-bar-pct.zc{color:var(--zc);}   /* 24 ต.ค. 2569: สีตามช่วงเกณฑ์ค่าคอมฯ (07b _nrrHeadlineCls) */
.tgt-bar-days-inline{font-size:var(--text-sm);color:rgba(255,255,255,.55);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;white-space:nowrap;}
.tgt-bar-right{text-align:right;flex-shrink:0;}
.tgt-rr-label{font-size:var(--text-3xs);font-weight:var(--fw-bold);letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.52);margin-bottom:2px;}
.tgt-rr-row{display:flex;align-items:baseline;gap:var(--sp-1);justify-content:flex-end;}
.tgt-rr-actual{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--tk-text-primary);}
.tgt-rr-sep{font-size:var(--text-sm);color:rgba(255,255,255,.52);}
.tgt-rr-target{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);}
.tgt-rr-target.tgt-real{color:var(--tk-ok-bright);}
.tgt-rr-target.tgt-alloc{color:var(--amb,#f0b000);}
.tgt-rr-target.tgt-base{color:var(--tk-text-muted);}
/* Bar: fills to pace% (capped 100%), segments color the fill proportionally */
.tgt-seg-wrap{position:relative;height:8px;border-radius:var(--r-sm);background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:6px;}
.tgt-seg{position:absolute;top:0;height:100%;transition:width .5s ease,left .5s ease;}
.tgt-seg.nrr{background:var(--tk-ok-bright);border-radius:var(--r-sm) 0 0 6px;}
.tgt-seg.comeback{background:#64a0ff;}
.tgt-seg.expansion{background:#00c8b0;}
.tgt-seg.nrr.seg-full{border-radius:var(--r-sm);}
/* Overflow badge when pct > 100% */
.tgt-overflow-badge{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--tk-ok-bright);background:var(--tk-ok-dim);border:1px solid var(--tk-ok-border);border-radius:var(--r-5);padding:1px 6px;margin-left:auto;}
/* Pct legend */
.tgt-pct-legend{display:flex;gap:var(--sp-2h);margin-bottom:8px;flex-wrap:wrap;align-items:center;}
.tgt-pl-item{display:inline-flex;align-items:baseline;gap:var(--sp-1);}
.tgt-pl-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block;vertical-align:middle;}
.tgt-pl-dot.nrr{background:var(--tk-ok-bright);}.tgt-pl-dot.comeback{background:#64a0ff;}.tgt-pl-dot.expansion{background:#00c8b0;}
.tgt-pl-lbl{font-size:var(--text-md);color:rgba(255,255,255,.6);vertical-align:baseline;}
.tgt-pl-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);vertical-align:baseline;}
.tgt-pl-val.nrr{color:var(--tk-ok-bright);}.tgt-pl-val.comeback{color:#64a0ff;}.tgt-pl-val.expansion{color:#00c8b0;}
/* ⓘ info button — replaces full-width expand row */
.tgt-info-btn{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--tk-text-muted);font-size:var(--text-xs);font-weight:var(--fw-bold);font-style:italic;font-family:Georgia,serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;margin-left:auto;padding:0;line-height:1;}
.tgt-info-btn:hover{border-color:rgba(255,255,255,.5);color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);}
/* v302: จุดแดง "มีอะไรใหม่" ที่ปุ่ม ⓘ ช่วงแนะนำการเปลี่ยนตัวชี้วัด (NRR_ANNOUNCE_UNTIL) */
.tgt-info-btn.nrr-new-dot{position:relative;}
.tgt-info-btn.nrr-new-dot::after{content:'';position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--tk-danger);border:1.5px solid var(--tk-bg-base);}
.tgt-info-btn.open{border-color:var(--tk-ok-border);color:var(--tk-ok-bright);background:var(--tk-ok-dim);}
/* Detail panel — 3 sections */
.tgt-detail-panel{overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .28s;opacity:0;pointer-events:none;border-top:1px solid rgba(255,255,255,.08);margin-top:4px;}
.tgt-detail-panel.open{max-height:700px;opacity:1;pointer-events:auto;}
.tgt-det-section{padding:var(--sp-2h) 0 8px;border-top:1px solid rgba(255,255,255,.1);}
.tgt-det-section:first-child{border-top:none;padding-top:8px;}
.tgt-det-stitle{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.7px;color:rgba(255,255,255,.5);margin-bottom:8px;}
.tgt-det-row{display:flex;align-items:center;gap:9px;margin-bottom:6px;}
.tgt-det-row:last-child{margin-bottom:0;}
.tgt-det-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.tgt-det-lbl{font-size:var(--text-md);color:rgba(255,255,255,.85);flex:1;font-weight:var(--fw-medium);}
.tgt-det-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-bold);}
.tgt-det-count{font-size:var(--text-xs);color:rgba(255,255,255,.6);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}
/* ── NRR Cohort Drill-down Sheet (v206) ── */
.ncs-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;opacity:0;pointer-events:none;transition:opacity .28s}
.ncs-overlay.on{opacity:1;pointer-events:all}
.ncs-sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(102%);width:100%;max-width:var(--max-w);background:#0b1c14;border-radius:var(--r-xl) 20px 0 0;z-index:501;transition:transform .38s cubic-bezier(.34,1.2,.64,1);max-height:88dvh;display:flex;flex-direction:column}
.ncs-sheet.on{transform:translateX(-50%) translateY(0)}
.ncs-handle{display:flex;justify-content:center;padding:var(--sp-2h) 0 4px;flex-shrink:0}
.ncs-handle div{width:36px;height:4px;border-radius:var(--r-xxs);background:rgba(255,255,255,.18)}
.ncs-header{padding:0 var(--sp-4) 12px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}
.ncs-title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:rgba(255,255,255,.95);margin-bottom:12px}
.ncs-tabs{display:flex;gap:3px;background:rgba(0,0,0,.35);border-radius:var(--r-md);padding:3px}
.ncs-tab{flex:1;font-size:var(--text-xs);font-weight:var(--fw-bold);padding:7px 4px;border-radius:var(--r-8);text-align:center;cursor:pointer;color:rgba(255,255,255,.52);line-height:1.3;transition:all .18s;border:none;background:none;font-family:var(--tk-font-body)}
.ncs-tab.on{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}
.ncs-tab.on.t-nrr{color:#1AE87B}
.ncs-tab.on.t-cb{color:#64a0ff}
.ncs-tab.on.t-ex{color:#00c8b0}
.ncs-meta{display:flex;align-items:center;gap:var(--sp-2);padding:7px 16px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}
.ncs-meta{display:flex;align-items:center;gap:var(--sp-2);padding:7px 14px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}
.ncs-meta-text{font-size:var(--text-md);color:rgba(255,255,255,.75);flex:1;line-height:1.4}
.ncs-sort-btn{font-size:var(--text-xs);color:rgba(255,255,255,.5);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-5);padding:3px 9px;cursor:pointer;font-family:var(--tk-font-body);white-space:nowrap}
.cds-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(255,255,255,.06);border-radius:var(--r-7);cursor:pointer;color:rgba(255,255,255,.55);flex-shrink:0;transition:background .15s}
.cds-toggle-btn:hover{background:rgba(255,255,255,.11);color:rgba(255,255,255,.85)}
.ncs-tbl-head{display:grid;padding:5px 14px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}
.ncs-tbl-head.nrr-cols{grid-template-columns:minmax(0,1fr) 54px 60px 54px}
.ncs-tbl-head.simple-cols{grid-template-columns:minmax(0,1fr) 88px}
.ncs-th{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.05em;color:rgba(255,255,255,.82);text-transform:uppercase}
.ncs-th.r{text-align:right}
.ncs-chip{display:flex;align-items:center;gap:var(--sp-2);padding:5px 14px;background:rgba(255,255,255,.055);border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;user-select:none}
.ncs-chip.nrr-cols{display:grid;grid-template-columns:minmax(0,1fr) 54px 60px 54px;gap:0}
.ncs-chip-chev{font-size:var(--text-xs);color:rgba(255,255,255,.52);transition:transform .15s;flex-shrink:0;width:10px}
.ncs-chip.open .ncs-chip-chev{transform:rotate(90deg)}
.ncs-chip-name{font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.6);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;letter-spacing:.01em}
.ncs-chip-rr{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(26,232,123,.7);flex-shrink:0}
.ncs-outlet-rows{display:none}
.ncs-outlet-rows.open{display:block}
.ncs-outlet-row{display:grid;padding:7px 14px;border-bottom:1px solid rgba(255,255,255,.04);align-items:center}
.ncs-outlet-row.nrr-cols{grid-template-columns:minmax(0,1fr) 54px 60px 54px}
.ncs-outlet-row.simple-cols{grid-template-columns:minmax(0,1fr) 88px}
.ncs-outlet-name{font-size:var(--text-md);font-weight:var(--fw-medium);color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ncs-gmv{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);text-align:right}
.ncs-gmv.base{color:rgba(255,255,255,.72)}
.ncs-gmv.rr-up{color:#1AE87B}
.ncs-gmv.rr-dn{color:rgba(255,150,70,.9)}
.ncs-gmv.rr-mon{color:var(--hz-monitor)}   /* 25 ต.ค. 2569: MONITOR 97–100% (07b_cds _cdsHealthCls) */
.ncs-gmv.mtd{color:rgba(255,255,255,.52)}
.ncs-gmv.cb-cur{color:#64a0ff}
.ncs-gmv.ex-cur{color:#00c8b0}
.ncs-total{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2h) 16px;background:rgba(0,0,0,.28);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}
.ncs-total-lbl{font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.52);text-transform:uppercase;letter-spacing:.06em}
.ncs-total-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg2);font-weight:var(--fw-bold)}
.ncs-body{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}
.ncs-footer{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);flex-shrink:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.ncs-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-1h);padding:var(--sp-2h) 14px;border-radius:var(--r-md);font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;border:1px solid;font-family:var(--tk-font-body);transition:opacity .15s;white-space:nowrap}
.ncs-btn:active{opacity:.7}
.ncs-btn.primary{flex:1;background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright)}
.ncs-btn.secondary{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.55)}
.ncs-btn.email-future{background:rgba(100,160,255,.08);border-color:rgba(100,160,255,.2);color:rgba(100,160,255,.7)}
.tgt-det-row.tappable{cursor:pointer;border-radius:var(--r-sm);padding:3px 6px;margin:-3px -6px 3px;transition:background .12s;-webkit-tap-highlight-color:transparent}
.tgt-det-row.tappable:last-child{margin-bottom:-3px}
.tgt-det-row.tappable:active{background:rgba(255,255,255,.07)}
.ncs-chevron-hint{font-size:var(--text-xs);color:rgba(255,255,255,.52);margin-left:4px}
.ncs-row-btn{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--tk-ok-bright);border:1px solid var(--tk-ok-border);border-radius:var(--r-5);padding:2px 8px;margin-left:auto;flex-shrink:0;background:var(--tk-ok-dim);font-family:var(--tk-font-body);white-space:nowrap}
.ncs-empty{text-align:center;padding:32px 16px;font-size:var(--text-md);color:rgba(255,255,255,.52)}
.tgt-color-key{display:flex;gap:var(--sp-3);flex-wrap:wrap;padding:5px 0 2px;}
.tgt-ck-item{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);}
.tgt-ck-swatch{width:8px;height:8px;border-radius:var(--r-xxs);flex-shrink:0;}
.tgt-ck-lbl{color:rgba(255,255,255,.6);}
.tgt-fml-row{display:flex;align-items:baseline;gap:var(--sp-1h);margin-bottom:6px;font-size:var(--text-sm);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}
.tgt-fml-mo{color:rgba(255,255,255,.85);width:76px;flex-shrink:0;font-size:var(--text-xs);}
.tgt-fml-eq{color:rgba(255,255,255,.65);flex:1;font-size:var(--text-xs);line-height:1.4;}
.tgt-fml-res{color:var(--tk-text-primary);font-weight:var(--fw-bold);flex-shrink:0;}
.tgt-fml-total{display:flex;align-items:baseline;gap:var(--sp-1h);margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12);font-size:var(--text-sm);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}
.tgt-fml-total-lbl{color:rgba(255,255,255,.65);flex:1;}
.tgt-fml-total-val{color:var(--tk-text-primary);font-weight:var(--fw-bold);}
.pv-sort-sticky{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) 0 5px;border-top:1px solid rgba(255,255,255,.1);margin-top:4px;}

/* ── TL KAM card target row ── */
.tv-tgt-row {
  display:flex;align-items:center;gap:var(--sp-1h);
  margin-top:7px;padding-top:7px;
  border-top:1px solid rgba(255,255,255,.07);
  font-size:var(--text-sm);
}
.tv-tgt-track {
  flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;
}
.tv-tgt-fill {
  height:100%;border-radius:99px;
}
.tv-tgt-pct {
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);min-width:32px;text-align:right;
}
.tv-tgt-lbl { color:rgba(255,255,255,.52);font-size:var(--text-xs); }

/* ── Target Setup Sheet ── */
#target-setup-overlay {
  display:none;
  position:fixed;inset:0;z-index:3200;
  background:rgba(0,0,0,.65);
  backdrop-filter:blur(4px);
  align-items:flex-end;
  justify-content:center;
}
#target-setup-overlay.open { display:flex; }
#target-setup-sheet {
  background:#0d1117;
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-xl) 20px 0 0;
  width:100%;max-width:var(--max-w);
  max-height:88vh;
  display:flex;flex-direction:column;
  padding-bottom:env(safe-area-inset-bottom,0px);
  animation:tgtSheetUp .28s cubic-bezier(.22,.72,.46,1) forwards;
}
@keyframes tgtSheetUp {
  from{transform:translateY(100%);opacity:.6}
  to{transform:translateY(0);opacity:1}
}
.tgt-sheet-drag {
  width:36px;height:4px;border-radius:var(--r-xxs);background:rgba(255,255,255,.2);
  margin:10px auto 0;flex-shrink:0;
}
.tgt-sheet-header {
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px 0;
  flex-shrink:0;
}
.tgt-sheet-title {
  font-family:var(--tk-font-body);
  font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--tk-text-primary);
}
.tgt-sheet-close {
  width:28px;height:28px;border:none;background:rgba(255,255,255,.08);
  border-radius:50%;cursor:pointer;color:rgba(255,255,255,.6);
  font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;
  transition:background .15s;
}
.tgt-sheet-close:hover { background:rgba(255,255,255,.15); }
.tgt-sheet-body {
  overflow-y:auto;padding:var(--sp-4);flex:1;
  -webkit-overflow-scrolling:touch;
}
/* Quarter nav */
.tgt-quarter-nav {
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;
}
.tgt-quarter-nav button {
  width:32px;height:32px;border:none;background:rgba(255,255,255,.08);
  border-radius:var(--r-8);color:var(--tk-text-primary);font-size:var(--text-xl);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.tgt-quarter-label {
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--tk-text-primary);
}
/* Person block */
.tgt-person-block {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-card);padding:var(--sp-3) 14px;margin-bottom:12px;
}
.tgt-person-name {
  font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--tk-text-primary);margin-bottom:2px;
  display:flex;align-items:center;gap:var(--sp-1h);
}
.tgt-person-meta { font-size:var(--text-sm);color:rgba(255,255,255,.65);margin-bottom:10px; }
.tgt-month-grid { display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-2);margin-bottom:8px; }
.tgt-month-col label {
  display:block;font-size:var(--text-xs);color:rgba(255,255,255,.75);margin-bottom:4px;
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;
}
.tgt-month-input {
  width:100%;box-sizing:border-box;
  padding:var(--sp-2) 10px;border-radius:var(--r-8);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.95);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-semi);
  outline:none;transition:border-color .15s;
  -webkit-appearance:none;
}
.tgt-month-input:focus { border-color:var(--tk-ok-border); }
.tgt-month-input.changed { border-color:var(--tk-ok-border);background:var(--tk-ok-dim); }
.tgt-person-anchor {
  font-size:var(--text-xs);color:rgba(255,255,255,.55);
  display:flex;align-items:center;gap:var(--sp-1);
}
.tgt-person-anchor span { color:rgba(255,255,255,.85);font-weight:var(--fw-bold); }
/* Allocation bar (TL view) */
.tgt-alloc-bar {
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-md);padding:var(--sp-2h) 12px;margin-bottom:12px;
  font-size:var(--text-sm);
}
.tgt-alloc-header {
  display:flex;justify-content:space-between;margin-bottom:5px;
  color:rgba(255,255,255,.75);
}
.tgt-alloc-num { font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold); }
.tgt-alloc-num.ok { color:var(--tk-ok-bright); }
.tgt-alloc-num.warn { color:var(--amb,#f0b000); }
.tgt-alloc-track {
  height:4px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;
}
.tgt-alloc-fill {
  height:100%;border-radius:99px;transition:width .3s ease;
}
/* Per-month allocation grid (TL view) */
.tgt-alloc-mo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}
.tgt-alloc-mo-col{display:flex;flex-direction:column;gap:2px}
.tgt-alloc-mo-label{font-size:var(--text-sm);color:var(--tk-text-muted);font-weight:var(--fw-semi);margin-bottom:2px}
.tgt-alloc-mo-vp{font-size:var(--text-base);color:rgba(255,255,255,.75);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.tgt-alloc-mo-vp.dim{color:rgba(255,255,255,.52);font-weight:var(--fw-normal)}
.tgt-alloc-mo-alloc{font-size:var(--text-sm);color:rgba(255,255,255,.5);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;min-height:14px}
.tgt-alloc-mo-diff{font-size:var(--text-sm);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;min-height:14px}
.tgt-alloc-mo-diff.warn{color:var(--amb,#f0b000)}
.tgt-alloc-mo-diff.ok{color:var(--tk-ok-bright)}
.tgt-alloc-mo-diff.over{color:rgba(255,255,255,.52);font-weight:var(--fw-normal)}
.tgt-alloc-mo-diff.none{color:rgba(255,255,255,.52);font-weight:var(--fw-normal)}
/* NRR threshold block (admin) */
.tgt-nrr-config {
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-card);padding:var(--sp-3) 14px;margin-bottom:16px;
}
.tgt-nrr-config-title {
  font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--tk-text-secondary);margin-bottom:8px;
  display:flex;align-items:center;gap:var(--sp-1h);
}
.tgt-nrr-config-row {
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--sp-2h);
}
.tgt-nrr-config-label { font-size:var(--text-sm);color:var(--tk-text-secondary); }
.tgt-nrr-config-input {
  width:80px;padding:7px 10px;border-radius:var(--r-8);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  color:var(--tk-text-primary);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);
  outline:none;text-align:center;transition:border-color .15s;
}
.tgt-nrr-config-input:focus { border-color:var(--tk-ok-border); }
/* Save button */
.tgt-save-btn {
  width:100%;padding:14px;border-radius:var(--r-card);border:none;
  background:linear-gradient(135deg,var(--tk-ok-bright),rgba(0,180,90,.85));
  color:#0d1117;font-family:var(--tk-font-body);font-size:var(--text-lg);font-weight:var(--fw-bold);
  cursor:pointer;margin-top:4px;transition:opacity .15s;
  display:flex;align-items:center;justify-content:center;gap:var(--sp-2);
}
.tgt-save-btn:disabled { opacity:.4;cursor:not-allowed; }
/* Tab row */
.tgt-tab-row {
  display:flex;gap:var(--sp-1);padding:0 var(--sp-4);margin-bottom:0;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.07);
}
.tgt-tab-btn {
  padding:var(--sp-2) 14px;border:none;background:transparent;
  font-family:var(--tk-font-body);font-size:var(--text-md);font-weight:var(--fw-semi);
  color:rgba(255,255,255,.6);cursor:pointer;border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s;margin-bottom:-1px;
}
.tgt-tab-btn.active { color:var(--tk-ok-bright);border-bottom-color:var(--tk-ok-bright); }
/* Status toast inside sheet */
.tgt-status {
  text-align:center;font-size:var(--text-md);padding:var(--sp-2);
  border-radius:var(--r-8);margin-top:8px;display:none;
}
.tgt-status.ok { background:var(--tk-ok-dim);color:var(--tk-ok-bright); }
.tgt-status.err { background:rgba(255,80,0,.12);color:#ff8888; }
/* TL setup button in teamview KAM card */
.tv-set-target-btn {
  border:none;background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);
  border-radius:var(--r-sm);padding:var(--sp-1) 10px;
  font-family:var(--tk-font-body);font-size:var(--text-xs);font-weight:var(--fw-bold);
  color:var(--tk-ok-bright);cursor:pointer;transition:background .15s;
}
.tv-set-target-btn:hover { background:var(--tk-ok-dim-2); }
/* Admin target button in portview header (TL overview) */
.tgt-admin-btn {
  border:none;background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);
  border-radius:var(--r-8);padding:6px 12px;
  font-family:var(--tk-font-body);font-size:var(--text-sm);font-weight:var(--fw-bold);
  color:var(--tk-ok-bright);cursor:pointer;display:flex;align-items:center;gap:5px;
  transition:background .15s;margin-bottom:10px;
}
.tgt-admin-btn:hover { background:var(--tk-ok-dim-2); }

/* v208e-fix2: Teamview governance card layout repair */
#tv-summary-row.portview-summary-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--sp-2h);
  align-items:stretch;
  overflow:visible;
}
#tv-summary-row .tv-gov-card{
  grid-column:1 / -1;
  width:100%;
  min-width:0 !important;
  flex:none !important;
  box-sizing:border-box;
  padding:var(--sp-3);
}
#tv-summary-row .portview-stat{
  min-width:0 !important;
  width:auto !important;
  flex:none !important;
}
#tv-summary-row .tv-gov-top{margin-bottom:8px}
#tv-summary-row .tv-gov-badges{margin-bottom:8px;gap:5px}
#tv-summary-row .tv-gov-badge{font-size:8.5px;padding:3px 6px}
#tv-summary-row .tv-gov-grid{grid-template-columns:1fr 1fr;gap:var(--sp-2)}
#tv-summary-row .tv-gov-metric{padding:var(--sp-2)}
#tv-summary-row .tv-gov-metric-value{font-size:var(--text-xl)}
#tv-summary-row .tv-gov-payout{margin-top:8px;padding:var(--sp-2)}
#tv-summary-row .tv-gov-footer,
#tv-summary-row .tv-gov-adjust{font-size:8.5px;line-height:1.35}

@media (max-width: 430px){
  #tv-summary-row.portview-summary-row{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:var(--sp-2);
  }
  #tv-summary-row .tv-gov-card{padding:11px}
  #tv-summary-row .tv-gov-grid{grid-template-columns:1fr 1fr}
  #tv-summary-row .portview-stat{padding:var(--sp-2h) 6px}
  #tv-summary-row .portview-stat-val{font-size:var(--text-xl3) !important}
}

/* v208e-fix2: keep KAM card payout/exclusion controls from stretching the row */
.tv-risk-chips{
  display:flex;
  align-items:center;
  gap:var(--sp-1h);
  flex-wrap:wrap;
}
.tv-payout-pill{
  margin-left:0 !important;
  white-space:nowrap;
}
.tgt-excl-request-btn{
  margin-left:auto;
  flex-shrink:0;
}

/* v208e-fix2: splash loading alignment safety */
#splash-screen .splash-status,
#splash-screen [id*="status"],
#splash-screen [class*="status"]{
  max-width:320px;
}


/* v209 Commission Cockpit UX Redesign */
.comm-btn{
  display:none;align-items:center;gap:5px;background:rgba(var(--ink-blue),.12);
  border:1px solid rgba(var(--ink-blue),.24);border-radius:var(--r-8);padding:5px 10px;
  font-size:var(--text-sm);font-weight:800;color:#bcd7ff;cursor:pointer;white-space:nowrap;flex-shrink:0;
  font-family:var(--tk-font-body);
}
.comm-overlay{
  position:fixed;inset:0;background:rgba(3,8,18,.72);z-index:10040;
  display:none;align-items:flex-end;justify-content:center;backdrop-filter:blur(8px);
}
.comm-overlay.open{display:flex}
.comm-sheet{
  width:100%;max-width:560px;height:min(88vh,820px);background:#0f1828;color:var(--tk-text-primary);
  border-radius:24px 24px 0 0;border:1px solid rgba(255,255,255,.10);
  box-shadow:0 -24px 70px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;
}
.comm-drag{width:42px;height:4px;border-radius:var(--r-pill);background:rgba(255,255,255,.24);margin:10px auto 4px;flex-shrink:0}
.comm-head{padding:var(--sp-3) 18px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2h);flex-shrink:0}
.comm-title{font-size:var(--text-xl3);font-weight:850;letter-spacing:-.02em;color:var(--tk-text-primary)}
.comm-sub{font-size:var(--text-sm);color:var(--tk-text-muted);line-height:1.45;margin-top:3px}
.comm-close{width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-size:var(--text-xl3);cursor:pointer}
.comm-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}
.comm-step{
  border:none;background:transparent;color:rgba(255,255,255,.48);font-size:var(--text-xs);font-weight:800;
  font-family:var(--tk-font-body);padding:var(--sp-2h) 4px 9px;cursor:pointer;position:relative;line-height:1.25
}
.comm-step.active{color:var(--tk-ok-bright)}
.comm-step.active:after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:var(--r-xxs);background:var(--tk-ok-bright)}
.comm-body{padding:14px 16px 96px;overflow:auto;flex:1}
.comm-footer{
  position:absolute;left:0;right:0;bottom:0;padding:var(--sp-2h) 16px 16px;
  background:linear-gradient(180deg,rgba(15,24,40,0),#0f1828 22%,#0f1828);
  display:flex;gap:var(--sp-2);align-items:center
}
.comm-save{
  flex:1;border:none;border-radius:13px;padding:13px 14px;background:linear-gradient(135deg,var(--tk-ok-bright),rgba(0,180,90,.88));
  color:#07111d;font-weight:900;font-family:var(--tk-font-body);cursor:pointer
}
.comm-secondary{
  border:1px solid rgba(255,255,255,.10);border-radius:13px;padding:13px 14px;background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.74);font-weight:800;font-family:var(--tk-font-body);cursor:pointer
}
.comm-hero{
  background:linear-gradient(135deg,rgba(23,53,101,.96),rgba(10,24,50,.95));
  border:1px solid rgba(100,170,255,.18);border-radius:17px;padding:14px;margin-bottom:12px;
  box-shadow:0 16px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04)
}
.comm-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}
.comm-hero-title{font-size:var(--text-lg);font-weight:850;color:var(--tk-text-primary);display:flex;align-items:center;gap:7px}
.comm-hero-sub{font-size:var(--text-xs);color:rgba(255,255,255,.47);line-height:1.45;margin-top:4px}
.comm-total{text-align:right}
.comm-total-lbl{font-size:var(--text-2xs);text-transform:uppercase;color:var(--tk-text-muted);font-weight:800;letter-spacing:var(--ls-eyebrow)}
.comm-total-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:23px;font-weight:850;color:#bcd7ff;margin-top:3px}
.comm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-top:12px}
.comm-kpi{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);border-radius:var(--r-card);padding:var(--sp-2h)}
.comm-kpi-lbl{font-size:var(--text-2xs);text-transform:uppercase;color:var(--tk-text-muted);font-weight:800;line-height:1.25;letter-spacing:var(--ls-eyebrow)}
.comm-kpi-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:850;color:var(--tk-text-primary);margin-top:5px}
.comm-section-title{font-size:var(--text-md);font-weight:850;color:rgba(255,255,255,.72);margin:14px 2px 8px;display:flex;align-items:center;justify-content:space-between}
.comm-card{
  background:rgba(255,255,255,.042);border:1px solid rgba(255,255,255,.075);border-radius:var(--r-lg);padding:var(--sp-3);margin-bottom:9px
}
.comm-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2h)}
.comm-name{font-size:var(--text-base);font-weight:850;color:var(--tk-text-primary);line-height:1.35}
.comm-meta{font-size:var(--text-2xs);color:rgba(255,255,255,.52);line-height:1.45;margin-top:3px}
.comm-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:var(--r-pill);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.68);font-size:var(--text-2xs);font-weight:850}
.comm-badge.ok{background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright)}
.comm-badge.warn{background:rgba(240,176,0,.12);border-color:rgba(240,176,0,.22);color:#f6ad55}
.comm-badge.blue{background:rgba(100,170,255,.12);border-color:rgba(100,170,255,.22);color:#bcd7ff}
.comm-chip-row{display:flex;gap:var(--sp-1h);flex-wrap:wrap;margin-top:9px}
.comm-select,.comm-input{
  width:100%;padding:var(--sp-2h) 11px;border-radius:11px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);color:var(--tk-text-primary);font-size:var(--text-md);font-weight:var(--fw-bold);outline:none;
  font-family:var(--tk-font-body)
}
.comm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
.comm-field label{font-size:var(--text-xs);font-weight:850;color:rgba(255,255,255,.5);display:block;margin-bottom:5px}
.comm-team-card{border-left:2px solid rgba(100,170,255,.42)}
.comm-team-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:8px}
.comm-team-total{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:850;color:#bcd7ff}
.comm-person-row{
  display:grid;grid-template-columns:1fr auto;gap:var(--sp-2);align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)
}
.comm-person-row:first-of-type{border-top:none}
.comm-person-name{font-size:var(--text-md);font-weight:800;color:var(--tk-text-primary)}
.comm-person-sub{font-size:var(--text-2xs);color:rgba(255,255,255,.52);margin-top:2px}
.comm-person-payout{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:850;color:#bcd7ff}
.comm-table-lite{display:flex;flex-direction:column;gap:7px}
.comm-tier-row{display:grid;grid-template-columns:.8fr .8fr 1fr 1fr 28px;gap:var(--sp-1h);align-items:center}
.comm-tier-row.head{font-size:var(--text-2xs);text-transform:uppercase;color:rgba(255,255,255,.52);font-weight:850;letter-spacing:var(--ls-eyebrow)}
.comm-del{width:28px;height:28px;border-radius:var(--r-9);border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:var(--tk-text-muted);cursor:pointer}
.comm-add{width:100%;margin-top:8px;padding:var(--sp-2h);border-radius:var(--r-card);border:1px dashed var(--tk-ok-border);background:var(--tk-ok-dim);color:var(--tk-ok-bright);font-weight:850;font-family:var(--tk-font-body);cursor:pointer}
.comm-empty{padding:24px 14px;text-align:center;color:rgba(255,255,255,.52);font-size:var(--text-md);background:rgba(255,255,255,.035);border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.06)}
.comm-lock-list{display:flex;flex-direction:column;gap:var(--sp-2)}
.comm-lock-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:var(--sp-2h)}
.comm-role-dot{width:34px;height:34px;border-radius:var(--r-card);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:900;background:rgba(100,170,255,.12);color:#bcd7ff;border:1px solid rgba(100,170,255,.22)}
.comm-role-dot.kam{background:var(--tk-ok-dim);color:var(--tk-ok-bright);border-color:var(--tk-ok-dim-2)}
.comm-row-money{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:850;color:#bcd7ff}
@media (max-width:430px){
  .comm-sheet{height:90vh}
  .comm-step{font-size:var(--text-2xs)}
  .comm-kpis{grid-template-columns:repeat(3,1fr)}
  .comm-kpi{padding:9px 7px}
  .comm-kpi-val{font-size:var(--text-lg)}
  .comm-tier-row{grid-template-columns:.75fr .75fr .9fr 1fr 24px;gap:5px}
}


/* v209b Team View Signal Redesign */
#tv-summary-row.portview-summary-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--sp-2) !important;
  align-items:stretch;
  margin-bottom:12px;
}
#tv-summary-row .tv-gov-card{
  grid-column:1 / -1;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  min-width:0 !important;
}
.tv-signal-wrap{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sp-2);
  width:100%;
flex-wrap:wrap;}
.tv-signal-card{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  border-radius:var(--r-lg);
  padding:var(--sp-2h) 11px;
  min-width:0;
}
.tv-signal-card.ok{
  background:linear-gradient(180deg,var(--tk-ok-dim),var(--tk-ok-dim));
  border-color:var(--tk-ok-dim-2);
}
.tv-signal-card.warn{
  background:linear-gradient(180deg,rgba(240,176,0,.12),rgba(240,176,0,.045));
  border-color:rgba(240,176,0,.22);
}
.tv-signal-card.info{
  background:linear-gradient(180deg,rgba(100,170,255,.12),rgba(100,170,255,.045));
  border-color:rgba(100,170,255,.20);
}
.tv-signal-label{
  font-size:var(--text-2xs);
  font-weight:850;
  color:rgba(255,255,255,.48);
  text-transform:uppercase;
  letter-spacing:.02em;
  line-height:1.2;
}
.tv-signal-value{
  margin-top:5px;
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;
  font-size:var(--text-xl3);
  font-weight:850;
  color:var(--tk-text-primary);
  line-height:1.05;
}
.tv-signal-value.ok{color:var(--tk-ok-bright)}
.tv-signal-value.warn{color:#f6ad55}
.tv-signal-value.danger{color:var(--tk-danger-bright)} /* GC-1: %NRR ทีมต่ำกว่าขั้นแรกเกิน 3 จุด — สีตัวเลขอย่างเดียว ไม่ลงพื้น · UIR-A13: แดงเดียวกับหัวจอ */
.tv-signal-value.zc{color:var(--zc)}   /* 24 ต.ค. 2569: %NRR ทีม — สีตามขั้นเงินหัวหน้าทีม (07a _tgtRenderTeamGovCard) */
.tv-signal-meta{
  margin-top:4px;
  font-size:var(--text-xs);
  color:rgba(255,255,255,.62);
  line-height:1.3;
  /* R1 UI #4: ตัดบรรทัดได้ ไม่ตัดท้าย — เดิม "KAM ทีม ฿13,376 · u…" / เหตุที่คิดไม่ได้หายไปครึ่งประโยค */
  white-space:normal;
  overflow-wrap:anywhere;
}
.tv-action-strip{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2h);
  padding:9px 11px;
  border-radius:13px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
}
.tv-action-strip.ok{
  background:var(--tk-ok-dim);
  border-color:var(--tk-ok-dim);
}
.tv-action-strip.warn{
  background:rgba(240,176,0,.075);
  border-color:rgba(240,176,0,.16);
}
.tv-action-text{
  min-width:0;
  font-size:var(--text-xs);
  color:rgba(255,255,255,.62);
  line-height:1.35;
}
.tv-action-text strong{
  color:var(--tk-text-primary);
  font-size:var(--text-sm);
}
.tv-action-btn{
  flex-shrink:0;
  border:1px solid rgba(100,170,255,.24);
  background:rgba(100,170,255,.12);
  color:#bcd7ff;
  border-radius:var(--r-pill);
  padding:6px 9px;
  font-size:var(--text-xs);
  font-weight:850;
  font-family:var(--tk-font-body);
  cursor:pointer;
}

/* Supporting metrics stay secondary */
#tv-summary-row .portview-stat{
  min-width:0 !important;
  width:auto !important;
  padding:var(--sp-2h) 6px !important;
  opacity:.92;
}
#tv-summary-row .portview-stat-val{font-size:var(--text-xl3) !important}
#tv-summary-row .portview-stat-lbl{font-size:8.5px !important}

/* KAM cards: compact signal, no primary exclusion CTA */
.tv-full-card,
.tv-star-card{
  padding:var(--sp-3) 13px !important;
}
.tv-full-top{gap:var(--sp-2)}
.tv-full-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tv-full-meta{
  align-items:center;
  gap:var(--sp-2);
}
.tv-risk-chips{
  display:flex;
  align-items:center;
  gap:var(--sp-1h);
  flex-wrap:wrap;
  min-width:0;
}
.tv-payout-pill{
  margin-left:0 !important;
  white-space:nowrap;
  background:rgba(100,170,255,.10) !important;
  border-color:rgba(100,170,255,.18) !important;
  color:#bcd7ff !important;
}
.tv-nrr-pill{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:var(--r-pill);
  font-size:var(--text-2xs);
  font-weight:850;
  white-space:nowrap;
}
.tv-nrr-pill.ok{background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);color:var(--tk-ok-bright)}
.tv-nrr-pill.warn{background:rgba(240,176,0,.11);border:1px solid rgba(240,176,0,.20);color:#f6ad55}

/* Hide default exclusion CTA from KAM overview. Exception is account-level / cockpit action. */
.tgt-excl-request-btn.tv-card-exclude{
  display:none !important;
}

/* UIR-A5: ขนาดช่องบนมือถือย้ายไปอยู่กฎชุดเดียวท้าย styles_teamview.css (เดิมกฎตรงนี้แพ้ !important ของ v213c/v213d ทุกข้อ) */
@media(max-width:430px){
  .tv-action-strip{padding:var(--sp-2) 9px}
}


/* v209c Commission emphasis + alignment */
#tv-action-btns{gap:var(--sp-2) !important}
#tv-action-btns > button{
  min-height:34px;
  padding:6px 12px !important;
  border-radius:var(--r-md) !important;
  font-size:var(--text-sm) !important;
  font-weight:800 !important;
  line-height:1;
}
#tv-target-btn,#tv-portfolio-btn,#tv-commission-btn{display:inline-flex !important;align-items:center;justify-content:center}
#tv-commission-btn.comm-btn{
  position:relative;
  background:linear-gradient(135deg,rgba(255,198,56,.16),rgba(100,170,255,.14));
  border:1px solid rgba(255,198,56,.35);
  color:#ffe08a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 14px rgba(0,0,0,.12);
}
#tv-commission-btn.comm-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 18px rgba(0,0,0,.18)}
#tv-commission-btn.comm-btn::after{
  content:'';position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;
  background:var(--tk-ok-bright);box-shadow:0 0 0 0 var(--tk-ok-glow);animation:tvCommPulse 1.9s infinite;
}
@keyframes tvCommPulse{0%{box-shadow:0 0 0 0 var(--tk-ok-glow)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.tv-signal-card.commission{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,198,56,.14),rgba(65,117,219,.20));
  border-color:rgba(255,198,56,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.10);
}
.tv-signal-card.commission::before{
  content:none;display:none;
}
.tv-signal-card.commission .tv-signal-label{color:rgba(255,224,138,.80)}
.tv-signal-card.commission .tv-signal-value{color:#ffe08a}
.tv-signal-card.commission .tv-signal-meta{color:rgba(255,224,138,.68)}
.tv-action-btn.commission-open{
  border-color:rgba(255,198,56,.22);
  background:linear-gradient(135deg,rgba(255,198,56,.18),rgba(100,170,255,.14));
  color:#ffe08a;
}
.tv-payout-pill{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);
  min-width:62px;height:24px;padding:0 8px !important;
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);font-weight:850;font-variant-numeric:tabular-nums;
  background:linear-gradient(135deg,rgba(255,198,56,.15),rgba(100,170,255,.12)) !important;
  border:1px solid rgba(255,198,56,.22) !important;
  color:#ffe08a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.tv-payout-pill::before{content:'฿';font-size:var(--text-2xs);line-height:1;opacity:.8}
.tv-chip{display:grid !important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--sp-2)}
.tv-chip-main{min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}
.tv-chip-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-width:0}
.tv-chip-risk{display:flex;align-items:center;gap:var(--sp-1);min-width:0;overflow:hidden}
.tv-chip-risk .tv-chip-nrr{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);color:rgba(255,255,255,.58);white-space:nowrap}
.tv-chip-comm{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:72px;height:24px;padding:0 8px;border-radius:var(--r-pill);background:linear-gradient(135deg,rgba(255,198,56,.15),rgba(100,170,255,.12));border:1px solid rgba(255,198,56,.22);color:#ffe08a;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);font-weight:850;font-variant-numeric:tabular-nums;}
.tv-chip-comm::before{content:'฿';font-size:var(--text-2xs);margin-right:4px;opacity:.8}
.tv-chip .tv-chip-pace{margin-left:0 !important;min-width:38px;text-align:right}
@media(max-width:430px){.tv-chip{gap:var(--sp-1h)}.tv-chip-comm{min-width:68px}}


/* v209d final polish: commission UX + compact row + danger colors */
#tv-sort-sticky{display:none !important}
#tv-summary-row .portview-stat.danger .portview-stat-val,
#tv-summary-row .portview-stat.danger .portview-stat-val *{color:var(--tk-danger-bright) !important}
#tv-summary-row .portview-stat.warn .portview-stat-val,
#tv-summary-row .portview-stat.warn .portview-stat-val *{color:#f6ad55 !important}
#tv-commission-btn.comm-btn::after{display:none !important;content:none !important}
#tv-commission-btn.comm-btn svg{color:#ffe08a}
#tv-commission-btn.comm-btn{
  background:linear-gradient(135deg,rgba(255,198,56,.14),rgba(71,119,214,.16)) !important;
  border-color:rgba(255,198,56,.28) !important;
  color:#ffe08a !important;
}
.tv-action-btn.commission-open{
  background:linear-gradient(135deg,rgba(255,198,56,.16),rgba(71,119,214,.12)) !important;
  border-color:rgba(255,198,56,.24) !important;
  color:#ffe08a !important;
}
.tv-payout-pill::before{content:none !important}
.tv-chip-comm::before{content:none !important}
.tv-chip{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 74px 40px 12px !important;
  gap:7px !important;
  align-items:center !important;
}
.tv-chip-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tv-chip-main{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:var(--sp-1) !important;
}
.tv-chip-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:var(--sp-1h) !important;
  min-width:0 !important;
}
.tv-chip-risk{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:var(--sp-1) !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.tv-chip-nrr{
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace !important;
  font-size:var(--text-xs) !important;
  color:rgba(255,255,255,.58) !important;
  white-space:nowrap !important;
}
.tv-chip-comm{
  width:74px !important;
  min-width:74px !important;
  max-width:74px !important;
  height:22px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:var(--r-pill) !important;
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace !important;
  font-size:var(--text-xs) !important;
  font-weight:850 !important;
  font-variant-numeric:tabular-nums !important;
  background:linear-gradient(135deg,rgba(255,198,56,.16),rgba(100,170,255,.10)) !important;
  border:1px solid rgba(255,198,56,.22) !important;
  color:#ffe08a !important;
  box-sizing:border-box !important;
  line-height:1 !important;
}
.tv-chip-pace{
  margin-left:0 !important;
  min-width:40px !important;
  width:40px !important;
  text-align:right !important;
}
.tv-chip-arrow{width:12px;text-align:right}
@media(max-width:430px){
  .tv-chip{grid-template-columns:minmax(0,1fr) 70px 38px 10px !important;gap:var(--sp-1h) !important}
  .tv-chip-comm{width:70px !important;min-width:70px !important;max-width:70px !important}
}


/* v209e dynamic commission overlay safety */
#commission-cockpit-overlay.comm-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:10080 !important;
}
#commission-cockpit-overlay.comm-overlay.open{
  display:flex !important;
}


/* v313 Commission Cockpit shell — responsive positioning */
#commission-cockpit-overlay.comm-overlay{
  align-items:flex-end !important;
  justify-content:center !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
@media(min-width:601px){
  #commission-cockpit-overlay.comm-overlay{
    align-items:center !important;
    padding:var(--sp-5) 0 !important;
  }
}
#commission-cockpit-overlay .comm-sheet{
  position:relative !important;
  width:100% !important;
  max-width:480px !important;
  height:min(88vh,800px) !important;
  max-height:800px !important;
  border-radius:22px 22px 0 0 !important;
  overflow:hidden !important;
}
@media(min-width:601px){
  #commission-cockpit-overlay .comm-sheet{
    border-radius:22px !important;
    width:min(calc(100vw - 32px),480px) !important;
  }
}
#commission-cockpit-overlay .comm-head{
  padding:14px 16px 10px !important;
}
#commission-cockpit-overlay .comm-title{
  font-size:var(--text-xl2) !important;
}
#commission-cockpit-overlay .comm-sub{
  max-width:310px;
}
#commission-cockpit-overlay .comm-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  z-index:5 !important;
  width:34px !important;
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#commission-cockpit-overlay .comm-body{
  padding:14px 12px 88px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
#commission-cockpit-overlay .comm-footer{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  padding:var(--sp-2h) 12px max(12px,env(safe-area-inset-bottom)) !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:auto auto 1fr !important;
  gap:var(--sp-2) !important;
  background:linear-gradient(180deg,rgba(13,28,52,0),#0d1c34 28%) !important;
}
#commission-cockpit-overlay .comm-secondary,
#commission-cockpit-overlay .comm-save{
  width:100% !important;
  min-width:0 !important;
  border-radius:13px !important;
  padding:13px 10px !important;
}
#commission-cockpit-overlay .comm-steps{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}
#commission-cockpit-overlay .comm-step{
  font-size:var(--text-2xs) !important;
  padding:var(--sp-2h) 3px 9px !important;
}
#commission-cockpit-overlay .comm-card,
#commission-cockpit-overlay .comm-hero{
  border-radius:var(--r-lg) !important;
}
#commission-cockpit-overlay .comm-grid2{
  grid-template-columns:1fr !important;
}
#commission-cockpit-overlay .comm-select{
  appearance:auto !important;
  -webkit-appearance:menulist !important;
  padding-right:32px !important;
  min-width:0 !important;
  max-width:100% !important;
}
#commission-cockpit-overlay .comm-person-row{
  grid-template-columns:1fr !important;
  gap:7px !important;
}
#commission-cockpit-overlay .comm-person-row .comm-select{
  width:100% !important;
}
#commission-cockpit-overlay .comm-tier-row{
  grid-template-columns:.7fr .7fr .9fr 1fr 24px !important;
  gap:5px !important;
}
#commission-cockpit-overlay .comm-input{
  min-width:0 !important;
  padding:9px 8px !important;
  font-size:var(--text-sm) !important;
}
.comm-plan-tools{
  display:flex;
  gap:7px;
  margin-top:9px;
}
.comm-mini-btn{
  border:1px solid rgba(255,198,56,.22);
  background:rgba(255,198,56,.09);
  color:#ffe08a;
  border-radius:var(--r-md);
  padding:var(--sp-2) 10px;
  font-size:var(--text-xs);
  font-weight:850;
  font-family:var(--tk-font-body);
  cursor:pointer;
}
.comm-plan-note{
  margin-top:7px;
  font-size:var(--text-2xs);
  color:rgba(255,255,255,.52);
  line-height:1.4;
}
@media(max-width:430px){
  #commission-cockpit-overlay.comm-overlay{
    align-items:flex-end !important;
    padding:0 !important;
  }
  #commission-cockpit-overlay .comm-sheet{
    width:100vw !important;
    max-width:100vw !important;
    height:88vh !important;
    border-radius:22px 22px 0 0 !important;
  }
}


/* v210 Rule Library + Assignment redesign */
#commission-cockpit-overlay.comm-overlay{
  transition:opacity .18s ease, backdrop-filter .18s ease;
}
#commission-cockpit-overlay .comm-sheet{
  transform:translateY(0);
  transition:transform .35s cubic-bezier(.34,1.1,.64,1);
}
#commission-cockpit-overlay.comm-overlay:not(.open) .comm-sheet{
  transform:translateY(100%);
}
@keyframes commSheetIn{
  from{transform:translateY(32px);opacity:0}
  to{transform:translateY(0);opacity:1}
}
.comm-body{
  transition:opacity .14s ease, transform .14s ease;
}
.comm-save.saving{
  opacity:.8;
  pointer-events:none;
}
.comm-save.saved{
  background:linear-gradient(135deg,var(--tk-ok-bright),rgba(20,180,96,.9)) !important;
}
.comm-rule-library{
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
  margin-bottom:12px;
}
/* Commission Setup redesign — role-first home grid. Reuses .comm-rule-item's
   existing card look (hover/active states, name/meta/badge layout) so role
   cards match the Rule Library's established visual language for free. */
.comm-role-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--sp-2);
  margin-bottom:12px;
}
@media (max-width:520px){ .comm-role-grid{ grid-template-columns:1fr; } }
.comm-role-card{
  grid-template-columns:1fr;
  align-items:stretch;
}
.comm-role-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
  margin-bottom:4px;
}
/* Deliberately NOT .comm-secondary — a document-level capture-phase click
   handler treats every .comm-secondary/.comm-close element as "close the
   whole Cockpit", which would swallow this button's own onclick before it
   ever fires (discovered live: it silently closed the entire overlay
   instead of returning to the role grid). */
.comm-role-back-btn{
  border:1px solid rgba(255,255,255,.10);border-radius:13px;padding:9px 12px;
  background:rgba(255,255,255,.06);color:rgba(255,255,255,.74);
  font-weight:800;font-size:var(--text-sm);font-family:var(--tk-font-body);cursor:pointer;
}
.comm-role-back-btn:hover{background:rgba(255,255,255,.10);}
.comm-role-gate{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;
}
.comm-role-toggle{
  width:46px;height:26px;border-radius:20px;background:rgba(255,255,255,.14);position:relative;
  cursor:pointer;border:none;flex-shrink:0;transition:background .15s;
}
.comm-role-toggle::after{
  content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#0a1420;top:3px;left:3px;
  transition:left .15s;
}
.comm-role-toggle.on{background:var(--tk-ok-bright);}
.comm-role-toggle.on::after{left:23px;background:#06251d;}
.comm-role-preview{
  margin-top:10px;
  background:linear-gradient(135deg,rgba(255,224,138,.08),rgba(0,200,176,.05));
  border-color:rgba(255,224,138,.20);
}
.comm-role-preview-label{
  font-family:'IBM Plex Mono',monospace;font-size:var(--text-2xs);font-weight:800;
  text-transform:uppercase;letter-spacing:.06em;color:#ffe08a;margin-bottom:6px;
}
.comm-role-preview-amt{
  font-family:'IBM Plex Mono',monospace;font-size:var(--text-xl);font-weight:900;color:#ffe08a;
  flex-shrink:0;
}
.comm-role-override-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:rgba(255,255,255,.03);border:1px dashed rgba(var(--ink-blue),.20);border-radius:var(--r-md);
  padding:11px 13px;margin-top:12px;
}
.comm-role-override-link{
  font-size:var(--text-sm);font-weight:800;color:var(--tk-ok-bright);background:none;border:none;
  cursor:pointer;white-space:nowrap;font-family:var(--tk-font-body),system-ui,sans-serif;
}
.comm-role-override-link:hover{text-decoration:underline;}
/* v_cockpit3tabs: scheme switcher bar at the top of a Setup role-detail page
   — replaces the old Rules tab (pick scheme to edit / create / archive /
   make-default) so the whole role is manageable in one place. */
.comm-scheme-bar{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.comm-scheme-bar .comm-field{flex:1;min-width:180px;}
.comm-scheme-bar-side{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:7px;
}
/* v_cockpit3tabs: people section (per-person scheme overrides, kam/tl only)
   — replaces the old Assignment tab. Collapsed by default via <details>. */
.comm-people-section summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:var(--text-md);font-weight:800;color:var(--tk-text-primary);
}
.comm-people-section summary::-webkit-details-marker{display:none;}
.comm-people-section summary::after{content:'›';font-size:var(--text-lg);color:rgba(var(--ink-blue),.55);transition:transform .15s;}
.comm-people-section[open] summary::after{transform:rotate(90deg);}
.comm-people-custom{
  font-size:var(--text-2xs);font-weight:800;color:#ffe08a;
  background:rgba(255,224,138,.10);border:1px solid rgba(255,224,138,.28);
  border-radius:99px;padding:2px 8px;margin-left:6px;vertical-align:middle;white-space:nowrap;
}
/* CS-2 (แผน 1-13): ได้แผนมาจากทีม ≠ แผนเฉพาะตัว — ป้ายโทนฟ้า · ยังไม่ผูกเกณฑ์ = โทนแดง */
.comm-people-custom.comm-people-team{color:#bcd7ff;background:rgba(188,215,255,.10);border-color:rgba(188,215,255,.28);}
.comm-people-custom.comm-people-missed{color:rgba(255,120,80,1);background:rgba(255,100,60,.12);border-color:rgba(255,100,60,.35);}
.comm-people-override-warn{color:rgba(255,224,138,.80);}
/* Phase 7: de-emphasize the pre-existing Assignment/Rules tabs now that
   Setup is the primary flow — same tabs, same logic, just visually
   secondary (smaller/dimmer) so Setup reads as the obvious default. */
.comm-step.comm-step-advanced{ opacity:.62; font-size:var(--text-xs); }
.comm-step.comm-step-advanced.active{ opacity:1; }
.comm-rule-group-title{
  margin:10px 2px 6px;
  font-size:var(--text-xs);
  font-weight:900;
  color:rgba(255,255,255,.52);
  text-transform:uppercase;
  letter-spacing:.03em;
}
.comm-rule-item{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:var(--sp-2);
  padding:var(--sp-2h) 11px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.04);
  cursor:pointer;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}
.comm-rule-item:active{transform:scale(.99)}
.comm-rule-item.active{
  background:linear-gradient(135deg,rgba(255,198,56,.12),rgba(100,170,255,.10));
  border-color:rgba(255,198,56,.24);
}
.comm-rule-item.archived{
  opacity:.58;
  border-style:dashed;
}
.comm-rule-item-right{
  display:flex;
  align-items:center;
  gap:7px;
}
.comm-used-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  padding:3px 7px;
  border-radius:var(--r-pill);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.62);
  font-size:var(--text-3xs);
  font-weight:900;
  white-space:nowrap;
}
.comm-used-pill.used{
  border-color:rgba(255,198,56,.22);
  background:rgba(255,198,56,.10);
  color:#ffe08a;
}
.comm-archive-rule-btn{
  border:1px solid rgba(255,120,100,.20);
  background:rgba(255,120,100,.075);
  color:#ffb199;
  border-radius:var(--r-md);
  padding:7px 9px;
  font-size:var(--text-xs);
  font-weight:900;
  font-family:var(--tk-font-body);
  cursor:pointer;
}
.comm-archive-rule-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.comm-rule-editor-actions{
  display:flex;
  gap:7px;
  align-items:center;
  justify-content:flex-end;
  margin-top:10px;
}
.comm-rule-item-name{
  font-size:var(--text-md);
  font-weight:850;
  color:var(--tk-text-primary);
  line-height:1.3;
}
.comm-rule-item-meta{
  margin-top:2px;
  font-size:var(--text-2xs);
  color:rgba(255,255,255,.52);
  line-height:1.35;
}
.comm-rule-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--sp-2);
  margin:10px 0 12px;
}
.comm-create-rule-btn{
  border:1px solid var(--tk-ok-border);
  background:var(--tk-ok-dim);
  color:var(--tk-ok-bright);
  border-radius:var(--r-card);
  padding:var(--sp-2h) 9px;
  font-size:var(--text-sm);
  font-weight:900;
  font-family:var(--tk-font-body);
  cursor:pointer;
}
.comm-rule-editor-head{
  display:flex;
  justify-content:space-between;
  gap:var(--sp-2);
  align-items:flex-start;
  margin-bottom:10px;
}
.comm-assignment-summary{
  margin-top:7px;
  padding:7px 8px;
  border-radius:var(--r-md);
  background:rgba(100,170,255,.07);
  border:1px solid rgba(100,170,255,.12);
  font-size:var(--text-2xs);
  color:rgba(var(--ink-blue),.78);
}
.comm-unsaved{
  display:inline-flex;
  padding:2px 6px;
  border-radius:var(--r-pill);
  background:rgba(240,176,0,.12);
  border:1px solid rgba(240,176,0,.20);
  color:#f6ad55;
  font-size:var(--text-3xs);
  font-weight:900;
  margin-left:5px;
}
.comm-select.flash, .comm-card.flash{
  animation:commFlash .45s ease;
}
@keyframes commFlash{
  0%{box-shadow:0 0 0 0 rgba(255,198,56,.45)}
  70%{box-shadow:0 0 0 8px rgba(255,198,56,0)}
  100%{box-shadow:0 0 0 0 rgba(255,198,56,0)}
}


/* v210b Rule save + Team View space optimization */
#tv-summary-row .tv-action-strip.all-clear{
  display:none !important;
}
#tv-collapsible.expanded{
  margin-bottom:8px !important;
}
/* v700: #teamview-content padding-top:0 rule REMOVED.
   Commission cockpit is a position:fixed overlay — not dependent on teamview-content padding.
   padding-top is set exclusively by JS _tvSyncListOffset() via inline style. */
#tv-ai-btn{
  margin-bottom:0 !important;
}
.comm-rule-item{
  position:relative;
}
.comm-rule-item.active::after{
  content:'';
  position:absolute;
  left:10px;
  right:10px;
  bottom:-1px;
  height:2px;
  border-radius:var(--r-xxs);
  background:linear-gradient(90deg,rgba(255,198,56,.95),var(--tk-ok-bright));
}
.comm-create-rule-btn:active,
.comm-mini-btn:active,
.comm-save:active,
.comm-close:active{
  transform:scale(.98);
}
.comm-save.saving::after{
  content:'';
  display:inline-block;
  width:10px;
  height:10px;
  margin-left:8px;
  border-radius:50%;
  border:2px solid rgba(7,17,29,.35);
  border-top-color:#07111d;
  animation:commSpin .7s linear infinite;
}
@keyframes commSpin{to{transform:rotate(360deg)}}


/* v210f Commission Cockpit motion + save-no-refresh + rule table polish — no schema/calculation change */
#commission-cockpit-overlay.comm-overlay{
  opacity:0;
  background:radial-gradient(ellipse at 50% 18%,var(--tk-ok-dim),transparent 34%),rgba(3,8,18,.76) !important;
  transition:opacity .22s ease,backdrop-filter .22s ease !important;
}
#commission-cockpit-overlay.comm-overlay.open{opacity:1;}
#commission-cockpit-overlay .comm-sheet{
  background:linear-gradient(180deg,#111d31 0%,#0d1728 52%,#0b1423 100%) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 0 1px var(--tk-ok-dim) inset !important;
}
#commission-cockpit-overlay .comm-drag{
  width:46px !important;height:4px !important;background:rgba(255,255,255,.20) !important;
  box-shadow:0 0 18px var(--tk-ok-dim-2);
}
#commission-cockpit-overlay .comm-title{letter-spacing:-.035em !important;}
#commission-cockpit-overlay .comm-sub{color:rgba(var(--ink-blue-hi),.54) !important;}
#commission-cockpit-overlay .comm-close{
  background:rgba(255,255,255,.07) !important;
  transition:background .16s ease,transform .12s ease,color .16s ease !important;
}
#commission-cockpit-overlay .comm-close:hover{background:rgba(255,255,255,.13) !important;color:var(--tk-text-primary) !important;}
#commission-cockpit-overlay .comm-steps{
  background:rgba(255,255,255,.025);
  border-top:1px solid rgba(255,255,255,.06) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}
#commission-cockpit-overlay .comm-step{
  min-height:43px;
  color:rgba(var(--ink-blue-hi),.52) !important;
  transition:color .16s ease,background .16s ease,transform .1s ease !important;
}
#commission-cockpit-overlay .comm-step:hover{background:rgba(255,255,255,.035);color:rgba(var(--ink-blue-hi),.72) !important;}
#commission-cockpit-overlay .comm-step.active{
  color:var(--tk-ok-bright) !important;
  background:linear-gradient(180deg,var(--tk-ok-dim),var(--tk-ok-dim));
}
#commission-cockpit-overlay .comm-step.active:after{
  height:3px !important;
  background:linear-gradient(90deg,var(--tk-ok-bright),#ffe08a) !important;
  box-shadow:0 0 14px var(--tk-ok-border);
}
#commission-cockpit-overlay .comm-body{scroll-behavior:smooth;}
#commission-cockpit-overlay .comm-body.comm-body-in{animation:commBodyIn .18s ease both;}
@keyframes commBodyIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
#commission-cockpit-overlay .comm-hero,
#commission-cockpit-overlay .comm-card{
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .18s ease !important;
}
#commission-cockpit-overlay .comm-card:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--ink-blue),.15) !important;
  background:rgba(255,255,255,.052) !important;
}
#commission-cockpit-overlay .comm-hero-title:before{
  content:'';width:7px;height:7px;border-radius:var(--r-pill);background:var(--tk-ok-bright);display:inline-block;
  box-shadow:0 0 12px var(--tk-ok-border);
}
#commission-cockpit-overlay .comm-badge{letter-spacing:.015em;}
#commission-cockpit-overlay .comm-badge.dirty,
.comm-unsaved{
  background:rgba(255,198,56,.13) !important;
  border:1px solid rgba(255,198,56,.22) !important;
  color:#ffe08a !important;
  box-shadow:0 0 0 0 rgba(255,198,56,.25);
  animation:commUnsavedPulse 2.4s ease-in-out infinite;
}
@keyframes commUnsavedPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,198,56,0)}50%{box-shadow:0 0 0 4px rgba(255,198,56,.045)}}
#commission-cockpit-overlay .comm-field{position:relative;}
#commission-cockpit-overlay .comm-field label{color:rgba(var(--ink-blue-hi),.54) !important;}
#commission-cockpit-overlay .comm-select,
#commission-cockpit-overlay .comm-input{
  border-color:rgba(var(--ink-blue-hi),.13) !important;
  background:rgba(255,255,255,.065) !important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .1s ease !important;
  font-variant-numeric:tabular-nums;
}
#commission-cockpit-overlay .comm-select:focus,
#commission-cockpit-overlay .comm-input:focus{
  border-color:var(--tk-ok-border) !important;
  box-shadow:0 0 0 3px var(--tk-ok-dim),0 0 20px var(--tk-ok-dim) !important;
  background:rgba(255,255,255,.085) !important;
}
#commission-cockpit-overlay .comm-input.invalid,
#commission-cockpit-overlay .comm-select.invalid{
  border-color:rgba(255,120,100,.72) !important;
  background:rgba(255,120,100,.07) !important;
  box-shadow:0 0 0 3px rgba(255,120,100,.10) !important;
  animation:commInvalidShake .28s ease both;
}
@keyframes commInvalidShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
.comm-inline-error{
  margin-top:5px;font-size:var(--text-2xs);font-weight:800;line-height:1.35;color:#ffb199;
  display:flex;align-items:center;gap:5px;
}
.comm-inline-error:before{content:'!';width:13px;height:13px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,120,100,.16);border:1px solid rgba(255,120,100,.25);font-size:var(--text-3xs);}
.comm-save{transition:filter .16s ease,transform .12s ease,background .18s ease,opacity .16s ease !important;}
.comm-save.has-changes{
  box-shadow:0 0 0 1px var(--tk-ok-border) inset,0 8px 24px var(--tk-ok-dim-2);
}
.comm-save.no-changes,
.comm-save:disabled{
  opacity:.46 !important;
  cursor:not-allowed !important;
  filter:saturate(.55) !important;
  box-shadow:none !important;
}
.comm-save.saved{animation:commSavedPop .54s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes commSavedPop{0%{transform:scale(.98)}50%{transform:scale(1.035)}100%{transform:scale(1)}}
.comm-secondary{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease !important;}
.comm-secondary:hover{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.17) !important;color:var(--tk-text-primary) !important;}
.comm-create-rule-btn,.comm-mini-btn,.comm-add,.comm-archive-rule-btn,.tgt-lock-btn{
  transition:transform .12s ease,filter .16s ease,border-color .16s ease,background .16s ease !important;
}
.comm-create-rule-btn:hover,.comm-mini-btn:hover,.comm-add:hover{filter:brightness(1.08);border-color:var(--tk-ok-border) !important;}
.comm-archive-rule-btn:hover:not(:disabled){filter:brightness(1.12);border-color:rgba(255,120,100,.42) !important;background:rgba(255,120,100,.11) !important;}
.comm-kpi{position:relative;overflow:hidden;}
.comm-kpi-sub{font-size:var(--text-2xs);line-height:1.25;color:rgba(var(--ink-blue-hi),.52);margin-top:4px;white-space:normal;overflow-wrap:anywhere;}   /* R1 UI: ตัดบรรทัดได้ ไม่ตัดท้าย */
.comm-kpi.hit{
  background:linear-gradient(180deg,var(--tk-ok-dim),var(--tk-ok-dim)) !important;
  border-color:var(--tk-ok-border) !important;
}
.comm-kpi.hit .comm-kpi-val{color:var(--tk-ok-bright) !important;}
.comm-kpi.miss{
  background:linear-gradient(180deg,rgba(240,176,0,.11),rgba(240,176,0,.035)) !important;
  border-color:rgba(240,176,0,.18) !important;
}
.comm-kpi.payout-hit:after{
  content:'';position:absolute;inset:auto -40% -52% -40%;height:58%;
  background:radial-gradient(ellipse at center,rgba(255,224,138,.16),transparent 62%);
  pointer-events:none;
}
.comm-readiness-bar{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2h);
  margin-top:12px;padding:9px 10px;border-radius:var(--r-card);font-size:var(--text-xs);font-weight:850;line-height:1.35;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:rgba(var(--ink-blue-hi),.72);
}
.comm-readiness-bar.ready{border-color:var(--tk-ok-border);background:var(--tk-ok-dim);color:#b9ffd8;}
.comm-readiness-bar.warn{border-color:rgba(240,176,0,.22);background:rgba(240,176,0,.075);color:#ffe08a;}
.comm-readiness-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:currentColor;box-shadow:0 0 14px currentColor;}
.comm-readiness-copy{flex:1;min-width:0;}
.comm-policy-card.dirty,.comm-card.dirty{
  border-color:rgba(255,198,56,.23) !important;
  background:linear-gradient(180deg,rgba(255,198,56,.055),rgba(255,255,255,.035)) !important;
}
.comm-rule-item:hover{background:rgba(255,255,255,.065) !important;border-color:rgba(var(--ink-blue),.16) !important;}
.comm-rule-item.active{box-shadow:0 0 0 1px rgba(255,198,56,.08) inset;}
.comm-rule-item-name{letter-spacing:-.01em;}
.comm-rule-editor-actions{border-top:1px solid rgba(255,255,255,.06);padding-top:10px;}
.comm-tier-row.rule-tier-invalid{border-radius:var(--r-md);background:rgba(255,120,100,.035);padding:5px;}
.comm-lock-row{transition:transform .14s ease,border-color .14s ease,background .14s ease;}
.comm-lock-row:hover{transform:translateY(-1px);border-color:rgba(var(--ink-blue),.15) !important;background:rgba(255,255,255,.055) !important;}
.comm-row-money.hit{color:#ffe08a !important;text-shadow:0 0 16px rgba(255,224,138,.22);}
.comm-assignment-summary{color:rgba(var(--ink-blue),.84) !important;}
@media (prefers-reduced-motion: reduce){
  #commission-cockpit-overlay *,#commission-cockpit-overlay *:before,#commission-cockpit-overlay *:after{animation:none !important;transition:none !important;}
}
@media(max-width:430px){
  .comm-readiness-bar{align-items:flex-start;}
  #commission-cockpit-overlay .comm-step{min-height:42px;}
}


.pv-comm-gate-warn{
  display:inline-flex;align-items:center;gap:3px;
  background:rgba(240,176,0,.18);color:rgba(255,224,138,.95);
  border-radius:var(--r-xs);padding:1px 6px;font-size:var(--text-xs);font-weight:var(--fw-bold);
  margin-left:4px;vertical-align:middle;
}
.pv-comm-source-row.gate-warn .pv-comm-source-name{ color:rgba(255,224,138,.95); }
.pv-comm-source-row.gate-warn .pv-comm-source-pay{ color:rgba(255,224,138,.95);font-weight:800; }
.comm-component-section{ padding:0; }
.comm-component-title{ font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(255,255,255,.5);
  text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px; }
.comm-component-rates-card{ padding:14px 16px; }

/* v226: Commission sheet rule explanation boxes */
.pv-comm-rule-box{
  margin:0 0 0 0;padding:6px 10px 6px 14px;
  background:rgba(255,255,255,.03);
  border-left:2px solid rgba(var(--ink-blue),.18);
}
.pv-comm-rule-line{
  display:flex;justify-content:space-between;align-items:center;
  font-size:var(--text-sm);color:rgba(255,255,255,.5);padding:2px 0;
}
.pv-comm-rule-line.hit{ color:rgba(255,255,255,.85); }
.pv-comm-rule-line.miss{ color:rgba(255,255,255,.52);text-decoration:line-through; }
.pv-comm-rule-indent{
  font-size:var(--text-xs);color:rgba(255,255,255,.52);padding:2px 0 0 8px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pv-comm-section-label{
  font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.52);
  text-transform:uppercase;letter-spacing:.04em;margin-top:12px;
}

/* v313 contrast lift — all cockpit text up */
#commission-cockpit-overlay .comm-section-title{color:rgba(var(--ink-blue-hi),.92) !important;font-weight:800 !important}
#commission-cockpit-overlay .comm-component-title{color:var(--tk-text-primary) !important;font-size:var(--text-base) !important;font-weight:900 !important}
#commission-cockpit-overlay .comm-plan-note{color:rgba(var(--ink-blue),.62) !important}
#commission-cockpit-overlay .comm-rule-item-name{color:rgba(var(--ink-blue-hi),.92) !important;font-weight:800 !important}
#commission-cockpit-overlay .comm-rule-item-meta{color:rgba(var(--ink-blue),.55) !important}
#commission-cockpit-overlay .comm-rule-group-title{color:rgba(var(--ink-blue-hi),.80) !important;font-weight:800 !important}
#commission-cockpit-overlay label{color:rgba(var(--ink-blue),.82) !important}
#commission-cockpit-overlay .comm-formula-note{color:rgba(var(--ink-blue),.68) !important}
#commission-cockpit-overlay .comm-empty{color:rgba(var(--ink-blue),.55) !important}

/* v317 Lock step — missing CSS classes */

/* Subtab switcher */
.comm-lock-subtabs{display:flex;gap:var(--sp-1);margin-top:10px;padding:3px;background:rgba(0,0,0,.25);border-radius:11px}
.comm-lock-subtab{flex:1;padding:7px 10px;border-radius:var(--r-8);font-size:var(--text-sm);font-weight:var(--fw-bold);text-align:center;cursor:pointer;border:none;background:transparent;color:rgba(var(--ink-blue-hi),.45);font-family:var(--tk-font-body);transition:background .15s,color .15s}
.comm-lock-subtab.active{background:rgba(255,255,255,.09);color:var(--tk-text-primary)}
.comm-lock-subtab:hover:not(.active){color:rgba(var(--ink-blue-hi),.70)}

/* Action buttons row */
.tgt-lock-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.tgt-lock-btn{flex:1;min-width:90px;padding:11px 10px;border-radius:var(--r-card);font-size:var(--text-md);font-weight:800;cursor:pointer;text-align:center;font-family:var(--tk-font-body);border:none;transition:filter .15s,transform .10s}
.tgt-lock-btn:active{transform:scale(.97)}
.tgt-lock-btn.secondary{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(var(--ink-blue-hi),.80)}
.tgt-lock-btn.outline{background:rgba(var(--ink-blue),.07);border:1px solid rgba(var(--ink-blue),.20);color:#bcd7ff}
.tgt-lock-btn.primary{background:linear-gradient(135deg,var(--tk-ok-bright),rgba(0,180,90,.85));color:#07111d;font-weight:900}
.tgt-lock-btn:disabled{opacity:.35;cursor:default;pointer-events:none}

/* Team preview — TL band */
.comm-preview-section-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:rgba(var(--ink-blue),.70);font-weight:800;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.06em}
.comm-preview-section-title em{font-style:normal;font-weight:var(--fw-medium);color:rgba(var(--ink-blue),.45);text-transform:none;letter-spacing:0}
.comm-preview-team-card{margin-bottom:10px}
.comm-preview-tl-band{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-2h);padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px}
.comm-preview-tl-left{flex:1;min-width:0}
.comm-team-eyebrow{font-size:var(--text-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(100,170,255,.70);margin-bottom:3px}
.comm-preview-tl-money{text-align:right;flex-shrink:0}
.comm-preview-tl-money span{font-size:var(--text-2xs);color:rgba(var(--ink-blue),.50);display:block}
.comm-preview-tl-money strong{font-size:var(--text-xl2);font-weight:900;color:#ffe08a;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;display:block;line-height:1.1}
.comm-preview-tl-money em{font-size:var(--text-xs);font-style:normal;color:rgba(var(--ink-blue),.50);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.comm-rule-chip{display:inline-block;margin-top:5px;font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:2px 8px;border-radius:99px;background:rgba(100,170,255,.10);border:1px solid rgba(100,170,255,.20);color:#bcd7ff}

/* KAM rows in preview */
.comm-kam-subhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);font-weight:var(--fw-bold)}
.comm-kam-payout-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) 0;border-top:1px solid rgba(255,255,255,.05)}
.comm-kam-payout-row.hit .comm-person-payout{color:#ffe08a}
/* v_period: ส่วนประกอบของยอดจ่ายใต้ชื่อแต่ละคนในการ์ดทีม */
.comm-person-parts{
  margin-top:3px;font-size:var(--text-2xs);color:rgba(var(--ink-blue),.48);
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-variant-numeric:tabular-nums;
  line-height:1.5;word-break:break-word
}
.comm-person-parts:empty{display:none}
.comm-parts-gate{color:#f6ad55;font-weight:var(--fw-bold)}
.comm-person-name{font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.88)}
.comm-person-sub{font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);margin-top:2px;line-height:1.4}
.comm-person-payout{font-size:var(--text-lg);font-weight:900;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;color:rgba(var(--ink-blue),.60);flex-shrink:0}
.comm-more-note{margin-top:4px;font-size:var(--text-xs);padding:var(--sp-1) 0}

/* Retro snapshot table */
.tgt-snap-table-wrap{overflow-x:auto}
.tgt-snap-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.tgt-snap-table th{text-align:left;padding:5px 8px;font-size:var(--text-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--ink-blue),.45);border-bottom:1px solid rgba(255,255,255,.08)}
.tgt-snap-table td{padding:var(--sp-2);border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}
.tgt-snap-name{font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.85)}
.tgt-snap-mono{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);text-align:right}
.tgt-snap-role{font-size:var(--text-2xs);font-weight:800;padding:2px 7px;border-radius:99px;background:rgba(100,170,255,.12);color:#bcd7ff;border:1px solid rgba(100,170,255,.20)}
.tgt-snap-role.kam{background:var(--tk-ok-dim);color:var(--tk-ok-bright);border-color:var(--tk-ok-border)}
.tgt-snap-status.final{font-size:var(--text-2xs);font-weight:800;padding:2px 7px;border-radius:99px;background:rgba(255,224,138,.14);color:#ffe08a;border:1px solid rgba(255,224,138,.28)}
.tgt-snap-status.draft{font-size:var(--text-2xs);padding:2px 7px;border-radius:99px;background:rgba(var(--ink-blue),.08);color:rgba(var(--ink-blue),.55);border:1px solid rgba(var(--ink-blue),.14)}
.tgt-lock-empty{padding:var(--sp-5);text-align:center;font-size:var(--text-md);color:rgba(var(--ink-blue),.52)}
.tgt-preview-meta{font-size:var(--text-xs);color:rgba(var(--ink-blue),.45);margin-top:1px}
.tgt-rule-note{font-size:var(--text-xs);color:rgba(var(--ink-blue),.52);line-height:1.55;padding:6px 0}


/* ── Commission Detail Sheet (CDS) — Phase 0E migration ── */
/* ── Commission Detail Sheet (cds) ─────────────────────────────────────────
   Single-sheet stack: Zone A summary · Zone B tabs · Zone C body · Zone D footer
   Replaces multi-overlay pv-comm drill stack. Session 1 CSS foundation.
   ─────────────────────────────────────────────────────────────────────────── */

/* Overlay */
.cds-overlay{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:320;opacity:0;pointer-events:none;transition:opacity .24s ease;}
.cds-overlay.on{opacity:1;pointer-events:all;}

/* Sheet */
.cds-sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(102%);width:100%;max-width:var(--app-max,440px);background:linear-gradient(180deg,#10213c 0%,#0b172b 100%);border:1px solid rgba(140,180,255,.18);border-radius:22px 22px 0 0;box-shadow:0 -16px 48px rgba(0,0,0,.44);transition:transform .30s cubic-bezier(.34,1.1,.64,1);height:84dvh;max-height:84dvh;display:flex;flex-direction:column;overflow:hidden;z-index:321;}
.cds-overlay.on .cds-sheet{transform:translateX(-50%) translateY(0);}

/* Handle */
.cds-handle{display:flex;justify-content:center;padding:10px 0 4px;flex-shrink:0;}
.cds-handle div{width:42px;height:5px;border-radius:var(--r-pill);background:rgba(255,255,255,.22);}

/* ── Zone A: Summary ────────────────────────────────────────────────────── */
.cds-summary{padding:12px 18px 10px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;background:rgba(255,255,255,.025);}
.cds-summary-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:9px;}
.cds-summary-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--ink-blue),.52);margin-bottom:3px;}
.cds-summary-payout{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:24px;font-weight:900;color:#ffe08a;line-height:1;letter-spacing:-.03em;}
.cds-summary-close{width:28px;height:28px;border-radius:50%;border:1px solid rgba(var(--ink-blue),.16);background:rgba(255,255,255,.06);color:rgba(var(--ink-blue-hi),.45);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0;margin-top:2px;}
.cds-summary-close:hover{background:rgba(255,255,255,.10);color:var(--tk-text-primary);}

/* chips row — single line, no wrap */
.cds-chips{display:flex;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none;}
.cds-chips::-webkit-scrollbar{display:none;}
.cds-chip{display:flex;align-items:center;gap:4px;padding:4px 9px;border-radius:var(--r-pill);border:1px solid;white-space:nowrap;cursor:pointer;font-size:var(--text-2xs);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;transition:opacity .15s;flex-shrink:0;}
.cds-chip.t-nrr{background:var(--tk-ok-dim);border-color:var(--tk-ok-dim-2);color:var(--tk-ok-border);}
.cds-chip.t-p1{background:rgba(255,224,138,.08);border-color:rgba(255,224,138,.2);color:rgba(255,224,138,.75);}
.cds-chip.t-p3{background:rgba(255,224,138,.08);border-color:rgba(255,224,138,.2);color:rgba(255,224,138,.75);}
.cds-chip.t-exp{background:rgba(0,200,176,.07);border-color:rgba(0,200,176,.18);color:rgba(0,200,176,.75);}
.cds-chip.t-ho{background:rgba(var(--ink-blue),.07);border-color:rgba(var(--ink-blue),.16);color:rgba(var(--ink-blue),.6);}
.cds-chip.active.t-nrr{background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright);}
.cds-chip.active.t-p1,.cds-chip.active.t-p3{background:rgba(255,224,138,.14);border-color:rgba(255,224,138,.38);color:#ffe08a;}
.cds-chip.active.t-exp{background:rgba(0,200,176,.13);border-color:rgba(0,200,176,.32);color:#00c8b0;}
.cds-chip.active.t-ho{background:rgba(var(--ink-blue),.12);border-color:rgba(var(--ink-blue),.28);color:#bcd7ff;}
.cds-chip-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.cds-chip.t-nrr .cds-chip-dot{background:var(--tk-ok-bright);}
.cds-chip.t-p1 .cds-chip-dot,.cds-chip.t-p3 .cds-chip-dot{background:#ffe08a;}
.cds-chip.t-exp .cds-chip-dot{background:#00c8b0;}
.cds-chip.t-ho .cds-chip-dot{background:#bcd7ff;}

/* gate pill inline in summary */
.cds-gate-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-pill);font-size:var(--text-2xs);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;margin-left:6px;vertical-align:2px;}
.cds-gate-pill.ok{background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);color:var(--tk-ok-bright);}
.cds-gate-pill.warn{background:rgba(240,80,0,.10);border:1px solid rgba(240,80,0,.22);color:#ff7a4d;}

/* ── Zone B: Tabs ───────────────────────────────────────────────────────── */
.cds-tabs{display:flex;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.cds-tabs::-webkit-scrollbar{display:none;}
.cds-tab{flex:1;min-width:60px;padding:9px 6px 8px;border:none;border-bottom:2px solid transparent;background:transparent;color:rgba(var(--ink-blue),.52);font-size:var(--text-xs);font-weight:var(--fw-bold);font-family:var(--tk-font-body);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;line-height:1.3;}
.cds-tab.active.t-nrr{color:var(--tk-ok-bright);border-bottom-color:var(--tk-ok-bright);background:var(--tk-ok-dim);}
.cds-tab.active.t-p1,.cds-tab.active.t-p3{color:#ffe08a;border-bottom-color:#ffe08a;background:rgba(255,224,138,.05);}
.cds-tab.active.t-exp{color:#00c8b0;border-bottom-color:#00c8b0;background:rgba(0,200,176,.05);}
.cds-tab.active.t-ho{color:#bcd7ff;border-bottom-color:#bcd7ff;background:rgba(var(--ink-blue),.05);}
.cds-tab:hover:not(.active){color:rgba(var(--ink-blue-hi),.55);}

/* ── Zone C: Meta + Table ───────────────────────────────────────────────── */
.cds-meta{display:flex;align-items:center;gap:8px;padding:7px 16px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;}
.cds-meta-text{font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.72);flex:1;font-weight:var(--fw-semi);}
.cds-toggle-btn{font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.65);background:rgba(var(--ink-blue),.08);border:1px solid rgba(var(--ink-blue),.18);border-radius:var(--r-8);padding:5px 10px;cursor:pointer;font-family:var(--tk-font-body);white-space:nowrap;flex-shrink:0;transition:background .15s;}
.cds-toggle-btn:hover{background:rgba(var(--ink-blue),.14);}

/* column header */
.cds-tbl-head{display:grid;padding:6px 16px;border-bottom:1px solid rgba(255,255,255,.09);flex-shrink:0;background:rgba(255,255,255,.02);}
.cds-tbl-head.p1-cols{grid-template-columns:minmax(0,1fr) 62px 56px;}
.cds-tbl-head.p3-cols{grid-template-columns:minmax(0,1fr) 52px 62px 56px;}
.cds-tbl-head.nrr-cols{grid-template-columns:minmax(0,1fr) 54px 60px 54px;}
.cds-tbl-head.exp-cols{grid-template-columns:minmax(0,1fr) 44px 62px 56px;}
.cds-tbl-head.ho-cols{grid-template-columns:minmax(0,1fr) 72px 64px 48px;column-gap:6px;}
.cds-th{font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.07em;color:rgba(var(--ink-blue),.5);text-transform:uppercase;}
.cds-th.r{text-align:right;}

/* body */
.cds-body{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;}

/* accordion chip row (account/outlet header) */
.cds-chip-row{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;user-select:none;transition:background .12s;}
.cds-chip-row:hover{background:rgba(255,255,255,.065);}
.cds-chip-chev{font-size:var(--text-sm);color:rgba(var(--ink-blue),.52);transition:transform .15s;flex-shrink:0;width:10px;}
.cds-chip-row.open .cds-chip-chev{transform:rotate(90deg);}
.cds-chip-name{font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(255,255,255,.88);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.cds-chip-meta{font-size:var(--text-2xs);color:rgba(var(--ink-blue),.52);margin-top:1px;white-space:nowrap;}
.cds-chip-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-bold);flex-shrink:0;}

/* sub rows (children of accordion) */
.cds-sub-rows{display:none;}
.cds-sub-rows.open{display:block;}
.cds-sub-row{display:grid;padding:7px 16px;border-bottom:1px solid rgba(255,255,255,.04);align-items:center;}
.cds-sub-row.p1-cols{grid-template-columns:minmax(0,1fr) 62px 56px;}
.cds-sub-row.p3-cols{grid-template-columns:minmax(0,1fr) 52px 62px 56px;}
.cds-sub-row.nrr-cols{grid-template-columns:minmax(0,1fr) 54px 60px 54px;}
.cds-sub-row.exp-cols{grid-template-columns:minmax(0,1fr) 44px 62px 56px;}
.cds-sub-row.ho-cols{grid-template-columns:minmax(0,1fr) 72px 64px 48px;column-gap:6px;}
.cds-sub-row:hover{background:rgba(255,255,255,.025);}
.cds-outlet-name{font-size:var(--text-sm);color:rgba(245,250,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.cds-outlet-meta{font-size:var(--text-2xs);color:rgba(var(--ink-blue),.52);margin-top:1px;}

/* numeric value cells */
.cds-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-bold);text-align:right;}
.cds-val.v-green{color:var(--tk-ok-bright);}
.cds-val.v-amber{color:#ffe08a;}
.cds-val.v-teal{color:#00c8b0;}
.cds-val.v-blue{color:#bcd7ff;}
.cds-val.v-dim{color:rgba(var(--ink-blue-hi),.52);}
.cds-val.v-muted{color:rgba(var(--ink-blue-hi),.55);}
.cds-val.rr-up{color:var(--tk-ok-bright);}
.cds-val.rr-dn{color:rgba(255,150,70,.9);}

/* proof card — inline expansion on tap */
.cds-proof{display:none;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.06);padding:10px 16px 10px 24px;}
.cds-proof.open{display:block;}
/* v_qsum: quarter calendar — same display:none/block backstop as .cds-proof
   above (the max-height transition pair further down is a progressive
   enhancement on TOP of this; display is what actually guarantees the
   content shows/hides regardless of whether the transition engages). */
.cds-qtr-cal{display:none;}
.cds-qtr-cal.open{display:block;}
.cds-proof-row{display:flex;align-items:baseline;justify-content:space-between;padding:3px 0;font-size:var(--text-xs);}
.cds-proof-label{color:rgba(var(--ink-blue),.55);font-weight:var(--fw-semi);}
.cds-proof-result{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.82);}
.cds-proof-result.pass{color:var(--tk-ok-bright);}
.cds-proof-result.fail{color:rgba(255,150,70,.85);}
.cds-proof-divider{height:1px;background:rgba(255,255,255,.06);margin:5px 0;}

/* empty + shimmer states */
.cds-empty{text-align:center;padding:32px 16px;font-size:var(--text-md);color:rgba(var(--ink-blue),.52);}

/* HO ครั้งเดียวต่อสาขา (ต.ค. 2026): สาขาที่เคยนับ HO งวดอื่นแล้ว — แถวจาง "นับ HO ไปแล้ว งวด ก.ย. · ไม่นับซ้ำ" */
/* สัญญา v4 D3: ไม่ใช้ opacity (เคยวัดได้ 2.97:1 / 3.95:1) — ความจางมาจากโทเคนตัวหนังสือ muted ≥ 4.5:1 บนพื้นชีททุกสี */
.comm-ho-skip{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(var(--ink-blue),.08);}
.comm-ho-skip-name{flex:1;min-width:0;font-size:var(--text-md);color:var(--tk-blue-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.comm-ho-skip-note{flex-shrink:0;font-size:var(--text-xs);color:var(--tk-blue-text-muted);text-align:right;}
.comm-ho-skip-list{padding:0 18px 6px;}
.cds-ho-skip-wrap{padding:6px 16px 10px;}
/* ยอดรวมที่ยังคิด HO ไม่ได้ (รายชื่อสาขาที่นับแล้วโหลดไม่ได้) — ต่อท้ายตัวเลข " (ยังไม่รวม Handover)" */
.comm-ho-excl{font-size:.55em;font-weight:var(--fw-semi);letter-spacing:0;opacity:.8;white-space:nowrap;}
/* สัญญา v4 D2: ตัวเลขใหญ่ (L1 KPI · Final Payout) — คำต่อท้ายขึ้นบรรทัดของตัวเอง ตัดได้แค่ตรงช่องว่างก่อน "Handover" */
.comm-ho-excl.comm-ho-excl-blk{display:block;white-space:normal;margin-top:5px;line-height:1.2;}
.comm-ho-excl.comm-ho-excl-blk>span{white-space:nowrap;}
.cds-ho-skip-title{font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.07em;color:rgba(var(--ink-blue-hi),.52);padding:8px 0 2px;}
.cds-shimmer{height:14px;border-radius:var(--r-sm);background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.06) 75%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;}

/* ── Zone D: Total + Footer ─────────────────────────────────────────────── */
.cds-total{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.12);flex-shrink:0;}
/* v753c/d: column-aligned total bars — match grid of each tab's column header */
.cds-total.nrr-cols{display:grid;grid-template-columns:minmax(0,1fr) 54px 60px 54px;gap:0;padding:10px 18px;align-items:center;}
.cds-total.exp-cols{display:grid;grid-template-columns:minmax(0,1fr) 44px 62px 56px;gap:0;padding:10px 18px;align-items:center;}
/* RV-2 (16 ต.ค. 2569): 58px ไม่มีช่องไฟ ⇒ "฿203,491฿177,484" ติดกันบนเว็บจริง · กว้างพอเลขหลักล้าน + ช่องไฟ 6px ทั้งหัว/แถว/รวม */
.cds-total.ho-cols{display:grid;grid-template-columns:minmax(0,1fr) 72px 64px 48px;column-gap:6px;padding:10px 18px;align-items:center;}
.cds-total.p1-cols{display:grid;grid-template-columns:minmax(0,1fr) 62px 56px;gap:0;padding:10px 18px;align-items:center;}
.cds-total.p3-cols{display:grid;grid-template-columns:minmax(0,1fr) 52px 62px 56px;gap:0;padding:10px 18px;align-items:center;}
.cds-total.nrr-cols .cds-total-label,.cds-total.exp-cols .cds-total-label,.cds-total.ho-cols .cds-total-label,
.cds-total.p1-cols .cds-total-label,.cds-total.p3-cols .cds-total-label{font-size:var(--text-2xs);white-space:nowrap;}
.cds-total.nrr-cols .cds-total-val,.cds-total.exp-cols .cds-total-val,.cds-total.ho-cols .cds-total-val,
.cds-total.p1-cols .cds-total-val,.cds-total.p3-cols .cds-total-val{font-size:var(--text-sm);text-align:right;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);}
/* v753d: chip-row GMV summary — visible when collapsed, hidden when expanded */
.cds-chip-gmv{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-semi);flex-shrink:0;margin-right:6px;color:rgba(var(--ink-blue-hi),.45);transition:opacity .15s;}
.cds-chip-row.open .cds-chip-gmv{opacity:0;pointer-events:none;}
.cds-total-label{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.07em;color:rgba(var(--ink-blue),.65);}
.cds-total-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:900;}
.cds-footer{display:flex;flex-wrap:wrap;gap:7px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.2);flex-shrink:0;padding-bottom:calc(10px + env(safe-area-inset-bottom));}
.cds-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:var(--r-md);font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;border:1px solid;font-family:var(--tk-font-body);transition:opacity .15s;white-space:nowrap;}
.cds-btn:active{opacity:.7;}
.cds-btn.primary{flex:1;background:var(--tk-ok-dim);border-color:var(--tk-ok-border);color:var(--tk-ok-bright);}
.cds-btn.secondary{background:rgba(255,255,255,.05);border-color:rgba(var(--ink-blue),.14);color:rgba(var(--ink-blue-hi),.58);}

/* ── CDS Visual Redesign ────────────────────────────────────────────────────
   Level 1: summary entry · Level 2: tab cards + formula bar + polish
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Level 1: summary source rows ──────────────────────────────────────── */
.cds-src-row{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;transition:background .15s;}
.cds-src-row:hover{background:rgba(255,255,255,.04);}
.cds-src-row:active{background:rgba(255,255,255,.07);}
.cds-src-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-right:12px;}
.cds-src-body{flex:1;min-width:0;}
.cds-src-name{font-size:var(--text-base);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.90);line-height:1.3;}
.cds-src-sub{font-size:var(--text-xs);color:rgba(var(--ink-blue),.45);margin-top:2px;line-height:1.4;}
.cds-src-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.cds-src-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:900;letter-spacing:-.02em;}
.cds-src-amt.earned{text-shadow:0 0 16px rgba(255,224,138,.25);}
.cds-src-chevron{font-size:var(--text-xl3);color:rgba(var(--ink-blue),.52);}

/* summary hero */
.cds-l1-hero{padding:14px 18px 12px;border-bottom:1px solid rgba(255,255,255,.07);}
.cds-l1-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.09em;color:rgba(var(--ink-blue),.45);margin-bottom:4px;}
.cds-l1-payout{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:32px;font-weight:900;color:#ffe08a;letter-spacing:-.04em;line-height:1;text-shadow:0 0 32px rgba(255,224,138,.18);}
.cds-l1-gate{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--fw-bold);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;margin-left:8px;vertical-align:3px;}
.cds-l1-gate.ok{background:var(--tk-ok-dim);border:1px solid var(--tk-ok-border);color:var(--tk-ok-bright);}
.cds-l1-gate.warn{background:rgba(240,80,0,.10);border:1px solid rgba(240,80,0,.22);color:#ff7a4d;}
.cds-l1-subtotal{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06);}
.cds-l1-subtotal-lbl{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.07em;color:rgba(var(--ink-blue),.52);}
.cds-l1-subtotal-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xl);font-weight:900;color:rgba(var(--ink-blue-hi),.80);}

/* ── Level 2: header (back + tabs) ─────────────────────────────────────── */
.cds-l2-header{flex-shrink:0;}
.cds-l2-back{display:flex;align-items:center;gap:10px;padding:10px 16px 8px;border-bottom:1px solid rgba(255,255,255,.07);}
.cds-l2-back-btn{width:32px;height:32px;border-radius:var(--r-9);border:1px solid rgba(var(--ink-blue),.16);background:rgba(255,255,255,.06);color:rgba(var(--ink-blue-hi),.75);font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;}
.cds-l2-back-btn:hover{background:rgba(255,255,255,.11);}
.cds-l2-back-title{font-size:var(--text-base);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.80);}

/* ── Tab cards ──────────────────────────────────────────────────────────── */
.cds-tab-bar{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:rgba(0,0,0,.18);border-bottom:1px solid rgba(255,255,255,.07);gap:0;flex-shrink:0;}
.cds-tab-bar::-webkit-scrollbar{display:none;}
.cds-tab-card{flex:0 0 auto;min-width:82px;padding:10px 14px 9px;border:none;border-bottom:3px solid transparent;background:transparent;cursor:pointer;text-align:left;font-family:var(--tk-font-body);transition:background .18s,border-color .18s;}
.cds-tab-card .tc-name{display:block;font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.52);line-height:1.2;margin-bottom:4px;transition:color .18s;}
.cds-tab-card .tc-amt{display:block;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg2);font-weight:900;color:rgba(var(--ink-blue),.52);letter-spacing:-.02em;line-height:1;transition:color .18s,text-shadow .18s;}
/* active states per component */
.cds-tab-card.active.t-p1,.cds-tab-card.active.t-p3{background:rgba(255,224,138,.07);border-bottom-color:#ffe08a;}
.cds-tab-card.active.t-p1 .tc-name,.cds-tab-card.active.t-p3 .tc-name{color:rgba(255,224,138,.75);}
.cds-tab-card.active.t-p1 .tc-amt,.cds-tab-card.active.t-p3 .tc-amt{color:#ffe08a;text-shadow:0 0 20px rgba(255,224,138,.22);}
.cds-tab-card.active.t-nrr{background:var(--tk-ok-dim);border-bottom-color:var(--tk-ok-bright);}
.cds-tab-card.active.t-nrr .tc-name{color:var(--tk-ok-bright);}
.cds-tab-card.active.t-nrr .tc-amt{color:var(--tk-ok-bright);text-shadow:0 0 20px var(--tk-ok-border);}
.cds-tab-card.active.t-exp{background:rgba(0,200,176,.07);border-bottom-color:#00c8b0;}
.cds-tab-card.active.t-exp .tc-name{color:rgba(0,200,176,.75);}
.cds-tab-card.active.t-exp .tc-amt{color:#00c8b0;text-shadow:0 0 20px rgba(0,200,176,.18);}
.cds-tab-card.active.t-ho{background:rgba(var(--ink-blue),.07);border-bottom-color:#bcd7ff;}
.cds-tab-card.active.t-ho .tc-name{color:rgba(var(--ink-blue),.75);}
.cds-tab-card.active.t-ho .tc-amt{color:#bcd7ff;text-shadow:0 0 16px rgba(var(--ink-blue),.16);}
.cds-tab-card:not(.active):hover .tc-name{color:rgba(var(--ink-blue),.60);}
.cds-tab-card:not(.active):hover .tc-amt{color:rgba(var(--ink-blue),.50);}

/* ── Formula bar ────────────────────────────────────────────────────────── */
.cds-formula{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;display:flex;align-items:flex-start;gap:8px;}
.cds-formula-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:3px;}
.cds-formula-text{font-size:var(--text-sm);font-weight:var(--fw-semi);line-height:1.5;color:rgba(var(--ink-blue-hi),.60);}
.cds-formula.t-p1,.cds-formula.t-p3{background:rgba(255,224,138,.04);border-left:0px;}
.cds-formula.t-p1 .cds-formula-text,.cds-formula.t-p3 .cds-formula-text{color:rgba(255,224,138,.65);}
.cds-formula.t-p1 .cds-formula-dot,.cds-formula.t-p3 .cds-formula-dot{background:#ffe08a;}
.cds-formula.t-nrr{background:var(--tk-ok-dim);}
.cds-formula.t-nrr .cds-formula-text{color:rgba(77,220,151,.72);} /* was var(--tk-ok-border) = 22% alpha: a border token used as text, unreadable */
.cds-formula.t-nrr .cds-formula-dot{background:var(--tk-ok-bright);}
.cds-formula.t-exp{background:rgba(0,200,176,.04);}
.cds-formula.t-exp .cds-formula-text{color:rgba(0,200,176,.65);}
.cds-formula.t-exp .cds-formula-dot{background:#00c8b0;}
.cds-formula.t-ho{background:rgba(var(--ink-blue),.04);}
.cds-formula.t-ho .cds-formula-text{color:rgba(var(--ink-blue),.60);}
.cds-formula.t-ho .cds-formula-dot{background:#bcd7ff;}

/* ── NRR context card (replaces ugly inline div) ────────────────────────── */
.cds-nrr-ctx{margin:12px 16px 0;padding:12px 14px;border-radius:var(--r-card);border:1px solid var(--tk-ok-border);background:var(--tk-ok-dim);}
.cds-nrr-ctx.no-tier{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.cds-nrr-ctx-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px;}
.cds-nrr-ctx-eyebrow{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.09em;color:rgba(var(--ink-blue-hi),.62);margin-bottom:3px;}   /* R1 UI #8: เดิม --tk-ok-glow (α .12) อ่านไม่ออก */
.cds-nrr-ctx-pct{font-size:var(--text-2xl);font-weight:900;color:var(--tk-blue-text-primary);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;line-height:1;}
/* R1 UI #8: สีของ % ในแท็บ NRR มาจากเส้นของคนนั้น (คลาสเดียวกับเลขใหญ่บนแถบ %NRR) — เดิมเขียวเสมอแม้อยู่ช่วงได้ 50% */
.cds-nrr-ctx-pct.zc{color:var(--zc);}   /* 24 ต.ค. 2569: สีตามช่วงเกณฑ์ค่าคอมฯ ของคนนี้ (07b _nrrHeadlineCls) */
.cds-nrr-ctx-tier{font-size:var(--text-sm);font-weight:var(--fw-semi);color:rgba(var(--ink-blue-hi),.70);margin-top:3px;}
.cds-nrr-ctx-payout{text-align:right;}
.cds-nrr-ctx-payout-lbl{font-size:var(--text-2xs);color:rgba(var(--ink-blue),.52);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;}
.cds-nrr-ctx-payout-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-3xl);font-weight:900;color:#ffe08a;text-shadow:0 0 18px rgba(255,224,138,.18);line-height:1;margin-top:2px;}
.cds-nrr-ctx-next{font-size:var(--text-xs);font-weight:var(--fw-semi);color:rgba(255,224,138,.65);margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.07);}
/* v_qsum: gold-tinted variant of the same card — reused by the upsell
   quarter summary bar (07b_cds.js: _cdsQtrSummaryHtml) so it reads as one
   design language with the NRR tab's own summary card, just re-hued.
   Border/bg alphas mirror --tk-ok-border/--tk-ok-dim's own .22/.10 ratio,
   applied to gold instead of green (no --tk-gold-* token set exists yet —
   #ffe08a is this app's de facto gold, used as a literal everywhere in
   this file, same convention followed here). */
.cds-nrr-ctx.gold-tint{border-color:rgba(255,224,138,.22);background:rgba(255,224,138,.08);}
.cds-nrr-ctx.gold-tint .cds-nrr-ctx-eyebrow{color:rgba(255,224,138,.8);}
.cds-nrr-ctx.gold-tint .cds-nrr-ctx-pct{color:rgba(var(--ink-blue-hi),.92);}

/* ── Typography fixes ────────────────────────────────────────────────────── */
/* chip-row amounts: always full brightness per component, not dim */
.cds-chip-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-lg);font-weight:900;flex-shrink:0;letter-spacing:-.01em;}
.cds-chip-name{font-size:var(--text-base);font-weight:var(--fw-bold);color:rgba(255,255,255,.92);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.cds-chip-meta{font-size:var(--text-xs);color:rgba(var(--ink-blue),.68);margin-top:2px;font-weight:var(--fw-semi);}
/* sub-row text: higher contrast */
.cds-outlet-name{font-size:var(--text-md);font-weight:var(--fw-semi);color:rgba(245,250,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.cds-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-md);font-weight:var(--fw-bold);text-align:right;}
.cds-val.v-green{color:var(--tk-ok-bright);}
.cds-val.v-amber{color:#ffe08a;}
.cds-val.v-teal{color:#00c8b0;}
.cds-val.v-blue{color:#bcd7ff;}
.cds-val.v-dim{color:rgba(var(--ink-blue-hi),.52);}
.cds-val.v-muted{color:rgba(var(--ink-blue-hi),.55);}
.cds-val.rr-up{color:var(--tk-ok-bright);}
.cds-val.rr-dn{color:rgba(255,150,70,.9);}
/* meta bar text */
.cds-meta-text{font-size:var(--text-md);color:rgba(var(--ink-blue-hi),.80);font-weight:var(--fw-semi);flex:1;}

/* ── Micro interactions ──────────────────────────────────────────────────── */
@keyframes cds-body-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.cds-body-enter{animation:cds-body-fade-in .22s cubic-bezier(.34,1.1,.64,1) both;}
/* chip chevron: CSS transition for smooth rotate */
.cds-chip-chev{font-size:var(--text-md);color:rgba(var(--ink-blue),.52);transition:transform .20s cubic-bezier(.34,1.1,.64,1),color .15s;flex-shrink:0;width:12px;display:inline-block;}
.cds-chip-row.open .cds-chip-chev{transform:rotate(90deg);color:rgba(var(--ink-blue),.60);}
/* sub-row expand: smooth height */
.cds-sub-rows{max-height:0;overflow:hidden;transition:max-height .25s cubic-bezier(.4,0,.2,1);}
.cds-sub-rows.open{max-height:2000px;}
/* proof card: smooth height */
.cds-proof{max-height:0;overflow:hidden;transition:max-height .20s cubic-bezier(.34,1.1,.64,1);}
.cds-proof.open{max-height:200px;}
/* v_qsum: quarter calendar — same smooth max-height pattern as .cds-proof,
   toggled together with it by the sub-row click handler in _cdsRender_p1/p3 */
.cds-qtr-cal{max-height:0;overflow:hidden;transition:max-height .22s cubic-bezier(.34,1.1,.64,1);}
.cds-qtr-cal.open{max-height:160px;}

/* ── CDS Commission Gold Token ──────────────────────────────────────────────
   Sheet identity: gold border + ambient glow — signals "this is your money"
   ─────────────────────────────────────────────────────────────────────────── */

/* Override sheet border to gold */
.cds-sheet{
  border-color:rgba(255,224,138,.28)!important;
  box-shadow:0 -16px 48px rgba(0,0,0,.44),0 0 0 1px rgba(255,224,138,.06),0 0 60px rgba(255,224,138,.04)!important;
}
/* Ambient gold glow at top of sheet */
.cds-sheet::before{
  content:'';position:absolute;top:0;left:0;right:0;height:180px;
  background:radial-gradient(ellipse 80% 100% at 50% 0%,rgba(255,224,138,.07),transparent);
  pointer-events:none;z-index:0;border-radius:22px 22px 0 0;
}
/* One-time sheen on open */
@keyframes cds-sheen{
  0%{left:-80%;opacity:0}10%{opacity:1}85%{left:130%;opacity:.55}100%{left:130%;opacity:0}
}
.cds-sheet::after{
  content:'';position:absolute;top:-30%;bottom:-30%;width:45%;left:-80%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),rgba(255,224,138,.12),transparent);
  transform:skewX(-18deg);animation:cds-sheen 1.6s ease .25s 1 both;
  pointer-events:none;z-index:1;
}

/* ── Tab cards: equal width, centered ───────────────────────────────────── */
.cds-tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.cds-tab-card{flex:1;min-width:0;padding:10px 8px 9px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.cds-tab-card .tc-name{font-size:var(--text-xs);}
.cds-tab-card .tc-amt{font-size:var(--text-lg);}

/* ── Chip-val color variants (mirrors .cds-val.v-*) ─────────────────────── */
.cds-chip-val.v-green{color:var(--tk-ok-bright);}
.cds-chip-val.v-amber{color:#ffe08a;text-shadow:0 0 14px rgba(255,224,138,.25);}
.cds-chip-val.v-teal{color:#00c8b0;}
.cds-chip-val.v-blue{color:#bcd7ff;}
.cds-chip-val.v-dim{color:rgba(var(--ink-blue-hi),.52);}
.cds-chip-val.v-muted{color:rgba(var(--ink-blue-hi),.60);}

/* ── Sub-row text: higher contrast ──────────────────────────────────────── */
.cds-outlet-name{color:rgba(245,250,255,.92)!important;font-size:var(--text-md)!important;font-weight:var(--fw-semi)!important;}
.cds-val.v-muted{color:rgba(var(--ink-blue-hi),.65)!important;}
.cds-val.v-dim{color:rgba(var(--ink-blue-hi),.52)!important;}

/* ── L1 Summary: KPI grid ────────────────────────────────────────────────── */
.cds-l1-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 18px 14px;}
.cds-l1-kpi{background:rgba(255,255,255,.05);border:1px solid rgba(255,224,138,.14);border-radius:var(--r-card);padding:10px 12px;}
.cds-l1-kpi-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--ink-blue),.45);margin-bottom:4px;}
.cds-l1-kpi-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xl);font-weight:900;color:rgba(var(--ink-blue-hi),.85);line-height:1;}
.cds-l1-kpi-val.gold{color:#ffe08a;text-shadow:0 0 20px rgba(255,224,138,.22);}

/* ── L1 Summary: Gate card ───────────────────────────────────────────────── */
.cds-l1-gate{margin:0 18px 12px;padding:10px 14px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:space-between;}
.cds-l1-gate.ok{background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);}
.cds-l1-gate.warn{background:rgba(240,80,0,.06);border:1px solid rgba(240,80,0,.18);}
.cds-l1-gate-info{flex:1;}
.cds-l1-gate-title{font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.75);}
.cds-l1-gate-sub{font-size:var(--text-xs);color:rgba(var(--ink-blue),.52);margin-top:2px;}
.cds-l1-gate-result{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:900;}
.cds-l1-gate.ok .cds-l1-gate-result{color:var(--tk-ok-bright);}
.cds-l1-gate.warn .cds-l1-gate-result{color:#ff7a4d;}

/* ── L1 Summary: Final payout hero ──────────────────────────────────────── */
.cds-l1-final{padding:16px 18px 14px;text-align:center;border-top:1px solid rgba(255,255,255,.07);}
.cds-l1-final-label{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.12em;color:rgba(var(--ink-blue),.52);margin-bottom:6px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}
.cds-l1-final-amt{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:36px;font-weight:900;color:#ffe08a;letter-spacing:-.04em;line-height:1;text-shadow:0 0 32px rgba(255,224,138,.22);}
.cds-l1-final-check{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--tk-ok-bright);margin-top:6px;}
.cds-l1-final-ts{font-size:var(--text-2xs);color:rgba(var(--ink-blue),.52);margin-top:4px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}

/* ── L1 Summary: source rows ─────────────────────────────────────────────── */
/* earned amounts: gold glow */
.cds-src-amt.earned{text-shadow:0 0 16px rgba(255,224,138,.20);}

/* L1 header */
.cds-l1-title{font-size:var(--text-xl2);font-weight:900;color:var(--tk-text-primary);letter-spacing:-.2px;}
.cds-l1-ts{font-size:var(--text-xs);color:rgba(var(--ink-blue),.52);margin-top:4px;}


/* ── Contrast fixes & NRR-passed state ─────────────────────────────────── */
/* L1 text: all sub-labels readable */
.cds-src-sub{color:rgba(var(--ink-blue),.72)!important;}
.cds-l1-ts{color:rgba(var(--ink-blue),.58)!important;}
.cds-l1-gate-sub{color:rgba(var(--ink-blue),.65)!important;}
.cds-l1-final-label{color:rgba(var(--ink-blue),.70)!important;letter-spacing:.12em;}
.cds-l1-final-ts{color:rgba(var(--ink-blue),.50)!important;}
.cds-l1-kpi-label{color:rgba(var(--ink-blue),.62)!important;}

/* NRR KPI card when gate passed */
.cds-l1-kpi.passed{
  background:var(--tk-ok-dim);
  border-color:var(--tk-ok-border);
}
.cds-l1-kpi.passed .cds-l1-kpi-label{color:var(--tk-ok-border)!important;}
.cds-l1-kpi.passed .cds-l1-kpi-val{color:var(--tk-ok-bright);text-shadow:0 0 18px var(--tk-ok-border);}

/* Total bar: v-* color variants */
.cds-total-val.v-green{color:var(--tk-ok-bright);}
.cds-total-val.v-amber{color:#ffe08a;text-shadow:0 0 14px rgba(255,224,138,.18);}
.cds-total-val.v-teal{color:#00c8b0;}
.cds-total-val.v-blue{color:#bcd7ff;}
.cds-total-val.v-dim{color:rgba(var(--ink-blue-hi),.52);}
/* Total bar label & val base brightness */
.cds-total-label{color:rgba(var(--ink-blue),.72)!important;}
.cds-total-val{color:rgba(var(--ink-blue-hi),.90);}

/* NRR ctx next-note: right-aligned under payout */
.cds-nrr-ctx-next-inline{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,224,138,.72);margin-top:3px;text-align:right;line-height:1.3;font-family:var(--tk-font-body);}

/* NRR chip: account summary (visible collapsed, hidden expanded) */
.ncs-chip-summary{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:6px;}
.ncs-chip-summary span{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.58);white-space:nowrap;}
.ncs-chip-summary span b{font-weight:var(--fw-bold);}
.ncs-chip.open .ncs-chip-summary{display:none;}

/* 4) Native-app containment. */
html.v213-app-entry-reset,html.v213-app-entry-reset body{overscroll-behavior:none;}
@supports (-webkit-touch-callout:none){input,textarea,select{font-size:var(--text-xl)!important;} .tgt-input,.comm-input{font-size:var(--text-xl)!important;}}
.aifab.v213-safe-correcting{transition:left .28s cubic-bezier(.34,1.2,.64,1),top .28s cubic-bezier(.34,1.2,.64,1),box-shadow .2s ease!important;box-shadow:0 8px 26px rgba(0,60,45,.45),0 0 0 6px var(--tk-ok-dim)!important;}
.aifab.v213-edge-snapped{right:auto!important;bottom:auto!important;}

@media(max-width:430px){
  body.kam-mode #nav-restaurant .nwrap{padding:7px 12px!important;}
  #v213-drill-coach{bottom:var(--chrome-bottom);font-size:11.5px;}
}


/* ── Phase 0E appended sections ── */
/* ── freshket-v210g-commission-role-fix-css ── */
/* v210g: commission role clarity + payout consistency polish */
#tv-commission-btn[style*="none"]{pointer-events:none!important}
.portview-stat.warn{border-color:rgba(240,176,0,.42)!important;background:linear-gradient(135deg,rgba(240,176,0,.14),rgba(240,176,0,.05))!important;box-shadow:inset 0 0 0 1px rgba(240,176,0,.08);}
.portview-stat.danger{border-color:rgba(255,100,120,.42)!important;background:linear-gradient(135deg,rgba(229,62,62,.15),rgba(120,50,90,.08))!important;box-shadow:inset 0 0 0 1px rgba(229,62,62,.08);}
.portview-stat.warn .portview-stat-val{color:#f0b000!important;text-shadow:0 0 16px rgba(240,176,0,.16);}
.portview-stat.danger .portview-stat-val{color:#ff7f8a!important;text-shadow:0 0 16px rgba(255,100,120,.16);}
/* 24 ต.ค. 2569: ช่องนับร้านของจอทีมตามช่วงเกณฑ์ค่าคอมฯ ของเจ้าของร้าน — ได้ 50% (zhalf) · ได้ 0 (zzero) */
.portview-stat.zhalf{border-color:rgba(255,136,136,.42)!important;background:linear-gradient(135deg,rgba(255,136,136,.13),rgba(255,136,136,.04))!important;box-shadow:inset 0 0 0 1px rgba(255,136,136,.08);}
.portview-stat.zzero{border-color:rgba(255,77,77,.5)!important;background:linear-gradient(135deg,rgba(255,77,77,.16),rgba(120,40,60,.08))!important;box-shadow:inset 0 0 0 1px rgba(255,77,77,.1);}
.portview-stat.zhalf .portview-stat-val,.portview-stat.zhalf .portview-stat-val *{color:var(--zone-half)!important;}
.portview-stat.zzero .portview-stat-val,.portview-stat.zzero .portview-stat-val *{color:var(--zone-zero)!important;}

.pv-commission-strip-slot{display:block;width:100%;margin:0 0 10px 0;}
.pv-commission-strip-slot:empty{display:none;}
.pv-comm-strip{width:100%;border-radius:var(--r-lg);padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:linear-gradient(135deg,rgba(35,73,126,.58),rgba(15,42,76,.46));border:1px solid rgba(var(--ink-blue),.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.045);}
.pv-comm-strip.hit{background:linear-gradient(135deg,var(--tk-ok-dim),rgba(35,73,126,.48));border-color:var(--tk-ok-border);}
.pv-comm-strip.bonus{background:linear-gradient(135deg,rgba(255,224,138,.15),rgba(35,73,126,.48));border-color:rgba(255,224,138,.40);}
.pv-comm-strip.miss{background:linear-gradient(135deg,rgba(35,73,126,.56),rgba(15,42,76,.48));border-color:rgba(var(--ink-blue),.20);}
.pv-comm-left{min-width:0;}
.pv-comm-top{display:flex;align-items:center;gap:7px;margin-bottom:5px;min-width:0;}
.pv-comm-eyebrow{font-size:var(--text-2xs);font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--ink-blue),.86);white-space:nowrap;}
.pv-comm-chip{font-size:var(--text-2xs);font-weight:850;line-height:1;border-radius:var(--r-pill);padding:4px 7px;white-space:nowrap;border:1px solid rgba(var(--ink-blue),.18);color:rgba(var(--ink-blue-hi),.88);background:rgba(255,255,255,.055);}
.pv-comm-strip.hit .pv-comm-chip{color:#84ffc0;background:var(--tk-ok-dim);border-color:var(--tk-ok-border);}
.pv-comm-strip.bonus .pv-comm-chip{color:#ffe08a;background:rgba(255,224,138,.12);border-color:rgba(255,224,138,.30);}
.pv-comm-copyline{font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.82);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pv-comm-next{font-size:var(--text-xs);font-weight:750;color:rgba(var(--ink-blue),.78);line-height:1.35;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pv-comm-strip.miss .pv-comm-next{color:#ffc96b;}
.pv-comm-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.pv-comm-main{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:21px;font-weight:var(--fw-bold);letter-spacing:-.4px;line-height:1;color:#bcd7ff;text-align:right;font-variant-numeric:tabular-nums;}
.pv-comm-strip.hit .pv-comm-main{color:var(--tk-ok-bright);text-shadow:0 0 14px var(--tk-ok-dim);}
.pv-comm-strip.bonus .pv-comm-main{color:#ffe08a;text-shadow:0 0 14px rgba(255,224,138,.14);}
.pv-comm-i{width:25px;height:25px;border-radius:50%;border:1px solid rgba(var(--ink-blue),.26);background:rgba(255,255,255,.07);color:rgba(var(--ink-blue-hi),.82);font-family:Georgia,serif;font-size:var(--text-md);font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .16s,border-color .16s,transform .08s;}
.pv-comm-i:hover{background:rgba(255,255,255,.11);border-color:rgba(var(--ink-blue),.42);color:var(--tk-text-primary);}
.pv-comm-i:active{transform:scale(.94)!important;}
.pv-comm-progress{grid-column:1/-1;height:3px;border-radius:var(--r-pill);background:rgba(var(--ink-blue),.14);overflow:hidden;margin-top:0;}
.pv-comm-progress-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,#f0b000,var(--tk-ok-bright));width:0;transition:width .45s ease;}
.pv-comm-strip.miss .pv-comm-progress-fill{background:linear-gradient(90deg,#697a9b,#f0b000);}
.pv-comm-strip.hit .pv-comm-progress-fill{background:linear-gradient(90deg,var(--tk-ok-500),var(--tk-ok-bright));}
.pv-comm-strip.bonus .pv-comm-progress-fill{background:linear-gradient(90deg,#f0b000,#ffe08a);}
@media(max-width:360px){.pv-comm-strip{padding:10px 11px;gap:8px}.pv-comm-main{font-size:var(--text-xl3)}.pv-comm-copyline{font-size:10.5px}.pv-comm-next{font-size:9.5px}.pv-comm-chip{display:none}}
.pv-comm-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:320;opacity:0;pointer-events:none;transition:opacity .22s ease;}
.pv-comm-sheet-overlay.on{opacity:1;pointer-events:all;}
.pv-comm-sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(102%);width:100%;max-width:var(--app-max,440px);background:#0f1b2f;border:1px solid rgba(var(--ink-blue),.16);border-radius:22px 22px 0 0;box-shadow:0 -12px 44px rgba(0,0,0,.34);transition:transform .30s cubic-bezier(.34,1.1,.64,1);max-height:78vh;overflow:auto;color:var(--tk-text-primary);}
.pv-comm-sheet-overlay.on .pv-comm-sheet{transform:translateX(-50%) translateY(0);}
.pv-comm-sheet-handle{width:42px;height:5px;border-radius:var(--r-pill);background:rgba(var(--ink-blue),.28);margin:10px auto 16px;}
.pv-comm-sheet-body{padding:0 18px 24px;}
.pv-comm-sheet-title{font-size:var(--text-xl2);font-weight:900;color:var(--tk-text-primary);margin-bottom:4px;}
.pv-comm-sheet-sub{font-size:var(--text-md);color:rgba(var(--ink-blue-hi),.74);line-height:1.55;margin-bottom:14px;}
.pv-comm-sheet-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;}
.pv-comm-sheet-kpi{border-radius:var(--r-card);background:rgba(255,255,255,.055);border:1px solid rgba(var(--ink-blue),.14);padding:10px 11px;}
.pv-comm-sheet-kpi-label{font-size:var(--text-2xs);font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:rgba(var(--ink-blue),.76);margin-bottom:4px;}
.pv-comm-sheet-kpi-val{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xl);font-weight:var(--fw-bold);color:#bcd7ff;line-height:1;}
.pv-comm-sheet-kpi.val-good .pv-comm-sheet-kpi-val{color:var(--tk-ok-bright);}.pv-comm-sheet-kpi.val-bonus .pv-comm-sheet-kpi-val{color:#ffe08a;}
.pv-comm-tier-table{border-radius:var(--r-card);overflow:hidden;border:1px solid rgba(var(--ink-blue),.14);margin:12px 0;background:rgba(255,255,255,.035);}
.pv-comm-tier-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 11px;border-bottom:1px solid rgba(var(--ink-blue),.10);font-size:var(--text-md);color:rgba(var(--ink-blue-hi),.78);}
.pv-comm-tier-row:last-child{border-bottom:none;}.pv-comm-tier-row.on{background:var(--tk-ok-dim);color:var(--tk-text-primary);}.pv-comm-tier-row.next{background:rgba(240,176,0,.10);color:var(--tk-text-primary);}
.pv-comm-tier-range{font-weight:750;}.pv-comm-tier-pay{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:#ffe08a;}
.pv-comm-action-note{border-radius:var(--r-card);background:rgba(240,176,0,.10);border:1px solid rgba(240,176,0,.22);padding:10px 12px;color:rgba(255,238,190,.94);font-size:var(--text-md);font-weight:var(--fw-bold);line-height:1.55;}
.pv-comm-sheet-close{width:100%;margin-top:14px;border:none;border-radius:var(--r-card);padding:12px;background:rgba(var(--ink-blue),.10);color:var(--tk-text-primary);font-family:var(--tk-font-body);font-weight:850;font-size:var(--text-base);cursor:pointer;}
.pv-comm-sheet-close-row{display:flex;gap:8px;align-items:center;margin-top:14px;}
.pv-comm-sheet-close-row .pv-comm-sheet-close{width:auto;flex:1;margin-top:0;}
.comm-total .comm-total-val{font-variant-numeric:tabular-nums;}
.comm-kpi-sub{white-space:normal;overflow-wrap:anywhere;}

/* ── freshket-v210h-commission-regression-fix-css ── */
/* v210h: force-admin-only Commission Cockpit entry; earlier CSS used !important display. */
#tv-commission-btn.comm-admin-hidden,
#tv-commission-btn[aria-hidden="true"],
body:not(.comm-admin-ready) #tv-commission-btn.comm-admin-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
/* v210h: suppress legacy pace card while target/NRR widget is the intended single source. */
#portview-pace-bar.pv-legacy-suppressed{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
/* Make KAM self commission card visually integrated with Portfolio pace system. */
.pv-comm-card{
  margin:0 0 14px!important;
}
.pv-comm-i{line-height:1!important;}

/* ── freshket-v210i-role-normalization-css ── */
/* v210i: role-based visibility uses body class too, so old !important button CSS cannot leak to TL/KAM. */
/* v_ownertier (2026-09-04): ปุ่ม Commission Cockpit ย้ายจาก .role-admin → .role-owner
   ตัวเลขเงินอยู่หลังปุ่มนี้ จึงเปิดให้เจ้าของระบบคนเดียว admin คนอื่นยังดูค่าคอมฯ
   ได้ทุกจอ แค่ไม่มีปุ่มแก้ · ค่าเริ่มต้นคือ "ไม่มี .role-owner" ⇒ ซ่อนไว้ก่อนเสมอ
   จนกว่า RPC app_is_owner จะตอบกลับ (fail closed) */
body:not(.role-owner) #tv-commission-btn,
#tv-commission-btn.comm-admin-hidden,
#tv-commission-btn[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.role-owner #tv-commission-btn:not(.comm-admin-hidden){
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
/* pvCommIn animation removed — caused visible flash on every re-render */
.pv-comm-card[data-v210i="1"]{}

/* ── freshket-v210k-kam-commission-compact-css ── */
/* v210k: KAM commission is a compact personal payout summary, not an account health card. */
.pv-commission-strip-slot{margin:0 0 10px 0!important;}
.pv-comm-strip.v210k{
  width:100%;
  border-radius:13px;
  padding:9px 11px 10px;
  display:grid;
  /* UIR A1: ตัวเลขกับป้ายสถานะได้ความกว้างเต็มข้อความเสมอ (width:max-content ข้างล่าง) หัวข้อได้ที่เหลือ และตัดบรรทัดที่ช่องว่างเมื่อแคบ
     — เดิม minmax(78px,1fr) + auto ⇒ ป้ายยาว ("🔒 เริ่มไตรมาสหน้า") ล้นทับตัวเลข 2px ที่ 375 */
  grid-template-columns:minmax(0,1fr) auto auto 54px;
  grid-template-areas:
    "title amount chip info"
    "sources sources sources sources";
  column-gap:8px;
  row-gap:5px;
  align-items:center;
  min-height:58px;
  background:linear-gradient(135deg,rgba(35,73,126,.54),rgba(15,42,76,.46));
  border:1px solid rgba(var(--ink-blue),.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.pv-comm-strip.v210k.paid{
  border-color:rgba(255,224,138,.46);
  background:linear-gradient(135deg,rgba(255,224,138,.13),rgba(35,73,126,.50));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 18px rgba(240,176,0,.06);
}
.pv-comm-strip.v210k .pv-comm-title{
  grid-area:title;
  min-width:0;
  font-size:var(--text-xs);
  line-height:1.1;
  font-weight:900;
  letter-spacing:.06em;
  color:rgba(var(--ink-blue-hi),.88);
  /* R1 UI #5: เดิม nowrap + ellipsis ⇒ จอ 375 ที่ยอดกว้าง หัวข้อเหลือ "ค่าคอมฯ ต...." และป้าย "ล็อกแล้ว" หายไปทั้งป้าย
     ตอนนี้หัวข้อตัดบรรทัดได้ และป้ายอยู่บรรทัดของตัวเองใต้หัวข้อ */
  white-space:normal;
  overflow:visible;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}
.pv-comm-strip.v210k .pv-comm-main{
  grid-area:amount;
  width:max-content;
  min-width:64px;   /* UIR A1: เดิม 76 — ยอดสั้น ("฿0") กินที่หัวข้อจนหัวข้อขึ้น 2 บรรทัดข้างป้ายยาว ("🔒 เริ่มไตรมาสหน้า") */
  text-align:right;
  justify-self:end;
  font-family:'IBM Plex Mono','Noto Sans Thai',monospace;
  font-size:21px;
  font-weight:var(--fw-bold);
  line-height:1;
  letter-spacing:-.3px;
  color:#bcd7ff;
  font-variant-numeric:tabular-nums;
}
.pv-comm-strip.v210k.paid .pv-comm-main{
  color:#ffe08a;
  text-shadow:0 0 14px rgba(255,224,138,.16);
}
.pv-comm-strip.v210k .pv-comm-chip{
  grid-area:chip;
  justify-self:end;
  /* UIR A1: เดิม max-width:104px + ellipsis ตัดป้ายยาว ("🔒 ไม่เข้าเกณฑ์งวดนี้") จนอ่านไม่จบ — ให้กว้างเท่าข้อความ บรรทัดเดียว */
  width:max-content;
  max-width:none;
  min-width:64px;
  text-align:center;
  font-size:var(--text-2xs);
  font-weight:900;
  line-height:1;
  border-radius:var(--r-pill);
  padding:4px 7px;
  white-space:nowrap;
  color:rgba(var(--ink-blue-hi),.9);
  border:1px solid rgba(var(--ink-blue),.22);
  background:rgba(255,255,255,.065);
}
.pv-comm-strip.v210k.paid .pv-comm-chip{
  color:#ffe08a;
  border-color:rgba(255,224,138,.36);
  background:rgba(255,224,138,.12);
}
/* v305: single history button replaces i|clock pill group */
.pv-comm-hist-btn{
  grid-area:info;
  justify-self:end;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:38px;
  height:38px;
  border-radius:var(--r-card);
  border:1px solid rgba(var(--ink-blue),.18);
  background:rgba(255,255,255,.06);
  cursor:pointer;
  color:rgba(var(--ink-blue),.55);
  padding:0;
  transition:background .14s,color .14s,transform .08s;
}
.pv-comm-hist-btn:hover{background:rgba(255,255,255,.10);color:rgba(var(--ink-blue),.85);}
.pv-comm-hist-btn:active{transform:scale(.92);}
.pv-comm-hist-icon{display:block;flex-shrink:0;}
.pv-comm-hist-lbl{font-size:7.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;line-height:1;color:inherit;font-family:var(--tk-font-body);}
/* Keep pv-comm-i for backward compat (non-v210k strips) */
.pv-comm-strip.v210k .pv-comm-i{
  display:none;
}
.pv-comm-strip.v210k .pv-comm-i:hover{background:rgba(255,255,255,.12);border-color:rgba(var(--ink-blue),.48);color:var(--tk-text-primary);}
.pv-comm-strip.v210k .pv-comm-i:active{transform:scale(.94)!important;}
.pv-comm-strip.v210k .pv-comm-sources{
  grid-area:sources;
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  font-size:10.5px;
  line-height:1.35;
  font-weight:750;
  color:rgba(var(--ink-blue-hi),.82);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pv-comm-strip.v210k .pv-comm-sources span{min-width:0;white-space:nowrap;}
.pv-comm-strip.v210k .pv-comm-sources b{color:rgba(var(--ink-blue),.92);font-weight:900;}
.pv-comm-strip.v210k.paid .pv-comm-sources .src-nrr{color:#ffe08a;}
.pv-comm-strip.v210k .pv-comm-sep{color:rgba(var(--ink-blue),.52);font-weight:900;}
/* สัญญา v4 D2: "* ยังไม่รวม Handover — <เหตุ>" ใต้บรรทัดที่มาของยอด เต็มความกว้าง ตัดบรรทัดได้ (ตัวเลขข้างบนเหลือแค่ "฿x*") */
/* "*" ของยอดที่ยังไม่รวม HO: กว้าง 0 ลอยไปช่องว่างระหว่างคอลัมน์ ⇒ ตัวเลขกว้างเท่ายอดปกติ ไม่ล้นไปทางหัวข้อ */
.pv-comm-strip.v210k .pv-comm-main .comm-ho-star{display:inline-block;width:0;font-size:.62em;vertical-align:.45em;letter-spacing:0;}
/* UIR A1: คำอธิบายทุกข้ออยู่ในกล่องเดียว (.pv-comm-notes) แถวที่ 3 เรียงลงบรรทัดละข้อ ระยะห่างเท่ากัน
   — เดิมแต่ละข้อเป็น grid-row:3 ของตัวเอง ⇒ HO + upsell / HO + ยอดประมาณ พิมพ์ทับกันในแถวเดียว */
.pv-comm-strip.v210k .pv-comm-title-w{white-space:nowrap;}
.pv-comm-strip.v210k .pv-comm-notes{grid-column:1/-1;grid-row:3;min-width:0;display:flex;flex-direction:column;gap:4px;}
.pv-comm-strip.v210k .pv-comm-ho-note,.pv-comm-strip.v210k .pv-comm-unavail-note{min-width:0;font-size:10.5px;line-height:1.35;font-weight:750;color:rgba(var(--ink-blue-hi),.82);white-space:normal;overflow-wrap:anywhere;}
/* ที่ว่างระหว่างโหลด: ตัวเลข = ขนาดเท่าตัวเลขจริง (ไม่ล้นช่อง) · คำอธิบาย = แถบบาง ๆ ในกล่องที่จองความสูงไว้ */
.pv-comm-strip.v210k .pv-comm-main .skel{display:inline-block;vertical-align:middle;width:76px;height:21px;border-radius:var(--r-sm);}
.pv-comm-strip.v210k .pv-comm-notes-skel{gap:5px;justify-content:flex-start;overflow:hidden;}
.pv-comm-strip.v210k .pv-comm-notes-skel .skel{display:block;width:100%;height:9px;margin-top:2px;border-radius:var(--r-xs);flex-shrink:0;}
@media(max-width:360px){
  /* UIR A1: ป้ายสถานะบรรทัดเดียว (เดิม max-width 86px ⇒ "ถึงเกณฑ์แล้ว"/"กำลังโหลด..." ขึ้น 2–3 บรรทัด)
     หัวข้อได้ที่ที่เหลือ ตัดบรรทัดที่ช่องว่าง ("ค่าคอมฯ" / "ต.ค.") · ยอดหลักแสน (.pv-comm-main-long) ตัวเล็กลงให้หัวข้อมีที่ · ช่องปุ่มประวัติ = ขนาดปุ่ม */
  .pv-comm-strip.v210k{grid-template-columns:minmax(0,1fr) auto auto 38px;column-gap:8px;padding:8px 10px;}   /* ช่องห่าง 8 = ที่ของ "*" หลังตัวเลข (กว้าง ~7px) ไม่ชนป้าย */
  .pv-comm-strip.v210k .pv-comm-main{font-size:var(--text-xl3);min-width:0;}
  .pv-comm-strip.v210k .pv-comm-main .skel{width:64px;height:19px;}
  .pv-comm-strip.v210k .pv-comm-main.pv-comm-main-long{font-size:var(--text-lg2);}
  .pv-comm-strip.v210k .pv-comm-chip{display:block;font-size:var(--text-3xs);min-width:0;max-width:none;padding:4px 6px;white-space:nowrap;overflow:visible;line-height:1.2;}   /* R1 UI #5: เดิมกฎเก่า .pv-comm-chip{display:none} ทำให้ป้ายสถานะหายที่ 320 */
  .pv-comm-strip.v210k .pv-comm-sources{font-size:9.5px;gap:4px;}
  .pv-comm-strip.v210k .pv-comm-ho-note,.pv-comm-strip.v210k .pv-comm-unavail-note{font-size:9.5px;}
  .pv-comm-strip.v210k .pv-comm-btn-group{height:24px;}
  .pv-comm-btn-group-item{width:24px;height:24px;font-size:var(--text-sm);}
}
/* Bottom sheet: clearer source breakdown for future multi-source commission. */
.pv-comm-source-table{border-radius:var(--r-card);overflow:hidden;border:1px solid rgba(var(--ink-blue),.14);margin:12px 0;background:rgba(255,255,255,.035);}
.pv-comm-source-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 11px;border-bottom:1px solid rgba(var(--ink-blue),.10);font-size:var(--text-md);color:rgba(var(--ink-blue-hi),.84);}
.pv-comm-source-row:last-child{border-bottom:none;}
.pv-comm-source-name{font-weight:850;}
.pv-comm-source-note{display:block;font-size:var(--text-xs);font-weight:650;color:rgba(var(--ink-blue),.68);margin-top:1px;}
.pv-comm-source-pay{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);color:#bcd7ff;}
.pv-comm-source-row.paid .pv-comm-source-pay{color:#ffe08a;}

/* ── freshket-v210l-portfolio-state-cleanup-css ── */
/* v210l — Portfolio UX State Cleanup: compact insight, sheet explanations, simpler target color */
/* T4 (25 ต.ค. 2569 · บอร์ด HomeNew): ปุ่ม Portfolio Insight กลับมาใต้กล่องร้าน (เดิมย่อเป็นปุ่มเล็กในแถวเรียง) */
#portview-ai-output{display:none!important;}
.pv-sort-sticky{gap:8px;}
.pv-toggle-btns{display:flex;align-items:center;gap:7px;}
.pv-insight-mini{
  height:30px;padding:0 11px;border-radius:var(--r-md);border:1px solid rgba(80,150,255,.42);
  background:linear-gradient(135deg,var(--tk-accent-dim-3),var(--tk-accent-dim-2));
  color:rgba(230,242,255,.96);font-family:var(--tk-font-body);font-size:var(--text-sm);font-weight:850;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap;
  transition:transform .14s ease,background .2s ease,border-color .2s ease,box-shadow .25s ease,opacity .2s ease;
  box-shadow:0 0 0 rgba(80,150,255,0);position:relative;overflow:hidden;flex-shrink:0;
}
.pv-insight-mini:not(.loading):not(.done){animation:insight-idle-glow 3.2s ease-in-out infinite;}
.pv-insight-mini:hover{background:linear-gradient(135deg,var(--tk-subtab-active),rgba(80,140,255,.24));border-color:rgba(150,200,255,.70);}
.pv-insight-mini:active{transform:scale(.96)!important;}
.pv-insight-mini.loading{pointer-events:none;border-color:rgba(120,185,255,.85);animation:ai-glow 1.15s ease-in-out infinite;}
.pv-insight-mini.done{background:linear-gradient(135deg,var(--tk-accent-dim-3),rgba(80,140,255,.28));border-color:rgba(160,210,255,.72);box-shadow:0 0 16px rgba(80,150,255,.22);}
.pv-insight-mini.done-bounce{animation:doneBounce 380ms ease;}
.pv-insight-mini-star{width:11px;height:11px;flex:0 0 11px;filter:drop-shadow(0 0 7px rgba(150,200,255,.6));}
.pv-insight-mini.loading .pv-insight-mini-star{animation:iq-spin 1.25s linear infinite;}
.pv-insight-mini .ai-thinking{gap:3px;}
@media(max-width:380px){.pv-insight-mini{padding:0 9px;font-size:10.5px}.pv-insight-mini .pv-insight-word{display:none}}

.pv-insight-sheet-overlay,.tgt-explain-sheet-overlay{
  position:fixed;inset:0;z-index:9300;background:rgba(0,0,0,.46);opacity:0;pointer-events:none;
  transition:opacity .24s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.pv-insight-sheet-overlay.on,.tgt-explain-sheet-overlay.on{opacity:1;pointer-events:auto;}
.pv-insight-sheet,.tgt-explain-sheet{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%) translateY(104%);
  width:100%;max-width:var(--app-max,440px);max-height:82dvh;background:linear-gradient(180deg,#10213c 0%,#0b172b 100%);
  border:1px solid rgba(140,180,255,.20);border-radius:22px 22px 0 0;box-shadow:0 -18px 48px rgba(0,0,0,.38);
  transition:transform .34s cubic-bezier(.34,1.12,.64,1);overflow:hidden;display:flex;flex-direction:column;
}
.pv-insight-sheet-overlay.on .pv-insight-sheet,.tgt-explain-sheet-overlay.on .tgt-explain-sheet{transform:translateX(-50%) translateY(0);}
.pv-insight-sheet-handle,.tgt-explain-sheet-handle{width:44px;height:5px;border-radius:var(--r-pill);background:rgba(255,255,255,.24);margin:10px auto 8px;flex-shrink:0;}
.pv-insight-sheet-head,.tgt-explain-sheet-head{padding:4px 18px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pv-insight-sheet-title,.tgt-explain-sheet-title{font-size:var(--text-xl);font-weight:900;color:var(--tk-text-primary);letter-spacing:-.2px;display:flex;align-items:center;gap:8px;}
.pv-insight-sheet-sub,.tgt-explain-sheet-sub{font-size:var(--text-sm);font-weight:650;color:rgba(198,216,245,.74);line-height:1.45;margin-top:3px;}
.pv-insight-sheet-close,.tgt-explain-sheet-close{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.08);color:rgba(255,255,255,.78);font-size:var(--text-2xl);font-weight:800;cursor:pointer;flex-shrink:0;line-height:1;}
.pv-insight-sheet-close:active,.tgt-explain-sheet-close:active{transform:scale(.94)!important;}
.pv-insight-sheet-body,.tgt-explain-sheet-body{padding:16px 18px 26px;overflow-y:auto;-webkit-overflow-scrolling:touch;line-height:1.75;color:rgba(var(--ink-blue-hi),.90);font-size:var(--text-base);}
.pv-insight-sheet-body strong{color:var(--tk-text-primary);font-weight:900;}
.pv-insight-loading{padding:24px 8px;text-align:center;color:rgba(205,225,255,.86);font-size:var(--text-base);font-weight:750;}
.pv-insight-loading-star{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;margin:0 auto 12px;border-radius:50%;background:var(--tk-accent-dim-2);border:1px solid rgba(120,185,255,.28);animation:insight-btn-pulse 1.4s ease-in-out infinite;}
.pv-insight-error{padding:14px;border-radius:var(--r-lg);background:rgba(229,62,62,.12);border:1px solid rgba(229,62,62,.25);color:#ffd0d0;font-weight:750;}

.tgt-explain-sheet-body .tgt-detail-panel{display:block!important;max-height:none!important;opacity:1!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;}
.tgt-explain-sheet-body .tgt-det-section{padding:14px 0;border-top:1px solid rgba(255,255,255,.09);}
.tgt-explain-sheet-body .tgt-det-section:first-child{border-top:none;padding-top:0;}
.tgt-explain-sheet-body .tgt-det-stitle{font-size:var(--text-sm)!important;color:rgba(190,210,240,.72)!important;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px!important;}
.tgt-explain-sheet-body .tgt-fml-line,.tgt-explain-sheet-body .tgt-fml-total{color:rgba(var(--ink-blue-hi),.88)!important;}
.tgt-explain-sheet-body .tgt-fml-total-val{color:var(--tk-text-primary)!important;}
.tgt-explain-sheet-body .tgt-color-key{display:none!important;}
.tgt-info-btn.open{background:rgba(255,255,255,.1);}
/* Simplify target color: target/projection number is always amber on the main hero. */
.tgt-rr-target,.tgt-rr-target.tgt-real,.tgt-rr-target.tgt-alloc,.tgt-rr-target.tgt-base{color:var(--amb,#f0b000)!important;text-shadow:none!important;}

/* ── freshket-v211-commission-snapshot-hardening-css ── */
/* v211a — Commission Snapshot & Permission Hardening QA cleanup */
.comm-lock-state-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:10px 0 0;padding:10px 12px;border-radius:var(--r-card);
  border:1px solid rgba(var(--ink-blue),.14);background:rgba(255,255,255,.04);
}
.comm-lock-state-main{font-size:var(--text-sm);font-weight:850;color:rgba(var(--ink-blue-hi),.88);line-height:1.45;}
.comm-lock-state-sub{font-size:9.5px;font-weight:650;color:rgba(var(--ink-blue),.58);line-height:1.45;margin-top:2px;}
.comm-lock-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:var(--r-pill);padding:5px 9px;font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(var(--ink-blue),.18);color:rgba(var(--ink-blue),.86);background:rgba(var(--ink-blue),.08);}
.comm-lock-pill.locked{border-color:rgba(255,224,138,.38);background:rgba(255,224,138,.12);color:#ffe08a;}
.comm-lock-pill.live{border-color:var(--tk-ok-border);background:var(--tk-ok-dim);color:var(--tk-ok-bright);}
.comm-lock-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;}
.comm-lock-source-note{margin-top:8px;font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.62);}
.comm-lock-actions-note{font-size:9.5px;color:rgba(var(--ink-blue),.58);font-weight:650;margin-top:6px;line-height:1.45;}
.comm-row-money.locked{color:#ffe08a!important;text-shadow:0 0 14px rgba(255,224,138,.12);}
.pv-comm-strip.v210k.locked{border-color:rgba(255,224,138,.50);}
/* ST-2 (แผน 1-13): ป้าย "ล็อกแล้ว" เป็นตัวหนังสือจริงใน HTML (เดิม ::after 'LOCKED' ขึ้นเมื่องวดนั้นมีใครล็อกก็ได้ ไม่ใช่แถวของคนนี้) */
.pv-comm-strip.v210k .pv-comm-locked-tag{display:inline-flex;margin-left:0;vertical-align:1px;border-radius:var(--r-pill);padding:1px 6px;font-size:var(--text-3xs);font-weight:var(--fw-bold);letter-spacing:0;white-space:nowrap;color:#ffe08a;background:rgba(255,224,138,.12);border:1px solid rgba(255,224,138,.25);}
/* UIR A3: ไม่เข้าเกณฑ์งวดนี้ (เริ่มงานหลังเดือนฐาน) = ฿0 สีกลาง — ไม่ใช้กรอบ/ตัวเลข/ป้ายทองของ "commission reward loop" (styles_portview v213 ใช้ !important กับทุกแถบ)
   สีจากโทเคนน้ำเงินของจอ ไม่มีพื้นทึบ */
.pv-comm-strip.v210k.ineligible{border-color:var(--tk-border-strong)!important;background:var(--tk-bg-surface)!important;box-shadow:none!important;}
.pv-comm-strip.v210k.ineligible:before{display:none;}
.pv-comm-strip.v210k.ineligible .pv-comm-title{color:var(--tk-blue-text-secondary)!important;}
.pv-comm-strip.v210k.ineligible .pv-comm-main{color:var(--tk-blue-text-muted)!important;text-shadow:none!important;}
.pv-comm-strip.v210k.ineligible .pv-comm-chip{color:var(--tk-blue-text-primary)!important;border-color:var(--tk-border-strong)!important;background:var(--tk-bg-surface-2)!important;}
/* R1 UI #3: ป้าย "ประมาณ" (ยอด upsell จากไฟล์สรุปทีม) — โทนน้ำเงินของจอ ไม่ใช่ทองแบบล็อกแล้ว */
.pv-comm-strip.v210k .pv-comm-est-tag{color:rgba(var(--ink-blue-hi),.92);background:rgba(var(--ink-blue),.10);border-color:rgba(var(--ink-blue),.30);}

/* ── freshket-v211b-portfolio-movement-sheet-css ── */
/* v211b — Portfolio Movement Detail Sheet Unification */
/* Keep old ncs ids but lift them above the v210l explanation sheet and restyle them into KAM navy. */
#ncs-overlay.ncs-overlay{
  z-index:9650!important;background:rgba(0,0,0,.50)!important;
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
}
#ncs-sheet.ncs-sheet{
  z-index:9651!important;background:linear-gradient(180deg,#10213c 0%,#0b172b 100%)!important;
  border:1px solid rgba(140,180,255,.20)!important;border-radius:22px 22px 0 0!important;
  box-shadow:0 -18px 52px rgba(0,0,0,.46)!important;max-height:86dvh!important;overflow:hidden!important;
}
#ncs-sheet .ncs-handle div{width:44px!important;height:5px!important;background:rgba(255,255,255,.24)!important;border-radius:var(--r-pill)!important;}
#ncs-sheet .ncs-header{padding:0 18px 13px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(180deg,rgba(20,44,82,.32),rgba(20,44,82,0))!important;}
#ncs-sheet .ncs-title{font-size:var(--text-xl)!important;font-weight:900!important;color:var(--tk-text-primary)!important;letter-spacing:-.2px!important;margin-bottom:4px!important;}
#ncs-sheet .ncs-subtitle{font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(198,216,245,.70);line-height:1.45;margin-bottom:10px;}
#ncs-sheet .ncs-close-x{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.08);color:rgba(255,255,255,.78);font-size:var(--text-2xl);font-weight:900;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;}
#ncs-sheet .ncs-close-x:active{transform:scale(.94)!important;}
#ncs-sheet .ncs-tabs{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:var(--r-card)!important;padding:4px!important;gap:4px!important;}
#ncs-sheet .ncs-tab{color:rgba(198,216,245,.55)!important;border-radius:var(--r-9)!important;padding:8px 5px!important;}
#ncs-sheet .ncs-tab.on{background:rgba(120,170,255,.14)!important;color:var(--tk-text-primary)!important;box-shadow:0 0 0 1px rgba(140,180,255,.12) inset!important;}
#ncs-sheet .ncs-tab.on.t-nrr{color:var(--tk-ok-bright)!important;}#ncs-sheet .ncs-tab.on.t-cb{color:#70a8ff!important;}#ncs-sheet .ncs-tab.on.t-ex{color:#18d0c0!important;}
#ncs-sheet .ncs-meta{padding:10px 18px!important;background:rgba(255,255,255,.035)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
#ncs-sheet .ncs-meta-text{font-size:var(--text-md)!important;color:rgba(var(--ink-blue-hi),.82)!important;font-weight:650!important;}
#ncs-sheet .ncs-sort-btn{color:rgba(var(--ink-blue-hi),.72)!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important;border-radius:var(--r-8)!important;}
#ncs-sheet .ncs-tbl-head{padding:8px 18px!important;background:rgba(255,255,255,.025)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;}
#ncs-sheet .ncs-th{font-size:var(--text-xs)!important;color:rgba(190,210,240,.68)!important;letter-spacing:.07em!important;}
#ncs-sheet .ncs-body{background:rgba(0,0,0,.02)!important;}
#ncs-sheet .ncs-chip{padding:9px 18px!important;background:rgba(255,255,255,.055)!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;}
#ncs-sheet .ncs-chip:hover{background:rgba(120,170,255,.09)!important;}
#ncs-sheet .ncs-chip-name{font-size:var(--text-md)!important;font-weight:850!important;color:rgba(255,255,255,.88)!important;}
#ncs-sheet .ncs-chip-rr{font-size:var(--text-md)!important;}
#ncs-sheet .ncs-chip-badge{display:inline-flex;align-items:center;border-radius:var(--r-pill);padding:2px 7px;margin-left:6px;font-size:var(--text-2xs);font-weight:900;border:1px solid rgba(255,255,255,.12);color:rgba(var(--ink-blue-hi),.76);background:rgba(255,255,255,.055);white-space:nowrap;}
#ncs-sheet .ncs-outlet-row{padding:8px 18px!important;border-bottom:1px solid rgba(255,255,255,.045)!important;}
#ncs-sheet .ncs-outlet-row:hover{background:rgba(255,255,255,.035)!important;}
#ncs-sheet .ncs-outlet-name{font-size:var(--text-md)!important;color:rgba(245,250,255,.92)!important;}
#ncs-sheet .ncs-gmv{font-size:var(--text-sm)!important;}
#ncs-sheet .ncs-total{padding:12px 18px!important;background:rgba(255,255,255,.045)!important;border-top:1px solid rgba(255,255,255,.10)!important;}
#ncs-sheet .ncs-total-lbl{color:rgba(190,210,240,.58)!important;}
#ncs-sheet .ncs-total-val{font-size:var(--text-xl2)!important;}
#ncs-sheet .ncs-footer{padding:12px 18px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;background:rgba(0,0,0,.14)!important;border-top:1px solid rgba(255,255,255,.08)!important;}
#ncs-sheet .ncs-btn{border-radius:var(--r-card)!important;padding:12px 14px!important;}
#ncs-sheet .ncs-btn.primary{background:var(--tk-ok-dim)!important;border-color:var(--tk-ok-dim-2)!important;color:var(--tk-ok-bright)!important;}
#ncs-sheet .ncs-btn.secondary{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:rgba(var(--ink-blue-hi),.70)!important;}
#ncs-sheet .ncs-empty{color:rgba(198,216,245,.50)!important;}
#ncs-sheet .ncs-mv-cols{grid-template-columns:minmax(0,1fr) 74px 70px!important;}
#ncs-sheet .ncs-to-cols{grid-template-columns:minmax(0,1fr) 82px 90px!important;}
#ncs-sheet .ncs-mv-type{font-size:var(--text-xs);font-weight:900;text-align:right;white-space:nowrap;}
#ncs-sheet .ncs-owner{font-size:var(--text-xs);color:rgba(198,216,245,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;}
/* Make portfolio movement rows feel like drill-down affordances. */
.tgt-mv-row{cursor:pointer;border-radius:var(--r-8);transition:background .16s ease,transform .10s ease;padding-left:6px!important;padding-right:6px!important;margin-left:-6px;margin-right:-6px;}
.tgt-mv-row:hover{background:rgba(255,255,255,.045);}
.tgt-mv-row:active{transform:scale(.992)!important;background:rgba(255,255,255,.07);}
.tgt-mv-row::after{content:'ดู ›';font-size:var(--text-xs);font-weight:850;color:rgba(180,210,255,.70);border:1px solid rgba(140,180,255,.20);background:rgba(140,180,255,.07);border-radius:var(--r-7);padding:2px 7px;white-space:nowrap;margin-left:3px;}
.tgt-mv-header::after{content:'';display:none;}
/* If a detail sheet is opened from inside the explanation sheet, keep the parent visibly behind it. */
.tgt-explain-sheet-overlay.ncs-child-open .tgt-explain-sheet{filter:brightness(.72) blur(1.2px);transform:translateX(-50%) translateY(2px) scale(.985)!important;transition:filter .22s ease,transform .22s ease;}

/* ── freshket-v211c-handover-movement-fix-css ── */
/* v211c — Handover movement detail cleanup */
.tgt-mv-row{position:relative!important;padding-right:42px!important;}
.tgt-mv-row::after{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;margin-left:0!important;}
.tgt-mv-header{padding-right:42px!important;}
#ncs-sheet .ncs-mv2-cols{grid-template-columns:minmax(0,1fr) 88px 82px!important;column-gap:10px!important;}
#ncs-sheet .ncs-mv2-cols .ncs-th:nth-child(2),
#ncs-sheet .ncs-mv2-cols .ncs-th:nth-child(3){text-align:right!important;}
#ncs-sheet .ncs-chip.mv2{grid-template-columns:minmax(0,1fr) 88px 82px!important;column-gap:10px!important;display:grid!important;align-items:center!important;}
#ncs-sheet .ncs-chip.mv2 .ncs-chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ncs-sheet .ncs-prev-val{font-size:var(--text-md);font-weight:850;text-align:right;color:rgba(210,226,250,.62);white-space:nowrap;}
#ncs-sheet .ncs-mtd-val{font-size:var(--text-md);font-weight:900;text-align:right;white-space:nowrap;}
#ncs-sheet .ncs-outlet-row.ncs-mv2-outlet{grid-template-columns:minmax(0,1fr) 88px 82px!important;column-gap:10px!important;}
#ncs-sheet .ncs-outlet-row.ncs-mv2-outlet .ncs-outlet-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ncs-sheet .ncs-transfer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:11px 18px;border-bottom:1px solid rgba(255,255,255,.055);}
#ncs-sheet .ncs-transfer-card:hover{background:rgba(255,255,255,.035);}
#ncs-sheet .ncs-transfer-name{font-size:var(--text-md);font-weight:850;color:rgba(255,255,255,.90);line-height:1.35;min-width:0;}
#ncs-sheet .ncs-transfer-sub{font-size:var(--text-xs);font-weight:650;color:rgba(198,216,245,.54);line-height:1.35;margin-top:2px;}
#ncs-sheet .ncs-transfer-gmv{text-align:right;font-size:var(--text-base);font-weight:var(--fw-bold);color:#ff9b45;white-space:nowrap;}
#ncs-sheet .ncs-transfer-mtd{text-align:right;font-size:var(--text-xs);font-weight:800;color:rgba(198,216,245,.50);margin-top:2px;white-space:nowrap;}
#ncs-sheet .ncs-subtle-note{font-size:var(--text-xs);color:rgba(198,216,245,.60);font-weight:var(--fw-bold);margin-left:6px;}


/* v_handover (2026-09-06): แถวคนที่ไม่เข้าเกณฑ์งวดนี้ — โชว์จางพร้อมเหตุผล ไม่ซ่อน
   (ตารางเงินที่คนหายเงียบ แย่กว่าตารางที่บอกว่าทำไมเขาได้ 0) */
.tgt-snap-table tr.tgt-snap-skipped td{opacity:.55}
.tgt-snap-table tr.tgt-snap-skipped .tgt-preview-meta{opacity:1;color:rgba(var(--ink-blue),.7);font-style:italic}
.tgt-snap-status.skipped{font-size:var(--text-2xs);padding:2px 7px;border-radius:99px;background:rgba(var(--ink-blue),.06);color:rgba(var(--ink-blue),.6);border:1px dashed rgba(var(--ink-blue),.25)}

/* ── H1–H5 (25 ต.ค. 2569 · บอร์ด HomeNew): การ์ดทองหน้าแรกของคนที่ดูพอร์ตตัวเอง ─────────────────
   07b_cds _kamGoldArrange ย้าย #pv-commission-strip กับ #tgt-portview-bar มาไว้ใน #kam-gold-card
   กรอบ/พื้นอยู่ที่การ์ดใบเดียว · สองชิ้นข้างในไม่มีกรอบของตัวเองแล้ว · หัวหน้าทีม/แอดมินไม่มีการ์ดนี้ (กฎข้างล่างไม่โดน) */
.kam-gold-card{
  margin:0 0 12px;border-radius:20px;padding:13px 15px 11px;
  border:1px solid rgba(255,224,138,.45);
  background:radial-gradient(120% 70% at 0% 0%,rgba(255,224,138,.20),rgba(255,224,138,0) 55%),linear-gradient(160deg,#15233b,#0b1424);
  box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
}
.kam-gold-card.empty{display:none;}
.kam-gold-card .pv-commission-strip-slot{margin:0!important;}
.kam-gold-card .pv-comm-strip.v210k,
.kam-gold-card .pv-comm-strip.v210k.paid,
.kam-gold-card .pv-comm-strip.v210k.locked{
  background:none;border:0;box-shadow:none;border-radius:0;padding:0;min-height:0;cursor:pointer;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"title info" "amount chip" "sources sources";
  column-gap:10px;row-gap:6px;
}
/* ชั้นตกแต่ง v213 (styles_portview "Commission reward loop") ใส่พื้น/กรอบ/ประกายด้วย !important ⇒ ในการ์ดต้องปิดด้วย !important เหมือนกัน
   (การ์ดมีพื้นทองของตัวเองแล้ว · ไม่งั้นเห็นกล่องซ้อนในกล่อง) */
.kam-gold-card .pv-comm-strip.v210k{background:none!important;border:0!important;box-shadow:none!important;overflow:visible;}
.kam-gold-card .pv-comm-strip.v210k::before,.kam-gold-card .pv-comm-strip.v210k::after{display:none!important;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-title{flex-direction:row;align-items:center;gap:7px;font-size:12.5px;font-weight:var(--fw-bold);letter-spacing:0;color:rgba(255,224,138,.9);}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-main{justify-self:start;text-align:left;font-size:38px;line-height:1.1;letter-spacing:-.02em;min-width:0;}
.kam-gold-card .pv-comm-strip.v210k.paid .pv-comm-main{text-shadow:0 0 24px rgba(255,224,138,.25);}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-main.pv-comm-main-long{font-size:32px;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-main .skel{width:132px;height:34px;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-chip{align-self:center;font-size:10.5px;padding:4px 9px;}
.kam-gold-card .pv-comm-hist-btn{flex-direction:row;width:auto;height:24px;padding:0 10px;border-radius:var(--r-pill);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.10);color:rgba(255,255,255,.75);}
.kam-gold-card .pv-comm-hist-icon{display:none;}
.kam-gold-card .pv-comm-hist-lbl{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-sources{flex-wrap:wrap;gap:6px;overflow:visible;white-space:normal;font-size:11px;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-sources .pv-src{border-radius:8px;padding:3px 8px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.45)!important;font-weight:600;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-sources .pv-src.on{background:rgba(255,224,138,.12);color:#ffe08a!important;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-sources .pv-src b{color:inherit;font-weight:600;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-sep{display:none;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-notes{grid-row:4;}
.kam-gold-card .pv-comm-strip.v210k .pv-comm-ho-note,.kam-gold-card .pv-comm-strip.v210k .pv-comm-unavail-note{color:rgba(255,255,255,.55);font-weight:500;}
/* ส่วน %NRR: ต่อจากค่าคอมฯ ด้วยเส้นทองจาง ๆ ไม่มีกรอบของตัวเอง */
.kam-gold-card #tgt-portview-bar{margin:0;padding:0;border:0;border-radius:0;background:none;}
.kam-gold-card #tgt-portview-bar::before{content:'';display:block;height:1px;margin:11px 0 9px;background:linear-gradient(90deg,rgba(255,224,138,.30),rgba(255,224,138,.05));}
.kam-gold-card .tgt-bar-header{margin-bottom:2px;}
.kam-gold-card .tgt-bar-left{align-items:center;flex-wrap:wrap;row-gap:4px;}
.kam-gold-card .tgt-bar-pct{font-size:28px;}
.kam-gold-card .tgt-pct-legend{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);}
/* คำของช่วงข้าง %NRR (ได้ 50% / ขั้น 1 …) — สีเดียวกับตัวเลข */
.tgt-zone-word{font-size:11px;font-weight:var(--fw-bold);white-space:nowrap;border-radius:var(--r-pill);padding:2px 8px;color:var(--tk-blue-text-primary);background:rgba(255,255,255,.07);}
.tgt-zone-word.zc{color:var(--zc);background:color-mix(in srgb,var(--zc) 14%,transparent);}
/* H4: บันไดเกณฑ์ — ช่วงสีตามโซน · เส้นแต่ละขั้นพร้อมคำและเงิน · จุดของเราสีเดียวกับตัวเลข */
.tgt-lad{position:relative;height:46px;margin:10px 0 0;}
.tgt-lad-seg{position:absolute;top:6px;height:9px;background:var(--zc,rgba(255,255,255,.3));opacity:.16;}
.tgt-lad-seg.l0{border-radius:6px 0 0 6px;}
.tgt-lad-seg.lN{border-radius:0 6px 6px 0;}
.tgt-lad-fill{position:absolute;left:0;top:6px;height:9px;border-radius:6px 0 0 6px;background:var(--tk-blue-text-primary);opacity:.55;}
.tgt-lad-fill.zc{background:linear-gradient(90deg,color-mix(in srgb,var(--zc) 30%,transparent),var(--zc));opacity:1;}
.tgt-lad-me{position:absolute;top:2px;width:17px;height:17px;margin-left:-8.5px;border-radius:50%;background:var(--tk-blue-text-primary);border:3px solid #0b1424;box-sizing:border-box;}
.tgt-lad-me.zc{background:var(--zc);box-shadow:0 0 12px color-mix(in srgb,var(--zc) 90%,transparent);}
.tgt-lad-tick{position:absolute;top:2px;width:2px;height:17px;margin-left:-1px;background:rgba(255,255,255,.4);}
.tgt-lad-lbl{position:absolute;top:22px;margin:0;text-align:center;white-space:nowrap;font-size:10px;line-height:1.3;color:rgba(255,255,255,.55);}
.tgt-lad-lbl b{display:block;font-size:10.5px;font-weight:var(--fw-bold);color:var(--tk-text-primary);}
.tgt-lad-lbl i{font-style:normal;font-weight:var(--fw-bold);color:#ffe08a;}
/* ป้ายสองบรรทัดแคบ: % บน · เงิน (หรือคำของเส้นเกต) ล่าง */
.tgt-lad-lbl i,.tgt-lad-lbl span{display:block;}
/* หัวแถบ %NRR: คำของช่วง + วัน ตัดลงบรรทัดได้ ตัวเลขฝั่งขวาไม่ล้นขอบ (หัวหน้าทีมไม่มีการ์ดทอง) */
.tgt-bar-header{gap:8px;align-items:flex-start;}
.tgt-bar-left{flex-wrap:wrap;row-gap:4px;min-width:0;align-items:center;}
/* H8: ยอดล่าสุดสีเงิน — ยังไม่ใช่ตัวเลขของวันนี้ (ชั้น v213 ทาทองด้วย !important ⇒ ต้อง !important) */
.pv-comm-strip.v210k.silver .pv-comm-main{color:#c9d3e1!important;text-shadow:none!important;}
.pv-comm-strip.v210k.silver .pv-comm-chip{color:#c9d3e1!important;border-color:rgba(201,211,225,.30)!important;background:rgba(201,211,225,.10)!important;}
.pv-comm-strip.v210k.silver .pv-comm-chip:before{content:none!important;}
.pv-comm-strip.v210k .pv-comm-silver-note{color:rgba(201,211,225,.75);}
/* H12: แถบย่อตอนเลื่อนจอ — ค่าคอมฯ ใต้ %NRR */
.pv-cs-comm{color:#ffe08a;letter-spacing:0;text-transform:none;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);}
.pv-cs-comm.silver{color:#c9d3e1;}
/* H5: บรรทัดเดียว เล็ก · ตัวหนาที่ยอดที่ต้องขายเพิ่ม (สิ่งที่ KAM ลงมือได้) */
.tgt-next{margin:6px 0 0;font-size:12px;line-height:1.45;color:rgba(255,255,255,.66);}
.tgt-next:empty{display:none;}
.tgt-next b{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:13px;font-weight:var(--fw-bold);color:var(--tk-text-primary);}
.tgt-next .g{font-weight:var(--fw-bold);color:#ffe08a;white-space:nowrap;}
.tgt-next .s{font-size:10.5px;color:rgba(255,255,255,.4);}
@media(max-width:360px){
  .kam-gold-card{padding:12px 12px 10px;}
  .kam-gold-card .pv-comm-strip.v210k .pv-comm-main{font-size:32px;}
  .kam-gold-card .pv-comm-strip.v210k .pv-comm-main.pv-comm-main-long{font-size:26px;}
  /* จอแคบ: เงินของขั้นลงบรรทัดใหม่ ป้ายแคบลงไม่ชนกัน */
  .tgt-lad-lbl{font-size:9.5px;}
  .tgt-lad-lbl b{font-size:10px;}
}

/* ── หน้ารายละเอียดค่าคอมฯ (study จอรอง 25 ต.ค. 2569) ── */
.cds-l1-kpi-val.zc{color:var(--zc);}
.cds-l1-zone{font-weight:var(--fw-bold);text-transform:none;letter-spacing:0;color:rgba(var(--ink-blue-hi),.8);}
.cds-l1-zone.zc{color:var(--zc);}
.cds-l1-ladder{padding:2px 18px 10px;}
.cds-l1-chain{padding:2px 18px 8px;font-size:var(--text-xs);line-height:1.5;color:rgba(var(--ink-blue-hi),.72);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;}

/* ── 25 ต.ค. 2569 (Bucci): ค่าคอมฯ ของฉัน — จอแรกแบบใหม่ (07b_cds _cdsRenderL1) ─────────────────── */
.cds2-hero{display:flex;align-items:flex-end;gap:12px;margin:14px 18px 0}
.cds2-hero-l{flex:1;min-width:0}
.cds2-hero-r{text-align:right;flex-shrink:0}
.cds2-lbl{font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.6);margin-bottom:4px}
.cds2-big{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:36px;font-weight:800;color:#ffe08a;letter-spacing:-.04em;line-height:1;text-shadow:0 0 28px rgba(255,224,138,.2)}
.cds2-pct{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-2xl);font-weight:800;line-height:1;color:rgba(var(--ink-blue-hi),.9)}
.cds2-pct.zc{color:var(--zc)}
.cds2-note{margin:8px 18px 0;font-size:var(--text-xs);line-height:1.45;color:rgba(255,224,138,.85)}
.cds2-bar-card{margin:14px 18px 0;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:var(--r-card)}
.cds2-bar-t{font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.78);margin-bottom:9px;line-height:1.4}
.cds2-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:rgba(255,255,255,.06)}
.cds2-bar i{display:block;height:100%}
.cds2-lost{background:repeating-linear-gradient(135deg,rgba(255,140,110,.6) 0 4px,rgba(255,140,110,.14) 4px 8px)!important}
.cds2-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px;font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.82)}
.cds2-legend span{display:inline-flex;align-items:center;gap:6px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.cds2-legend em{display:inline-block;width:9px;height:9px;border-radius:2px}
.cds2-gate-line{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.5);line-height:1.5}
.cds2-next{margin:12px 18px 0;padding:12px 14px 12px;border-radius:var(--r-card);border:1px solid rgba(46,229,157,.35);background:rgba(46,229,157,.05)}
.cds2-next-k{font-size:var(--text-xs);font-weight:var(--fw-bold);color:#7fe9b8;letter-spacing:.3px}
.cds2-next .cds-l1-ladder{margin:0;padding:0;border:0;background:none}
.cds2-next-btn{display:block;width:100%;margin-top:10px;padding:9px 0;border-radius:var(--r-md);border:1px solid rgba(46,229,157,.45);background:transparent;color:#7fe9b8;font-family:inherit;font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer}
.cds2-sec{font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.5);letter-spacing:.3px;padding:16px 18px 2px}
.cds2-zero{padding:10px 18px 4px;font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.5)}
.cds2-zero-a{background:none;border:0;padding:0;font:inherit;color:rgba(var(--ink-blue-hi),.68);text-decoration:underline;text-decoration-color:rgba(var(--ink-blue-hi),.25);text-underline-offset:3px;cursor:pointer}
.cds2-foot{position:relative;display:flex;gap:8px;padding:14px 18px 18px}
.cds2-more{flex:0 0 52px!important}
.cds2-more-menu{display:none;position:absolute;right:18px;bottom:66px;flex-direction:column;gap:6px;padding:8px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.12);background:var(--tk-bg-base,#0a1220);box-shadow:0 10px 30px rgba(0,0,0,.45);z-index:3}
.cds2-foot.open .cds2-more-menu{display:flex}

/* ── 25 ต.ค. 2569 (Bucci): หน้ารายละเอียดแต่ละก้อน — แท็บเป็นชิป · คำอธิบายกติกาไม่ทาพื้นเขียว · ร้านที่ดึงลง/ช่วย ── */
.cds-tab-bar{gap:6px;padding:10px 14px;background:transparent}
.cds-tab-card{min-width:0;padding:7px 12px;border:1px solid rgba(255,255,255,.12)!important;border-radius:99px;display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.cds-tab-card .tc-name,.cds-tab-card .tc-amt{white-space:nowrap}
.cds-tab-card .tc-name{display:inline;margin:0;font-size:var(--text-sm)}
.cds-tab-card .tc-amt{display:inline;font-size:var(--text-sm)!important;font-weight:var(--fw-bold)}
.cds-tab-card.active.t-p1,.cds-tab-card.active.t-p3{border-color:rgba(255,224,138,.6)!important}
.cds-tab-card.active.t-nrr{background:rgba(46,229,157,.08);border-color:rgba(46,229,157,.6)!important}
.cds-tab-card.active:not(.t-p1):not(.t-p3):not(.t-nrr){border-color:rgba(188,215,255,.5)!important}
.cds-formula,.cds-formula.t-nrr,.cds-formula.t-p1,.cds-formula.t-p3{background:transparent!important}
.cds-formula .cds-formula-text,.cds-formula.t-nrr .cds-formula-text,.cds-formula.t-p1 .cds-formula-text,.cds-formula.t-p3 .cds-formula-text{color:rgba(var(--ink-blue-hi),.62)!important;font-weight:500}
.cds2-mv{padding:4px 16px 2px}
.cds2-mv-grp{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--fw-bold);margin:12px 0 4px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.cds2-mv-grp.dn{color:#ff9a7a}.cds2-mv-grp.up{color:#5ef0a8}
.cds2-mv-row{display:grid;grid-template-columns:1fr 84px 62px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cds2-mv-nm{min-width:0;font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cds2-mv-nm small{display:block;font-size:var(--text-2xs);color:rgba(var(--ink-blue-hi),.5);font-family:'IBM Plex Mono','Noto Sans Thai',monospace}
.cds2-mv-bx{height:6px;border-radius:3px;background:rgba(255,255,255,.06);position:relative;overflow:hidden}
.cds2-mv-bx i{position:absolute;left:0;top:0;bottom:0;border-radius:3px}
.cds2-mv-bx i.dn{background:rgba(255,154,122,.55)}.cds2-mv-bx i.up{background:rgba(94,240,168,.45)}
.cds2-mv-v{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-weight:var(--fw-bold);font-size:var(--text-sm);text-align:right}
.cds2-mv-v.dn{color:#ff9a7a}.cds2-mv-v.up{color:#5ef0a8}

/* ── 25 ต.ค. 2569 (Bucci): กฎค่าคอมฯ ของ KAM/AD แบบการ์ด (07b_cds openCommissionRulebook) ── */
.rb2-mo{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.rb2-mo button{font:inherit;font-size:var(--text-xs);padding:3px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(var(--ink-blue-hi),.65);cursor:pointer}
.rb2-mo button.on{border-color:rgba(255,224,138,.55);color:#ffe08a}
.rb2-mo span{font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.55);margin-left:2px}
.rb2-sum{padding:12px 14px;border-radius:var(--r-card);border:1px solid rgba(255,224,138,.3);background:rgba(255,224,138,.05)}
.rb2-sum .k{font-size:var(--text-xs);font-weight:var(--fw-bold);color:#ffe08a}
.rb2-sum .m{font-size:var(--text-sm);line-height:1.6;color:rgba(var(--ink-blue-hi),.9);margin-top:4px}
.rb2-sum .m b{color:#fff}
.rb2-card{margin-top:10px;padding:12px 14px;border-radius:var(--r-card);border:1px solid rgba(255,255,255,.09)}
.rb2-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rb2-h b{font-size:var(--text-md);color:rgba(var(--ink-blue-hi),.95)}
.rb2-tag{font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:2px 9px;border-radius:99px;white-space:nowrap}
.rb2-tag.mult{color:#ffb38a;border:1px solid rgba(255,140,110,.4)}
.rb2-tag.ok{color:#5ef0a8;border:1px solid rgba(46,229,157,.4)}
.rb2-tag.no{color:rgba(var(--ink-blue-hi),.55);border:1px solid rgba(255,255,255,.15)}
.rb2-steps{display:flex;margin-top:10px;border-radius:var(--r-md);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.rb2-steps>div{flex:1;min-width:0;padding:8px 6px;text-align:center;border-right:1px solid rgba(255,255,255,.06)}
.rb2-steps>div:last-child{border-right:0}
.rb2-steps span{display:block;font-size:var(--text-2xs);color:rgba(var(--ink-blue-hi),.6)}
.rb2-steps b{display:block;margin-top:2px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.95)}
.rb2-steps em{display:block;margin-top:3px;font-style:normal;font-size:var(--text-3xs,10px);font-weight:var(--fw-bold);color:#ffb38a}
.rb2-steps .cur{background:rgba(255,140,110,.1)}
.rb2-steps .cur b{color:#ffb38a}
.rb2-w{font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.75);line-height:1.6;margin-top:8px}
.rb2-free{margin:10px 2px 0;font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.55)}
.rb2-eg{margin-top:8px;padding-left:9px;border-left:2px solid rgba(255,255,255,.14);font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.6);line-height:1.5}
</style>
<!-- Target Setup Overlay HTML -->
<div id="target-setup-overlay" onclick="if(event.target===this)closeTargetSetup()">
<div id="target-setup-sheet">
<div class="tgt-sheet-drag"></div>
<div class="tgt-sheet-header">
<div class="tgt-sheet-title" id="tgt-sheet-title">ตั้ง Target</div>
<button class="tgt-sheet-close" onclick="closeTargetSetup()">✕</button>
</div>
<!-- Tab row: shown only for admin -->
<div class="tgt-tab-row" id="tgt-tab-row" style="display:none">
<button class="tgt-tab-btn active" id="tgt-tab-team" onclick="switchTargetTab('team')">Target ทีม</button>
<button class="tgt-tab-btn" id="tgt-tab-settings" onclick="switchTargetTab('settings')">Settings</button>
<button class="tgt-tab-btn" id="tgt-tab-policy" onclick="switchTargetTab('policy')">NRR Policy</button>
<button class="tgt-tab-btn" id="tgt-tab-rules" onclick="switchTargetTab('rules')">Payout Rules</button>
<button class="tgt-tab-btn" id="tgt-tab-preview" onclick="switchTargetTab('preview')">Preview</button>
<button class="tgt-tab-btn" id="tgt-tab-lock" onclick="switchTargetTab('lock')">Lock</button>
</div>
<div class="tgt-sheet-body" id="tgt-sheet-body">
<div id="tgt-loading" style="text-align:center;padding:32px;color:rgba(255,255,255,.4);font-size:13px">กำลังโหลด...</div>
</div>
<div style="padding:0 16px 16px;flex-shrink:0">
<div class="tgt-status" id="tgt-status"></div>
<button class="tgt-save-btn" disabled="" id="tgt-save-btn" onclick="saveTargets()">
<svg fill="none" height="14" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" viewbox="0 0 24 24" width="14"><polyline points="20 6 9 17 4 12"></polyline></svg>
        บันทึก Target
      </button>
</div>
</div>
</div>
<script id="target-module-js">
// ══════════════════════════════════════════════════════════════
// TARGET MODULE — sense_v162
// Tables required in Supabase:
//
// CREATE TABLE targets (
//   id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
//   period text NOT NULL,        -- "2026-06"
//   quarter text NOT NULL,       -- "2026-Q2"
//   level text NOT NULL,         -- "team" | "kam"
//   set_by text NOT NULL,
//   for_email text NOT NULL,
//   gmv_target numeric NOT NULL DEFAULT 0,
//   created_at timestamptz DEFAULT now(),
//   updated_at timestamptz DEFAULT now()
// );
// ALTER TABLE targets ENABLE ROW LEVEL SECURITY;
// CREATE POLICY "auth users can read" ON targets FOR SELECT USING (auth.role() = 'authenticated');
// CREATE POLICY "auth users can upsert" ON targets FOR ALL USING (auth.role() = 'authenticated');
//
// CREATE TABLE target_settings (
//   id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
//   key text NOT NULL UNIQUE,    -- "nrr_threshold"
//   value text NOT NULL,
//   updated_by text,
//   updated_at timestamptz DEFAULT now()
// );
// ALTER TABLE target_settings ENABLE ROW LEVEL SECURITY;
// CREATE POLICY "auth users read" ON target_settings FOR SELECT USING (auth.role() = 'authenticated');
// CREATE POLICY "admin write" ON target_settings FOR ALL USING (auth.role() = 'authenticated');
// INSERT INTO target_settings (key, value) VALUES ('nrr_threshold', '98');
//
// CREATE TABLE nrr_policies (
//   id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
//   period_month text NOT NULL,                -- "2026-07"
//   scope_type text NOT NULL DEFAULT 'all',    -- 'all' | 'team' | 'kam'
//   scope_key text NOT NULL DEFAULT 'all',     -- 'all' or email
//   base_mode text NOT NULL DEFAULT 'rolling_mom', -- 'rolling_mom' | 'fixed_month'
//   base_month text,                           -- "2026-06" when fixed
//   status text NOT NULL DEFAULT 'draft',      -- 'draft' | 'published'
//   updated_by text,
//   updated_at timestamptz DEFAULT now(),
//   UNIQUE(period_month, scope_type, scope_key)
// );
// ALTER TABLE nrr_policies ENABLE ROW LEVEL SECURITY;
// CREATE POLICY "auth users read" ON nrr_policies FOR SELECT USING (auth.role() = 'authenticated');
// CREATE POLICY "admin write" ON nrr_policies FOR ALL USING (auth.role() = 'authenticated');
// ══════════════════════════════════════════════════════════════

// ── State ──────────────────────────────────────────────────────
let _tgtCache = {};           // { "2026-06|kam|ning@f.co": 3200000, ... }
let _tgtSettings = {};        // { nrr_threshold: 98 }
let _tgtLoaded = false;
let _tgtSettingsLoadFailed = false; // v835-fix: true if target_settings query threw — signals _tgtSettings may be running on stale hardcoded defaults, not live Cockpit config
let _tgtActiveTab = 'team';
let _tgtActiveQuarter = null; // "2026-Q3"
let _tgtPendingEdits = {};    // { "2026-06|kam|ning@f.co": 3200000 }
let _tgtMode = null;          // "admin" | "tl"
let _nrrGovPolicies = {};     // { "2026-07|all|all": {...} }
// v_polrace-fix: true = policies fetch succeeded (mode is knowable),
// 'failed' = fetch broke (proceed with fallback), undefined = still pending
// (consumers must treat commission mode as UNKNOWN, not rolling-MoM).
let _nrrGovLoadFailed = false; // window._nrrGovPoliciesLoaded is the shared readiness signal
let _nrrGovPending = {};      // { "2026-07|all|all": {...draft...} }
let _commRuleConfig = {};     // { plans:{}, rules:{}, tiers:{}, …, complete, quarter, loadedAt, source }
// R1-3 a: ผลการโหลดรอบล่าสุดจากฐานข้อมูล รายตาราง (true = ได้รายการจริง ไม่ error ไม่ใช่ data:null)
// { quarter, at, source:'network', plans, rules, tiers, assignments, exclusions, leak, settings, policies, roster, people }
let _commLoadState = null;
// v878 (phase 8/9): roster of people in the 6 roles beyond tl/kam
// (pm/admin/sales/sales_tl/ad/ad_tl), fetched from Supabase profiles (the
// real source of truth for "who has this role" — portviewBulkData/
// _buildKamGroups only ever contain kam/tl people). Populated by
// loadTargets(), consumed by _commBuildSnapshotRows() to actually include
// these people in a commission compute/lock pass.
let _commOtherRoleRoster = [];
// v_handover (2026-09-06): รายชื่อคนจากชีท Roster (app_user_roles) — วันเริ่มงาน/วันที่ออก
// ใช้ตัดสินว่าใครเข้าเกณฑ์ค่าคอมฯ ของงวดไหน · คีย์ด้วยอีเมลตัวพิมพ์เล็ก
let _commPeopleRoster = {};
let _commRulePending = {};    // editable payout rule draft by plan code
let _nrrExclusions = [];       // loaded/requested NRR exclusions (request/approve UI lives in /nrr -- see nrr_waivers.js)
let _commissionSnapshots = [];  // draft/final payout snapshots loaded from Supabase
let _commCockpitStep = 'policy';
let _commAssignmentPending = {}; // period|scope|assignee -> plan_code
let _commSelectedRuleCode = null; // active rule editor in Rule Library
let _commValidationErrors = {}; // v210e validation map by plan_code
let _commSaveStateTimer = null;
let _commSuppressCloseGuard = false;
let _commLastRenderedStep = null; // v210f: avoid body flash when re-rendering same step

// ── Supabase load ───────────────────────────────────────────────
let _tgtQuarterCache = {}; // per-quarter cache {quarter: {cache, settings, ts}}
const _TGT_CACHE_TTL = 5 * 60 * 1000; // 5 min TTL — fresh enough for a session
// R2 (19 ต.ค. 2569 · docs/sense-smooth-loading-plan-2026-10-19.md รอบ 2): สถานะของชุดเกณฑ์ในหน่วยความจำ
//   liveGoodQuarter = ไตรมาสของชุดที่มาจากการโหลดครบทุกตาราง (สลับเข้าเมื่อโหลดครบ หรือแคชในหน่วยความจำ ซึ่งเก็บเฉพาะการโหลดครบ)
//                     null = ยังไม่มีชุดดี (บูตใหม่ · สำเนา localStorage · การโหลดล่าสุดไม่ครบและไม่มีชุดดีให้เก็บไว้)
//   invalidAt       = เวลาที่รีเฟรชมือสั่งทิ้งแคช — ชุดที่เริ่มโหลดก่อนเวลานี้ไม่นับว่า "ยังสด" (ทางข้ามรอบโหลดซ้ำของ 06)
// ⚠️ เก็บในวัตถุ const ไม่ใช่ `let` ระดับสคริปต์สองตัว: แบบ let (ตัวเลขที่ถูกเขียนทับ) ทำ node 24 / V8 13.6 ล้มแบบ SIGSEGV
//    เป็นพัก ๆ ในด่านที่โหลด 07a ซ้ำหลาย vm context (verify_ho_once ล้ม ~35% ของรอบ · --no-maglev/--jitless หาย) — แบบวัตถุ 0/40
//   epoch           = เลขรอบผู้ใช้ — ออกจากระบบแล้วขยับ (_tgtGovernanceSignOut) ⇒ การโหลดที่เริ่มก่อนหน้านั้นทิ้งผลทั้งหมด
//   uid             = ผู้ใช้เจ้าของข้อมูลเกณฑ์/ยอดที่อยู่ในตัวแปรตอนนี้ ('' = ยังไม่มี/ล้างแล้ว) — ใช้จับการเปลี่ยนคน
//                     ที่ไม่ผ่านหน้า login (SIGNED_OUT แล้ว SIGNED_IN ของอีกคนติดกันในแท็บที่ค้างเบื้องหลัง)
const _tgtGovState = { liveGoodQuarter: null, invalidAt: 0, epoch: 0, uid: '' };

// ══════════════════════════════════════════════════════════════
// SECTION:COMMISSION_UPSELL_ENGINE
// Commission components beyond NRR: P1, P3, Upsell Outlet,
// Handover retention, GMV Gate, TL Upsell Multiplier.
// All rates/thresholds are admin-configurable via commission_rules.
// ══════════════════════════════════════════════════════════════

// ── Config helpers ──────────────────────────────────────────────
// _commGetConfig: read component param from target_settings (loaded in _tgtSettings).
// Key pattern: '{metricCode}_params' → JSON object → paramName
// Falls back to hardcoded default so the app never returns NaN.
function _commGetConfig(metricCode, paramName, defaultVal) {
  try {
    const key = metricCode + '_params';
    const raw = _tgtSettings && _tgtSettings[key];
    if (raw) {
      const params = typeof raw === 'object' ? raw : JSON.parse(raw);
      if (params[paramName] !== undefined && params[paramName] !== null)
        return Number(params[paramName]);
    }
  } catch(e) {}
  // Also check _commRuleConfig for backwards compatibility
  try {
    const rules = _commRuleConfig && _commRuleConfig.rules;
    if (rules) {
      const arr = rules[metricCode];
      if (arr && arr.length > 0) {
        const params = arr[0].params || {};
        if (params[paramName] !== undefined && params[paramName] !== null)
          return Number(params[paramName]);
      }
    }
  } catch(e) {}
  return defaultVal !== undefined ? defaultVal : null;
}

// v878 (phase 3): resolves a non-NRR component's rule (+ its tiers/params/
// tier_config) for a given scheme (plan_code), reading the new
// componentRules map built in loadTargets(). Returns null if this scheme
// has no rule row for this component yet — callers should fall back to
// the legacy global target_settings blob via _commGetConfig in that case,
// so an unconfigured scheme behaves exactly like today rather than
// silently zeroing out a component nobody has migrated yet.
function _commGetRuleForMetric(planCode, metricCode, metricVariant) {
  const plan = (_commRuleConfig.plans || {})[planCode];
  if (!plan || !plan.id) return null;
  const key = `${plan.id}|${metricCode}|${metricVariant || ''}`;
  const rule = (_commRuleConfig.componentRules || {})[key];
  if (!rule) return null;
  return {
    rule,
    active: rule.active !== false,
    params: rule.params || {},
    tiers: (_commRuleConfig.tiers && _commRuleConfig.tiers[rule.id]) || [],
    tier_config: rule.tier_config || null
  };
}

// v879 (Commission Setup redesign, phase 1): tries an injected preview
// resolver first (the Setup UI's unsaved component drafts, keyed by
// plan_code so a never-saved role can preview too), falling back to the
// real, saved-only _commGetRuleForMetric otherwise. Every existing caller
// passes no previewResolver, so their resolution is byte-identical to
// before this function existed — real Compute/Lock never pass one. The
// resolver may return `undefined` (no draft, use real resolution), `null`
// (draft says: explicitly no rule), or a _commGetRuleForMetric-shaped
// object (draft says: use this instead).
function _commResolveRuleForMetric(planCode, metricCode, metricVariant, previewResolver) {
  if (metricCode === 'upsell_gmv' && (metricVariant === 'p1_new_sku' || metricVariant === 'p3_growth')) {
    const team = _commTeamUpsellRule(planCode, metricVariant);
    if (team !== undefined) return team;
  }
  if (typeof previewResolver === 'function') {
    const draft = previewResolver(planCode, metricCode, metricVariant);
    if (draft !== undefined) return draft;
  }
  return _commGetRuleForMetric(planCode, metricCode, metricVariant);
}

// v_tlrep (24 ต.ค. 2569): แผนหัวหน้าทีมของงวดแบบใหม่ไม่มีกติกาสินค้าใหม่/สินค้าโตของตัวเอง
// ลูกทีมถูกนับเข้ายอด upsell ทีมด้วยกติกาของแผน KAM ที่ทีมนั้นใช้ในเดือนเดียวกัน
// (บุชชี่: "เกณฑ์ upsell ของ kam rep กับ team lead จะต้องเหมือนกันเสมอ") — ตัวหาแผนอยู่ใน src/domain ที่เดียว
// คืน undefined = ไม่ใช่แผนที่จ่ายหัวหน้าทีมในงวดแบบใหม่ (KAM/AD/งวดเก่า) หรือหาแผนทีมไม่เจอ ⇒ ทางเดิม
// (ทางเงินงวดแบบใหม่ปฏิเสธเองใน planComponents) · ส่วนที่ KAM ปิดไว้ = KAM ไม่ได้เงิน ⇒ ทีมไม่นับส่วนนั้น
// (เพดาน TEAM_BASIS_NEVER ที่ไม่มีรายการไหนถึง — ตัวเดียวกับ explicitTeamBasis ของสูตรกลาง)
function _commTeamUpsellRule(planCode, metricVariant) {
  if (!planCode) return undefined;
  const A = _commDomainMod('commission/assignment');
  const C = _commDomainMod('commission/components');
  if (!A || typeof A.teamKamPlanForTlPlan !== 'function' || !C) return undefined;
  let t;
  try { t = A.teamKamPlanForTlPlan(_commRuleSetForDomain(), planCode); } catch (e) { return undefined; }
  if (!t || t.status !== 'ok') return undefined;
  const r = _commGetRuleForMetric(t.planCode, 'upsell_gmv', metricVariant);
  if (!r || r.active) return r;
  const never = C.TEAM_BASIS_NEVER;
  return { rule: r.rule, active: true, tier_config: null,
           params: metricVariant === 'p3_growth' ? { threshold_pct: never, min_incremental: never } : {},
           tiers: [{ tier_order: 1, min_value: metricVariant === 'p1_new_sku' ? never : null, max_value: null, payout_value: 0 }] };
}

// v_catbonus (2026-07-19): per-category / per-group_key Upsell bonus rates.
// Resolves the ONE shared override map for a scheme — a single
// upsell_gmv/category_bonus rule row whose tier_config holds
// { category_rates:{cat->rate}, group_rates:{group_key->rate} }, applied to
// BOTH P1 and P3 (Bush's decision: one shared map, not per-variant). Empty
// {} when no bonus configured → every lookup falls back to the base rate, so
// this is a no-op until an admin sets a rate. Same tier_config-on-the-rule
// mechanism handover's gmv_tiers uses. Returns normalized
// { categoryRates, groupRates } (both plain objects, never null).
function _commResolveUpsellRateMap(planCode, previewResolver) {
  const EMPTY = { categoryRates: {}, groupRates: {} };
  try {
    if (!planCode) return EMPTY;
    const rule = _commResolveRuleForMetric(planCode, 'upsell_gmv', 'category_bonus', previewResolver);
    if (!rule || rule.active === false || !rule.tier_config) return EMPTY;
    const tc = rule.tier_config;
    return {
      categoryRates: (tc.category_rates && typeof tc.category_rates === 'object') ? tc.category_rates : {},
      groupRates:    (tc.group_rates    && typeof tc.group_rates    === 'object') ? tc.group_rates    : {}
    };
  } catch (e) { return EMPTY; }
}

// Resolve the effective Upsell rate for one line item, precedence
// group_key override > category override > base rate (Bush's decision).
// A stored rate of 0 is a real "pay nothing on this group" choice and MUST
// win over base — hence the explicit `!= null` checks, not `||`.
function _commUpsellRateFor(rateMap, baseRate, category, groupKey) {
  if (rateMap) {
    if (groupKey != null && rateMap.groupRates && rateMap.groupRates[groupKey] != null)
      return Number(rateMap.groupRates[groupKey]);
    if (category != null && rateMap.categoryRates && rateMap.categoryRates[category] != null)
      return Number(rateMap.categoryRates[category]);
  }
  return baseRate;
}
window._commResolveUpsellRateMap = _commResolveUpsellRateMap;
window._commUpsellRateFor = _commUpsellRateFor;

// v_p3gate (14 ก.ย. 2026): P3 มีสองประตู เลือกตามขนาดของ "ส่วนเพิ่ม"
//
// กติกาเดิมใช้ตัวคูณตัวเดียวกับยอดขั้นต่ำตัวเดียว ⇒ ของก้อนใหญ่ที่ฐานสูงอยู่แล้ว
// ผ่านง่ายเกินไป ส่วนของก้อนเล็กที่ร้านขยับเองก็ผ่านไปด้วย
// กติกาใหม่: ก้อนใหญ่ใช้ตัวคูณต่ำได้ ก้อนเล็กต้องโตแรงกว่า
//
// รูปที่เก็บใน params ของกติกา p3_growth:
//   { min_incremental: 8000, threshold_pct: 2.9,
//     gates: [ {min_incremental: 50000, threshold_pct: 2.0},
//              {min_incremental: 8000,  threshold_pct: 2.9} ] }
//
// ไม่มี gates = ใช้ตัวคูณตัวเดียวแบบเดิมทุกบรรทัด (ชุดเกณฑ์ที่ใช้อยู่วันนี้ทั้งหมด)
//
// ⚠️ ประตูเลือกจาก "ขนาดส่วนเพิ่ม" กับ "ตัวคูณของกลุ่มสินค้า" เท่านั้น
// ห้ามเอายอดโตของทั้งร้านมาคิด (บุชชี่ย้ำ 14 ก.ย.)
function _commP3GateFor(gates, incremental, fallbackThresh, fallbackMin) {
  if (!Array.isArray(gates) || !gates.length) {
    return { threshold_pct: fallbackThresh, min_incremental: fallbackMin, gate: null };
  }
  const sorted = gates.slice().filter(g => g && g.threshold_pct != null)
    .sort((a, b) => Number(b.min_incremental || 0) - Number(a.min_incremental || 0));
  for (let i = 0; i < sorted.length; i++) {
    if (incremental >= Number(sorted[i].min_incremental || 0)) {
      return { threshold_pct: Number(sorted[i].threshold_pct),
               min_incremental: Number(sorted[i].min_incremental || 0),
               gate: i };
    }
  }
  // ต่ำกว่าประตูที่เล็กที่สุด = ไม่ผ่านทุกประตู
  return null;
}
window._commP3GateFor = _commP3GateFor;

// ── Thai month helpers ──────────────────────────────────────────
const _TH_MONTHS = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.',
                    'ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
// v_qsum: English 3-letter month abbreviations — Bush: compact UI (the
// quarter calendar's month captions) reads better in Latin script at small
// sizes than Thai, whose diacritic stacking gets illegible at a caption
// size. Used only where the display is this tight; every other date label
// in the app stays Thai.
const _EN_MONTHS_SHORT = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];

// ── lag anchor: วันที่ 1 มิ.ย. → lag = 31 พ.ค. → label = "พ.ค." ตรงกับ upsell CSV ──
function _commLagDate() {
  const n = new Date();
  n.setDate(n.getDate() - 1);  // day-1 lag: same anchor as portview/NRR/Q7B
  return n;
}
function _commCurrentMonthLabel() {
  const n = _commLagDate();
  return _TH_MONTHS[n.getMonth()] + ' ' + (n.getFullYear() + 543);
}

function _commBaselineMonthLabel() {
  const n = _commLagDate();
  const b = new Date(n.getFullYear(), n.getMonth() - 1, 1);
  return _TH_MONTHS[b.getMonth()] + ' ' + (b.getFullYear() + 543);
}

// Generate Thai month label N months before current (lag-anchored)
function _commMonthLabelOffset(monthsBack) {
  const n = _commLagDate();
  const d = new Date(n.getFullYear(), n.getMonth() - monthsBack, 1);
  return _TH_MONTHS[d.getMonth()] + ' ' + (d.getFullYear() + 543);
}

// Days in a given month (from Thai label e.g. "เม.ย. 2569")
function _commDaysInLabel(label) {
  try {
    const parts = label.split(' ');
    const mIdx = _TH_MONTHS.indexOf(parts[0]);
    const year = parseInt(parts[1]) - 543;
    if (mIdx < 0 || !year) return 30;
    return new Date(year, mIdx + 1, 0).getDate();
  } catch(e) { return 30; }
}

// ── Quarterly base month helper ─────────────────────────────────
// Returns array of Thai month labels, counting back `count` months from baseMonthOverride.
// If baseMonthOverride is null → rolling lag-1 anchor (Q2 / MoM behavior).
function _commBaseMonthLabels(baseMonthOverride, count) {
  if (!baseMonthOverride) {
    // Rolling MoM: labels from lag-1 anchor (existing behavior)
    return Array.from({length: count}, function(_, i) { return _commMonthLabelOffset(i + 1); });
  }
  // Quarterly: anchor is fixed base_month (e.g. '2026-06')
  var parts = baseMonthOverride.split('-');
  var yr = parseInt(parts[0], 10);
  var mo = parseInt(parts[1], 10); // 1-based
  var _THAI_MONTHS = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
  return Array.from({length: count}, function(_, i) {
    var d = new Date(yr, mo - 1 - i, 1); // mo-1 = 0-based, then subtract i months
    return _THAI_MONTHS[d.getMonth()] + ' ' + (d.getFullYear() + 543);
  });
}

// v836: forward-walking counterpart to _commBaseMonthLabels — the quarter's OWN months
// (baseMonth+1, +2, +3), capped at whichever one is "today" (_commCurrentMonthLabel()),
// so a July run only evaluates July, an August run evaluates July+August, etc. Returns
// [] for null baseMonthOverride (monthly/rolling mode has no "elapsed quarter months"
// concept at all — callers should fall back to a single-month evaluation instead).
function _commElapsedQuarterLabels(baseMonthOverride) {
  if (!baseMonthOverride) return [];
  var parts = baseMonthOverride.split('-');
  var baseYr = parseInt(parts[0], 10), baseMo = parseInt(parts[1], 10); // 1-based
  var lagDate = _commLagDate();
  var out = [];
  for (var i = 1; i <= 3; i++) {
    var d = new Date(baseYr, baseMo - 1 + i, 1); // baseMonth+1, +2, +3
    // v854-fix: was string-label equality against _commCurrentMonthLabel(), which
    // never matches on the quarter's own day-1 (lag anchor still reads the OLD
    // quarter's last month) — the break never fired and the loop wrongly walked
    // all 3 unelapsed future months. Compare dates directly against the lag anchor
    // instead: a month hasn't elapsed if it starts after "today" (lag-adjusted).
    if (d > lagDate) break;
    out.push(_TH_MONTHS[d.getMonth()] + ' ' + (d.getFullYear() + 543));
  }
  return out;
}

// v_augfix: period ('2026-08') → Thai month label ('ส.ค. 2569'). The exact
// inverse of the parse in _commBaseMonthLabels, and the ONLY clock-free way to
// name the month a caller actually asked for. Returns null (never a guessed
// "today") for anything unparseable so callers must handle the miss explicitly.
function _commPeriodToLabel(period) {
  if (!period || typeof period !== 'string') return null;
  var m = /^(\d{4})-(\d{2})$/.exec(period.trim());
  if (!m) return null;
  var yr = parseInt(m[1], 10), mo = parseInt(m[2], 10);
  if (!yr || mo < 1 || mo > 12) return null;
  return _TH_MONTHS[mo - 1] + ' ' + (yr + 543);
}

// v_augfix: THE month whose GMV becomes a payout. Before this existed the month
// was always re-derived from the real clock (_commLagDate), so asking for any
// period returned whatever month "today" happened to point at — on 2026-08-01
// that produced a 2026-08 snapshot filled with July's ฿4.7M of upsell.
//
// periodOverride wins when given; otherwise this reproduces the previous
// behaviour byte-for-byte (quarterly → last elapsed quarter month, monthly →
// current lag-1 month) because ~10 display call sites pass no period at all and
// legitimately mean "today".
function _commUpsellEvalLabel(periodOverride, baseMonthOverride) {
  var pinned = _commPeriodToLabel(periodOverride);
  if (pinned) return pinned;
  if (baseMonthOverride) {
    var elapsed = _commElapsedQuarterLabels(baseMonthOverride);
    // Empty = standing on the quarter's own day 1, before any of its months has
    // elapsed. Must stay undefined so no month is evaluated: falling back to
    // _commCurrentMonthLabel() here would read the BASE month (the frozen
    // comparison baseline) as if it were quarter earnings.
    return elapsed.length ? elapsed[elapsed.length - 1] : undefined;
  }
  return _commCurrentMonthLabel();
}

// v_augfix: which month does the currently-loaded sense_upsell_team.csv describe?
// The file carries no month column, so this is inferred from the exporter's own
// rule: q3c_upsell_team_summary_v4.sql anchors on DATE_TRUNC(CURRENT_DATE-1 day),
// i.e. exactly _commLagDate(). Inference, not proof — if the data team's export
// is a day late the two drift apart, which is why `report_month` is being added
// to the CSV as a 6th column. Until then this is the strongest check available,
// and it already catches the real failure: on 2026-08-01 the file said July while
// the caller asked for August.
function _commUpsellTeamCsvPeriod() {
  const n = _commLagDate();
  return `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, '0')}`;
}

// v_augfix: may the month-less team CSV answer for this requested period? Yes
// when no period is pinned (means "today" — the file's own month by definition),
// or when the pinned period IS the month the file describes.
function _commTeamCsvCoversPeriod(periodOverride) {
  if (!periodOverride) return true;
  return periodOverride === _commUpsellTeamCsvPeriod();
}

// v_augfix: has this period's month actually finished? A month still in flight
// has no complete data by definition, so writing a payout snapshot for it can
// only ever record a partial figure that looks final.
//
// Deliberately the REAL date, not _commLagDate(): "has August ended" is a
// calendar fact (true from Sep 1), separate from "which month does today's CSV
// describe" (the lag-1 question). Using the lag here would push the boundary to
// Sep 2 and break the day-1 auto-compute that closes the previous month.
function _commPeriodIsClosed(period) {
  if (!_commPeriodToLabel(period)) return false;
  var parts = period.split('-');
  // First day of the month AFTER the requested one.
  var nextMonthStart = new Date(parseInt(parts[0], 10), parseInt(parts[1], 10), 1);
  return new Date() >= nextMonthStart;
}

// ══════════════════════════════════════════════════════════════
// SECTION:COMMISSION_EXPLICIT_MODE  (arch round 1 · R1-2 / R1-3 / R1-5, 15 ต.ค. 2569)
//
// งวดตั้งแต่ ต.ค. 2569 เป็น "งวดแบบใหม่" (explicit): ทางคิดเงินห้ามเดา ห้ามถอยไปใช้เกณฑ์ Q3
// ข้อมูลหรือเกณฑ์ไม่ครบเมื่อไหร่ = หยุดทั้งรอบพร้อมบอกเหตุเป็นภาษาไทย
// งวดก่อน ต.ค. 2569 (legacy) เดินทางเดิมทุกบรรทัด — ทุกตัวกันในไฟล์นี้เช็ค _commIsExplicit ก่อนเสมอ
//
// เจ้าของกติกา "งวดไหนเป็นแบบไหน / ใครใช้เกณฑ์ชั้นไหน / เกณฑ์ต้องมีก้อนอะไรครบ / จดเกณฑ์ที่ใช้"
// คือ src/domain/commission (FK.mod['commission/…']) — ไฟล์นี้เป็นแค่ตัวเชื่อม
// ถ้าก้อน domain หายไปตอนรันในงวดแบบใหม่ = ปฏิเสธ (ไม่ถอยไปทางเดิม)
//
// _COMM_EXPLICIT_FLOOR ใช้ตัดสิน "ต้องปฏิเสธ" อย่างเดียว ตอนที่ก้อน domain หายหรือตอบไม่ตรง
// ไม่เคยถูกใช้เพื่อเลือกทางเดิม ⇒ งวดที่ domain บอกว่า explicit หรือเลยเส้นนี้ = แบบใหม่เสมอ
const _COMM_EXPLICIT_FLOOR = '2026-10';
// รุ่นต่ำสุดที่คิด/ล็อกเงินงวดแบบใหม่ได้ เมื่อ target_settings ยังไม่มีคีย์ commission_min_build
// = รุ่นที่ปล่อยตัวกันชุดนี้ (Sense v338) · ปล่อยรุ่นที่แก้เรื่องเงินครั้งต่อไป ให้ตั้งคีย์ในฐานข้อมูลแทนการแก้ค่านี้
const _COMM_MIN_BUILD_DEFAULT = 'v338';
const COMM_DOMAIN_MISSING_TH = 'แอปโหลดตัวกฎค่าคอมฯ ไม่ครบ — ปิดแล้วเปิดแอปใหม่ก่อนคิดเงิน';

// ก้อน domain ที่ build ใส่ไว้ (self.FK.mod['dir/name']) · ไม่มี = null
function _commDomainMod(name) {
  try {
    let fk = null;
    if (typeof self !== 'undefined' && self && self.FK) fk = self.FK;
    else if (typeof window !== 'undefined' && window && window.FK) fk = window.FK;
    return (fk && fk.mod && fk.mod[name]) || null;
  } catch (e) { return null; }
}

// { explicit, domainOk } — domainOk=false ในงวดแบบใหม่ = ก้อน domain หาย/ตอบไม่ตรง ⇒ ผู้เรียกต้องปฏิเสธ
function _commPeriodMode(period) {
  const p = String(period == null ? '' : period);
  const floorExplicit = /^\d{4}-\d{2}$/.test(p) && p >= _COMM_EXPLICIT_FLOOR;
  let mode = null;
  const M = _commDomainMod('commission/mode');
  if (M && typeof M.periodMode === 'function') {
    try { mode = M.periodMode(p); } catch (e) { mode = null; }
  }
  if (mode === 'explicit' || floorExplicit) return { explicit: true, domainOk: mode === 'explicit' };
  return { explicit: false, domainOk: mode === 'legacy' };
}
function _commIsExplicit(period) { return _commPeriodMode(period).explicit; }

// ก้อน domain ที่ทางเงินงวดแบบใหม่ต้องใช้ — คืน '' ถ้าครบ ไม่งั้นคืนเหตุภาษาไทย
function _commDomainProblem() {
  // tiers.bucketByMin = ถัง Handover ของงวดแบบใหม่ (M3) · rule_set.hash53 = ลายนิ้วมือเกณฑ์ที่ตรวจซ้ำก่อนสร้างแถว (M1)
  const need = [['commission/mode', 'periodMode'], ['commission/assignment', 'layerAllowed'],
                ['commission/components', 'planComponents'], ['commission/rules_used', 'rulesUsed'],
                ['commission/tiers', 'bucketByMin'], ['commission/rule_set', 'hash53']];
  const miss = need.filter(([m, f]) => { const x = _commDomainMod(m); return !x || typeof x[f] !== 'function'; });
  return miss.length ? COMM_DOMAIN_MISSING_TH + ' (' + miss.map(x => x[0]).join(', ') + ')' : '';
}

// ชั้นเกณฑ์นี้ใช้กับตำแหน่งนี้ได้ไหม — true/false · null = ก้อน domain หาย
// 'pending' (ที่แก้ค้างใน Cockpit ระดับรายคน) นับเป็นชั้นรายคน — การคิดเงินจริงปฏิเสธของค้างแยกอีกชั้น
function _commLayerAllowed(role, via) {
  const A = _commDomainMod('commission/assignment');
  if (!A || typeof A.layerAllowed !== 'function') return null;
  try { return A.layerAllowed(role, via === 'pending' ? 'person' : via) === true; } catch (e) { return null; }
}

// _commRuleConfig ในรูป RuleSet ที่ domain อ่าน (ชื่อช่องตาม src/domain/commission/rule_set.js)
// เกณฑ์ที่แก้ค้าง (_commRulePending) ไม่อยู่ในนี้โดยตั้งใจ — ทางเงินอ่านเฉพาะที่บันทึกแล้ว
function _commRuleSetForDomain() {
  const c = _commRuleConfig || {};
  const plans = c.plans || {};
  const byId = {};
  Object.keys(plans).forEach(k => { const p = plans[k]; if (p && p.id) byId[p.id] = p; });
  return {
    schema: 1, complete: c.complete === true, incomplete_reason: c.complete === true ? null : 'load_not_confirmed',
    hash: c.hash || null, loaded_at: c.loadedAt || null, source: c.source || null,
    plans, all_plans: plans, plans_by_id: byId,
    nrr_rules: c.rules || {}, component_rules: c.componentRules || {}, tiers: c.tiers || {},
    assignments: c.assignments || [], policies: {}
  };
}

// แผนนี้ครบสำหรับตำแหน่งนี้ไหม (R1-2) — { ok, missing:[...], reason_th, result }
function _commPlanComponentsExplicit(planCode, period, role) {
  const C = _commDomainMod('commission/components');
  if (!C || typeof C.planComponents !== 'function') {
    return { ok: false, missing: ['domain'], reason_th: COMM_DOMAIN_MISSING_TH, result: null };
  }
  let r;
  try { r = C.planComponents(_commRuleSetForDomain(), planCode, period, 'explicit', role); }
  catch (e) { return { ok: false, missing: ['error'], reason_th: 'ตรวจเกณฑ์ ' + planCode + ' ไม่สำเร็จ: ' + ((e && e.message) || e), result: null }; }
  const missing = (r && Array.isArray(r.missing)) ? r.missing.slice() : ['unknown'];
  const ok = !!r && r.status === 'ok' && !missing.length;
  return { ok, missing, result: r,
           reason_th: ok ? null : ((r && r.reason_th) || ('เกณฑ์ ' + planCode + ' ยังไม่ครบ: ' + missing.join(', '))) };
}

// ── รอบคิดเงินที่กำลังทำ (ช่องส่งข้อมูลจากตัวคิดรายคนไปหา computeCommissionDraft) ──────────────
// _commBuildSnapshotRows เป็นคู่แฝดที่ถูกล็อกไว้ (G4 T17) จึงไม่แก้ข้างใน — ตัวคิดรายคนจดสองอย่างไว้ที่นี่แทน
//   ctx[role|email]  = แผน + ก้อนเกณฑ์ที่ใช้คิดเงินคนนี้จริง (ใช้จด rules_used)
//   refusals[]       = เหตุที่คิดไม่ได้แบบละเอียด "<เหตุ> <role>:<email>"
// compute ตั้งค่าก่อนเรียกตัวสร้าง snapshot แล้วอ่านทันทีหลังเรียก (ช่วงเดียวกัน ไม่มีงานอื่นแทรก)
let _commExplicitRun = null;   // { period, ctx:{}, refusals:[] } | null
function _commExplicitRunFor(period) {
  return (_commExplicitRun && _commExplicitRun.period === period) ? _commExplicitRun : null;
}
// ทางเงินจริง = อยู่ในรอบคิดของ computeCommissionDraft สำหรับงวดนี้ (เปิดโดย _commPreBuildCheck)
// ⚠️ "มี periodOverride" ไม่ได้แปลว่าทางเงิน — จอสด (07b_cds liveRows, Cockpit preview) ก็ส่งงวดปัจจุบันมา
// ตัวกันที่เปลี่ยนแหล่งข้อมูล (ห้ามไฟล์สรุปทีม · ไม่มีไฟล์รายคน = หยุด · TL นอกไฟล์ %NRR · TL ถือพอร์ต · TL เข้าเกณฑ์)
// ใช้ตัวนี้ จอจึงยังได้ตัวเลขประมาณจากไฟล์สรุปทีม (ป้าย "ประมาณ") ส่วนการคิด/ล็อกเงินไม่ได้
function _commMoneyRun(period) { return !!_commExplicitRunFor(period); }
// อยู่ในรอบคิดเงินของงวดใดก็ตาม (หน้าต่างแบบ synchronous ระหว่าง _commPreBuildCheck กับการปิดรอบ)
// M1: ตัวอ่านเกณฑ์ใช้ตัวนี้ตัดสินว่าจะไม่อ่านของที่แก้ค้างใน Cockpit (_commRulePending / _commAssignmentPending)
function _commInMoneyRun() { return !!_commExplicitRun; }

// ลายนิ้วมือของเกณฑ์ในเครื่อง (แผน/เกณฑ์/ขั้นเงิน/การผูก) — สูตรเดียวกับ hash ที่ loader จดตอนโหลด
// คิดใหม่จากของที่อยู่ในหน่วยความจำตอนนี้ ⇒ จับได้ทั้งการโหลดทับ และการแก้ในที่ (เช่น _commSetDraftByCode เขียนทับ plans)
// cfg = _commRuleConfig ที่ผู้เรียกถืออยู่ (loader / _commPreBuildCheck) — ตัวนี้ไม่อ่านค่ากลางเอง
function _commRuleConfigHashNow(cfg) {
  try {
    const RS = _commDomainMod('commission/rule_set');
    const c = cfg || {};
    if (!(RS && typeof RS.hash53 === 'function' && typeof RS.canonicalJson === 'function')) return null;
    const asg = (c.assignments || []).slice().sort((a, b) =>
      String(a.period_month + '|' + a.assignment_scope + '|' + a.assignee_key).localeCompare(String(b.period_month + '|' + b.assignment_scope + '|' + b.assignee_key)));
    return RS.hash53(RS.canonicalJson({ plans: c.plans, rules: c.rules, componentRules: c.componentRules, tiers: c.tiers, assignments: asg }));
  } catch (e) { return null; }
}

// M1: ตรวจซ้ำทันทีก่อนสร้างแถว (ไม่มี await คั่น) — ด่านต้นรอบตรวจไปแล้วครั้งหนึ่ง แต่ระหว่างนั้น
// compute รอฐานข้อมูลและไฟล์ upsell หลายสิบวินาที คนแก้ Cockpit หรือหน้าจอโหลดเกณฑ์ทับได้ในช่วงนั้น
// expectHash = ลายนิ้วมือของชุดที่ _commForceLoadPeriod เพิ่งโหลดครบในรอบนี้ · '' = ใช้ได้ ไม่งั้นเหตุภาษาไทย
// rc = _commRuleConfig ที่ _commPreBuildCheck อ่านไว้ (synchronous ไม่มี await คั่น = ชุดเดียวกัน)
function _commRunConfigProblem(period, expectHash, rc) {
  if (_commHasPendingChanges()) {
    return 'มีเกณฑ์ที่แก้ค้างไว้ใน Commission Cockpit ยังไม่ได้บันทึก (แก้ระหว่างที่กำลังคำนวณ) — บันทึกหรือยกเลิกแล้วกดคำนวณใหม่';
  }
  const c = rc || {};
  const q = _commQuarterOfPeriod(period);
  if (!(c.complete === true && c.quarter === q && c.source === 'network')) {
    return 'เกณฑ์ค่าคอมฯ ในเครื่องไม่ใช่ชุดที่โหลดครบของไตรมาส ' + q + ' แล้ว (ถูกโหลดทับระหว่างคำนวณ) — กดคำนวณใหม่';
  }
  const now = _commRuleConfigHashNow(c);
  if (!now || now !== c.hash || (expectHash && now !== expectHash)) {
    return 'เกณฑ์ค่าคอมฯ ในเครื่องเปลี่ยนไประหว่างคำนวณ (มีคนบันทึกหรือแก้เกณฑ์) — กดคำนวณใหม่';
  }
  return '';
}

// minor 7: หัวหน้าทีมที่ต้องมีแถว TL แต่ไม่อยู่ในรายชื่อหัวหน้าทีมของ portview
// ตัวสร้างแถว (_commBuildSnapshotRows) วนเฉพาะรายชื่อนั้น ⇒ คนที่ไม่อยู่ในรายชื่อหายไปเงียบ ๆ
// "ต้องมีแถว" = มีทีมในไฟล์ %NRR ของงวดนี้ (comm_tl_email) · มีเกณฑ์ TL ผูกรายคนในงวดนี้ · อยู่ใน squad_params
// คืน [{ email, why }] (ว่าง = ครบ) · rc = _commRuleConfig ที่ _commPreBuildCheck อ่านไว้
function _commTlsMissingFromList(period, rc) {
  const norm = v => String(v || '').trim().toLowerCase();
  const listed = new Set(_commGetTlListFromPortview().map(t => norm(t.email)).filter(Boolean));
  const want = {};
  const add = (em, why) => { const e = norm(em); if (e && !want[e]) want[e] = why; };
  try {
    const q = window.bulkQnrrData;
    ((q && q.allRows) || []).forEach(r => { if (r && r.period_month === period) add(r.comm_tl_email, 'มีทีมในไฟล์ %NRR งวดนี้'); });
  } catch (e) {}
  try {
    (((rc || {}).assignments) || []).forEach(a => {
      if (a && a.period_month === period && a.assignment_scope === 'tl') add(a.assignee_key, 'มีเกณฑ์หัวหน้าทีมผูกไว้งวดนี้');
    });
  } catch (e) {}
  try {
    _commSquadTlLists().forEach(([, list]) => list.forEach(em => add(em, 'อยู่ในรายชื่อหัวหน้าทีมของ squad')));
  } catch (e) {}
  return Object.keys(want).sort().filter(e => !listed.has(e)).map(e => ({ email: e, why: want[e] }));
}

// ด่านสุดท้ายก่อนสร้างแถวของงวดแบบใหม่ (เรียกหลังโหลดไฟล์ upsell ครบแล้ว ไม่มี await ระหว่างนี้กับการสร้างแถว):
//   M1      ของค้างใน Cockpit + เกณฑ์ในเครื่องยังเป็นชุดที่เพิ่งโหลดครบ (_commRunConfigProblem)
//   R1-3 i  ข้อมูลของเดือนต้องครอบคลุมถึงสิ้นเดือน (_commFeedCompleteness · ไฟล์ upsell ตรวจทีละไฟล์)
//   R1-2    คนตำแหน่งอื่น (AD/PM/…) ที่มีการผูกเกณฑ์แต่แผนใช้ไม่ได้ = หยุด ไม่ใช่ข้ามคนนั้นเงียบ ๆ
//           (ไม่มีการผูกเลย = ตำแหน่งนี้ไม่มีเกณฑ์ ⇒ ไม่มีแถว เหมือนเดิม เช่น PM ใน Q4)
//   minor 7 หัวหน้าทีมที่ต้องมีแถวแต่ไม่อยู่ในรายชื่อของ portview = หยุดพร้อมชื่อ (รอบเต็มของ admin เท่านั้น)
// opts: { expectHash, refetchFailed:[email] }
// ผ่าน ⇒ เปิดรอบคิด (_commExplicitRun) ให้ตัวคิดรายคนจดลง แล้วคืน { why:'', provenance }
// ไม่ผ่าน ⇒ { why: เหตุภาษาไทย }
function _commPreBuildCheck(period, opts) {
  const o = opts || {};
  _commExplicitRun = null;
  // ชุดเกณฑ์ในเครื่องอ่านครั้งเดียวต้นรอบ (ไม่มี await ถึงการสร้างแถว) แล้วส่งให้ตัวตรวจทุกตัว
  const rc = _commRuleConfig || {};
  const cfg = _commRunConfigProblem(period, o.expectHash || null, rc);
  if (cfg) return { why: cfg };
  const fc = _commFeedCompleteness(period, { refetchFailed: o.refetchFailed || [] });
  if (!fc.ok) return { why: fc.problems.join(' · ') };
  if (((currentUserProfile && currentUserProfile.role) || '') === 'admin') {
    const miss = _commTlsMissingFromList(period, rc);
    if (miss.length) {
      const th = miss.map(m => 'หัวหน้าทีม ' + m.email + ' (' + m.why + ')');
      try { window._commLastRefusal = { period, refused: th.map(x => x + ' ไม่อยู่ในรายชื่อหัวหน้าทีมของ portview'), at: Date.now() }; } catch (e) {}
      return { why: th.slice(0, 3).join(' · ') + (th.length > 3 ? ' …' : '') +
        ' ไม่อยู่ในรายชื่อหัวหน้าทีมของไฟล์ portview — แถว TL ของเขาจะหายไปเงียบ ๆ จึงยังไม่คิด (ตรวจไฟล์ portview / ชีท Roster แล้วกดคำนวณใหม่)' };
    }
  }
  const bad = [];
  (_commOtherRoleRoster || []).forEach(pp => {
    if (!pp || !pp.email || !pp.role) return;
    const r = _commResolveForMoney(period, pp.role, pp.email, pp.role);
    const pl = r && r.planCode ? (rc.plans || {})[r.planCode] : null;
    if (r && r.via !== 'bootstrap' && (r.missed || !(pl && pl.id))) {
      bad.push((r.reason_th || 'เกณฑ์ที่ผูกไว้ใช้ไม่ได้') + ' ' + pp.role + ':' + pp.email);
    }
  });
  if (bad.length) {
    try { window._commLastRefusal = { period, refused: bad.slice(), at: Date.now() }; } catch (e) {}
    return { why: bad.slice(0, 3).join(' · ') + (bad.length > 3 ? ' …' : '') };
  }
  _commExplicitRun = { period, ctx: {}, refusals: [] };
  return { why: '', provenance: fc.provenance };
}
// ปิดรอบคิดแล้วคืนสิ่งที่ตัวคิดรายคนจดไว้
function _commTakeExplicitRun(period) {
  const run = _commExplicitRunFor(period);
  _commExplicitRun = null;
  return run;
}
// จดแผน+ก้อนเกณฑ์ที่ใช้คิดเงินคนนี้ (ถ้ากำลังอยู่ในรอบคิดของงวดนี้) แล้วคืนค่าเดิมให้ผู้เรียกใช้ต่อ
function _commNoteExplicitCtx(period, role, email, ctx) {
  const run = _commExplicitRunFor(period);
  if (run) run.ctx[String(role) + '|' + String(email || '').toLowerCase()] = ctx;
  return ctx;
}
// คนนี้เป็นหัวหน้าทีมไหม — ในรายชื่อหัวหน้าทีมของ portview หรือชีท Roster บอกตำแหน่ง tl
function _commIsTlPerson(email) {
  const em = String(email || '').trim().toLowerCase();
  if (!em) return false;
  try { if (_commGetTlListFromPortview().some(t => String(t.email || '').trim().toLowerCase() === em)) return true; } catch (e) {}
  try { const p = (_commPeopleRoster || {})[em]; if (p && String(p.role || '').toLowerCase() === 'tl') return true; } catch (e) {}
  return false;
}

// แถวคืนค่าของ "คิดไม่ได้" — หน้าตาเหมือนแถวปฏิเสธเดิม (ทุกก้อน ฿0) + ธง refused และเหตุภาษาไทย
// ติดธง data_unavailable ด้วย ⇒ ตัวสร้าง snapshot เดิมยกเลิกทั้งรอบเหมือนกรณี "ไฟล์ไม่มีเดือนนี้" (ไม่ใช่เขียนแถว ฿0)
// เหตุแบบละเอียดไปทาง _commExplicitRun.refusals
function _commKamRefusal(period, kamEmail, code, th, extra) {
  const role = (extra && extra.role) || 'kam';
  const run = _commExplicitRunFor(period);
  if (run) run.refusals.push(th + ' ' + role + ':' + kamEmail);
  return Object.assign({ period, kamEmail, refused: true, refuse_code: code, refuse_th: th, data_unavailable: true,
    nrr_payout: 0, upsell_sku: { total_comm: 0 }, upsell_outlet: { commission: 0 },
    handover: { payout: 0 }, gate: { cap_multiplier: 1, gate_active: false },
    subtotal: 0, gate_cap: 1, final_payout: 0 }, extra || {});
}
function _commTlRefusal(period, tlEmail, code, th, extra) {
  const run = _commExplicitRunFor(period);
  if (run) run.refusals.push(th + ' tl:' + tlEmail);
  return Object.assign({ period, tlEmail, refused: true, refuse_code: code, refuse_th: th, data_unavailable: true,
    nrr_pct: null, nrr_payout: 0, upsell_mult: { multiplier: 1.0, tier: 1 }, final_payout: 0 }, extra || {});
}

// ── R1-2: ใครใช้เกณฑ์ชั้นไหนได้ (งวดแบบใหม่) ───────────────────────────────────────────
// _commResolveAssignment (07b) เป็นคู่แฝดที่ถูกล็อกไว้ (G4 T03) และยังเดาความเข้มจาก "มีแถวรายทีมโหลดมาไหม"
// (โหลดพลาด = ความเข้มหายเอง = จ่ายเกณฑ์ Q3 เงียบ ๆ) ⇒ ทางเงินเรียก _commResolveForMoney แทน:
//   งวดเก่า  → _commResolveAssignment ตัวเดิมทุกตัวอักษร
//   งวดใหม่ → เข้มเสมอ ชั้นที่อนุญาตต่อตำแหน่งมาจาก domain (KAM: รายคน/ทีม · TL: รายคน · AD/PM/อื่น: รายคน/ค่าเริ่มของตำแหน่ง)
//             ชั้นที่ไม่อนุญาต · ค่าตั้งต้นในโค้ด · แผนที่ไม่มีในระบบหรือถูกปิด = missed (ไม่สลับไปแผน STD)
const _COMM_RESOLVE_REASON_TH = {
  not_assigned: 'ยังไม่ได้ผูกเกณฑ์ค่าคอมฯ ให้คนนี้ในงวดนี้',
  layer_not_allowed: 'ยังไม่ได้ผูกเกณฑ์รายทีมหรือรายคนของงวดนี้ — เจอแค่เกณฑ์กลางของตำแหน่ง ซึ่งงวดนี้ตำแหน่งนี้ใช้ไม่ได้',
  plan_missing: 'เกณฑ์ที่ผูกไว้ไม่มีในระบบ หรือถูกปิดใช้งานแล้ว',
  plan_inactive: 'เกณฑ์ที่ผูกไว้ถูกปิดใช้งานแล้ว',
  plan_role_mismatch: 'เกณฑ์ที่ผูกไว้เป็นของตำแหน่งอื่น (เช่น ค่าเริ่มของ AD ชี้ไปที่เกณฑ์ KAM)',
  domain_missing: COMM_DOMAIN_MISSING_TH
};
function _commResolveAssignmentExplicit(period, scope, assignee, role, domainOk) {
  const plansOf = () => ((_commRuleConfig && _commRuleConfig.plans) || {});
  // M1: ในรอบคิดเงิน ไม่อ่านการผูกที่แก้ค้างใน Cockpit — ทางเงินใช้เฉพาะที่บันทึกแล้ว
  const pending = (!_commInMoneyRun() && typeof _commAssignmentPending !== 'undefined' && _commAssignmentPending) || {};
  const keyOf = (sc, who) => period + '|' + sc + '|' + who;
  const codeOf = (a) => a.plan_code || (Object.values(plansOf()).find(p => p.id === a.plan_id) || {}).plan_code || null;
  const out = (planCode, via, extra) => {
    const r = Object.assign({ planCode, via, teamLeadEmail: null, squad: null, strict: true, missed: false,
                              mode: 'explicit', reason: null, reason_th: null }, extra || {});
    let reason = null;
    if (!domainOk) reason = 'domain_missing';
    else if (via === 'bootstrap') reason = 'not_assigned';
    else {
      const allowed = _commLayerAllowed(role, via);
      if (allowed === null) reason = 'domain_missing';
      else if (!allowed) reason = 'layer_not_allowed';
      else {
        const plan = planCode ? plansOf()[planCode] : null;
        if (!plan) reason = 'plan_missing';
        else if (!_commIsActivePlan(plan)) reason = 'plan_inactive';
        // minor 1: แผนต้องเป็นของตำแหน่งนี้ — กติกาเดียวกับ checkPlanUsable ของ domain (commission/assignment)
        else if (plan.beneficiary_role && plan.beneficiary_role !== role) reason = 'plan_role_mismatch';
        else if (plan.id) r.planId = plan.id;
      }
    }
    if (reason) { r.missed = true; r.reason = reason; r.reason_th = _COMM_RESOLVE_REASON_TH[reason]; }
    return r;
  };
  if (pending[keyOf(scope, assignee)]) return out(pending[keyOf(scope, assignee)], 'pending');
  const assigns = (_commRuleConfig && _commRuleConfig.assignments) || [];
  const found = assigns.find(a => a.period_month === period && a.assignment_scope === scope && a.assignee_key === assignee);
  if (found) return out(codeOf(found), 'person');
  let tlEmail = null, squad = null;
  if (scope === 'kam') {
    try {
      tlEmail = _commKamTlForPeriod(assignee, period);
      if (tlEmail) squad = _commSquadForTl(tlEmail);
    } catch (e) {}
    if (tlEmail) {
      if (pending[keyOf('kam_under_tl', tlEmail)]) return out(pending[keyOf('kam_under_tl', tlEmail)], 'team', { teamLeadEmail: tlEmail, squad });
      const team = assigns.find(a => a.period_month === period && a.assignment_scope === 'kam_under_tl'
        && String(a.assignee_key || '').trim().toLowerCase() === tlEmail);
      if (team) return out(codeOf(team), 'team', { teamLeadEmail: tlEmail, squad });
    }
  }
  if (pending[keyOf('role_default', role)]) return out(pending[keyOf('role_default', role)], 'role_default', { teamLeadEmail: tlEmail, squad });
  const roleDefault = assigns.find(a => a.period_month === period && a.assignment_scope === 'role_default' && a.assignee_key === role);
  if (roleDefault) return out(codeOf(roleDefault), 'role_default', { teamLeadEmail: tlEmail, squad });
  // ค่าตั้งต้นในโค้ด — บอกชื่อไว้ให้จออธิบายได้ แต่ไม่ใช่เกณฑ์ที่ใครตั้งใจเลือก ⇒ missed เสมอ
  return out(_commPlanCode(role), 'bootstrap', { teamLeadEmail: tlEmail, squad });
}
function _commResolveForMoney(period, scope, assignee, role) {
  const pm = _commPeriodMode(period);
  if (pm.explicit) return _commResolveAssignmentExplicit(period, scope, assignee, role, pm.domainOk);
  return (typeof _commResolveAssignment === 'function')
    ? _commResolveAssignment(period, scope, assignee, role)
    : { planCode: _commGetAssignmentPlan(period, scope, assignee, role), via: 'legacy', missed: false, teamLeadEmail: null, squad: null };
}

// ── R1-3 g: ไฟล์ %NRR มีทีมของหัวหน้าทีมคนนี้ไหม ────────────────────────────────────
// _qnrrCompute (07c) ถอยไปใช้ "ทั้งบริษัท" เมื่อหาทีมไม่เจอและคนกดเป็น admin (คนกดคิดเงินเป็นเสมอ)
// _qnrrComputeForCommission เป็นคู่แฝดที่ถูกล็อกไว้ (G4 T20) ⇒ ทางเงินถามก่อนเรียก ด้วยกติกาเดียวกับ 07c:118-127
function _commTlScopeResolvable(tlEmail) {
  try {
    const qd = window.bulkQnrrData;
    if (!qd || !qd.loaded) return false;
    const kr = (qd.byKamEmail && qd.byKamEmail[tlEmail]) || [];
    let my = kr.length ? ((kr.find(r => r.latest_tl_email) || {}).latest_tl_email || '') : '';
    if (!my && qd.byTlEmail && qd.byTlEmail[tlEmail]) my = tlEmail;
    return !!(my && qd.byTlEmail && qd.byTlEmail[my] && qd.byTlEmail[my].length);
  } catch (e) { return false; }
}

// ── R1-3 c: เกตของงวดแบบใหม่ ────────────────────────────────────────────────────────
// _commComputeGmvGate เป็นคู่แฝดที่ถูกล็อกไว้ (G4 T05) — ข้างในคืน ×1.0 เมื่อ %NRR ไม่ตกขั้นไหน (ขั้นมีช่องว่าง)
// และคืน ×1.0 เมื่อพังกลางทาง ⇒ ตรวจผลที่ได้: '' = ใช้ได้ · ไม่งั้นเหตุภาษาไทย
function _commGateExplicitProblem(gate, planCode, pct, previewResolver) {
  if (!gate) return 'คำนวณเกตพอร์ตไม่สำเร็จ';
  if (gate.source === 'missing') return '';   // ทางเดิมปฏิเสธเองอยู่แล้ว (portfolio_gate หาย)
  if (gate.ach_pct === null || gate.ach_pct === undefined) return 'คำนวณเกตพอร์ตไม่สำเร็จ';   // pct มีค่า แต่เกตคืน null = พังกลางทาง
  if (gate.source !== 'plan') return 'เกตพอร์ตไม่ได้มาจากเกณฑ์ของงวดนี้ (' + gate.source + ')';
  const found = _commResolveRuleForMetric(planCode, 'portfolio_gate', null, previewResolver);
  if (!_commMatchTierInRule(found, pct)) {
    return 'เกตพอร์ตของเกณฑ์ ' + planCode + ' ไม่มีขั้นที่ตรงกับ %NRR ' + _commFmtPct(pct) + ' (ขั้นมีช่องว่าง)';
  }
  return '';
}

// ── R1-3 a: ตัวเช็คให้ auto-draft (07b_nrr_target) — เกณฑ์ในเครื่องเป็นชุดที่โหลดครบจากฐานข้อมูลหรือไม่ ──
// '' = งวดเก่า หรือครบ · ไม่งั้นเหตุภาษาไทย
// opts.kind (RG-1, ใช้ตอนแสดงผล): คืนสถานะแทนข้อความ — 'ready' | 'loading' (ชุดว่างที่ถูกล้างรอโหลดใหม่
// หรือสำเนา localStorage ตอนบูต) | 'incomplete' (โหลดจากฐานข้อมูลแล้วแต่ได้ไม่ครบ หรือไม่รู้ที่มา)
function _commRuleConfigReady(period, opts) {
  const kind = !!(opts && opts.kind);
  if (!_commIsExplicit(period)) return kind ? 'ready' : '';
  const c = _commRuleConfig || {};
  const ok = c.complete === true && c.source === 'network';
  if (kind) return ok ? 'ready' : (c.complete === false && c.source !== 'network') ? 'loading' : 'incomplete';
  return ok ? '' : 'โหลดเกณฑ์ค่าคอมฯ ไม่ครบ';
}
window._commRuleConfigReady = _commRuleConfigReady;
// RG-1 (16 ต.ค. 2569): เกณฑ์ของงวดแบบใหม่ "กำลังโหลด" — มีการโหลดไตรมาสนั้นค้างอยู่ หรือในเครื่องเป็นชุดที่ยังไม่ครบ
// และไม่ได้มาจากฐานข้อมูล (สำเนา localStorage ตอนบูต / ชุดว่างที่ถูกล้างก่อนโหลดใหม่)
// ใช้ตอนแสดงผลเท่านั้น: จอบอก "กำลังโหลด" แทน "ไม่มีเกณฑ์/ไม่มีเกต" · ทางเงินยังใช้ _commRuleConfigReady ที่เข้มกว่า
const COMM_RULES_LOADING_TH = 'กำลังโหลดเกณฑ์ค่าคอมฯ';
function _commRulesLoading(period) {
  if (!_commIsExplicit(period)) return false;
  try {
    const q = _commQuarterOfPeriod(period);
    // R2: ในเครื่องมีชุดที่โหลดครบของไตรมาสนี้อยู่แล้ว ⇒ ใช้ต่อระหว่างโหลดรอบใหม่ (ชุดใหม่สลับเข้าเมื่อครบเท่านั้น ไม่ล้างก่อน)
    // ⇒ การโหลดเบื้องหลังไม่ทำให้การ์ดถอยกลับเป็น "กำลังโหลดเกณฑ์" อีก · ไม่มีชุดดี (บูต/สำเนา localStorage/โหลดไม่ครบ) = กติกาเดิม
    if (q && _tgtGovState.liveGoodQuarter === q) return false;
    if (q && _tgtInFlight[q]) return true;
  } catch (e) {}
  return _commRuleConfigReady(period, { kind: true }) === 'loading';
}
// RG-1: เวลาที่ชุดเกณฑ์ครบชุดปัจจุบันโหลดเสร็จจากฐานข้อมูล (_loadTargetsInner จดใน _commLoadState) · ไม่มี = 0
function _commRulesReadyAt() {
  const st = (typeof _commLoadState !== 'undefined' && _commLoadState) || null;
  return (st && Number(st.readyAt)) || 0;
}
// RG-1: เหตุปฏิเสธที่จดไว้ก่อนเกณฑ์ชุดปัจจุบันโหลดเสร็จ = คิดด้วยเกณฑ์ชุดเก่าหรือชุดว่าง ไม่ใช่เหตุของตอนนี้
function _commRefusalStale(ref) {
  const at = _commRulesReadyAt();
  return !!(ref && at && Number(ref.at) < at);
}

// ── รุ่นของแอป (R1-5) ──
function _commEngineBuild() {
  try {
    const v = (typeof FreshketSenseConfig !== 'undefined' && FreshketSenseConfig && FreshketSenseConfig.app)
      ? FreshketSenseConfig.app.version : null;
    return (v && /^v?\d+/.test(String(v))) ? String(v) : null;
  } catch (e) { return null; }
}
function _commBuildNum(v) {
  const m = /^v?(\d+)/i.exec(String(v == null ? '' : v).trim());
  return m ? parseInt(m[1], 10) : NaN;
}
// target_settings.<key> ของรุ่นต่ำสุดที่คิด/ล็อกเงินได้ (commission_min_build = Sense · commission_min_build_nrr = /nrr)
// ค่าดิบตามที่ตั้งไว้ (ไม่มี target_settings = ค่านั้นเอง เช่น null) — ตัวอ่านเดียวของสองคีย์นี้
function _commMinBuildSetting(key) {
  const s = _tgtSettings;
  return s && s[key];
}
// target_settings.commission_min_build (ถ้ามี) ไม่งั้นค่าคงที่ของรุ่นนี้
function _commMinBuild() {
  try {
    const v = _commMinBuildSetting('commission_min_build');
    if (v != null && String(v).trim() !== '') return { build: String(v).trim(), source: 'target_settings' };
  } catch (e) {}
  return { build: _COMM_MIN_BUILD_DEFAULT, source: 'code' };
}
// '' = รุ่นนี้คิด/ล็อกเงินได้ · ไม่งั้นเหตุภาษาไทย
function _commBuildGateProblem() {
  const run = _commEngineBuild();
  const min = _commMinBuild();
  const rn = _commBuildNum(run), mn = _commBuildNum(min.build);
  if (!isFinite(rn)) return 'ไม่รู้รุ่นของแอปเครื่องนี้ — ปิดแล้วเปิดแอปใหม่ก่อนคิดเงิน';
  if (!isFinite(mn)) return 'ค่ารุ่นต่ำสุดที่คิดเงินได้ (' + min.build + ') อ่านไม่ออก — แจ้งผู้ดูแลระบบ';
  if (rn < mn) return 'แอปเครื่องนี้เป็นรุ่น ' + run + ' เก่ากว่ารุ่นต่ำสุดที่คิดเงินได้ (' + min.build + ') — ปิดแล้วเปิดแอปใหม่เพื่ออัปเดต';
  return '';
}

function _commNewComputeId() {
  try { if (typeof crypto !== 'undefined' && crypto && typeof crypto.randomUUID === 'function') return crypto.randomUUID(); } catch (e) {}
  const h = n => { let s = ''; for (let i = 0; i < n; i++) s += Math.floor(Math.random() * 16).toString(16); return s; };
  return h(8) + '-' + h(4) + '-4' + h(3) + '-' + ['8', '9', 'a', 'b'][Math.floor(Math.random() * 4)] + h(3) + '-' + h(12);
}

function _commPeriodShift(period, n) {
  const m = /^(\d{4})-(\d{2})$/.exec(String(period || ''));
  if (!m) return null;
  const d = new Date(Date.UTC(parseInt(m[1], 10), parseInt(m[2], 10) - 1 + n, 1));
  return d.getUTCFullYear() + '-' + String(d.getUTCMonth() + 1).padStart(2, '0');
}
// ── ข้อมูลของเดือนครบถึงสิ้นเดือนหรือยัง (R1-3 i) ─────────────────────────
// กติกามีที่เดียว: src/domain/commission/feed.js (feedCompleteness) — /nrr ใช้ตัวเดียวกัน
//   %NRR      ทุกแถวของเดือนมี curr_days ≥ จำนวนวันของเดือน
//   upsell    ตรวจทีละไฟล์ (หนึ่งไฟล์ = หนึ่งคน): data_asof_date ≥ สิ้นเดือน หรือ (ไฟล์รุ่นเก่า) ไฟล์ของคนนั้นเองมีเดือนถัดไปแล้ว
//   Handover  แถวที่โอนเดือนก่อนต้องวัดยอดเต็มเดือน
// ส่วนนี้แค่ส่งข้อมูลที่แอปโหลดไว้เข้าไป · ไม่มีก้อน domain = ปฏิเสธ (ทางเงินไม่เดา)
// opts.refetchFailed = อีเมลที่ compute โหลดไฟล์ใหม่ไม่สำเร็จในรอบนี้ (ใส่ไว้ในเหตุให้คนกดรู้)
// คืน { ok, problems:[ไทย], provenance:{qnrr_as_of, upsell_as_of, ho_as_of} }
// (วิธีแก้ไฟล์ upsell ที่ยังไม่ครบอยู่ในข้อความของ feed.js — UPSELL_ASOF_HOWTO_TH)
function _commFeedCompleteness(period, opts) {
  const F = _commDomainMod('commission/feed');
  if (!F || typeof F.feedCompleteness !== 'function') {
    const nameTh = (typeof _commPeriodLabelTh === 'function') ? _commPeriodLabelTh(period) : period;
    return { ok: false, problems: ['ข้อมูลเดือน ' + nameTh + ' ยังมาไม่ครบ: ' + COMM_DOMAIN_MISSING_TH + ' (commission/feed)'],
             provenance: { qnrr_as_of: null, upsell_as_of: null, ho_as_of: null } };
  }
  const setToList = v => (v && typeof v.has === 'function' && typeof v.forEach === 'function') ? Array.from(v) : null;
  const input = { period, qnrr: null, upsell: null, handover: null };
  try {
    const q = window.bulkQnrrData;
    if (q && q.loaded && Array.isArray(q.allRows)) input.qnrr = { loaded: true, rows: q.allRows };
  } catch (e) {}
  try {
    const u = (typeof bulkUpsellData !== 'undefined') ? bulkUpsellData : null;
    if (u) {
      const labs = (u.labelsByKam && typeof u.labelsByKam === 'object') ? u.labelsByKam : {};
      const byPerson = {};
      Object.keys(labs).forEach(k => { byPerson[k] = setToList(labs[k]); });
      input.upsell = { loaded: !!u.loaded, labels: setToList(u.monthLabels),
                       asOfByPerson: (u.asOfByKam && typeof u.asOfByKam === 'object') ? u.asOfByKam : {},
                       labelsByPerson: byPerson, refetchFailed: (opts && opts.refetchFailed) || [] };
    }
  } catch (e) {}
  try {
    const hd = (typeof bulkHandoverData !== 'undefined') ? bulkHandoverData : null;
    if (hd && Array.isArray(hd.rows)) {
      input.handover = { loaded: true, rows: hd.rows.map(r => r ? { transfer_month: r.transferMonth, perf_days: r.perfDays } : r) };
    }
  } catch (e) {}
  return F.feedCompleteness(input);
}

// ── โหลดเกณฑ์/การผูก/waiver ของงวดนี้ใหม่จากฐานข้อมูลในรอบนี้ (R1-3 a) ──────────
// ไม่ใช้แคชในเครื่อง (5 นาที) และไม่ใช้สำเนาจาก localStorage · โหลดตามไตรมาสของงวดที่คิด
// ไม่ใช่ไตรมาสที่หน้าตั้งเป้ากำลังเปิดค้างอยู่ (กันเคส "ชีทเป้าค้างไตรมาสก่อน" T5)
// คืน { ok, problems:[ไทย], quarter }
const _COMM_LOAD_PART_TH = { plans: 'แผน', rules: 'เกณฑ์', tiers: 'ขั้นเงิน', assignments: 'การผูกเกณฑ์',
  exclusions: 'waiver', leak: 'ผลวัดพอร์ตรั่ว', settings: 'ค่ากลาง', policies: 'กติกางวด',
  roster: 'รายชื่อตำแหน่ง', people: 'รายชื่อทีม' };
function _commQuarterOfPeriod(period) {
  const m = /^(\d{4})-(\d{2})$/.exec(String(period || ''));
  return m ? m[1] + '-Q' + (Math.floor((parseInt(m[2], 10) - 1) / 3) + 1) : null;
}
async function _commForceLoadPeriod(period) {
  const q = _commQuarterOfPeriod(period);
  if (!q) return { ok: false, problems: ['อ่านงวด ' + period + ' ไม่ออก'], quarter: null };
  const t0 = Date.now();
  try { if (_tgtInFlight[q]) await _tgtInFlight[q]; } catch (e) {}
  try { delete _tgtQuarterCache[q]; } catch (e) {}
  const problems = [];
  try { await loadTargets(q); } catch (e) { problems.push('โหลดเกณฑ์ค่าคอมฯ ไม่สำเร็จ: ' + ((e && e.message) || e)); }
  const st = (typeof _commLoadState !== 'undefined' && _commLoadState) || {};
  if (st.quarter !== q || !(st.at >= t0) || st.source !== 'network') {
    problems.push('ยังโหลดเกณฑ์ของไตรมาส ' + q + ' ใหม่จากฐานข้อมูลในรอบนี้ไม่ได้');
  } else {
    const failed = Object.keys(_COMM_LOAD_PART_TH).filter(k => st[k] !== true).map(k => _COMM_LOAD_PART_TH[k]);
    if (failed.length) problems.push('โหลดจากฐานข้อมูลไม่สำเร็จ: ' + failed.join(', '));
  }
  const c = _commRuleConfig || {};
  if (!problems.length && !(c.complete === true && c.quarter === q && c.source === 'network')) {
    problems.push('เกณฑ์ค่าคอมฯ ที่อยู่ในเครื่องไม่ใช่ชุดที่เพิ่งโหลดครบของไตรมาส ' + q);
  }
  // M1: ลายนิ้วมือของชุดที่เพิ่งโหลด — _commPreBuildCheck เทียบซ้ำทันทีก่อนสร้างแถว
  if (!problems.length && !c.hash) problems.push('คิดลายนิ้วมือของเกณฑ์ที่เพิ่งโหลดไม่ได้ — ' + COMM_DOMAIN_MISSING_TH);
  return { ok: !problems.length, problems, quarter: q, hash: c.hash || null };
}

// M2: P1/P3 ที่เกณฑ์ปิดไว้ (งวดแบบใหม่) — ก้อนนั้นไม่มีกลุ่มที่นับเลย ยอด/ค่าคอมฯ ฿0 แล้วรวมยอดใหม่
// รูปเดียวกับ evalUpsell ของ domain เมื่อ p1.off / p3.off (tl_upsell_base = P1 GMV + P3 ส่วนเพิ่ม ของก้อนที่เปิด)
function _commUpsellSkuWithOff(sku, offP1, offP3) {
  if (!sku || (!offP1 && !offP3)) return sku;
  const p1 = offP1 ? { gmv: 0, comm: 0, groups: [] } : sku.p1;
  const p3 = offP3 ? { gmv_incremental: 0, comm: 0, groups: [] } : sku.p3;
  const base = (Number(p1.gmv) || 0) + (Number(p3.gmv_incremental) || 0);
  const out = Object.assign({}, sku, { p1, p3, total_comm: (Number(p1.comm) || 0) + (Number(p3.comm) || 0),
                                       total_gmv_eligible: base, tl_upsell_base: base });
  if ('p1_comm' in sku) Object.assign(out, { p1_comm: p1.comm, p3_comm: p3.comm, p1_groups: p1.groups, p3_groups: p3.groups });
  return out;
}

// เกณฑ์ที่ใช้จริงของแถวนี้ (rules_used schema 1 จาก domain) · null = สร้างไม่ได้ ⇒ ผู้เรียกปฏิเสธ
function _commRulesUsedFor(resolution, componentsResult, policy, provenance, role) {
  const RU = _commDomainMod('commission/rules_used');
  if (!RU || typeof RU.rulesUsed !== 'function' || !componentsResult) return null;
  try {
    const ru = RU.rulesUsed({ mode: 'explicit', ruleSet: _commRuleSetForDomain(), resolution,
      components: componentsResult.components || componentsResult, policy: policy || {},
      provenance: provenance || {}, periodStatus: 'draft', role, hoOnceFrom: HO_ONCE_FROM });
    return (ru && ru.schema === 1) ? ru : null;
  } catch (e) {
    console.warn('[CommEngine] rules_used build failed', e);
    return null;
  }
}

// ── M1: เงินในแถว = ที่ rules_used บอก ─────────────────────────────────────────────────
// rules_used ถูกสร้างจากแผน + ก้อนเกณฑ์ที่ตัวคิดรายคนจด (ชุดที่บันทึกแล้ว ในหน้าต่างรอบคิดเดียวกัน)
// ตัวนี้ตรวจย้อนจากตัวเลขในแถวจริง: ขั้นเงิน NRR · เกต · ตัวคูณ TL · อัตรา/ขั้นต่ำ P1 · อัตรา P3 · Expansion ·
// ก้อนที่ปิดต้องเป็น ฿0 · Handover อยู่ในถังของ rules_used — ไม่ตรงข้อใด = '' ไม่ได้ (คืนเหตุภาษาไทย)
function _commPaidVsRulesUsed(row) {
  const bd = (row && row.breakdown) || {};
  const ru = bd.rules_used || {};
  const comps = ru.components || {};
  const cs = bd.config_snapshot || {};
  const near = (a, b) => Math.abs((Number(a) || 0) - (Number(b) || 0)) < 1e-6;
  const asRule = (c) => ({ active: true, rule: { measurement_scope: c.cmp === 'halfOpenRaw' ? 'gmv_raw' : 'governed_nrr' },
    tiers: (c.tiers || []).map(t => ({ min_value: t[0], max_value: t[1], payout_value: t[2] })) });
  if (!ru.plan || !ru.plan.code || ru.plan.code !== cs.assigned_plan_code) return 'แผนในแถวไม่ตรงกับ rules_used';
  if (!comps.nrr) return 'rules_used ไม่มีขั้นเงิน NRR';
  const pct = bd.nrr_pct;
  const role = String(row.beneficiary_role || '');
  const leakFailed = role === 'tl' && cs.leak_gate && cs.leak_gate.passed === false;
  const nHit = (comps.nrr.off || leakFailed) ? null : _commMatchTierInRule(asRule(comps.nrr), pct);
  const wantNrr = nHit ? Number(nHit.payout_value || 0) : 0;
  if (!near(wantNrr, bd.nrr_payout)) return 'เงิน NRR ฿' + bd.nrr_payout + ' ไม่ตรงกับขั้นใน rules_used (฿' + wantNrr + ')';
  if (role === 'tl') {
    if (leakFailed) return '';
    const m = comps.tl_mult, um = bd.upsell_mult || {};
    if (!m || m.off) return 'rules_used ไม่มีตัวคูณ upsell';
    // ตัวคูณจับขั้นด้วย % ทีมก่อนปัด แต่แถวเก็บ % ที่ปัด 2 ตำแหน่ง ⇒ ตรวจว่าเป็นค่าของขั้นใดขั้นหนึ่งใน rules_used
    if (!(m.tiers || []).some(t => near(t[2], um.multiplier))) return 'ตัวคูณ ×' + um.multiplier + ' ไม่ใช่ขั้นใดใน rules_used';
    return '';
  }
  const g = comps.gate, gate = bd.gmv_gate || {};
  if (!g || g.off) return 'rules_used ไม่มีเกตพอร์ต';
  const gHit = _commMatchTierInRule(asRule(g), pct);
  if (!gHit || !near(gHit.payout_value, gate.cap_multiplier)) return 'เกต ×' + gate.cap_multiplier + ' ไม่ตรงกับขั้นใน rules_used';
  const sku = bd.upsell_sku || {};
  const cb = comps.category_bonus || {};
  const rateMap = { categoryRates: cb.category_rates || {}, groupRates: cb.group_rates || {} };
  const partProblem = (part, c, label, minKey) => {
    const s0 = sku[part] || {}, groups = s0.groups || [];
    if (!c) return 'rules_used ไม่มี ' + label;
    if (c.off) return (groups.length || !near(s0.comm, 0)) ? label + ' ถูกปิดในเกณฑ์แต่ยังจ่าย' : '';
    for (const gr of groups) {
      const want = _commUpsellRateFor(rateMap, c.rate, gr.category, gr.groupKey);
      if (!near(want, gr.applied_rate)) return label + ' กลุ่ม ' + gr.groupKey + ' จ่ายอัตรา ' + gr.applied_rate + ' แต่ rules_used บอก ' + want;
      if (minKey && c[minKey] != null && !(Number(gr.total_gmv) >= Number(c[minKey]))) return label + ' กลุ่ม ' + gr.groupKey + ' ต่ำกว่าขั้นต่ำใน rules_used';
    }
    return '';
  };
  const pp = partProblem('p1', comps.p1, 'P1', 'min_gmv_thb') || partProblem('p3', comps.p3, 'P3', null);
  if (pp) return pp;
  const ex = comps.expansion, uo = bd.upsell_outlet || {};
  if (!ex) return 'rules_used ไม่มี Expansion';
  const wantEx = ex.off ? 0 : (Number(uo.outlet_gmv) || 0) * Number(ex.rate);
  if (!near(wantEx, uo.commission)) return 'Expansion ฿' + uo.commission + ' ไม่ตรงกับอัตราใน rules_used';
  const ho = comps.handover, h = bd.handover || {};
  if (!ho) return 'rules_used ไม่มี Handover';
  if (ho.off && !near(h.payout, 0)) return 'Handover ถูกปิดในเกณฑ์แต่ยังจ่าย';
  if (!ho.off && Number(h.payout) > 0) {
    const b = (ho.gmv_tiers || []).find(x => x && x.label === h.gmv_tier_label);
    if (!b || !(b.thresholds || []).some(t => near(t.payout, h.payout))) return 'Handover ฿' + h.payout + ' ไม่อยู่ในถังของ rules_used';
  }
  return '';
}

// ── งวดแบบใหม่: ปิดงานแถวของรอบคิด (ยังอยู่ในหน้าต่างรอบคิด ไม่มี await) ──────────────────────
// 1) แปลง/ตัดแถว: TL ไม่เข้าเกณฑ์ → แถว "ไม่เข้าเกณฑ์" · หัวหน้าทีมไม่มีแถว KAM เลย (รวมแถว skipped จากด่านเข้า/ออก — minor 7)
// 2) ทุกแถวจด rules_used จากแผน + ก้อนเกณฑ์ที่ตัวคิดรายคนใช้จ่ายจริง และแผนในแถว (assigned_plan_id / config_snapshot)
//    เป็นแผนเดียวกันนั้น (ตัวสร้างแถวเดิมถามตัวหาแผนแบบเก่า _commResolveAssignment ซึ่งเป็นคู่แฝดที่แก้ไม่ได้)
// 3) ตรวจย้อน: เงินในแถว = ที่ rules_used บอก (_commPaidVsRulesUsed) · ของค้างใน Cockpit ต้องยังว่าง
// แถวว่าง (ตัวสร้างแถวปฏิเสธ) ⇒ รวมเหตุแบบละเอียดของรอบนี้แล้วคืน '' ให้ทางเดิมแจ้งเตือน
// คืน '' = เขียนได้ · ไม่งั้นเหตุภาษาไทย
function _commFinishExplicitRows(period, rows, run, pre) {
  if (!Array.isArray(rows)) return 'ตัวสร้างแถวไม่คืนรายการแถว';
  if (!rows.length) {
    if (run && run.refusals.length) {
      // เหตุแบบละเอียดของงวดแบบใหม่แทนข้อความกลาง ๆ ของตัวสร้าง snapshot (คนเดียวกันไม่ซ้ำ)
      const _who = x => (String(x).match(/([a-z_]+:\S+)$/i) || [])[1] || '';
      const _seen = new Set(run.refusals.map(_who));
      const _prev = (window._commLastRefusal && window._commLastRefusal.period === period) ? window._commLastRefusal.refused : [];
      try {
        window._commLastRefusal = { period, at: Date.now(),
          refused: run.refusals.concat((_prev || []).filter(x => !_seen.has(_who(x)))) };
      } catch (e) {}
    }
    return '';
  }
  if (!run) return 'รอบคิดเงินถูกปิดก่อนจดเกณฑ์ที่ใช้ — กดคำนวณใหม่';
  const _ctxOf = r => run.ctx[String(r.beneficiary_role) + '|' + String(r.beneficiary_email || '').toLowerCase()] || null;
  const _actorX = (currentUserProfile && currentUserProfile.email) || '';
  const _pol = _nrrGovGet(period, 'all', 'all');
  const _kept = rows.filter(r => !(r.beneficiary_role === 'kam' && ((_ctxOf(r) || {}).excluded_tl || _commIsTlPerson(r.beneficiary_email))))
    .map(r => {
      const c = _ctxOf(r);
      if (r.beneficiary_role === 'tl' && c && c.skip) {
        return _commSkippedRow(period, 'tl', r.beneficiary_email, r.beneficiary_email,
          (r.breakdown && r.breakdown.team_lead_name) || r.beneficiary_email, c.skip, _actorX);
      }
      return r;
    });
  rows.splice(0, rows.length, ..._kept);
  // R1-5: ทุกแถวจดเกณฑ์ที่ใช้จริง (rules_used schema 1 จาก domain) รุ่นแอป โหมดคิดเงิน และเดือนฐาน
  const _build = _commEngineBuild();
  const _baseMonth = (_pol && _pol.commission_mode === 'quarterly' && _pol.base_month) ? _pol.base_month : _commPeriodShift(period, -1);
  const _prov = Object.assign({}, (pre && pre.provenance) || {}, { engine_build: _build });
  const _noRules = [], _mismatch = [];
  rows.forEach(r => {
    const bd = r.breakdown || (r.breakdown = {});
    bd.engine_build = _build;
    bd.commission_mode = (_pol && _pol.commission_mode) || null;
    bd.base_month = _baseMonth;
    if (bd.type === 'skipped') return;   // ไม่เข้าเกณฑ์ = ไม่มีเกณฑ์ให้จด
    const c = _ctxOf(r);
    const ru = (c && c.resolution) ? _commRulesUsedFor(c.resolution, c.components, c.policy || _pol, _prov, r.beneficiary_role) : null;
    if (!ru) { _noRules.push(r.beneficiary_role + ':' + r.beneficiary_email); return; }
    bd.rules_used = ru;
    // แผนในแถว = แผนที่จ่ายจริง
    const nrrC = c.components && c.components.components && c.components.components.nrr;
    r.assigned_plan_id = (ru.plan && ru.plan.id) || null;
    bd.config_snapshot = Object.assign({}, bd.config_snapshot || {}, {
      assigned_plan_code: c.resolution.planCode, assigned_plan_id: r.assigned_plan_id, plan_resolution: c.resolution,
      nrr_tiers_used: (nrrC && !nrrC.off) ? (nrrC.tiers || []).map(t => ({ min_value: t.min_value, max_value: t.max_value, payout_value: t.payout_value })) : null });
    const why = _commPaidVsRulesUsed(r);
    if (why) _mismatch.push(why + ' ' + r.beneficiary_role + ':' + r.beneficiary_email);
  });
  if (_noRules.length) return 'จดเกณฑ์ที่ใช้ลงแถวไม่ได้ ' + _noRules.length + ' แถว (' + _noRules.slice(0, 3).join(', ') + ')';
  if (_mismatch.length) return 'เงินที่คิดได้ไม่ตรงกับเกณฑ์ที่จดลงแถว ' + _mismatch.length + ' แถว: ' + _mismatch.slice(0, 3).join(' · ');
  // ของค้างใน Cockpit ต้องยังว่างตลอดรอบ (ตัวอ่านที่เป็นคู่แฝดแก้ไม่ได้ เช่น _commResolveAssignment ก็อ่านไม่เจอ)
  if (_commHasPendingChanges()) return 'มีเกณฑ์ที่แก้ค้างเกิดขึ้นระหว่างสร้างแถว — กดคำนวณใหม่';
  return '';
}

// ── Upsell SKU Engine ───────────────────────────────────────────
// Returns { p1, p3, total_comm, total_gmv, tl_upsell_base }
// p1: { gmv, comm, groups:[{group_key,total_gmv,commission}] }
// p3: { gmv_incremental, comm, groups:[{group_key,existing_curr,max_baseline,...}] }
// v836: in quarterly mode (baseMonthOverride set), walks every ELAPSED month of the
// quarter and sums a continuous qualifying streak ending at the current month — a shop
// that just MAINTAINS an elevated level (not necessarily growing further, since the
// frozen baseline never advances mid-quarter) keeps earning each month, capped at the
// quarter boundary — matching the same algorithm already shipped in
// sql/q3c_upsell_team_summary_v4.sql (the two must be kept in sync). Monthly/rolling
// mode (baseMonthOverride null) is UNCHANGED — evalLabels degenerates to exactly
// [currLabel], i.e. the original single-month behavior.
function _commComputeUpsellSku(kamEmail, expansionIds, baseMonthOverride, planCode, previewResolver, periodOverride) {
  // v244: expansionIds = Set of outlet IDs classified as expansion (from bulkOutletsData)
  // expansion outlets earn 1.5% via _commComputeUpsellOutlet — excluded from P1/P3 here
  // baseMonthOverride (optional): '2026-06' for quarterly Q3 — pins P1/P3 3M lookback window.
  //   null → rolling MoM (existing behavior unchanged)
  // v_augfix: periodOverride (optional, appended LAST so every existing 3- and
  //   5-arg call site is untouched) pins WHICH month's GMV is evaluated. Without
  //   it the month came from the real clock alone, so a snapshot stamped
  //   '2026-08' could legitimately contain July's numbers. When it is supplied
  //   and that month isn't in the loaded file, this returns null rather than the
  //   ฿0 EMPTY object — ฿0 is indistinguishable from "genuinely earned nothing",
  //   and that ambiguity is precisely what let the bad August draft look normal.
  const _expIds = expansionIds instanceof Set ? expansionIds : new Set();
  const EMPTY = { p1:{gmv:0,comm:0,groups:[]}, p3:{gmv_incremental:0,comm:0,groups:[]},
                  total_comm:0, total_gmv_eligible:0, tl_upsell_base:0 };
  try {
    if (!bulkUpsellData || !bulkUpsellData.loaded) return periodOverride ? null : EMPTY;
    const byKam = bulkUpsellData.byKam || {};
    const baselineGroups = bulkUpsellData.baselineGroups || {};

    // v_augfix: refuse before doing any arithmetic when the caller pinned a
    // month the loaded file doesn't actually contain. monthLabels is recorded at
    // ingest (02_data_pipeline.js) — the file's own contents, not a guess from
    // the clock. Absent (older cached parse) → skip the check rather than
    // refuse everything.
    if (periodOverride) {
      const _want = _commPeriodToLabel(periodOverride);
      const _have = bulkUpsellData.monthLabels;
      if (!_want) return null;
      if (_have && _have.size && !_have.has(_want)) {
        console.warn('[CommEngine] upsell: ขอเดือน ' + _want + ' แต่ไฟล์ไม่มีเดือนนี้ — ปฏิเสธการคำนวณ',
          { kamEmail, มีในไฟล์: Array.from(_have) });
        return null;
      }
    }

    // Q3C CSV uses ka_owner (display name) as key, not email.
    // Map: kamEmail → kamName via portviewBulkData for lookup.
    const _pvRow = (portviewBulkData || []).find(r => r.kamEmail === kamEmail);
    const _kamKey = (_pvRow && _pvRow.kamName) ? _pvRow.kamName : kamEmail;
    const kamData = byKam[_kamKey] || byKam[kamEmail] || {};
    // v_augfix: bulkUpsellData.loaded is a GLOBAL flag — it flips true as soon as
    // any one KAM's bundle arrives. An empty kamData therefore means "this
    // person's bundle was never fetched", not "they earned nothing". Safe to
    // report ฿0 on the live no-period views (unchanged), but a pinned period is
    // writing a payout record, so refuse instead of banking the ambiguity.
    if (Object.keys(kamData).length === 0) return periodOverride ? null : EMPTY;

    const baselineSet = baselineGroups[_kamKey] || baselineGroups[kamEmail] || {};

    const currLabel  = _commCurrentMonthLabel();
    // [quarterly] anchor to fixed base_month; [monthly] rolling (unchanged)
    const baseLabel  = baseMonthOverride
      ? _commBaseMonthLabels(baseMonthOverride, 1)[0]
      : _commBaselineMonthLabel();
    // v836: months to classify+sum — every elapsed quarter month up to "today" when
    // quarterly, else just the single current month (original behavior, unchanged).
    // v_augfix: only the LAST entry is ever read (see :lbl below), and it must be
    // the month the caller asked for — not whatever month the clock lands on.
    // _commUpsellEvalLabel returns the old clock-derived answer when no period is
    // pinned, so the no-period call sites are byte-identical to before.
    const evalLabels = [_commUpsellEvalLabel(periodOverride, baseMonthOverride)];
    console.log('%c[Sense Upsell] compute','color:#f0b000',
      {kamEmail, kamKey:_kamKey, currLabel, baseLabel, evalLabels, accounts:Object.keys(kamData).length});

    // v878 (phase 4): Config — prefer the assigned scheme's own per-component
    // rule (metric_code='upsell_gmv', metric_variant='p1_new_sku'/'p3_growth')
    // when one exists; otherwise fall back to the legacy global target_settings
    // blob exactly as before (this is the only path today until a scheme is
    // migrated — see the phase-4 seed migration). P1's rate/min-gmv live on
    // the tier row (min_value=gate, payout_value=rate); P3's rate lives on
    // the tier row too, but threshold_pct/min_incremental aren't tier
    // boundaries so they live in the rule's own `params` instead.
    const p1Rule = planCode ? _commResolveRuleForMetric(planCode, 'upsell_gmv', 'p1_new_sku', previewResolver) : null;
    const p3Rule = planCode ? _commResolveRuleForMetric(planCode, 'upsell_gmv', 'p3_growth', previewResolver) : null;
    const p1Tier = (p1Rule && p1Rule.active && p1Rule.tiers[0]) ? p1Rule.tiers[0] : null;
    const p3Tier = (p3Rule && p3Rule.active && p3Rule.tiers[0]) ? p3Rule.tiers[0] : null;

    const p1Rate     = p1Tier ? Number(p1Tier.payout_value) : _commGetConfig('upsell_sku', 'p1_rate', 0.01);       // v835-fix: default was 0.03, live Supabase = 0.01 (changed 2026-06-11, default never updated)
    const p3Rate     = p3Tier ? Number(p3Tier.payout_value) : _commGetConfig('upsell_sku', 'p3_rate', 0.01);       // v835-fix: default was 0.03, live Supabase = 0.01
    const p3Thresh   = (p3Rule && p3Rule.params.threshold_pct != null) ? Number(p3Rule.params.threshold_pct) : _commGetConfig('upsell_sku', 'p3_threshold_pct', 2.00); // 150% = 50% growth
    const p3MinIncr  = (p3Rule && p3Rule.params.min_incremental != null) ? Number(p3Rule.params.min_incremental) : _commGetConfig('upsell_sku', 'p3_min_incremental', 8000); // v835-fix: default was 5000, live Supabase = 8000
    // v_p3gate: ตารางประตูของชุดนี้ ถ้าไม่มี = ทางเดิมทุกบรรทัด
    const p3Gates    = (p3Rule && Array.isArray(p3Rule.params.gates)) ? p3Rule.params.gates : null;
    const p1MinGmv   = (p1Tier && p1Tier.min_value != null) ? Number(p1Tier.min_value) : _commGetConfig('upsell_sku', 'p1_min_gmv', 5000);       // ฿5,000 gate for P1 (spec)

    // v_catbonus: shared per-category/group override map (applies to both P1
    // and P3). Empty when unconfigured → _commUpsellRateFor returns the base
    // p1Rate/p3Rate, i.e. no behavior change. groupCategory maps a groupKey
    // to its category_high_level (carried on the ingested rows, since a bare
    // group_key string can't be mapped to a category in JS otherwise).
    const _rateMap = _commResolveUpsellRateMap(planCode, previewResolver);
    const _groupCategory = (bulkUpsellData && bulkUpsellData.groupCategory) || {};

    // MTD mode — commission on actual amounts, no projection
    // MTD mode — actual MTD vs full month baseline, no day scaling
    let daysElapsed = new Date().getDate();
    try {
      const sample = (portviewBulkData || []).find(r => r.kamEmail === kamEmail);
      if (sample && sample.daysElapsed > 0) daysElapsed = sample.daysElapsed;
    } catch(e) {}

    const p1Groups = [];
    const p3Groups = [];

    // v2: loop outlet × group_key (previously account × group_key)
    // baselineSet now: baselineSet[accountId][outletId] = Set<groupKey>  (3-month lookback)
    // legacy fallback: if baselineSet[accountId] is a Set (old format), wrap as {_all: Set}
    Object.keys(kamData).forEach(accountId => {
      const acctData = kamData[accountId];
      // Detect format: new = {outletId: {groupKey: {...}}}  legacy = {groupKey: {monthLabel: {...}}}
      const firstKey = Object.keys(acctData)[0] || '';
      const firstVal = acctData[firstKey];
      const isNewFormat = firstVal && typeof firstVal === 'object' &&
                          Object.values(firstVal)[0] && typeof Object.values(Object.values(firstVal)[0])[0] === 'object';
      const outletMap = isNewFormat ? acctData : { _all: acctData };
      const baselineByOutlet = baselineSet[accountId] || {};
      const legacySet = baselineByOutlet instanceof Set ? baselineByOutlet : null;

      Object.keys(outletMap).forEach(outletId => {
        // v244: skip expansion outlets — earn 1.5% via outlet commission, not P1/P3
        if (_expIds.has(String(outletId))) return;
        const outletGroups = outletMap[outletId];
        // outlet-level baseline: 3-month lookback
        const outletBaseline = legacySet || (baselineByOutlet[outletId] instanceof Set
          ? baselineByOutlet[outletId]
          : new Set());

        Object.keys(outletGroups).forEach(groupKey => {
          const monthData = outletGroups[groupKey];
          // v2 P1: outlet ไม่เคยซื้อ group_key นี้ใน 3 เดือนย้อนหลัง — a STABLE property of
          // this (account,outlet,groupKey) triple once the baseline is frozen (quarterly
          // mode never updates outletBaseline mid-quarter), so an item is either always-P1
          // or always-P3-eligible for the whole quarter, never both, never changing month
          // to month — matches the SQL's identical reasoning.
          const isP1 = !outletBaseline.has(groupKey);

          // v880-fix: was classifying EVERY evaluated month then summing a
          // trailing "streak" of qualifying months together (v836) — Bush's
          // worked example (Avo/Mango/Apple, 2026-07-19) confirmed this is
          // wrong: an item stays ELIGIBLE for the rest of the quarter once it
          // first qualifies, but each month's commission is that month's OWN
          // current GMV alone, never summed with prior months (e.g. Mango
          // drops to 0 in Aug — it doesn't "keep" July's 40k contribution).
          // Only the current (last evaluated) month is tested/used now — in
          // monthly/rolling mode evalLabels already has exactly 1 entry, so
          // this is a no-op there.
          const lbl = evalLabels[evalLabels.length - 1];
          const row = monthData[lbl];
          if (!row) return;
          const rawTotalGmv = row.totalGmv || 0;
          const rawExistingGmv = row.existingGmv || 0;

          // v_catbonus: category of this group_key (for the override lookup)
          const _cat = _groupCategory[groupKey];

          if (isP1) {
            // P1: outlet × group_key ใหม่ — this month's own total GMV × rate
            if (rawTotalGmv < p1MinGmv) return;
            const _r = _commUpsellRateFor(_rateMap, p1Rate, _cat, groupKey);
            p1Groups.push({ accountId, outletId, groupKey, category: _cat || null, applied_rate: _r,
              total_gmv: rawTotalGmv, commission: rawTotalGmv * _r });
            return;
          }

          // P3: existing outlet ซื้อเพิ่มจาก max_baseline — baseline window is
          // ALWAYS the same frozen 3-month pool regardless of which elapsed
          // month we're evaluating (baseline never drifts within the quarter).
          let maxBaseline = 0, maxBaselineMonth = baseLabel;
          const _p3Labels = _commBaseMonthLabels(baseMonthOverride, 3);
          for (let i = 0; i < _p3Labels.length; i++) {
            const l = _p3Labels[i];
            const lRow = monthData[l];
            if (!lRow) continue;
            const d = _commDaysInLabel(l);
            const norm30 = d > 0 ? lRow.totalGmv / d * 30 : lRow.totalGmv;
            if (norm30 > maxBaseline) { maxBaseline = norm30; maxBaselineMonth = l; }
          }
          // v313: ปรับจำนวนวันทั้งสองฝั่งให้เหมือนกัน (บุชชี่เคาะ 9 ก.ย. 2026)
          // เดิมฐานถูกปรับเป็น 30 วันแล้ว (norm30 ข้างบน) แต่ยอดเดือนปัจจุบันใช้ตัวดิบ
          // ⇒ เดือน 31 วันดูโตกว่าความจริงราว 3% เพราะเทียบ 31 วันกับ 30 วัน
          // NRR และ Handover ปรับทั้งสองฝั่งอยู่แล้ว P3 เป็นตัวเดียวที่หลุด จึงแก้ให้ตรงกัน
          const _currDays = _commDaysInLabel(lbl);
          const currNorm = _currDays > 0 ? rawExistingGmv / _currDays * 30 : rawExistingGmv;
          const incremental = currNorm - maxBaseline;
          // v_p3gate: ดูขนาดส่วนเพิ่มก่อน แล้วค่อยรู้ว่าต้องใช้ตัวคูณเท่าไหร่
          // ลำดับนี้กลับกับของเดิม (เดิมเช็คตัวคูณก่อน) เพราะประตูขึ้นกับส่วนเพิ่ม
          const _g3 = _commP3GateFor(p3Gates, incremental, p3Thresh, p3MinIncr);
          if (!_g3) return;
          if (incremental < _g3.min_incremental) return;
          if (currNorm <= maxBaseline * _g3.threshold_pct) return;
          const _r3 = _commUpsellRateFor(_rateMap, p3Rate, _cat, groupKey);
          p3Groups.push({ accountId, outletId, groupKey, category: _cat || null, applied_rate: _r3,
            existing_curr: currNorm,
            existing_curr_raw: rawExistingGmv,
            curr_days: _currDays,
            max_baseline: maxBaseline,
            max_baseline_month: maxBaselineMonth,
            gate_used: _g3.gate, gate_threshold_pct: _g3.threshold_pct,
            gate_min_incremental: _g3.min_incremental,
            incremental: incremental, commission: incremental * _r3 });
        });
      });
    });

    const p1Gmv  = p1Groups.reduce((s,g) => s + g.total_gmv, 0);
    const p1Comm = p1Groups.reduce((s,g) => s + g.commission, 0);
    const p3Incr = p3Groups.reduce((s,g) => s + g.incremental, 0);
    const p3Comm = p3Groups.reduce((s,g) => s + g.commission, 0);
    console.log('%c[Sense Upsell] ✓ result','color:'+((p1Comm+p3Comm)>0?'var(--tk-ok-bright)':'#aaa')+';font-weight:bold',
      {kamEmail, currLabel, p1_groups:p1Groups.length, p1_gmv:Math.round(p1Gmv), p1_comm:Math.round(p1Comm),
       p3_groups:p3Groups.length, p3_incr:Math.round(p3Incr), p3_comm:Math.round(p3Comm),
       total_comm:Math.round(p1Comm+p3Comm),
       warn:(p1Groups.length+p3Groups.length)===0?'⚠️ no groups — currLabel not in CSV?':''});

    return {
      p1: { gmv: p1Gmv, comm: p1Comm, groups: p1Groups },
      p3: { gmv_incremental: p3Incr, comm: p3Comm, groups: p3Groups },
      total_comm: p1Comm + p3Comm,
      total_gmv_eligible: p1Gmv + p3Incr,
      tl_upsell_base: p1Gmv + p3Incr  // TL multiplier uses P1+P3 incremental only
    };
  } catch(e) {
    console.warn('[CommEngine] _commComputeUpsellSku error', e);
    // R1-3 d (twin: nrrComputeUpsellSkuWithParams): งวดแบบใหม่ที่ปักหมุดเดือน (ทางเงิน) — พังกลางทาง = คิดไม่ได้
    // คืนเหตุที่ผู้เรียกแปลงเป็น "ปฏิเสธ" ไม่ใช่ ฿0 ที่ดูเหมือนจริง · งวดเก่า/จอสด ทางเดิมทุกตัวอักษร
    if (periodOverride && _commIsExplicit(periodOverride)) {
      return { refused: true, refuse_code: 'upsell_error', refuse_th: 'คำนวณ P1/P3 ไม่สำเร็จ: ' + ((e && e.message) || e) };
    }
    return { p1:{gmv:0,comm:0,groups:[]}, p3:{gmv_incremental:0,comm:0,groups:[]},
             total_comm:0, total_gmv_eligible:0, tl_upsell_base:0 };
  }
}

// ── Upsell quarter timeline (v_qtrux) ───────────────────────────
// Rep-facing "จ่ายทั้งไตรมาส" data: for ONE qualified group (an entry from
// _commComputeUpsellSku().p1/p3.groups), build its month-by-month quarter
// journey from the same bulkUpsellData the engine computed from. Twin of
// nrrUpsellQuarterTimeline (src/nrr/nrr_commission.js) — same shape, keep
// in lockstep. Display-only: never feeds payout math.
// Returns null when data is missing; otherwise:
// { months:[{label, state:'paid'|'mtd'|'future'|'none', comm, estimated}],
//   status:'new'|'kept'|'growing'|'stopped', quarterTotal, isLastMonth,
//   projectionReady }
function _upsellQuarterTimeline(kamEmail, group, kind, baseMonthOverride) {
  try {
    if (!baseMonthOverride || !bulkUpsellData || !bulkUpsellData.loaded || !group) return null;
    const byKam = bulkUpsellData.byKam || {};
    const _pvRow = (portviewBulkData || []).find(r => r.kamEmail === kamEmail);
    const _kamKey = (_pvRow && _pvRow.kamName) ? _pvRow.kamName : kamEmail;
    const kamData = byKam[_kamKey] || byKam[kamEmail] || {};
    const acct = kamData[group.accountId] || {};
    const outletGroups = (acct[group.outletId] || acct._all || {});
    const monthData = outletGroups[group.groupKey] || {};

    // The quarter's own 3 months (base+1..+3) — forward-walking WITHOUT the
    // elapsed cap _commElapsedQuarterLabels applies.
    const parts = baseMonthOverride.split('-');
    const baseYr = parseInt(parts[0], 10), baseMo = parseInt(parts[1], 10);
    const qLabels = [1, 2, 3].map(i => {
      const d = new Date(baseYr, baseMo - 1 + i, 1);
      return _TH_MONTHS[d.getMonth()] + ' ' + (d.getFullYear() + 543);
    });
    // v_qsum: EN month abbreviation per quarter slot, same index as qLabels —
    // display-only companion for compact UI (see _EN_MONTHS_SHORT above).
    const qLabelsEn = [1, 2, 3].map(i => {
      const d = new Date(baseYr, baseMo - 1 + i, 1);
      return _EN_MONTHS_SHORT[d.getMonth()];
    });
    const currLabel = _commCurrentMonthLabel();
    const currIdx = qLabels.indexOf(currLabel);
    if (currIdx === -1) return null; // current month not in this quarter — stale config

    // Gates: same resolution defaults the engine uses (display parity; a
    // per-scheme override of GATES [not rate] would drift here — accepted,
    // rate itself always comes from group.applied_rate which IS per-scheme).
    const p1MinGmv  = _commGetConfig('upsell_sku', 'p1_min_gmv', 5000);
    const p3Thresh  = _commGetConfig('upsell_sku', 'p3_threshold_pct', 2.00);
    const p3MinIncr = _commGetConfig('upsell_sku', 'p3_min_incremental', 8000);
    const rate = Number(group.applied_rate) || 0;

    // Qualified commission for one month's raw row, per the SAME gates the
    // engine applies — 0 when the month doesn't qualify (stopped / below gate).
    // v_gmv: also returns the GMV that the rate was applied to (raw totalGmv
    // for P1, incremental-over-baseline for P3) — the "cause" half of the
    // "GMV × rate = ค่าคอมฯ" formula shown alongside every month cell.
    // `has` distinguishes true zero (no purchase at all that month — the
    // group hadn't started yet) from a real-but-below-gate purchase (bought
    // something, just not enough to qualify) — the render layer uses this to
    // pick "ยังไม่ขาย" vs "ไม่ถึงเกณฑ์" for the same 'none' state.
    function monthComm(lbl) {
      const row = monthData[lbl];
      if (!row) return { comm: 0, has: false, gmv: 0 };
      if (kind === 'p1') {
        const g = row.totalGmv || 0;
        return { comm: g >= p1MinGmv ? g * rate : 0, has: g > 0, gmv: g };
      }
      const ex = row.existingGmv || 0;
      const base = Number(group.max_baseline) || 0; // frozen all quarter
      const incrRaw = ex - base;
      if (ex <= base * p3Thresh) return { comm: 0, has: ex > 0, gmv: Math.max(0, incrRaw) };
      return { comm: incrRaw >= p3MinIncr ? incrRaw * rate : 0, has: ex > 0, gmv: incrRaw };
    }

    // Current-month full-month projection (run-rate) for the future cells —
    // GMV projected the same way as commission (same rate, so they stay
    // internally consistent: projectedGmvFull * rate ≈ projectedFull).
    let daysElapsed = new Date().getDate();
    try {
      const sample = (portviewBulkData || []).find(r => r.kamEmail === kamEmail);
      if (sample && sample.daysElapsed > 0) daysElapsed = sample.daysElapsed;
    } catch (e) {}
    const daysInCurr = _commDaysInLabel(currLabel);
    const mtdComm = Number(group.commission) || 0;
    const mtdGmv = kind === 'p1' ? (Number(group.total_gmv) || 0) : (Number(group.incremental) || 0);
    const projectionReady = daysElapsed >= 5; // run-rate too noisy before day 5
    const projectedFull = daysElapsed > 0 ? mtdComm / daysElapsed * daysInCurr : mtdComm;
    const projectedGmvFull = daysElapsed > 0 ? mtdGmv / daysElapsed * daysInCurr : mtdGmv;

    const months = qLabels.map((lbl, i) => {
      const labelEn = qLabelsEn[i];
      if (i < currIdx) {
        const m = monthComm(lbl);
        // 'none' = ยังไม่เกิด (group ยังไม่ qualify เดือนนั้น) → แสดง "—"
        return { label: lbl, labelEn, state: m.comm > 0 ? 'paid' : 'none', comm: m.comm, gmv: m.gmv, hasGmv: m.has, estimated: true };
      }
      if (i === currIdx) return { label: lbl, labelEn, state: 'mtd', comm: mtdComm, gmv: mtdGmv, estimated: false };
      return { label: lbl, labelEn, state: 'future', comm: projectionReady ? projectedFull : null, gmv: projectionReady ? projectedGmvFull : null, estimated: true };
    });

    const paidSum = months.filter(m => m.state === 'paid').reduce((s, m) => s + m.comm, 0);
    const futureSum = months.filter(m => m.state === 'future' && m.comm != null).reduce((s, m) => s + m.comm, 0);
    const isLastMonth = currIdx === qLabels.length - 1;
    const quarterTotal = paidSum + (isLastMonth ? mtdComm : (projectionReady ? projectedFull : mtdComm)) + futureSum;

    // v_qsum: GMV mirror of quarterTotal — same fold, different field — so a
    // "GMV upsell ทั้งไตรมาส" summary can sit next to "ค่าคอมฯ ทั้งไตรมาส"
    // without re-deriving the quarter math a second way.
    const paidGmvSum = months.filter(m => m.state === 'paid').reduce((s, m) => s + (m.gmv || 0), 0);
    const futureGmvSum = months.filter(m => m.state === 'future' && m.gmv != null).reduce((s, m) => s + m.gmv, 0);
    const quarterTotalGmv = paidGmvSum + (isLastMonth ? mtdGmv : (projectionReady ? projectedGmvFull : mtdGmv)) + futureGmvSum;

    const anyPriorPaid = months.some((m, i) => i < currIdx && m.state === 'paid');
    const lastPaid = [...months].reverse().find((m, ri) => months.length - 1 - ri < currIdx && m.state === 'paid');
    let status = 'new';
    if (anyPriorPaid) {
      status = 'kept';
      if (projectionReady && lastPaid && projectedFull > lastPaid.comm * 1.1) status = 'growing';
    }
    return { months, status, quarterTotal, quarterTotalGmv, isLastMonth, projectionReady };
  } catch (e) {
    console.warn('[CommEngine] _upsellQuarterTimeline error', e);
    return null;
  }
}
window._upsellQuarterTimeline = _upsellQuarterTimeline;

// v_qsum: lightweight Expansion quarter-total estimate — same "จ่ายทุกเดือน"
// message as P1/P3 (Bush: "text set นี้จริงๆ ต้องมีให้กับ expansion เหมือนกัน
// เพราะจ่ายทุกเดือนเหมือนกัน"), but at outlet-aggregate level — Expansion has
// no item-family granularity, so this returns only the minimal shape the L1
// sub-line needs ({quarterTotal, isLastMonth, projectionReady}), not a full
// per-month breakdown with dots/calendar. Scans bulkQnrrData rows directly
// (movement_type==='expansion') rather than reusing bulkUpsellData, since
// Expansion's commission source is the QNRR bundle, not the upsell bundle.
function _commExpansionQuarterEstimate(kamEmail, baseMonthOverride) {
  try {
    if (!baseMonthOverride || !bulkQnrrData || !bulkQnrrData.loaded) return null;
    const rate = _commGetConfig('upsell_outlet', 'rate', 0.005);
    const parts = baseMonthOverride.split('-');
    const baseYr = parseInt(parts[0], 10), baseMo = parseInt(parts[1], 10);
    const qIso = [1, 2, 3].map(i => {
      const d = new Date(baseYr, baseMo - 1 + i, 1);
      return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0');
    });
    // Same lag-1 anchor as the rest of the engine (_commLagDate) — not a bare
    // `new Date()` — so "current month" agrees with every other commission
    // figure on this same sheet at a month boundary.
    const lag = _commLagDate();
    const currIso = lag.getFullYear() + '-' + String(lag.getMonth() + 1).padStart(2, '0');
    const currIdx = qIso.indexOf(currIso);
    if (currIdx === -1) return null;

    // งวดแบบใหม่: อัตรา Expansion ของแต่ละเดือนจากแผนของคนนี้เดือนนั้น (RuleView) — ไม่ใช่ค่ากลาง · หาไม่ได้ ⇒ ไม่ประมาณ (null)
    const _rates = qIso.map(iso => _commIsExplicit(iso) ? _commPlanPartOf(iso, kamEmail, 'expansion') : { rate });
    if (_rates.some(r => !r)) return null;
    const rateOf = i => (_rates[i].off ? 0 : Number(_rates[i].rate));
    const rows = (bulkQnrrData.byKamEmail && bulkQnrrData.byKamEmail[kamEmail]) || [];
    function gmvForMonth(iso) {
      let g = 0;
      rows.forEach(r => { if (r.period_month === iso && r.movement_type === 'expansion') g += parseFloat(r.curr_gmv) || 0; });
      return g;
    }

    let daysElapsed = new Date().getDate();
    try {
      const sample = (portviewBulkData || []).find(r => r.kamEmail === kamEmail);
      if (sample && sample.daysElapsed > 0) daysElapsed = sample.daysElapsed;
    } catch (e) {}
    const daysInCurr = _commDaysInLabel(_commCurrentMonthLabel());
    const mtdGmv = gmvForMonth(currIso);
    const mtdComm = mtdGmv * rateOf(currIdx);
    const projectionReady = daysElapsed >= 5;
    const projectedComm = daysElapsed > 0 ? mtdComm / daysElapsed * daysInCurr : mtdComm;

    let paidSum = 0;
    for (let i = 0; i < currIdx; i++) paidSum += gmvForMonth(qIso[i]) * rateOf(i);
    const isLastMonth = currIdx === qIso.length - 1;
    const remainingMonths = qIso.length - 1 - currIdx;
    const perFutureMonth = projectionReady ? projectedComm : mtdComm;
    // งวดแบบใหม่: เดือนข้างหน้า = ยอดคาด (GMV) × อัตราของเดือนนั้น · งวดเก่าสูตรเดิมทุกตัวอักษร
    const projGmv = (projectionReady && daysElapsed > 0) ? mtdGmv / daysElapsed * daysInCurr : mtdGmv;
    let futureSum = 0;
    for (let i = currIdx + 1; i < qIso.length; i++) futureSum += projGmv * rateOf(i);
    const quarterTotal = paidSum + mtdComm + (isLastMonth ? 0 : (_commIsExplicit(currIso) ? futureSum : perFutureMonth * remainingMonths));

    return { quarterTotal, isLastMonth, projectionReady };
  } catch (e) {
    console.warn('[CommEngine] _commExpansionQuarterEstimate error', e);
    return null;
  }
}
window._commExpansionQuarterEstimate = _commExpansionQuarterEstimate;

// v_qtrux: groups that EARNED in an earlier elapsed month of the quarter but
// no longer qualify this month — they're absent from _commComputeUpsellSku's
// current groups entirely, yet showing them (gray, ฿0, "ร้านหยุดซื้อ") is the
// strongest possible lesson that the quarter-pay is conditional.
// Returns [{accountId, outletId, groupKey, kind, lastComm, lastLabel}].
function _upsellStoppedGroups(kamEmail, currentGroups, baseMonthOverride) {
  try {
    if (!baseMonthOverride || !bulkUpsellData || !bulkUpsellData.loaded) return [];
    const currentSet = new Set((currentGroups || []).map(g => g.accountId + '|' + g.outletId + '|' + g.groupKey));
    const byKam = bulkUpsellData.byKam || {};
    const baselineGroups = bulkUpsellData.baselineGroups || {};
    const _pvRow = (portviewBulkData || []).find(r => r.kamEmail === kamEmail);
    const _kamKey = (_pvRow && _pvRow.kamName) ? _pvRow.kamName : kamEmail;
    const kamData = byKam[_kamKey] || byKam[kamEmail] || {};
    const baselineSet = baselineGroups[_kamKey] || baselineGroups[kamEmail] || {};
    const elapsed = _commElapsedQuarterLabels(baseMonthOverride);
    if (elapsed.length < 2) return []; // nothing can have "stopped" in month 1
    const priorLabels = elapsed.slice(0, -1);

    const p1MinGmv = _commGetConfig('upsell_sku', 'p1_min_gmv', 5000);
    const p1Rate = _commGetConfig('upsell_sku', 'p1_rate', 0.01);
    // งวดแบบใหม่: ขั้นต่ำ/อัตรา P1 ของแต่ละเดือนจากแผนของคนนี้เดือนนั้น (RuleView) · หาไม่ได้/ปิด ⇒ เดือนนั้นไม่นับว่า "เคยได้"
    const p1Of = lbl => {
      const per = _commLabelPeriod(lbl);
      if (!per || !_commIsExplicit(per)) return { min: p1MinGmv, rate: p1Rate };
      const v = _commPlanPartOf(per, kamEmail, 'p1');
      return (v && !v.off) ? { min: Number(v.min_gmv), rate: Number(v.rate) } : null;
    };
    const out = [];
    Object.keys(kamData).forEach(accountId => {
      const acctData = kamData[accountId];
      const firstVal = acctData[Object.keys(acctData)[0] || ''];
      const isNewFormat = firstVal && typeof firstVal === 'object' &&
        Object.values(firstVal)[0] && typeof Object.values(Object.values(firstVal)[0])[0] === 'object';
      const outletMap = isNewFormat ? acctData : { _all: acctData };
      const baselineByOutlet = baselineSet[accountId] || {};
      const legacySet = baselineByOutlet instanceof Set ? baselineByOutlet : null;
      Object.keys(outletMap).forEach(outletId => {
        const groups = outletMap[outletId];
        const outletBaseline = legacySet || (baselineByOutlet[outletId] instanceof Set ? baselineByOutlet[outletId] : new Set());
        Object.keys(groups).forEach(groupKey => {
          if (currentSet.has(accountId + '|' + outletId + '|' + groupKey)) return;
          if (outletBaseline.has(groupKey)) return; // P1-only scan: P3 stopped needs frozen baseline context — keep scope tight
          const monthData = groups[groupKey];
          for (let i = priorLabels.length - 1; i >= 0; i--) {
            const row = monthData[priorLabels[i]];
            const g = row ? (row.totalGmv || 0) : 0;
            const r1 = p1Of(priorLabels[i]);
            if (r1 && g >= r1.min) {
              out.push({ accountId, outletId, groupKey, kind: 'p1',
                lastComm: g * r1.rate, lastLabel: priorLabels[i] });
              break;
            }
          }
        });
      });
    });
    return out;
  } catch (e) { return []; }
}
window._upsellStoppedGroups = _upsellStoppedGroups;

// ── Upsell Outlet Engine ────────────────────────────────────────
// Returns { outlet_gmv, commission, new_gmv, comeback_gmv }
// Counts non-P1 items at new/comeback outlets only (P1 items excluded — they get 3% via P1)
function _commComputeUpsellOutlet(kamEmail, qnrrRaw, periodOverride, planCode, previewResolver) {
  // v244: rewritten to use bulkOutletsData via _tgtComputeKamNRR (portview logic)
  // Expansion = outlet never seen in any historical data (consistent with portview Expansion tab)
  // Comeback excluded — irregular buying patterns shouldn't earn outlet commission
  // v828: qnrrRaw (optional) = already-computed _qnrrComputeForCommission() result from the
  // caller (_commBuildKamPayout) — when provided, use QNRR-sourced expansion data instead of
  // _tgtComputeKamNRR (MoM). Was previously always MoM even when caller was in quarterly mode,
  // meaning outlets got wrongly INCLUDED in P1/P3 instead of excluded (or vice versa).
  const EMPTY = { outlet_gmv:0, commission:0, expansion_gmv:0, expansion_outlets:[], _expansionIds: new Set() };
  try {
    // v878 (phase 4): prefer the assigned scheme's own rule when one exists.
    const outletRule = planCode ? _commResolveRuleForMetric(planCode, 'upsell_gmv', 'outlet_expansion', previewResolver) : null;
    const outletTier = (outletRule && outletRule.active && outletRule.tiers[0]) ? outletRule.tiers[0] : null;
    const rate = outletTier ? Number(outletTier.payout_value) : _commGetConfig('upsell_outlet', 'rate', 0.005); // v835-fix: default was 0.015, live Supabase = 0.005

    if (qnrrRaw) {
      // v880-fix: v860-fix (2026-07-13) made this cumulative across every
      // elapsed quarter month to "match P1/P3's model" — but confirmed wrong
      // via Bush's own worked example (2026-07-19): a new outlet's Expansion
      // commission each month is that month's OWN current GMV alone (can go
      // up or down month to month — proven since a true cumulative running
      // total could never decrease, and Bush's example has Sep < Aug). The
      // outlet stays ELIGIBLE for Expansion all quarter (that part of "stays
      // in scope" was correct), but the GMV itself must never be summed
      // across months. Reverted to reading only qnrrRaw.currentPeriod's own
      // rows, matching pre-v860 behavior.
      const monthData = qnrrRaw.by_month ? qnrrRaw.by_month[qnrrRaw.currentPeriod] : null;
      const rows = (monthData && monthData.rows) || [];
      const expansionIds = new Set();
      let expansionGmv = 0;
      rows.forEach(r => {
        if (r.movement_type === 'expansion') {
          if (r.outlet_id) expansionIds.add(String(r.outlet_id));
          expansionGmv += parseFloat(r.curr_gmv) || 0;
        }
      });
      return {
        outlet_gmv: expansionGmv,
        commission: expansionGmv * rate,
        expansion_gmv: expansionGmv,
        expansion_outlets: [],
        _expansionIds: expansionIds
      };
    }

    if (typeof _tgtComputeKamNRR !== 'function') return EMPTY;
    const nrrResult = _tgtComputeKamNRR(kamEmail, null, periodOverride);
    if (!nrrResult) return EMPTY;

    // Sum expansion GMV across all cohorts (core + transferIn + newFromSales)
    const expansionGmv = (nrrResult.expansionGmv || 0)
      + (nrrResult.transferIn  && nrrResult.transferIn.expansionGmv  || 0)
      + (nrrResult.newFromSales && nrrResult.newFromSales.expansionGmv || 0);

    // Build expansion outlet ID set — used by _commComputeUpsellSku to exclude from P1/P3
    const expansionIds = new Set();
    const addExpansionIds = (detail) => {
      if (!detail) return;
      (detail.expansionDetail || []).forEach(g =>
        (g.outlets || []).forEach(o => { if(o.outletId) expansionIds.add(String(o.outletId)); })
      );
    };
    addExpansionIds(nrrResult);
    addExpansionIds(nrrResult.transferIn);
    addExpansionIds(nrrResult.newFromSales);

    return {
      outlet_gmv: expansionGmv,
      commission: expansionGmv * rate,
      expansion_gmv: expansionGmv,
      expansion_outlets: [],
      _expansionIds: expansionIds
    };
  } catch(e) {
    console.warn('[CommEngine] _commComputeUpsellOutlet error', e);
    // R1-3 f: งวดแบบใหม่ที่ปักหมุดเดือน — พังกลางทาง = คิดไม่ได้ (null) ไม่ใช่ Expansion ฿0
    if (periodOverride && _commIsExplicit(periodOverride) && _commMoneyRun(periodOverride)) return null;
    return EMPTY;
  }
}

// ── Quarterly drill-down helper (shared) ─────────────────────────────────
// v828: returns a _tgtComputeKamNRR-shaped result { cohortDetail, expansionDetail,
// comebackDetail, cohortCount, cohortGmv, expansionGmv, comebackGmv } built from
// bulkQnrrData instead of MoM bulkHistoryData — used by every drill-down sheet in
// 07b_cds.js so "click for detail" always matches the quarterly total shown above it.
// Returns null if not in quarterly mode or QNRR data unavailable (caller should then
// fall back to its own existing _tgtComputeKamNRR(email,null) call).
function _commQnrrDrillResult(email, scope) {
  try {
    const policy = _nrrGovResolveForVisibleScope();
    if (!policy || policy.commission_mode !== 'quarterly') return null;
    if (typeof window._qnrrComputeForCommission !== 'function') return null;
    const qr = window._qnrrComputeForCommission(email, scope || 'kam');
    if (!qr || !qr.by_month || !qr.currentPeriod) return null;
    const monthData = qr.by_month[qr.currentPeriod];
    const rows = (monthData && monthData.rows) || [];

    function groupByAccount(movementType) {
      const byAcct = {};
      rows.filter(r => r.movement_type === movementType).forEach(r => {
        const aid = r.account_id || r.account_name;
        if (!byAcct[aid]) byAcct[aid] = { acctId: aid, acctName: r.account_name, outlets: [], prevTotal: 0, currTotal: 0 };
        const prev = Math.round(r.base_gmv || 0), curr = Math.round(r.curr_gmv || 0);
        byAcct[aid].outlets.push({ outletId: r.outlet_id, outletName: r.res_name || r.outlet_id, prevGmv: prev, currGmv: curr,
          delta: prev > 0 ? Math.round((curr - prev) / prev * 100) : null });
        byAcct[aid].prevTotal += prev; byAcct[aid].currTotal += curr;
      });
      return Object.values(byAcct);
    }

    const cohortDetail    = groupByAccount('core_nrr');
    const expansionDetail = groupByAccount('expansion');
    const comebackDetail  = groupByAccount('comeback');
    const sumCurr = arr => arr.reduce((s,g)=>s+g.currTotal,0);
    const sumCnt  = arr => arr.reduce((s,g)=>s+g.outlets.length,0);

    return {
      nrr: qr.nrr, cohortCount: sumCnt(cohortDetail), cohortGmv: sumCurr(cohortDetail),
      baselinePrevGmv: qr.baselinePrevGmv,
      comebackGmv: sumCurr(comebackDetail), comebackCount: sumCnt(comebackDetail),
      expansionGmv: sumCurr(expansionDetail), expansionCount: sumCnt(expansionDetail),
      cohortDetail, comebackDetail, expansionDetail,
      // v860-fix: forward daysElapsed/daysInMonth from qr (see the matching
      // fix in 07c_qnrr_view.js's _qnrrComputeForCommission) — 07b_cds.js's
      // rr() helper and totals bar both read nr.daysElapsed/nr.daysInMonth
      // and silently fell back to two different wrong constants when this
      // wrapper dropped them on the floor.
      daysElapsed: qr.daysElapsed, daysInMonth: qr.daysInMonth,
      transferIn: null, newFromSales: null // quarterly mode doesn't split these separately
    };
  } catch(e) { console.warn('[CommEngine] _commQnrrDrillResult error', e); return null; }
}
window._commQnrrDrillResult = _commQnrrDrillResult;

// ── Handover GMV-tier config reader ──────────────────────────────
// gmv_tiers lives in target_settings.handover_params alongside the legacy
// flat scalar keys — an array, so it CANNOT go through _commGetConfig
// (that helper does Number(params[paramName]) on every read, which would
// coerce an array to NaN). Empty/absent => caller falls back to the
// legacy flat 2-tier logic (v90 rollout safety: engine change is a safe
// no-op until an admin populates gmv_tiers via the Cockpit).
// M3 (Bucci อนุมัติ 15 ต.ค. 2569 · spec v2 ใน appendix A §B3): ถัง Handover ของงวดแบบใหม่เลือกด้วย
// bucketByMin ของสูตรกลาง (src/domain/commission/tiers.js) = ถังที่ gmv_min สูงสุดที่ ≤ ยอดฐาน ไม่ดู gmv_max
// ⇒ ฐาน ฿49,999.01–49,999.99 ได้ถังล่าง (เดิมตกช่องว่างระหว่างถัง ได้ ฿0) · /nrr ใช้ตัวเดียวกันผ่าน evalHandover
// คืนฟังก์ชัน หรือ null เมื่อก้อน domain หาย (ผู้เรียกในงวดแบบใหม่ต้องปฏิเสธ ห้ามถอยไปช่วงปิดแบบเดิม)
function _commHoBucketByMin() {
  const T = _commDomainMod('commission/tiers');
  return (T && typeof T.bucketByMin === 'function') ? T.bucketByMin : null;
}
function _commGetHandoverGmvTiers() {
  try {
    const raw = _tgtSettings && _tgtSettings['handover_params'];
    const params = raw ? (typeof raw === 'object' ? raw : JSON.parse(raw)) : null;
    return (params && Array.isArray(params.gmv_tiers)) ? params.gmv_tiers : [];
  } catch(e) { return []; }
}

// ── Handover Retention Engine ───────────────────────────────────
// Uses bulkHandoverData.byNewKamName — accounts that transferred TO this KAM
// Returns { accounts, baseline_gmv, current_gmv, retention_pct, tier, payout,
//           detail[], gmv_tier_label, gmv_bucket_gmv }
// GMV-tier mode (v91): the KAM's AGGREGATE baseline handover GMV (baselineNorm,
// summed across every account handed over this period — not per-account)
// picks one gmv_tiers[] bucket; that bucket's own threshold ladder is then
// applied to the KAM's existing blended retention %. Mirrored byte-for-byte
// in /nrr's nrrComputeHandoverForKam (nrr_commission.js) — keep both in sync,
// this is the SECOND place these two functions must match exactly (see the
// divergence-bug note there).
function _commComputeHandoverRetention(kamEmail, planCode, previewResolver, periodOverride) {
  // V3 Tactic B:
  // - Source: bulkHandoverData.byNewKamName (Q10 V3) แทน portviewBulkData isNew detection
  // - Filter: prevOwner === 'SALE' เท่านั้น (PM/ADMIN/KAM ไม่นับ)
  // - Baseline: baseline_gmv (GMV เต็มเดือนที่โอน) normalize ÷ baselineDays × 30
  // - Current: perf_gmv (GMV เดือน M+1) normalize ÷ perfDays × 30
  // - Window: transfer_month = เดือนก่อน (M-1) เท่านั้น
  const EMPTY = { accounts:0, baseline_gmv:0, current_gmv:0, retention_pct:0,
                  tier:0, payout:0, detail:[], gmv_tier_label:null, gmv_bucket_gmv:0,
                  data_missing:false };
  // HO ครั้งเดียวต่อสาขา: งวดที่จ่าย (P) ไม่ก่อน HO_ONCE_FROM เท่านั้นที่เข้ากติกานี้
  // งวดก่อนหน้า _hoOnce = false ⇒ ทุกบรรทัดข้างล่างเดินทางเดิม ผลลัพธ์เท่าเดิมทุกตัวอักษร
  let _hoOnce = false;
  try {
    const hd = (typeof bulkHandoverData !== 'undefined' && bulkHandoverData)
              ? bulkHandoverData : { byNewKamName:{} };

    const _hoP = _commHoPayPeriod(periodOverride);
    _hoOnce = _commHoOnceApplies(_hoP);
    // ตราประทับของงวดที่ใช้กติกา — lockCommissionSnapshot ไม่ยอมล็อก draft ที่ไม่มีตรานี้
    const _hoStamp = (obj, skipped) => {
      if (!_hoOnce) return obj;
      const out = Object.assign({}, obj, { ho_once_from: HO_ONCE_FROM });
      if (skipped && skipped.length) out.repeat_skipped = skipped;
      return out;
    };

    // หา KAM display name จาก portviewBulkData (byNewKamName index ใช้ชื่อ ไม่ใช่ email)
    const pvAccounts = (portviewBulkData || []).filter(r => r.kamEmail === kamEmail);
    const kamName = pvAccounts.length ? (pvAccounts[0].kamName || '') : '';
    if (!kamName) return _hoStamp(EMPTY);

    // v_hofix: transfer_month ต้องอิง "งวดที่กำลังคิด" ไม่ใช่นาฬิกาเครื่อง
    // ก.ค. ถูกล็อกตอน 1 ส.ค. → นาฬิกาให้ prevMonthLabel='2026-07' แต่ไฟล์ตอนนั้น
    // ยังเป็นรอบที่มี '2026-06' → filter ได้ 0 แถว → KAM ทั้ง 14 คนล็อกที่ ฿0
    // (ยืนยันจาก snapshot จริง: payout 0 + detail [] ทุกแถว)
    // ไม่ส่ง periodOverride มา = เดินทางเดิมด้วยนาฬิกาเครื่องเป๊ะ (เดือนสดไม่เปลี่ยนพฤติกรรม)
    let prevMonthLabel;
    if (periodOverride && /^\d{4}-\d{2}$/.test(periodOverride)) {
      const _pp = String(periodOverride).split('-');
      const _pd = new Date(Number(_pp[0]), Number(_pp[1]) - 1 - 1, 1); // -1 index, -1 เดือนก่อน
      prevMonthLabel = _pd.getFullYear() + '-' + String(_pd.getMonth() + 1).padStart(2, '0');
    } else {
      // v_asof2: เดือนปัจจุบันของข้อมูล (day-1) ไม่ใช่ของวันนี้ — วันที่ 1 เคยเลื่อนไปหนึ่งเดือน
      const now = _commLagDate();
      const prevMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1);
      prevMonthLabel = prevMonth.getFullYear() + '-' +
                       String(prevMonth.getMonth() + 1).padStart(2, '0'); // YYYY-MM
    }

    // v_hofix: เช็คระดับไฟล์ว่าเดือนเป้าหมายมีอยู่ในไฟล์มั้ย — "ไฟล์ไม่มีเดือนนี้เลย"
    // (ข้อมูลขาด) ต้องแยกออกจาก "มีข้อมูลแต่ retention ไม่ถึงเกณฑ์" (฿0 จริง)
    // ไม่งั้นพอล็อกงวดไปแล้วจะแยกสองกรณีนี้ไม่ออกตลอดกาล — ซึ่งคือสิ่งที่เกิดกับ ก.ค.
    const _allHoRows = (hd.rows && hd.rows.length) ? hd.rows : [];
    const _monthPresent = _allHoRows.some(r => (r.transferMonth || '') === prevMonthLabel);
    // สัญญา v4 ข้อ D1: ป้ายสำหรับจอเท่านั้น (งวดที่ใช้กติกา HO ครั้งเดียว) — บอกจอว่าทำไม HO ยังไม่รู้ยอด
    //   ho_file_failed = ไฟล์ Handover ยังไม่ได้โหลด/โหลดไม่สำเร็จ (ตัวอ่านไฟล์ใส่ rows ทุกครั้งที่อ่านสำเร็จ)
    //   ho_file_month  = เดือนโอนที่ไฟล์ไม่มี (ใช้เขียน "ไฟล์ Handover ยังไม่มีเดือน ก.ย.")
    // ตัวสร้าง snapshot เลือกคีย์เองทีละตัว ⇒ สองคีย์นี้ไม่ถูกบันทึก · งวดก่อน ต.ค. 2026 ไม่มีคีย์เพิ่ม ผลเท่าเดิมทุกตัวอักษร
    const MISSING = Object.assign({}, EMPTY, { data_missing: true },
      _hoOnce ? Object.assign({ ho_file_month: prevMonthLabel }, Array.isArray(hd.rows) ? {} : { ho_file_failed: true }) : {});

    // ดึงร้านที่โอนมาหา KAM นี้ จาก Q10 V3
    const hoRows = (hd.byNewKamName && hd.byNewKamName[kamName]) || [];

    // Filter: SALE เท่านั้น + transfer_month = เดือนก่อน
    const handoverRows = hoRows.filter(r =>
      (r.prevOwner || '').toUpperCase() === 'SALE' &&
      r.transferMonth === prevMonthLabel
    );

    // HO ครั้งเดียวต่อสาขา (สัญญา v2 ข้อ A1): ดูแถวของคนนี้ก่อน — ไม่มีร้านรับโอนเดือนนั้นเลย
    // ไม่ต้องรู้รายชื่อสาขาที่นับแล้ว (ไม่ใช่ ledger_missing) · ฿0 จริง หรือไฟล์ไม่มีเดือนนี้ เหมือนเดิม
    if (_hoOnce && !handoverRows.length) return _hoStamp(_monthPresent ? EMPTY : MISSING);
    // มีร้านจริงแต่ไม่มีรายชื่อสาขาที่นับแล้ว = ไม่รู้ว่าร้านไหนซ้ำ ⇒ ห้ามคิด
    // (ไม่ใช่ data_missing ซึ่ง 3 จอแปลว่า "ไฟล์ไม่มีเดือนนี้")
    if (_hoOnce && !_commHoLedgerReady()) {
      return Object.assign({}, EMPTY, { ledger_missing: true, ho_once_from: HO_ONCE_FROM });
    }

    // HO ครั้งเดียวต่อสาขา: สาขาที่เคยถูกนับในงวดอื่นแล้ว ย้ายไป repeat_skipped
    // ไม่รวมทั้งใน % และฐาน GMV (ฐานอาจตกขั้นได้ — ตั้งใจ) · งวดก่อนเส้นเริ่ม countedRows คือ handoverRows ตัวเดิม
    let countedRows = handoverRows;
    const repeatSkipped = [];
    if (_hoOnce) {
      countedRows = [];
      handoverRows.forEach(r => {
        const prevPeriod = _commHoRepeatOf(r.outletId, _hoP);
        if (!prevPeriod) { countedRows.push(r); return; }
        const sbDays = r.baselineDays > 0 ? r.baselineDays : 30;
        const spDays = r.perfDays     > 0 ? r.perfDays     : 30;
        repeatSkipped.push({
          outlet_id:      r.outletId || '',
          account_id:     r.accountId,
          name:           r.accountName,
          transfer_month: r.transferMonth,
          counted_period: prevPeriod,
          baseline:       Math.round((r.baselineGmv || 0) / sbDays * 30),
          current:        Math.round((r.perfGmv     || 0) / spDays * 30)
        });
      });
    }

    if (!countedRows.length) return _hoStamp(_monthPresent ? EMPTY : MISSING, repeatSkipped);

    // Normalize: daily rate × 30 เพื่อให้จำนวนวันแฟร์ทั้งสองฝั่ง
    let baselineNorm = 0, perfNorm = 0;
    const detail = [];
    countedRows.forEach(r => {
      const bDays = r.baselineDays > 0 ? r.baselineDays : 30;
      const pDays = r.perfDays     > 0 ? r.perfDays     : 30;
      const bNorm = (r.baselineGmv || 0) / bDays * 30;
      const pNorm = (r.perfGmv     || 0) / pDays * 30;
      baselineNorm += bNorm;
      perfNorm     += pNorm;
      detail.push({
        account_id:     r.accountId,
        name:           r.accountName,
        oldKamName:     r.kamName || '',
        transfer_month: r.transferMonth,
        baseline:       Math.round(bNorm),
        current:        Math.round(pNorm),
        baseline_raw:   r.baselineGmv || 0,
        perf_raw:       r.perfGmv || 0,
        outlet_id:      r.outletId || ''
      });
    });

    const retentionPct = baselineNorm > 0 ? Math.round((perfNorm / baselineNorm * 100) * 10) / 10 : 0;

    let tier = 0, payout = 0, gmvTierLabel = null;
    // v878 (phase 5): prefer the assigned scheme's own 'handover' rule
    // (nested GMV-tier ladder doesn't fit the flat commission_rule_tiers
    // table, so it lives in the rule's tier_config jsonb column instead —
    // see the phase-1 migration) when one exists; otherwise fall back to
    // the legacy global target_settings blob exactly as before.
    const handoverRule = planCode ? _commResolveRuleForMetric(planCode, 'handover', null, previewResolver) : null;
    const gmvTiers = (handoverRule && handoverRule.active && handoverRule.tier_config && Array.isArray(handoverRule.tier_config.gmv_tiers))
      ? handoverRule.tier_config.gmv_tiers
      : _commGetHandoverGmvTiers();
    if (gmvTiers.length) {
      // GMV-tier mode: aggregate baseline GMV picks ONE bucket, then a
      // best-match scan (highest threshold cleared wins) over that
      // bucket's own ladder. No match (e.g. below the lowest configured
      // gmv_min) => payout ฿0 — an intentional gap, not a fallback.
      // M3: งวดแบบใหม่ใช้ bucketByMin ของสูตรกลาง (ไม่มีช่องว่างระหว่างถัง) · งวดเก่าใช้ช่วงปิดเดิมทุกตัวอักษร
      const _hoExplicit = _commIsExplicit(_hoP);
      const _byMin = _hoExplicit ? _commHoBucketByMin() : null;
      if (_hoExplicit && !_byMin) throw new Error(COMM_DOMAIN_MISSING_TH + ' (commission/tiers)');
      const matched = _byMin ? _byMin(gmvTiers, baselineNorm) : gmvTiers.find(t =>
        baselineNorm >= Number(t.gmv_min || 0) &&
        (t.gmv_max === null || t.gmv_max === undefined || baselineNorm <= Number(t.gmv_max))
      );
      if (matched) {
        gmvTierLabel = matched.label || null;
        const thresholds = (matched.thresholds || []).slice()
          .sort((a, b) => Number(b.min_retention_pct || 0) - Number(a.min_retention_pct || 0));
        // v_round: retention% is a percent boundary too — same 1dp rule as the
        // NRR tiers, so the system has one standard rather than two
        const _retCmp = _commTierPct(retentionPct);
        for (let i = 0; i < thresholds.length; i++) {
          if (_retCmp >= Number(thresholds[i].min_retention_pct || 0)) {
            payout = Number(thresholds[i].payout || 0);
            tier = thresholds.length - i; // highest threshold cleared = highest tier number
            break;
          }
        }
      }
    } else {
      // Legacy flat 2-tier fallback — used until gmv_tiers is populated
      // via the Cockpit (rollout safety: engine ships before the UI does).
      const t2Pct   = _commGetConfig('handover', 'tier2_pct',    100);
      const t3Pct   = _commGetConfig('handover', 'tier3_pct',    120);
      const t2Pay   = _commGetConfig('handover', 'tier2_payout', 2500);
      const t3Bonus = _commGetConfig('handover', 'tier3_bonus',  2500);
      const _retCmp = _commTierPct(retentionPct);   // v_round: same 1dp rule
      if (_retCmp >= t3Pct)      { tier = 3; payout = t2Pay + t3Bonus; }
      else if (_retCmp >= t2Pct) { tier = 2; payout = t2Pay; }
    }

    return _hoStamp({
      accounts:       countedRows.length,
      baseline_gmv:   Math.round(baselineNorm),
      current_gmv:    Math.round(perfNorm),
      retention_pct:  retentionPct,
      tier, payout, detail,
      gmv_tier_label: gmvTierLabel,
      gmv_bucket_gmv: Math.round(baselineNorm),
      data_missing:   false   // v_hofix: มีข้อมูลจริงถึงมาถึงบรรทัดนี้ได้
    }, repeatSkipped);
  } catch(e) {
    console.warn('[CommEngine] _commComputeHandoverRetention error', e);
    // งวดที่ใช้กติกา HO ครั้งเดียว: พังกลางทาง = ไม่รู้ว่านับใครไปแล้ว ⇒ ปฏิเสธทั้งรอบ ห้ามคืน ฿0 เงียบ ๆ
    if (_hoOnce) {
      return Object.assign({}, EMPTY, { ledger_missing: true, ho_error: String((e && e.message) || e), ho_once_from: HO_ONCE_FROM });
    }
    return EMPTY;
  }
}

// ── GMV Gate Engine ─────────────────────────────────────────────
// Returns { ach_pct, cap_multiplier, gate_active }
// v878 (phase 3): planCode optional — when the assigned scheme has its own
// 'portfolio_gate' rule (tiers keyed on %NRR, payout_value = multiplier),
// use that; otherwise fall back to the legacy global target_settings blob
// exactly as before (this is the only path today, since no scheme has been
// migrated to a per-scheme gate rule yet — see the phase-3 seed migration).
// No longer hardcoded KAM-only: the restriction now lives in whether a
// role's assigned scheme includes this component at all, not in code.
// v_cell (2026-09-13): เพิ่ม `strict` เป็นตัวสุดท้าย — ทุกที่ที่เรียกอยู่เดิมส่ง 3-4 ตัว
// จึงได้ strict = undefined = เท็จ = ทางเดินเดิมทุกประการ
//
// คืนค่าเพิ่ม 4 ช่องเพื่อให้ตรวจย้อนหลังได้ว่าจ่ายบนเกตเส้นไหน
//   source     'plan'    = ใช้เกตของแผนคนนี้เอง
//              'legacy'  = ใช้เกตกลางของทั้งบริษัท (ทางเดิม ยังถูกต้องสำหรับงวดที่ยังไม่ตั้งรายทีม)
//              'missing' = งวดนี้ตั้งเกณฑ์รายทีมไว้แล้ว แต่แผนของคนนี้ไม่มีเกต ⇒ ผู้เรียกต้องปฏิเสธ
//   zero_below / half_below = เส้นได้ศูนย์ และเส้นได้ 50% ของคนนี้เดือนนี้ (ไว้โชว์บนจอ)
//
// ทำไม 'missing' ต้องปฏิเสธแทนที่จะตกไปใช้เกตกลาง: เกตกลางคือเลขของไตรมาสก่อน
// คนที่ได้ 99.0% ในเกณฑ์ ต.ค. ของ SA/MC ควรได้ 50%เดียว แต่เกตกลาง 98/95 ให้เต็ม
// = จ่ายเกินเท่าตัวโดยไม่มีอะไรเตือน (สถานการณ์ S2 ใน verify_stress_planset)
function _commComputeGmvGate(kamEmail, nrrPct, planCode, previewResolver, strict) {
  // Gate based on NRR% — same metric already computed in _commBuildKamPayout
  // nrrPct passed in directly (no need to recompute GMV separately)
  try {
    if (nrrPct === null || nrrPct === undefined) {
      return { ach_pct: null, cap_multiplier: 1.0, gate_active: false,
               source: 'legacy', zero_below: null, half_below: null, tiers_used: null };
    }

    let cap = 1.0, source = 'legacy', zeroBelow = null, halfBelow = null, tiersUsed = null;
    // v_round: the gate is a percent boundary like any tier — compare on the
    // 1dp-rounded value so 97.96% is not capped while the screen reads "98.0%".
    // (The tier-matched branch rounds inside _commMatchTierInRule.)
    const gatePct = _commTierPct(nrrPct);
    const found = planCode
      ? _commResolveRuleForMetric(planCode, 'portfolio_gate', null, previewResolver)
      : null;
    const hasOwnGate = !!(found && found.active && found.tiers && found.tiers.length);

    if (hasOwnGate) {
      source = 'plan';
      tiersUsed = found.tiers.map(t => ({ min_value: t.min_value, max_value: t.max_value, payout_value: t.payout_value }));
      // เส้นที่คนอ่านได้: ต่ำกว่าเท่าไหร่ได้ศูนย์ · ต่ำกว่าเท่าไหร่ได้ 50%
      found.tiers.forEach(t => {
        const v = Number(t.payout_value);
        if (v === 0) zeroBelow = t.max_value;
        else if (v > 0 && v < 1) halfBelow = t.max_value;
      });
      const tierMatch = _commMatchTierInRule(found, nrrPct);
      cap = tierMatch ? Number(tierMatch.payout_value ?? 1.0) : 1.0;
    } else if (strict) {
      // งวดที่ตั้งเกณฑ์รายทีมไว้แล้ว แต่แผนนี้ไม่มีเกต = ตอนสร้างแผนลอกมาไม่ครบ
      source = 'missing';
      cap = 1.0;
    } else {
      const t1 = _commGetConfig('gmv_gate', 'threshold_1', 98); // v835-fix: default was 95, live Supabase = 98 — NRR% threshold
      const t2 = _commGetConfig('gmv_gate', 'threshold_2', 95); // v835-fix: default was 90, live Supabase = 95
      const c1 = _commGetConfig('gmv_gate', 'cap_1', 0.5);      // v_cell: ค่าจริงใน Supabase = 0.5 (เดิมเขียน 0.3 ไว้ผิด)
      const c2 = _commGetConfig('gmv_gate', 'cap_2', 0);        // v835-fix: default was 0.35, live Supabase = 0
      zeroBelow = t2; halfBelow = t1;
      if (gatePct < t2)      cap = c2;
      else if (gatePct < t1) cap = c1;
    }

    return {
      // ach_pct stays UNROUNDED — it is the audit trail of what was actually
      // measured. Only the comparison above uses the rounded value.
      ach_pct: nrrPct,
      cap_multiplier: cap,
      gate_active: cap < 1.0,
      source, zero_below: zeroBelow, half_below: halfBelow, tiers_used: tiersUsed
    };
  } catch(e) {
    console.warn('[CommEngine] _commComputeGmvGate error', e);
    return { ach_pct: null, cap_multiplier: 1.0, gate_active: false,
             source: 'legacy', zero_below: null, half_below: null, tiers_used: null };
  }
}

// ── เงื่อนไขซ้อนของหัวหน้าทีม: พอร์ตรั่วมากกว่าปกติไหม ────────────────
//
// เก็บผลไว้ที่ตาราง tl_leak_gate ต่อ (ทีม, เดือน) เครื่องคิดเงินอ่านช่องเดียว
// ไม่รู้และไม่ต้องรู้ว่าคำว่า "รั่ว" คิดยังไง นิยามอยู่ฝั่ง SQL
//
// ⚠️ ห้ามเดาแทนด้วย %NRR — มี 3 เดือนในอดีตที่ %NRR เกินเส้นแต่รั่วแย่กว่าปกติ
// (Chain ส.ค. 2023 · SA/MC ก.พ. 2024 และ พ.ค. 2024) ทั้งสามเดือนโตจากร้านที่
// ซื้อเพิ่มเองกับร้านที่กลับมา ไม่ใช่จากการอุดรั่ว ซึ่งคือเคสที่กติกานี้ตั้งใจตัด
var _commLeakGate = {};
window._commLeakGate = _commLeakGate;

// งวดนี้ใช้เงื่อนไขรั่วหรือเปล่า — ดูจากเจตนา ไม่ดูวันที่
// มีแถวของงวดนั้นแม้ทีมเดียว = ตั้งใจให้ทุกทีมถูกวัด ⇒ ทีมที่ไม่มีแถว = ตกหล่น
// งวดที่ไม่เคยมีแถวเลย = ทางเดิมทุกบรรทัด เดือนที่จ่ายไปแล้วจึงไม่ขยับ
function _commPeriodUsesLeakGate(period) {
  const keys = Object.keys(_commLeakGate || {});
  for (let i = 0; i < keys.length; i++) {
    if (keys[i].indexOf(period + '|') === 0) return true;
  }
  return false;
}
function _commLeakGateFor(period, squad) {
  if (!_commPeriodUsesLeakGate(period)) return { used: false, present: true, passed: true };
  const row = _commLeakGate[period + '|' + squad];
  if (!row) return { used: true, present: false, passed: false };
  return { used: true, present: true, passed: row.passed !== false,
           leak_pct: row.leak_pct, norm_pct: row.norm_pct };
}
window._commPeriodUsesLeakGate = _commPeriodUsesLeakGate;
window._commLeakGateFor = _commLeakGateFor;

// ── HO นับครั้งเดียวต่อสาขา (Bucci ตัดสิน 13 ต.ค. 2026) ─────────────────────
//
// สาขาหนึ่งถูกนับใน Handover commission ได้ครั้งเดียวตลอดไป ไม่ว่า Sales จะขยายช่วงกี่รอบ
// หรือร้านจะย้ายไปอยู่กับ KAM คนไหน · ดูแผนเต็มที่ docs/ho-once-guard-plan.md
//
// เส้นเริ่มคือแบบเดียวกับ _commPeriodUsesLeakGate ข้างบน: "เดือนที่จ่ายไปแล้วไม่ขยับ"
// งวดก่อน ต.ค. 2026 = ทางเดิมทุกบรรทัด ไม่ต้องมีรายชื่อ ไม่มีคีย์ใหม่ แม้ใครจะกดคำนวณใหม่
// (ของ May งวด ก.ย. ฿2,500 ต้องอยู่เท่าเดิม)
//
// รายชื่อสาขาที่นับแล้ว อ่านสดจาก Supabase ผ่าน rpc ho_counted_outlets (ประวัติถึง ก.ย. +
// แถวที่ล็อกแล้วตั้งแต่ ต.ค.) — ไม่มีเงิน ไม่มีอีเมล · ห้ามเก็บลงเครื่อง (localStorage/IndexedDB)
// เพราะแคชไตรมาสกับ localStorage ของ loadTargets ทำให้ของค้างได้ ⇒ ตัวโหลดแยกของตัวเอง
//
// twin: /nrr src/nrr/nrr_commission.js — NRR_HO_ONCE_FROM · nrrHoOnceApplies · nrrFetchHoLedger
//       · nrrHoRepeatOf · nrrHoDbErrorTh (ชื่อ รูปร่าง และข้อความไทยต้องตรงกัน)
const HO_ONCE_FROM = '2026-10';
window.HO_ONCE_FROM = HO_ONCE_FROM;

// งวดนี้ใช้กติกา "ครั้งเดียวต่อสาขา" ไหม — ต้องเป็น YYYY-MM จริง และไม่ก่อนเส้นเริ่ม
function _commHoOnceApplies(period) {
  const p = String(period == null ? '' : period);
  return /^\d{4}-\d{2}$/.test(p) && p >= HO_ONCE_FROM;
}

// รายชื่อที่โหลดแล้ว · loaded=false ⇒ ห้ามคิด HO ของงวดที่ใช้กติกานี้ (ไม่ใช่ "ไม่มีใครเคยได้")
if (!window._commHoLedger) {
  window._commHoLedger = { loaded: false, error: null, byOutlet: {}, rev: 0, at: 0 };
}
const _COMM_HO_LEDGER_TTL = 5 * 60 * 1000;
// สัญญา v2 ข้อ B: ฐานข้อมูลค้าง/ช้าต้องไม่ค้างจอตลอดไป และพังแล้วต้องลองใหม่เองแบบหน่วงเวลา
const _COMM_HO_RPC_TIMEOUT_MS = 10 * 1000;                           // B1 รอ RPC ได้ไม่เกิน 10 วิ
const _COMM_HO_RETRY_MS = [30 * 1000, 2 * 60 * 1000, 5 * 60 * 1000]; // B3 ลองใหม่เอง 30 วิ → 2 นาที → 5 นาที (เพดาน)
const _COMM_HO_COOLDOWN_MS = 30 * 1000;                              // B3 ไม่ force ภายใน 30 วิหลังพัง = ไม่ยิงซ้ำ
let _commHoLedgerInFlight = null;
let _commHoLedgerSeq = 0;          // รอบล่าสุดที่เริ่ม — ผลของรอบเก่าที่ถูกแซงไม่เขียนทับ
let _commHoLedgerFailAt = 0;       // เวลาที่พังล่าสุด (0 = รอบล่าสุดสำเร็จ)
let _commHoLedgerFailCount = 0;    // พังติดกันกี่รอบ — เลือกระยะหน่วงของการลองใหม่
let _commHoLedgerRetryTimer = null;

function _commHoLedgerSig(byOutlet) {
  const b = byOutlet || {};
  return Object.keys(b).sort().map(k => k + ':' + (b[k] || []).join(',')).join('|');
}

// ปลุกจอที่วาดไปก่อนรายชื่อมาถึง — ท่าเดียวกับข้อมูลที่มาช้าตัวอื่น:
// markLoaded ขยับ version (ไม่งั้น RenderBus ทิ้งสัญญาณ) แล้ว signal ให้วาดพอร์ต/ทีม
// แถบค่าคอมฯ ใช้กุญแจของตัวเอง ⇒ ล้างแล้ววาดตรง เหมือนตอน loadTargets เสร็จ
function _commHoLedgerNotify() {
  try { if (window.DataRegistry && typeof window.DataRegistry.markLoaded === 'function') window.DataRegistry.markLoaded('ho_ledger'); } catch (e) {}
  try { if (window.RenderBus && typeof window.RenderBus.signal === 'function') window.RenderBus.signal('ho_ledger'); } catch (e) {}
  try { const s = (typeof document !== 'undefined' && document.getElementById) ? document.getElementById('pv-commission-strip') : null; if (s) s._lastCommHtml = ''; } catch (e) {}
  try { if (typeof window._commResetKey === 'function') window._commResetKey(); } catch (e) {}
  try { if (typeof _commRenderKamSelfStrip === 'function') _commRenderKamSelfStrip(); } catch (e) {}
}

// B6: คนที่ไม่มีค่าคอมฯ Handover เลย (Sales / Sales TL — แผนของทีมขายไม่มี HO และไม่มีจอค่าคอมฯ)
// ไม่ต้องถามฐานข้อมูล · role อื่นทุกตัว (KAM/TL/PM/AD/admin) มี HO ได้ ⇒ โหลด
// ยังไม่รู้ role (โปรไฟล์ยังไม่มา) ⇒ getCurrentRole ให้ 'rep' ⇒ โหลด (ผิดทางปลอดภัย)
function _commHoLedgerSkipRole() {
  try {
    const r = (typeof getCurrentRole === 'function') ? getCurrentRole() : '';
    return r === 'sales' || r === 'sales_tl';
  } catch (e) { return false; }
}

// B1: supabase-js ไม่มีเวลาหมด — socket ค้างคือค้างตลอดไป ⇒ ตัดที่ 10 วินาที
function _commHoWithTimeout(thenable, ms) {
  let t = null;
  const guard = new Promise((_, reject) => { t = setTimeout(() => reject(new Error('หมดเวลา')), ms); });
  const work = Promise.resolve(thenable);
  const clear = () => { try { if (t) clearTimeout(t); } catch (e) {} };
  work.then(clear, clear);
  return Promise.race([work, guard]);
}

// B3: พังแล้วลองใหม่เองครั้งเดียวต่อรอบ หน่วง 30 วิ → 2 นาที → 5 นาที (เพดาน) จนกว่าจะสำเร็จ
// ตั้งจากตัวโหลดเท่านั้น ไม่ใช่จากตัววาด (กฎ: retry ต้องหน่วงเวลาเสมอ ห้ามวนจากจอ)
function _commHoLedgerScheduleRetry() {
  if (_commHoLedgerRetryTimer || typeof setTimeout !== 'function') return;
  const step = Math.min(Math.max(_commHoLedgerFailCount, 1), _COMM_HO_RETRY_MS.length) - 1;
  try {
    _commHoLedgerRetryTimer = setTimeout(() => {
      _commHoLedgerRetryTimer = null;
      try { _commEnsureHoLedger(true); } catch (e) {}
    }, _COMM_HO_RETRY_MS[step]);
  } catch (e) { _commHoLedgerRetryTimer = null; }
}
function _commHoLedgerCancelRetry() {
  if (!_commHoLedgerRetryTimer) return;
  try { clearTimeout(_commHoLedgerRetryTimer); } catch (e) {}
  _commHoLedgerRetryTimer = null;
}
// สัญญา v3 ข้อ 3: error ที่ลองใหม่เองกี่รอบก็ไม่หาย ⇒ จดไว้ แต่ไม่ตั้งเวลาลองใหม่
//   ไม่ใช่พนักงานที่ใช้งานอยู่ (HO_NOT_ACTIVE) · ไม่มีสิทธิ์ (42501 / permission denied — รวมคนที่ยังไม่ล็อกอิน
//   ซึ่งฐานข้อมูลเห็นเป็น anon) · ไม่มี session · ยังไม่มีตัวเชื่อมฐานข้อมูล (ไม่มี supa.rpc)
// การโหลดปกติรอบหน้า (loadTargets หลังล็อกอิน) หรือการโหลดบังคับก่อนเขียนเงิน จะลองใหม่เอง
function _commHoPermanentError(msg, code) {
  if (String(code == null ? '' : code) === '42501') return true;
  return /HO_NOT_ACTIVE|permission denied|no session|auth session missing|not authenticated/i.test(String(msg == null ? '' : msg));
}

// โหลดรายชื่อสาขาที่นับ HO แล้ว → Promise<ledger> (ไม่ reject — ความล้มเหลวอยู่ใน ledger.error)
// force = โหลดสดเสมอ (ใช้ก่อนสร้าง draft / ก่อนล็อก) · ไม่ force = ใช้ของเดิมได้ถ้าโหลดสำเร็จภายใน 5 นาที
// ⚠️ supabase-js ไม่ throw ตอนเจอ 402/5xx แต่คืน {data:null, error} ⇒ ต้องเช็ค error เอง
//    และ data ที่ไม่ใช่ array = ล้มเหลว ห้ามตีเป็น "ไม่มีใครเคยได้ HO"
// สัญญา v3 ข้อ 2: force เริ่มคำขอใหม่ "ทุกครั้ง" — ไม่ร่วมกับคำขอที่วิ่งอยู่ (มันอาจอ่านฐานข้อมูลไปก่อนที่
//   งวดอื่นจะถูกล็อก) · คำขอเก่าที่ถูกแซงทิ้งผลของตัวเอง แล้วคืน promise ของคำขอที่ใหม่กว่า (ไม่ใช่รายชื่อเก่า)
//   ผู้เขียนเงินจด t0 ก่อนเรียก แล้วเช็ค L.at >= t0 (ข้อมูลมาจากคำขอที่เริ่มในการกดครั้งนี้)
//   ไม่ force = ใช้ของเดิมภายใน 5 นาที / ร่วมกับคำขอที่วิ่งอยู่ / พักหลังพัง 30 วิ เหมือนเดิม
function _commEnsureHoLedger(force) {
  const cur = window._commHoLedger || (window._commHoLedger = { loaded: false, error: null, byOutlet: {}, rev: 0, at: 0 });
  if (_commHoLedgerSkipRole()) return Promise.resolve(cur);                          // B6
  const now = Date.now();
  if (!force) {
    if (cur.loaded && (now - (cur.at || 0)) < _COMM_HO_LEDGER_TTL) return Promise.resolve(cur);
    if (_commHoLedgerInFlight) return _commHoLedgerInFlight;
    // B3: เพิ่งพังไม่ถึง 30 วิ ⇒ คืนสถานะเดิม ไม่ยิงซ้ำ (การลองใหม่เป็นหน้าที่ของตัวตั้งเวลา)
    if (_commHoLedgerFailAt && (now - _commHoLedgerFailAt) < _COMM_HO_COOLDOWN_MS) return Promise.resolve(cur);
  }
  const seq = ++_commHoLedgerSeq;
  const run = (async () => {
    // ให้ทุกอย่างข้างล่าง (รวมการปลุกจอ) เกิดหลังผู้เรียกได้ promise ไปแล้วเสมอ — ไม่วาดจอซ้อนในจอ
    await Promise.resolve();
    let rows = null, msg = null, code = '', permanent = false;
    try {
      if (typeof supa === 'undefined' || !supa || typeof supa.rpc !== 'function') {
        permanent = true;                                                            // v3 ข้อ 3: ไม่มี supa.rpc
        throw new Error('ยังไม่มีตัวเชื่อมฐานข้อมูล');
      }
      const resp = await _commHoWithTimeout(supa.rpc('ho_counted_outlets'), _COMM_HO_RPC_TIMEOUT_MS);
      if (!resp) throw new Error('ฐานข้อมูลไม่ตอบ');
      if (resp.error) {
        code = String(resp.error.code == null ? '' : resp.error.code);
        throw new Error(resp.error.message || String(resp.error));
      }
      if (!Array.isArray(resp.data)) throw new Error('ข้อมูลที่ได้ไม่ใช่รายการ');
      rows = resp.data;
    } catch (e) {
      msg = String((e && e.message) || e);
      if (!code && e && e.code != null) code = String(e.code);
    }
    const L = window._commHoLedger || (window._commHoLedger = { loaded: false, error: null, byOutlet: {}, rev: 0, at: 0 });
    // รอบนี้ถูกรอบใหม่แซงไปแล้ว ⇒ ไม่เขียนผลทับ และไม่คืนรายชื่อที่อาจเก่า: รอคำขอที่ใหม่กว่าแทน
    // (วิ่งอยู่ ⇒ promise ของมัน · จบแล้ว ⇒ L ซึ่งมีผลของมันอยู่แล้ว)
    if (seq !== _commHoLedgerSeq) return _commHoLedgerInFlight || L;
    const before = { loaded: !!L.loaded, rev: L.rev || 0, err: !!L.error };
    if (rows) {
      const byOutlet = {};
      rows.forEach(r => {
        const oid = String((r && r.outlet_id) == null ? '' : r.outlet_id).trim();
        const pm = String((r && r.period_month) || '').slice(0, 7);
        if (!oid || !/^\d{4}-\d{2}$/.test(pm)) return;
        const a = byOutlet[oid] || (byOutlet[oid] = []);
        if (a.indexOf(pm) === -1) a.push(pm);
      });
      Object.keys(byOutlet).forEach(k => byOutlet[k].sort());
      const changed = _commHoLedgerSig(byOutlet) !== _commHoLedgerSig(L.byOutlet);
      if (changed) { L.byOutlet = byOutlet; L.rev = (L.rev || 0) + 1; }
      L.loaded = true; L.error = null; L.at = Date.now();
      _commHoLedgerFailAt = 0; _commHoLedgerFailCount = 0;
      _commHoLedgerCancelRetry();
    } else {
      // ไม่เคยโหลดสำเร็จ ⇒ loaded คง false · เคยโหลดสำเร็จแล้ว ⇒ ใช้ชุดเดิมต่อ แต่จดว่ารอบนี้พลาด
      if (!L.byOutlet) L.byOutlet = {};
      L.error = msg;
      _commHoLedgerFailAt = Date.now(); _commHoLedgerFailCount++;
      console.warn('[CommEngine] โหลดรายชื่อสาขาที่นับ HO แล้วไม่ได้: ' + msg + (code ? ' (' + code + ')' : ''));
      // v3 ข้อ 3: พังถาวร ⇒ ไม่ลองใหม่เอง (และยกเลิกตัวที่ตั้งไว้จากรอบก่อน) · พังชั่วคราว ⇒ ลองใหม่แบบหน่วงเวลา
      if (permanent || _commHoPermanentError(msg, code)) _commHoLedgerCancelRetry();
      else _commHoLedgerScheduleRetry();
    }
    if (before.loaded !== !!L.loaded || before.rev !== (L.rev || 0) || before.err !== !!L.error) _commHoLedgerNotify();
    return L;
  })();
  // B4: ล้างช่อง "กำลังโหลด" นอกตัว async (เหมือน /nrr) — ถ้าล้างข้างใน แล้วตัว async จบก่อนบรรทัดที่เก็บ promise
  // (เช่น supa.rpc throw ทันที) ช่องนี้จะค้าง promise ที่จบแล้วตลอดไป
  _commHoLedgerInFlight = run;
  const _done = () => { if (_commHoLedgerInFlight === run) _commHoLedgerInFlight = null; };
  run.then(_done, _done);
  return run;
}

// รายชื่อพร้อมใช้ไหม
function _commHoLedgerReady() {
  const L = window._commHoLedger;
  return !!(L && L.loaded);
}

// สาขานี้เคยถูกนับ HO ใน "งวดอื่น" ไหม (ก่อนหรือหลังก็ได้) → 'YYYY-MM' งวดแรกสุดที่นับ · ไม่เคย/งวดไม่ใช้กติกา → null
function _commHoRepeatOf(outletId, period) {
  if (!_commHoOnceApplies(period)) return null;
  const oid = String(outletId == null ? '' : outletId).trim();
  if (!oid) return null;
  const L = window._commHoLedger;
  const list = (L && L.byOutlet && L.byOutlet[oid]) || [];
  let first = null;
  for (let i = 0; i < list.length; i++) {
    const pm = String(list[i] || '');
    if (!pm || pm === period) continue;
    if (first === null || pm < first) first = pm;
  }
  return first;
}

// ── คำบนจอ (สัญญา v2 ข้อ E4 — คำเดียวกันทั้ง Sense และ /nrr) ──
const COMM_HO_LEDGER_FAIL_TH = 'ยังคิดค่า Handover งวดนี้ไม่ได้ (ดึงรายชื่อสาขาที่เคยได้ HO ไม่สำเร็จ) — ลองเปิดใหม่อีกครั้ง';
const COMM_HO_LEDGER_LOADING_TH = 'กำลังโหลดรายชื่อสาขาที่เคยได้ HO…';
const COMM_HO_ALL_SKIPPED_TH = 'ไม่มีสาขาที่นับ HO งวดนี้';
const COMM_HO_NOT_INCLUDED_TH = ' (ยังไม่รวม Handover)';
const COMM_HO_UNSTAMPED_TH = 'draft งวดนี้สร้างก่อนกติกา HO ครั้งเดียวต่อสาขา กรุณากดคำนวณใหม่ก่อนล็อก';
// สัญญา v4 ข้อ D1: ไฟล์ Handover ยังไม่ได้โหลด/โหลดไม่สำเร็จ (คำเดียวกับ /nrr)
const COMM_HO_FILE_FAIL_TH = 'โหลดไฟล์ Handover ไม่สำเร็จ — ลองใหม่อีกครั้ง';

// 'YYYY-MM' → 'ก.ย.' (ปีอื่นจากงวดอ้างอิง ⇒ 'ธ.ค. 68') — รูปเดียวกับ nrrMonthShortTh ใน 05b
// (07a ใช้เองได้แม้ไม่มี 05b — กล่องทดสอบโหลด 07a เดี่ยว ๆ)
const _COMM_HO_TH_MO = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
function _commHoMonthTh(ym, refYm) {
  const m = /^(\d{4})-(\d{2})/.exec(String(ym == null ? '' : ym));
  const t = m ? _COMM_HO_TH_MO[parseInt(m[2], 10) - 1] : '';
  if (!t) return String(ym == null ? '' : ym);
  const ry = /^(\d{4})/.exec(String(refYm == null ? '' : refYm));
  return (ry && ry[1] !== m[1]) ? t + ' ' + String(parseInt(m[1], 10) + 543).slice(-2) : t;
}
// เลื่อนเดือน 'YYYY-MM' ไป n เดือน
function _commHoYmShift(ym, n) {
  const m = /^(\d{4})-(\d{2})/.exec(String(ym || ''));
  if (!m) return '';
  const i = parseInt(m[1], 10) * 12 + parseInt(m[2], 10) - 1 + n;
  return Math.floor(i / 12) + '-' + String(i % 12 + 1).padStart(2, '0');
}

// ข้อความ error จากด่านในฐานข้อมูล → ภาษาไทย · ไม่ใช่เรื่อง HO → null (ผู้เรียกใช้ข้อความเดิม)
// เดือน YYYY-MM ในข้อความกลายเป็นชื่อเดือนไทย (มีปีเมื่อไม่ใช่ปีนี้) · รหัสสาขาคงไว้ให้ค้นต่อได้
function _commHoDbErrorTh(msg) {
  const s = String(msg == null ? '' : ((typeof msg === 'object' && msg.message != null) ? msg.message : msg));
  const refYm = _commLagDate().getFullYear() + '-01';   // ปีของข้อมูล (day-1) แบบเดียวกับทุกจุดในไฟล์นี้
  const restAfter = tag => {
    const i = s.indexOf(tag + ':');
    const r = i !== -1 ? s.slice(i + tag.length + 1).trim() : '';
    return r.replace(/(^|[^\d])(\d{4}-\d{2})(?!\d)/g, (_, pre, ym) => pre + _commHoMonthTh(ym, refYm));
  };
  if (s.indexOf('HO_REPEAT') !== -1) {
    return 'บันทึกไม่ได้: มีสาขาที่เคยนับ HO ไปแล้ว — ' + restAfter('HO_REPEAT') + ' — กรุณากดคำนวณใหม่ก่อนบันทึก';
  }
  if (s.indexOf('HO_SAME_PERIOD') !== -1) {
    return 'บันทึกไม่ได้: สาขาเดียวกันอยู่ในยอดของสองคนในงวดเดียวกัน — ' + restAfter('HO_SAME_PERIOD') + ' — แจ้งผู้ดูแลระบบ';
  }
  if (s.indexOf('HO_NO_OUTLET_ID') !== -1) {
    return 'บันทึกไม่ได้: ไฟล์ Handover มีร้านที่ไม่มีรหัสสาขา — แจ้งทีมข้อมูลให้แก้ไฟล์ แล้วกดคำนวณใหม่';
  }
  return null;
}

// ข้อความที่คนต้องอ่านให้จบ (ล็อกไม่ได้เพราะเรื่อง HO) — alert ไม่ใช่ toast 2.2 วินาที
function _commHoAlert(msg) {
  try { if (typeof alert === 'function') { alert(msg); return; } } catch (e) {}
  try { if (typeof showToast === 'function') showToast(msg, '!'); } catch (e) {}
}

// งวดที่กำลังคิด HO — ส่งงวดมา = งวดนั้น · ไม่ส่ง = เดือนของข้อมูล (day-1)
// ซึ่งเท่ากับ prevMonthLabel + 1 เดือนใน _commComputeHandoverRetention เสมอ
function _commHoPayPeriod(periodOverride) {
  if (periodOverride && /^\d{4}-\d{2}$/.test(periodOverride)) return String(periodOverride);
  const n = _commLagDate();
  return n.getFullYear() + '-' + String(n.getMonth() + 1).padStart(2, '0');
}

// ── ตัวช่วยของจอ ──
// ป้ายแถวจาง: "นับ HO ไปแล้ว งวด ก.ย. · ไม่นับซ้ำ" — refPeriod = งวดที่จ่าย (ต่างปี ⇒ มีปีต่อท้าย)
// ไม่ส่งมา ⇒ ใช้เดือนโอนของรายการ + 1 (= งวดที่จ่ายของรายการนั้นเสมอ ทั้งคิดสดและจาก snapshot)
function _commHoSkippedLabel(item, refPeriod) {
  const ym = String((item && item.counted_period) || '');
  const ref = refPeriod || _commHoYmShift(item && item.transfer_month, 1);
  return 'นับ HO ไปแล้ว งวด ' + (_commHoMonthTh(ym, ref) || ym) + ' · ไม่นับซ้ำ';
}
// รายชื่อยัง "กำลังมา" (ยังไม่เคยสำเร็จ และยังไม่เคยพลาด) — จอใช้ถือค่าคอมฯ ไว้ในสถานะกำลังโหลด
// แทนที่จะโชว์ ฿0 ก่อนแล้วกระโดด · ยังไม่เคยลองโหลดเลย ⇒ เริ่มโหลดครั้งแรกให้ แล้วจอจะถูกปลุกเมื่อมาถึง
// (เฉพาะครั้งแรก — พังแล้ว error ถูกตั้ง ⇒ ไม่เข้าทางนี้อีก การลองใหม่เป็นของตัวตั้งเวลาใน _commEnsureHoLedger)
function _commHoLedgerPending() {
  const L = window._commHoLedger || {};
  if (L.loaded || L.error) return false;
  if (!_commHoLedgerInFlight) { try { _commEnsureHoLedger(); } catch (e) {} }
  return true;
}
// ข้อความเมื่อรายชื่อยังไม่พร้อม — กำลังโหลดอยู่ หรือโหลดไม่ได้จริง (ไม่ใช่ ฿0 และไม่ใช่ "ต่ำกว่า tier")
function _commHoMissingTh() {
  if (_commHoLedgerPending()) return COMM_HO_LEDGER_LOADING_TH;
  return COMM_HO_LEDGER_FAIL_TH;
}
// แถวจางของสาขาที่ไม่นับซ้ำ — ใช้ทั้งค่าที่คิดสดและที่อ่านจาก snapshot (breakdown.handover.repeat_skipped)
function _commHoSkippedRowsHtml(items, refPeriod) {
  if (!Array.isArray(items) || !items.length) return '';
  return items.map(it => {
    let nm = '';
    try { if (typeof _pvOutletName === 'function' && it && it.outlet_id) nm = _pvOutletName(it.outlet_id, it.account_id); } catch (e) {}
    // E6: หาชื่อสาขาไม่เจอ _pvOutletName คืนรหัสสาขากลับมา ⇒ ใช้ชื่อร้านในรายการแทน
    if (!nm || nm === '—' || (it && String(nm) === String(it.outlet_id))) nm = (it && (it.name || it.account_id || it.outlet_id)) || '—';
    return '<div class="comm-ho-skip">'
      + '<span class="comm-ho-skip-name">' + _commEscapeHtml(String(nm).slice(0, 36)) + '</span>'
      + '<span class="comm-ho-skip-note">' + _commEscapeHtml(_commHoSkippedLabel(it, refPeriod)) + '</span>'
      + '</div>';
  }).join('');
}
// จำนวนสาขาที่ไม่นับซ้ำ (0 = ไม่มี)
function _commHoSkippedCount(hd) {
  return (hd && Array.isArray(hd.repeat_skipped)) ? hd.repeat_skipped.length : 0;
}
function _commHoSkipCountTh(n) { return 'ไม่นับซ้ำ ' + n + ' สาขา'; }
// สัญญา v4 ข้อ D1: HO "ยังไม่รู้ยอด" มีได้ 3 เหตุ — จอแสดงแบบเดียวกันทั้งหมด ('—' + เหตุ + ยอดรวม "ยังไม่รวม Handover")
//   1. ledger_missing: รายชื่อสาขาที่เคยได้ HO ยังมาไม่ถึง/โหลดไม่ได้
//   2. data_missing + ho_once_from + ho_file_failed: ไฟล์ Handover โหลดไม่สำเร็จ
//   3. data_missing + ho_once_from: ไฟล์ Handover ยังไม่มีเดือนโอน
// งวดก่อน ต.ค. 2026 ไม่มี ho_once_from ⇒ data_missing ยังเป็น ฿0 แบบเดิมทุกตัวอักษร (ไม่เข้าเงื่อนไขนี้)
function _commHoUnknown(hd) {
  return !!(hd && (hd.ledger_missing || (hd.data_missing && hd.ho_once_from)));
}
// เหตุของข้อบน เป็นภาษาคน — '' ถ้า HO รู้ยอดแล้ว
function _commHoUnknownTh(hd) {
  if (!_commHoUnknown(hd)) return '';
  if (hd.ledger_missing) return _commHoMissingTh();
  if (hd.ho_file_failed) return COMM_HO_FILE_FAIL_TH;
  const ym = hd.ho_file_month || '';
  return 'ไฟล์ Handover ยังไม่มีเดือน' + (ym ? ' ' + _commHoMonthTh(ym, _commHoYmShift(ym, 1)) : 'นี้');
}
// E1: ยอดรวมที่ควรมี HO แต่ยังไม่รู้ยอด HO ⇒ ต่อท้ายตัวเลขว่ายังไม่รวม
// คืน '' เมื่อไม่ใช่กรณีนั้น ⇒ งวดก่อน ต.ค. 2026 ไม่มีวันได้ข้อความนี้
// สัญญา v4 ข้อ D2: block=true ⇒ ขึ้นบรรทัดของตัวเอง (ตัวเลขใหญ่ที่ต่อท้ายแล้วล้นกรอบ) ตัดบรรทัดได้แค่ตรงช่องว่าง
// ระหว่าง "ยังไม่รวม" กับ "Handover" — ไม่หักกลางคำไทย
function _commHoExclHtml(hd, block) {
  if (!_commHoUnknown(hd)) return '';
  if (!block) return '<span class="comm-ho-excl">' + COMM_HO_NOT_INCLUDED_TH + '</span>';
  const w = COMM_HO_NOT_INCLUDED_TITLE.split(' ');
  return '<span class="comm-ho-excl comm-ho-excl-blk"><span>(' + w[0] + '</span> <span>' + w.slice(1).join(' ') + ')</span></span>';
}
// สัญญา v3 ข้อ 5 + v4 ข้อ D2: ที่แคบ (ชิป/พิลหน้าทีม · ตัวเลขบนแถบค่าคอมฯ) ใส่คำเต็มไม่พอ ⇒ "฿11,500*" + title
// คำอธิบายไปอยู่บรรทัดที่มีที่ (แถบค่าคอมฯ: _commHoNoteTh) · ไม่ใช่กรณีนั้น ⇒ คืนตัวเลขเดิมทุกตัวอักษร
const COMM_HO_NOT_INCLUDED_TITLE = 'ยังไม่รวม Handover';
function _commHoStarHtml(hd, moneyText) {
  if (!_commHoUnknown(hd)) return moneyText;
  // "*" อยู่ใน span ของตัวเอง — แถบค่าคอมฯ จัดให้ "*" ลอยไปช่องว่างข้างขวา ตัวเลขจึงกว้างเท่าเดิม (ไม่ดันไปทับหัวข้อ)
  // ชิป/พิลไม่มีกฎของ class นี้ ⇒ หน้าตาเหมือนเดิม "฿11,500*"
  return '<span title="' + COMM_HO_NOT_INCLUDED_TITLE + '">' + moneyText + '<span class="comm-ho-star">*</span></span>';
}
// คำอธิบายของ "*" บนบรรทัดรอง: "* ยังไม่รวม Handover — <เหตุ>" · '' ถ้าไม่ใช่กรณีนั้น
function _commHoNoteTh(hd) {
  const why = _commHoUnknownTh(hd);
  return why ? '* ' + COMM_HO_NOT_INCLUDED_TITLE + ' — ' + why : '';
}
// E2: เหตุที่คิดค่าคอมฯ ทั้งงวดไม่ได้ (window._commLastRefusal) เป็นภาษาคน — '' ถ้าไม่มี/คนละงวด
// ทุกรายการใน _refused ลงท้ายด้วย "<role>:<อีเมล>" ⇒ ตัดออก รวมเหตุที่ซ้ำ แล้วบอกจำนวนคน
// สัญญา v3 ข้อ 6: รายชื่อสาขาที่เคยได้ HO ยัง "กำลังมา" (ไม่เคยสำเร็จ ไม่เคยพลาด) ⇒ ใช้คำว่ากำลังโหลด
// ไม่ใช่คำว่าโหลดไม่สำเร็จ · เหตุทั้งหมดเป็นเรื่องนี้เรื่องเดียว ⇒ คืนคำว่ากำลังโหลดล้วน ๆ (ไม่มี "คิดไม่ได้" นำหน้า)
// อ่านสถานะตอนวาด ⇒ ระหว่างโหลดเห็นกำลังโหลด พลาดแล้วเห็นคำว่าไม่สำเร็จ โดยไม่ต้องคิดใหม่
// RF-1 (แผน 1-13): ป้ายตำแหน่งที่ใช้ในข้อความปฏิเสธ — ข้อความเดิมตัดตำแหน่งทิ้ง
// ⇒ "ยังไม่ได้ตั้งเกณฑ์ (3 คน)" ไม่บอกว่าเป็น AD หรือ KAM ต้องไปไล่หาเอง
const COMM_REFUSAL_ROLE_TH = { kam: 'KAM', tl: 'TL', pm: 'PM', ad: 'AD', ad_tl: 'AD TL',
                               admin: 'Admin', sales: 'Sales', sales_tl: 'Sales TL' };
function _commRefusalRoleTh(role) {
  const r = String(role || '').toLowerCase();
  return COMM_REFUSAL_ROLE_TH[r] || (r ? r.toUpperCase() : '');
}
// ชื่อก้อนที่แผนต้องมี (ใช้บอกว่า "เกณฑ์มี แต่ขาดก้อนไหน")
const COMM_COMPONENT_TH = { portfolio_gate: 'เกต' };
// RF-1: เหตุ "ไม่มีเกณฑ์" ใน _refused มาจาก plan_unavailable สองแบบที่คนแก้ต่างกัน ต้องไม่ใช้ข้อความเดียวกัน
//   ยังไม่ได้ผูกเกณฑ์ = ตัวหาแผนตกหล่น (missed) ⇒ ไปผูกเกณฑ์ของเดือนนี้
//   เกณฑ์ไม่มีเกต    = หาแผนเจอ แต่แผนขาดเกตที่งวดรายทีมบังคับ (gate.source === 'missing') ⇒ ไปแก้แผน
// ทางคิดเงินจดแค่ "ไม่มีเกณฑ์ <role>:<อีเมล>" (_commBuildSnapshotRows ผูกคู่กับ /nrr ใน twin T17 — ไม่แตะ)
// ⇒ แยกแบบตอนแสดงผล: ถามตัวหาแผนซ้ำ ถ้าไม่ตกหล่น เหตุเดียวที่เหลือของ plan_unavailable คือแผนขาดเกต
// คืน 'noplan' | 'nogate'
function _commPlanRefusalKind(period, role, email) {
  try {
    if (typeof _commResolveAssignment !== 'function' || !role || !email) return 'noplan';
    const r = _commResolveAssignment(period, role, email, role);
    return (r && !r.missed) ? 'nogate' : 'noplan';
  } catch (e) { return 'noplan'; }
}
function _commRefusalTh(period) {
  // RG-1: เกณฑ์ยังโหลดไม่เสร็จ ⇒ เหตุที่จดไว้ (ถ้ามี) มาจากชุดว่าง — บอกว่ากำลังโหลด
  if (_commRulesLoading(period)) return COMM_RULES_LOADING_TH;
  const ref = window._commLastRefusal;
  if (!ref || ref.period !== period || !Array.isArray(ref.refused) || !ref.refused.length) return '';
  if (_commRefusalStale(ref)) return '';
  // จัดกลุ่มตาม (เหตุ, ตำแหน่ง) — ตำแหน่งต้องอยู่ในข้อความ (RF-1)
  const groups = {}, order = [];
  let hoLoading = null;   // ถามครั้งเดียว และเฉพาะเมื่อมีเหตุเรื่องรายชื่อจริง
  ref.refused.forEach(x => {
    const raw = String(x || '');
    const m = raw.match(/(?:^|\s+)([a-z_]+):(\S*)$/i);
    const role = m ? m[1].toLowerCase() : '';
    let t = raw.replace(/(^|\s+)[a-z_]+:\S*$/i, '').trim();
    if (t === 'ไม่มีเกณฑ์' && m && _commPlanRefusalKind(period, role, m[2]) === 'nogate') t = 'เกณฑ์ไม่มีเกต';
    if (t === COMM_HO_LEDGER_FAIL_TH) {
      if (hoLoading === null) hoLoading = _commHoLedgerPending();
      if (hoLoading) t = COMM_HO_LEDGER_LOADING_TH;
    }
    const key = t + '|' + role;
    if (!(key in groups)) { groups[key] = { t, role, n: 0 }; order.push(key); }
    groups[key].n++;
  });
  if (order.every(k => groups[k].t === COMM_HO_LEDGER_LOADING_TH)) return COMM_HO_LEDGER_LOADING_TH;
  const phrase = g => {
    const who = _commRefusalRoleTh(g.role);
    const whoN = (who ? who + ' ' : '') + g.n + ' คน';
    if (g.t === 'ไม่มีเกณฑ์') return whoN + 'ยังไม่ได้ผูกเกณฑ์ของเดือนนี้';
    if (g.t === 'เกณฑ์ไม่มีเกต') {
      return 'เกณฑ์ของ ' + (who || 'คนที่ถูกปฏิเสธ') + (g.n > 1 ? ' ' + g.n + ' คน' : '')
        + ' ยังไม่มีเกต (งวดนี้ทุกเกณฑ์ต้องมีเกต)';
    }
    let t = g.t;
    if (!t) t = 'ไฟล์ upsell รายคนยังโหลดไม่ครบ';
    else if (t === 'ไฟล์ไม่มีเดือนนี้') t = 'ไฟล์ข้อมูลยังไม่มีเดือนนี้';
    else if (t === 'ไม่มีผลวัดพอร์ตรั่ว') t = 'ยังไม่มีผลวัดพอร์ตรั่ว';
    return t + ' (' + whoN + ')';
  };
  return 'ยังคิดค่าคอมฯ ' + _commPeriodLabelTh(period) + ' ไม่ได้: ' + order.map(k => phrase(groups[k])).join(' · ');
}

// ST-3 / HI-2 (แผน 1-13): ผลคิดเงินที่ "ยังคิดไม่ได้" ห้ามขึ้นจอเป็น ฿0 หรือเป็นเงินจากแผนสำรอง
// (เดิมแถบค่าคอมฯ เอา NRR จากเกณฑ์กลางมาโชว์ และหน้าประวัติขึ้น "฿0 · Live" ให้ AD ใน ต.ค.)
// p = ผลจาก _commBuildKamPayout / _commBuildTlPayout ของคนนั้น เดือนนั้น
// คืน null            = คิดได้ปกติ ใช้ตัวเลขได้
//     {loading:true}  = upsell รายคนยังโหลดไม่ครบ ⇒ จอโชว์เป็นกำลังโหลด (มาแล้วจะวาดใหม่เอง)
//     {reason, note}  = ยังคิดไม่ได้ ⇒ จอโชว์ "—" พร้อม note เป็นภาษาคน
// งวดที่ถูกปฏิเสธทั้งงวด (window._commLastRefusal) และมีชื่อคนนี้ ⇒ ใช้เหตุจากรายการนั้น
function _commPayoutUnavailable(p, period, email) {
  if (!p) return null;
  const per = period || p.period || (typeof _nrrExclusionCurrentPeriod === 'function' ? _nrrExclusionCurrentPeriod() : '');
  const mo = String(_commPeriodLabelTh(per) || '').split(' ')[0] || per;
  if (p.upsell_unavailable) return { loading: true };
  // RG-1: หาแผนไม่เจอเพราะเกณฑ์ยังโหลดไม่เสร็จ = กำลังโหลด ไม่ใช่ "ยังไม่ได้ผูกเกณฑ์" (โหลดเสร็จแล้วจอวาดใหม่เอง)
  if (p.plan_unavailable && _commRulesLoading(per)) return { loading: true };
  const NO_PLAN = 'ยังไม่ได้ผูกเกณฑ์ค่าคอมฯ ของเดือนนี้ แจ้งเจ้าของระบบ';
  const missingTh = mc => 'เกณฑ์ของเดือนนี้ยังไม่มี' + (COMM_COMPONENT_TH[mc] || mc) + ' แจ้งเจ้าของระบบ';
  let reason = '';
  if (p.plan_unavailable) {
    const mc = p.plan_resolution && p.plan_resolution.missing_component;
    reason = mc ? missingTh(mc) : NO_PLAN;
  } else if (p.data_unavailable) {
    reason = 'ข้อมูลเดือน ' + mo + ' ยังมาไม่ครบ';
  } else if (p.leak_unavailable) {
    reason = 'ยังไม่มีผลวัดพอร์ตรั่วของทีม';
  } else {
    const ref = (typeof window !== 'undefined') ? window._commLastRefusal : null;
    const em = String(email || p.kamEmail || p.tlEmail || '').trim().toLowerCase();
    if (ref && ref.period === per && Array.isArray(ref.refused) && em && !_commRefusalStale(ref)) {
      const hit = ref.refused.map(x => String(x || ''))
        .find(x => { const m = x.match(/(?:^|\s+)[a-z_]+:(\S*)$/i); return m && m[1].toLowerCase() === em; });
      if (hit) {
        const t = hit.replace(/(^|\s+)[a-z_]+:\S*$/i, '').trim();
        const hr = (hit.match(/(?:^|\s+)([a-z_]+):\S*$/i) || [])[1] || '';
        // upsell รายคน / รายชื่อ HO ที่ยังโหลดอยู่ = เรื่องชั่วคราวในเครื่องที่คิด ไม่ใช่ "คิดไม่ได้"
        if (!t || t === COMM_HO_LEDGER_LOADING_TH) return null;
        if (t === 'ไม่มีเกณฑ์') reason = _commPlanRefusalKind(per, hr.toLowerCase(), em) === 'nogate' ? missingTh('portfolio_gate') : NO_PLAN;
        else if (t === 'ไฟล์ไม่มีเดือนนี้') reason = 'ข้อมูลเดือน ' + mo + ' ยังมาไม่ครบ';
        else if (t === 'ไม่มีผลวัดพอร์ตรั่ว') reason = 'ยังไม่มีผลวัดพอร์ตรั่วของทีม';
        else reason = t;
      }
    }
  }
  if (!reason) return null;
  return { reason, note: 'ยังคิดค่าคอมฯ ' + mo + ' ไม่ได้ — ' + reason };
}
window._commPayoutUnavailable = _commPayoutUnavailable;

window._commHoOnceApplies = _commHoOnceApplies;
window._commEnsureHoLedger = _commEnsureHoLedger;
window._commHoLedgerReady = _commHoLedgerReady;
window._commHoRepeatOf = _commHoRepeatOf;
window._commHoDbErrorTh = _commHoDbErrorTh;
window._commHoMonthTh = _commHoMonthTh;
window._commHoSkippedLabel = _commHoSkippedLabel;
window._commHoMissingTh = _commHoMissingTh;
window._commHoLedgerPending = _commHoLedgerPending;
window._commHoSkippedRowsHtml = _commHoSkippedRowsHtml;
window._commHoSkippedCount = _commHoSkippedCount;
window._commHoSkipCountTh = _commHoSkipCountTh;
window._commHoExclHtml = _commHoExclHtml;
window._commHoStarHtml = _commHoStarHtml;
window._commHoUnknown = _commHoUnknown;
window._commHoUnknownTh = _commHoUnknownTh;
window._commHoNoteTh = _commHoNoteTh;
window.COMM_HO_FILE_FAIL_TH = COMM_HO_FILE_FAIL_TH;
window._commRefusalTh = _commRefusalTh;
window._commPlanRefusalKind = _commPlanRefusalKind;
window.COMM_HO_LEDGER_FAIL_TH = COMM_HO_LEDGER_FAIL_TH;
window.COMM_HO_ALL_SKIPPED_TH = COMM_HO_ALL_SKIPPED_TH;
window.COMM_HO_NOT_INCLUDED_TH = COMM_HO_NOT_INCLUDED_TH;

// ── TL Upsell Multiplier Engine ────────────────────────────────
// team_upsell_gmv = Σ(P1_gmv + P3_incremental) across all KAMs in team
// team_upsell_pct = team_upsell_gmv / team_NRR_baseline × 100
// multiplier determined by tier table from commission_rules
// v_augfix: periodOverride appended LAST (every existing 3-/5-arg call site is
// untouched) — see _commComputeUpsellSku for why the month must be pinned.
function _commComputeTeamUpsellMult(tlEmail, isQuarterly, baseMonthOverride, planCode, previewResolver, periodOverride) {
  const EMPTY = { team_upsell_gmv:0, team_baseline_gmv:0, team_upsell_pct:0, multiplier:1.0, tier:1 };
  // R1-3 d/e: งวดแบบใหม่ — ตัวคูณหาขั้นไม่เจอ/พัง = หยุด · ทางเงิน (ปักหมุดเดือน) ห้ามใช้ไฟล์สรุปทีม
  let _explicit = false;
  try { _explicit = _commIsExplicit(periodOverride || _nrrExclusionCurrentPeriod()); } catch (e) { _explicit = !!periodOverride && _commIsExplicit(periodOverride); }
  const _moneyPath = _explicit && !!periodOverride && _commMoneyRun(periodOverride);
  try {
    // v_adsplit: portview lists portfolio HOLDERS — someone whose real
    // profiles.role is ad/pm/etc. can appear under this TL without being a
    // team KAM. Their upsell must not count toward the TL's team upsell %
    // (numerator NOR baseline), matching the same exclusion in
    // _rowInScope (07c) and _commBuildSnapshotRows.
    const _nonKamSet = (window.nrrRoleRoster && window.nrrRoleRoster.nonKamSet) || new Set();
    // v311: ทีมของเดือนนั้น = "เจ้าของรายเดือน" ไม่ใช่ "คนถือพอร์ตวันนี้"
    // portview บอกได้แค่ว่าวันนี้ใครถือ ⇒ KAM ที่ลาออกไปแล้วหลุดจากทีมทันที
    // ทั้งที่เดือนนั้นเขายังทำงานและยอดเป็นผลงานของทีม (บุชชี่เคาะ 9 ก.ย. 2026:
    // "ยอดของ Pop ในเดือน ส.ค. ต้องอยู่ในพอร์ต Ploy สิ ก็เธอทำงานจนจบ ส.ค.")
    // ไม่มีข้อมูลรายเดือน (qnrr ยังไม่โหลด) → ตกไปใช้ portview แบบเดิม
    let kamEmails = [];
    try {
      const _q = window.bulkQnrrData;
      if (_q && _q.loaded && _q.allRows && _q.allRows.length) {
        const _set = new Set();
        _q.allRows.forEach(r => {
          if (!r || r.comm_tl_email !== tlEmail || !r.comm_kam_email) return;
          if (periodOverride && r.period_month !== periodOverride) return;
          if (_nonKamSet.has(String(r.comm_kam_email).toLowerCase())) return;
          _set.add(r.comm_kam_email);
        });
        kamEmails = Array.from(_set);
      }
    } catch (e) { kamEmails = []; }
    if (!kamEmails.length) {
      kamEmails = Array.from(new Set(
        (portviewBulkData || [])
          .filter(r => r.tlEmail === tlEmail && r.kamEmail && !_nonKamSet.has((r.kamEmail || '').toLowerCase()))
          .map(r => r.kamEmail)
      ));
    }
    if (!kamEmails.length) return EMPTY;

    let teamUpsellGmv = 0;
    let teamBaselineGmv = 0;

    // Fast path: use pre-computed team summary (sense_upsell_team.csv)
    // Avoids loading 15 per-KAM bundles just for the multiplier
    // v_augfix: sense_upsell_team.csv carries NO month column — it only ever holds
    // the month the exporter last ran for. It may answer when that month IS the one
    // being asked about, and must not when it isn't: on 2026-08-01 the file held
    // July while the caller asked for August, which is how ฿4.7M of July upsell
    // landed in an August row. (Disabling the fast path for ALL pinned periods was
    // too blunt — most KAMs have no per-KAM bundle loaded, so locking any month
    // would become impossible.)
    const hasTeamData = !_moneyPath && _commTeamCsvCoversPeriod(periodOverride) &&
                        typeof bulkUpsellTeamData !== 'undefined' &&
                        bulkUpsellTeamData && Object.keys(bulkUpsellTeamData).length > 0;
    let _refused = false;
    let _memberErr = null;   // R1-3 d: ลูกทีมคนไหนคิด P1/P3 พัง (งวดแบบใหม่เท่านั้นที่เกิดได้)

    kamEmails.forEach(ke => {
      // v311: ถ้ามีไฟล์รายคนของคนนี้แล้ว ให้ใช้ทางละเอียดเสมอ (เหมือนที่แถวของ KAM เองใช้)
      // ไม่งั้นฐานของหัวหน้าทีมกับยอดของลูกทีมมาจากคนละแหล่งในเอกสารจ่ายเงินใบเดียวกัน
      let _bundleHas = false;
      try {
        const _pv = (portviewBulkData || []).find(r => r.kamEmail === ke);
        const _dn = _pv ? (_pv.kamName || '') : '';
        _bundleHas = !!(bulkUpsellData && bulkUpsellData.loaded && bulkUpsellData.byKam && (
          (bulkUpsellData.byKam[_dn] && Object.keys(bulkUpsellData.byKam[_dn]).length > 0) ||
          (bulkUpsellData.byKam[ke] && Object.keys(bulkUpsellData.byKam[ke]).length > 0)));
      } catch (e) {}
      if (hasTeamData && bulkUpsellTeamData[ke] && !_bundleHas) {
        teamUpsellGmv += bulkUpsellTeamData[ke].tl_upsell_base || 0;
      } else if (bulkUpsellData && bulkUpsellData.loaded) {
        // Fallback: compute from per-KAM bundle if loaded
        // v854-fix: was missing baseMonthOverride — silently fell back to rolling/
        // monthly logic for this KAM's contribution even in quarterly mode whenever
        // they were absent from that day's team-summary CSV.
        // v_augfix: planCode/previewResolver were also missing, so a KAM taking this
        // branch had their per-category rates resolved differently from one taking
        // the main path. Threaded through now along with the period.
        // v311: ต้องตัดสาขา expansion ออกก่อน เหมือนที่ _commBuildKamPayout ทำให้ KAM รายคน
        // สาขาเปิดใหม่ไม่มีเดือนฐานให้เทียบ ทุกกลุ่มสินค้าจึงนับเป็น P1 ทั้งก้อน และมันได้เงิน
        // ทางช่อง Expansion 0.5% ไปแล้ว ⇒ ไม่ใส่ = นับซ้ำและดันฐานของหัวหน้าทีมข้ามชั้นตัวคูณ
        let _expIds;
        try {
          const _rawK = (typeof window._qnrrComputeForCommission === 'function')
            ? window._qnrrComputeForCommission(ke, 'kam', periodOverride) : null;
          const _out = _commComputeUpsellOutlet(ke, isQuarterly ? _rawK : null, periodOverride, planCode, previewResolver);
          _expIds = (_out && _out._expansionIds) ? _out._expansionIds : undefined;
          // งวดแบบใหม่: ไม่รู้ว่าสาขาไหนเป็น expansion = ไม่รู้ยอด upsell ของทีม ⇒ หยุด ไม่ใช่นับซ้ำเงียบ ๆ
          if (_moneyPath && (!_out || (isQuarterly && (!_rawK || _rawK.period_missing)))) _refused = true;
        } catch (e) { if (_moneyPath) _refused = true; }
        const upsell = _commComputeUpsellSku(ke, _expIds, baseMonthOverride, planCode, previewResolver, periodOverride);
        // null = the engine refused (wrong month / bundle absent). Skipping the
        // member silently would shrink the numerator while the baseline below
        // still counts them, quietly under-paying the whole team.
        if (upsell === null) _refused = true;
        else if (upsell.refused) { _refused = true; _memberErr = _memberErr || { email: ke, code: upsell.refuse_code, th: upsell.refuse_th }; }
        else teamUpsellGmv += upsell.tl_upsell_base;
      } else if (periodOverride) {
        _refused = true;
      }
      // v828: quarterly mode sums each KAM's fixed-base GMV from QNRR, not MoM rolling base
      // v311: ส่งงวดที่ขอเข้าไปด้วย — เดิมตัวหารอ่านงวดจากนาฬิกา ไม่ใช่งวดที่กำลังคำนวณ
      const raw = isQuarterly && typeof window._qnrrComputeForCommission === 'function'
        ? window._qnrrComputeForCommission(ke, 'kam', periodOverride)
        : _tgtComputeKamNRR(ke, null, periodOverride);
      // งวดแบบใหม่: ไม่รู้ฐานของลูกทีมคนหนึ่ง = ตัวหารเล็กเกินจริง ⇒ ตัวคูณสูงเกินจริง ⇒ หยุด
      if (_moneyPath && (!raw || raw.period_missing)) _refused = true;
      teamBaselineGmv += raw ? (raw.baselinePrevGmv || 0) : 0;
    });

    // v_augfix: a partially-computed team total would silently land the TL in the
    // wrong multiplier tier — a ฿25,000 swing at the 4% boundary. Refuse instead.
    if (_refused) {
      console.warn('[CommEngine] TL upsell: คำนวณเดือน ' + periodOverride + ' ไม่ครบทุกคนในทีม — ปฏิเสธ', { tlEmail });
      if (_memberErr) {
        return { refused: true, refuse_code: _memberErr.code, refuse_th: _memberErr.th + ' (ลูกทีม ' + _memberErr.email + ')',
                 multiplier: 1.0, tier: 1 };
      }
      return null;
    }

    const upsellPct = teamBaselineGmv > 0 ? (teamUpsellGmv / teamBaselineGmv * 100) : 0;

    // v878 (phase 3): tier lookup — prefer the assigned scheme's own
    // 'tl_upsell_mult' rule (commission_rule_tiers shape: min_value/
    // max_value/payout_value, payout_value=multiplier) via
    // _commMatchComponentTier; fall back to the exact same hardcoded
    // default tiers as before when no scheme has this component configured
    // yet. Previously read `_commRuleConfig.rules['tl_upsell_mult']`, a key
    // that could never match (rules is keyed by plan_id, not metric_code) —
    // always silently fell through to the hardcoded defaults below.
    // Default tiers per spec: <2%=1.0x, 2-2.9%=1.2x, 3-3.9%=1.35x, 4-4.9%=1.5x, ≥5%=1.8x
    let multiplier = 1.0, tier = 1;
    try {
      const tierMatch = planCode ? _commMatchComponentTier(planCode, 'tl_upsell_mult', null, upsellPct, previewResolver) : null;
      if (tierMatch) {
        multiplier = Number(tierMatch.payout_value ?? 1.0);
        tier = tierMatch.tier_order || 1;
      } else if (_explicit) {
        // งวดแบบใหม่: ห้ามถอยไปตารางในโค้ด (1.0–1.8) — แผนของหัวหน้าทีมต้องมีขั้นที่ตรงเสมอ
        return { refused: true, refuse_code: 'tl_mult_no_tier',
                 refuse_th: 'ตัวคูณ upsell ของหัวหน้าทีมหาขั้นไม่เจอ (upsell ทีม ' + (Math.round(upsellPct * 100) / 100) + '%)',
                 team_upsell_gmv: teamUpsellGmv, team_baseline_gmv: teamBaselineGmv,
                 team_upsell_pct: Math.round(upsellPct * 100) / 100, multiplier: 1.0, tier: 1 };
      } else {
        const tiers = [
          { min_pct:0, max_pct:1.99, multiplier:1.00 },
          { min_pct:2, max_pct:2.99, multiplier:1.20 },
          { min_pct:3, max_pct:3.99, multiplier:1.35 },
          { min_pct:4, max_pct:4.99, multiplier:1.50 },
          { min_pct:5, max_pct:null, multiplier:1.80 }
        ];
        for (let i = tiers.length - 1; i >= 0; i--) {
          if (upsellPct >= Number(tiers[i].min_pct || 0)) {
            multiplier = Number(tiers[i].multiplier || 1.0);
            tier = i + 1;
            break;
          }
        }
      }
    } catch(e) {
      if (_explicit) {
        return { refused: true, refuse_code: 'tl_mult_error', refuse_th: 'คำนวณตัวคูณ upsell ของหัวหน้าทีมไม่สำเร็จ',
                 multiplier: 1.0, tier: 1 };
      }
    }

    return { team_upsell_gmv: teamUpsellGmv, team_baseline_gmv: teamBaselineGmv,
             team_upsell_pct: Math.round(upsellPct * 100) / 100, multiplier, tier,
             kam_count: kamEmails.length };
  } catch(e) {
    console.warn('[CommEngine] _commComputeTeamUpsellMult error', e);
    if (_explicit) {
      return { refused: true, refuse_code: 'tl_mult_error', refuse_th: 'คำนวณตัวคูณ upsell ของหัวหน้าทีมไม่สำเร็จ',
               multiplier: 1.0, tier: 1 };
    }
    return EMPTY;
  }
}

// ── KAM Full Payout Builder ─────────────────────────────────────
// Returns complete breakdown for one KAM
// v878 (phase 8): planRole (optional, defaults to 'kam' — byte-identical to
// before for every existing caller) is the REAL engine role bucket used
// ONLY for commission-plan/tier resolution (_commGetAssignmentPlan/
// _commPayoutForPctByCode) — this is what makes a pm/ad/etc person's own
// assigned scheme apply instead of always resolving as if they were a kam.
// The 'kam' literal passed to _qnrrComputeForCommission/_tgtComputeKamNRR
// below is a DIFFERENT concept (data-scope: "this person's own portfolio,
// not a team rollup") and correctly stays 'kam' regardless of planRole —
// pm/ad people's own-portfolio NRR is still looked up by email the same
// way, per the same bulkQnrrData index a KAM's is.
function _commBuildKamPayout(kamEmail, periodOverride, planRole, previewResolver) {
  const role = planRole || 'kam';
  // minor 2: ในรอบคิดเงิน งวดมาจากรอบนั้นเสมอ — ตัวกันข้างล่างไม่ขึ้นกับว่าผู้เรียกส่งงวดมาหรือเปล่า
  if (!periodOverride && _commExplicitRun) periodOverride = _commExplicitRun.period;
  try {
    const period  = periodOverride || _nrrExclusionCurrentPeriod();
    // R1-3 h (Bucci 15 ต.ค. 2569): หัวหน้าทีมได้เฉพาะเกณฑ์หัวหน้าทีม — ไม่มีแถว KAM แม้ถือพอร์ตเอง
    // (ตรวจฐานข้อมูลแล้ว ไม่เคยมี TL ได้แถวอื่น ⇒ ไม่เปลี่ยนเงินย้อนหลัง) · งวดแบบใหม่ ทางเงินเท่านั้น
    // คืนแถว ฿0 ติดธง excluded_tl — computeCommissionDraft ตัดแถวนี้ทิ้งก่อนเขียน
    if (role === 'kam' && periodOverride && _commIsExplicit(period) && _commMoneyRun(period) && _commIsTlPerson(kamEmail)) {
      _commNoteExplicitCtx(period, 'kam', kamEmail, { excluded_tl: true });
      return { period, kamEmail, excluded_tl: true, nrr_pct: null,
               nrr_payout: 0, upsell_sku: { total_comm: 0, p1: { gmv: 0, comm: 0, groups: [] }, p3: { gmv_incremental: 0, comm: 0, groups: [] } },
               upsell_outlet: { commission: 0 }, handover: { payout: 0 }, gate: { cap_multiplier: 1, gate_active: false },
               subtotal: 0, gate_cap: 1, final_payout: 0 };
    }
    // v829: resolve policy for the PERIOD BEING COMPUTED, not always "today" — matters when
    // retroactively locking/auto-computing a past month whose quarter/mode may differ from
    // whatever quarter is active right now (e.g. locking July from within Q4/October).
    const policy  = periodOverride ? _nrrGovGet(periodOverride, 'all', 'all') : _nrrGovResolveForVisibleScope();
    const isQ     = policy && policy.commission_mode === 'quarterly';
    const baseMo  = isQ ? (policy.base_month || null) : null;

    // ── NRR source ────────────────────────────────────────────────
    // [quarterly] read from bulkQnrrData via _qnrrComputeForCommission (same source as QNRR sheet)
    //             periodOverride threads through as asOfPeriod for retroactive lock
    // [monthly]   read from bulkHistoryData via _tgtComputeKamNRR — periodOverride threads through
    //             as asOfPeriod for frozen historical-month NRR (retroactive lock / auto-compute)
    let raw, rawPct, governedPct, pct;
    if (isQ && typeof window._qnrrComputeForCommission === 'function') {
      raw = window._qnrrComputeForCommission(kamEmail, 'kam', periodOverride);
    } else {
      raw = _tgtComputeKamNRR(kamEmail, null, periodOverride);
    }
    // v_cell: ไฟล์ยังไม่มีข้อมูลเดือนที่ขอ ⇒ หยุด ไม่ใช่จ่าย ฿0 เงียบ ๆ
    // (จ่าย ฿0 กับ "คำนวณไม่ได้" หน้าตาเหมือนกันบนจอ แต่คนละเรื่องกันโดยสิ้นเชิง)
    if (raw && raw.period_missing) {
      return { period, kamEmail, data_unavailable: true, requested_period: raw.requested_period,
               nrr_payout: 0, upsell_sku: { total_comm: 0 }, upsell_outlet: { commission: 0 },
               handover: { payout: 0 }, gate: { cap_multiplier: 1, gate_active: false },
               subtotal: 0, gate_cap: 1, final_payout: 0 };
    }
    rawPct      = raw && raw.nrr !== null ? raw.nrr * 100 : null; // v92-fix: unrounded, see _nrrGovernedPct
    governedPct = _nrrGovernedPct(raw, kamEmail, null);
    pct         = governedPct !== null ? governedPct : rawPct;

    // R1-3 f: งวดแบบใหม่ — %NRR ไม่มีค่า = ไม่รู้ ⇒ หยุด (เดิมได้ NRR ฿0 และเกต ×1.0 เต็ม)
    const _explicit = _commIsExplicit(period);
    if (_explicit && (pct === null || pct === undefined || isNaN(pct))) {
      return _commKamRefusal(period, kamEmail, 'nrr_missing', 'ยังไม่รู้ %NRR ของคนนี้ (ไฟล์ %NRR ไม่มีข้อมูลหรือยังโหลดไม่เสร็จ)', { role, nrr_pct: null });
    }

    // v_cell: งวดที่ตั้งเกณฑ์รายทีมไว้แล้ว ทุกคนต้องมีเกณฑ์ของตัวเอง
    // ถ้าคนนี้ยังตกมาถึงเกณฑ์กลาง แปลว่าตอนตั้งค่าลืมเขาไว้ ⇒ หยุดทั้งงวด
    // ไม่ใช่เอาเกณฑ์กลาง (ซึ่งเป็นเลขของไตรมาสก่อน) มาจ่ายแทนแบบเงียบ ๆ
    // งวดที่ไม่เคยตั้งรายทีม ค่า missed เป็น false เสมอ ⇒ ทางเดินเดิมทุกประการ
    // R1-2: งวดแบบใหม่ใช้ตัวหาแผนแบบเข้ม (_commResolveForMoney) · งวดเก่าได้ _commResolveAssignment ตัวเดิม
    const _asg = _commResolveForMoney(period, role, kamEmail, role);
    if (_asg.missed) {
      if (_explicit) {
        return _commKamRefusal(period, kamEmail, 'plan_unresolved', _asg.reason_th || 'ยังไม่ได้ผูกเกณฑ์ค่าคอมฯ ของงวดนี้',
          { plan_unavailable: true, plan_resolution: _asg, role, nrr_pct: pct });
      }
      return { period, kamEmail, plan_unavailable: true, plan_resolution: _asg,
               nrr_payout: 0, upsell_sku: { total_comm: 0 }, upsell_outlet: { commission: 0 },
               handover: { payout: 0 }, gate: { cap_multiplier: 1, gate_active: false },
               subtotal: 0, gate_cap: 1, final_payout: 0 };
    }
    const planCode  = _asg.planCode;
    // R1-2: งวดแบบใหม่ — แผนต้องมีทุกก้อนที่ตำแหน่งนี้ต้องมี (ตัวตรวจของ domain)
    // ก้อนไหนหาย = หยุด พร้อมบอกตำแหน่งและก้อนที่ขาด · ตัวพรีวิวของ Cockpit (previewResolver) อ่านของที่ยังไม่บันทึก จึงไม่ตรวจตรงนี้
    let _comps = null;
    if (_explicit && typeof previewResolver !== 'function') {
      _comps = _commPlanComponentsExplicit(planCode, period, role);
      if (!_comps.ok) {
        return _commKamRefusal(period, kamEmail, 'plan_incomplete', _comps.reason_th,
          { plan_unavailable: true, role, nrr_pct: pct,
            plan_resolution: Object.assign({}, _asg, { missing_component: _comps.missing[0] || null,
                                                       missing_components: _comps.missing }) });
      }
    }
    // M2: ก้อนที่เกณฑ์ปิดไว้ (active=false — planComponents ถือว่า "ปิดโดยตั้งใจ") ของงวดแบบใหม่ = ไม่มีผล
    //   NRR / P1 / P3 / Expansion / Handover ที่ปิด = ฿0 (เดิม NRR ไม่ดู active และอีก 4 ก้อนถอยไปใช้อัตรากลาง)
    //   เกตพอร์ตที่ปิด = ยังปฏิเสธเหมือนเดิม: สเปก (appendix A §B2) บอกแค่ว่าปิดได้ ไม่ได้บอกว่าปิดแล้วจ่ายเต็ม ×1
    //   (domain evalGate ให้ ×1) — ตัวคูณเงินทั้งก้อนต้องรอเจ้าของเคาะ ไม่เดา
    const _off = (_comps && _comps.result && _comps.result.components) ? _comps.result.components : null;
    const _isOff = k => !!(_off && _off[k] && _off[k].off === true);
    if (_isOff('portfolio_gate')) {
      return _commKamRefusal(period, kamEmail, 'gate_off', 'เกตพอร์ตของเกณฑ์ ' + planCode + ' ถูกปิดไว้ (active=false) — ' +
        'ยังไม่ได้ตกลงว่าปิดเกตแล้วจ่ายเต็ม ×1 หรือไม่ จึงยังไม่คิดเงิน (เปิดเกตในเกณฑ์ หรือให้เจ้าของระบบยืนยันก่อน)', { role, nrr_pct: pct });
    }
    const nrrPayout = _isOff('nrr') ? 0 : _commPayoutForPctByCode(planCode, role, pct);

    // ── Upsell ────────────────────────────────────────────────────
    // [quarterly] Expansion GMV comes from qnrrResult (bulkQnrrData), Upsell SKU uses pin window
    // [monthly]   existing logic unchanged
    let upsellSku, upsellOutlet;
    // Q3C Team SQL keys by ka_owner (display name), not email — try both
    const _pvRow = (portviewBulkData || []).find(r => r.kamEmail === kamEmail);
    const _kamDisplayName = _pvRow ? (_pvRow.kamName || '') : '';
    // v836-fix: was `bulkUpsellData.loaded` alone — a GLOBAL flag that flips true the
    // moment ANY one KAM's per-KAM bundle is fetched (e.g. a TL/Admin drilling into just
    // one KAM's detail, or that KAM's own session auto-fetching it on login) and then
    // stays true for the rest of the browser session. Every OTHER KAM would then also
    // take the "detailed" branch below even though THEIR OWN bundle was never fetched —
    // _commComputeUpsellSku's byKam lookup finds nothing for them and silently returns
    // ฿0 upsell commission instead of falling back to the correct team-summary number.
    // Now checks THIS SPECIFIC KAM's bundle presence (same kamName-or-email key
    // resolution _commComputeUpsellSku itself uses) so one KAM's data being loaded can
    // never affect another KAM's branch decision.
    const _bundleLoaded = typeof bulkUpsellData !== 'undefined' && bulkUpsellData && bulkUpsellData.loaded &&
      bulkUpsellData.byKam && (
        (bulkUpsellData.byKam[_kamDisplayName] && Object.keys(bulkUpsellData.byKam[_kamDisplayName]).length > 0) ||
        (bulkUpsellData.byKam[kamEmail] && Object.keys(bulkUpsellData.byKam[kamEmail]).length > 0)
      );
    const _teamRow = typeof bulkUpsellTeamData !== 'undefined' && bulkUpsellTeamData &&
      (bulkUpsellTeamData[kamEmail] || bulkUpsellTeamData[_kamDisplayName] || null);
    const upsellLoading = !_bundleLoaded && !_teamRow; // v228-fix: flag when upsell data unavailable
    // v_augfix: the team CSV has no month column, so it may only serve a pinned
    // period when that period is the month the file actually describes. Letting it
    // answer for any month is how July's numbers were written into the August
    // snapshot. (See _commTeamCsvCoversPeriod.)
    // R1-3 e: งวดแบบใหม่ที่ปักหมุดเดือน (ทางเงิน) ห้ามใช้ไฟล์สรุปทีม — ไฟล์รายคนต้องมา ไม่งั้นหยุด (ข้างล่าง)
    if (!_bundleLoaded && _teamRow && _commTeamCsvCoversPeriod(periodOverride) && !(_explicit && _commMoneyRun(period))) {
      // Fast path: use pre-computed totals from team summary (sense_upsell_team.csv)
      // v230fix2: return full p1/p3 sub-objects matching _commComputeUpsellSku structure
      // so _commBuildSnapshotRows can safely access .p1.gmv / .p3.gmv_incremental
      // v878 (phase 4): same per-scheme-rule-first, blob-fallback resolution
      // as the slow path below (_commComputeUpsellSku/_commComputeUpsellOutlet)
      // — keeps the fast (team-summary CSV) path's rates consistent with the
      // slow path's for any KAM who might hit either branch across sessions.
      const _p1R = planCode ? _commResolveRuleForMetric(planCode, 'upsell_gmv', 'p1_new_sku', previewResolver) : null;
      const _p3R = planCode ? _commResolveRuleForMetric(planCode, 'upsell_gmv', 'p3_growth', previewResolver) : null;
      const _outR = planCode ? _commResolveRuleForMetric(planCode, 'upsell_gmv', 'outlet_expansion', previewResolver) : null;
      const p1Rate  = (_p1R && _p1R.active && _p1R.tiers[0]) ? Number(_p1R.tiers[0].payout_value) : _commGetConfig('upsell_sku',   'p1_rate', 0.01);       // v835-fix: was 0.03
      const p3Rate  = (_p3R && _p3R.active && _p3R.tiers[0]) ? Number(_p3R.tiers[0].payout_value) : _commGetConfig('upsell_sku',   'p3_rate', 0.01);       // v835-fix: was 0.03
      const outRate = (_outR && _outR.active && _outR.tiers[0]) ? Number(_outR.tiers[0].payout_value) : _commGetConfig('upsell_outlet', 'rate',   0.005);      // v835-fix: was 0.015
      // v_catbonus: prefer the group-grain fast-path file
      // (sense_upsell_team_groups.csv → bulkUpsellTeamGroups) so per-category
      // rates apply even on the fast (no per-KAM-bundle) path. Falls back to
      // the flat KAM-scalar multiply when that file isn't loaded (rollout-safe).
      const _rateMap = _commResolveUpsellRateMap(planCode, previewResolver);
      const _teamGroups = (typeof bulkUpsellTeamGroups !== 'undefined' && bulkUpsellTeamGroups)
        ? (bulkUpsellTeamGroups[kamEmail] || bulkUpsellTeamGroups[_kamDisplayName] || null)
        : null;
      let p1Comm, p3Comm;
      const _p1Groups = [], _p3Groups = [];
      if (_teamGroups && _teamGroups.length) {
        p1Comm = 0; p3Comm = 0;
        _teamGroups.forEach(gr => {
          const g1 = Number(gr.p1_gmv) || 0, g3 = Number(gr.p3_incremental) || 0;
          if (g1 > 0) {
            const _r = _commUpsellRateFor(_rateMap, p1Rate, gr.category, gr.group_key);
            p1Comm += g1 * _r;
            _p1Groups.push({ groupKey: gr.group_key, category: gr.category || null, applied_rate: _r, total_gmv: g1, commission: g1 * _r });
          }
          if (g3 > 0) {
            const _r = _commUpsellRateFor(_rateMap, p3Rate, gr.category, gr.group_key);
            p3Comm += g3 * _r;
            _p3Groups.push({ groupKey: gr.group_key, category: gr.category || null, applied_rate: _r, incremental: g3, commission: g3 * _r });
          }
        });
      } else {
        p1Comm = _teamRow.p1_gmv  * p1Rate;
        p3Comm = _teamRow.p3_incr * p3Rate;
      }
      const outComm = _teamRow.outlet_gmv * outRate;
      upsellSku = {
        p1: { gmv: _teamRow.p1_gmv,  comm: p1Comm, groups: _p1Groups },
        p3: { gmv_incremental: _teamRow.p3_incr, comm: p3Comm, groups: _p3Groups },
        total_comm: p1Comm + p3Comm,
        p1_comm: p1Comm, p3_comm: p3Comm,
        p1_groups: _p1Groups, p3_groups: _p3Groups,
        total_gmv_eligible: _teamRow.p1_gmv + _teamRow.p3_incr,
        tl_upsell_base: _teamRow.tl_upsell_base || 0
      };
      upsellOutlet = { commission: outComm, outlet_gmv: _teamRow.outlet_gmv };
    } else {
      upsellOutlet = _commComputeUpsellOutlet(kamEmail, isQ ? raw : null, periodOverride, planCode, previewResolver);
      // [quarterly] pass baseMonthOverride to pin P1/P3 3M window; [monthly] null = rolling
      // v_augfix: periodOverride was already reaching _commComputeUpsellOutlet on the
      // line above but never this call — the pipe existed, it just wasn't connected.
      // upsellOutlet เป็น null ได้เฉพาะงวดแบบใหม่ที่ปักหมุดเดือนแล้วพัง — ไม่รู้สาขา expansion ⇒ ไม่คิด P1/P3 ต่อ (หยุดข้างล่าง)
      upsellSku    = upsellOutlet ? _commComputeUpsellSku(kamEmail, upsellOutlet._expansionIds, baseMo, planCode, previewResolver, periodOverride) : null;
    }
    // v_augfix: refusal propagates as a flag the snapshot builder checks. Returning
    // ฿0 here instead would write a real-looking payout row for a month we could
    // not actually compute.
    if (_explicit && periodOverride && upsellSku && upsellSku.refused) {
      return _commKamRefusal(period, kamEmail, upsellSku.refuse_code, upsellSku.refuse_th, { role, upsell_unavailable: true, nrr_pct: pct });
    }
    if (_explicit && periodOverride && (upsellSku === null || upsellOutlet === null)) {
      return _commKamRefusal(period, kamEmail, 'upsell_missing',
        'ไฟล์ upsell รายคนยังไม่มา หรือคำนวณ upsell ไม่สำเร็จ', { role, upsell_unavailable: true, nrr_pct: pct });
    }
    if (upsellSku === null) {
      return { period, kamEmail, upsell_unavailable: true,
               nrr_payout: 0, upsell_sku: { total_comm: 0 }, upsell_outlet: { commission: 0 },
               handover: { payout: 0 }, gate: { cap_multiplier: 1, gate_active: false },
               subtotal: 0, gate_cap: 1, final_payout: 0 };
    }
    // M2: P1 / P3 / Expansion ที่เกณฑ์ปิดไว้ = ฿0 (รูปเดียวกับ evalUpsell / evalExpansion ของ domain เมื่อ off)
    if (_isOff('p1') || _isOff('p3')) upsellSku = _commUpsellSkuWithOff(upsellSku, _isOff('p1'), _isOff('p3'));
    if (_isOff('outlet_expansion')) upsellOutlet = Object.assign({}, upsellOutlet, { commission: 0 });
    // v_hofix: ส่ง periodOverride เข้าไปด้วย — เดิมเป็น component เดียวที่ตกหล่น
    // (บรรทัดเหนือขึ้นไป upsell ได้รับอยู่แล้ว) ทำให้คิดงวดย้อนหลังด้วยนาฬิกาเครื่อง
    // เจตนาเดิม "MoM always" ยังอยู่ครบ: ไม่มี periodOverride = ใช้นาฬิกาเหมือนเดิม
    let handover = _commComputeHandoverRetention(kamEmail, planCode, previewResolver, periodOverride);
    // M2: Handover ที่เกณฑ์ปิดไว้ = ฿0 (ร้านที่โอนมายังอยู่ใน detail · ธงข้อมูลหาย/ledger ยังปฏิเสธเหมือนเดิม เหมือน domain)
    if (_isOff('handover')) handover = Object.assign({}, handover, { payout: 0, tier: 0, gmv_tier_label: null });
    const gate     = _commComputeGmvGate(kamEmail, pct, planCode, previewResolver, _asg.strict);
    // R1-3 c: เกตมีช่องว่าง/พัง ในงวดแบบใหม่ ⇒ หยุด (เดิม ×1.0 เต็ม)
    if (_explicit) {
      const _gp = _commGateExplicitProblem(gate, planCode, pct, previewResolver);
      if (_gp) return _commKamRefusal(period, kamEmail, 'gate_unusable', _gp, { role, nrr_pct: pct, gate });
    }
    // v_cell: แผนของงวดที่ตั้งเกณฑ์รายทีมแล้ว ต้องมีเกตของตัวเองเสมอ
    // ถ้าไม่มี แปลว่าตอนสร้างแผนลอก rule มาไม่ครบ ⇒ หยุด ไม่ใช่ใช้เกตกลางแทนเงียบ ๆ
    if (gate.source === 'missing') {
      return { period, kamEmail, plan_unavailable: true,
               plan_resolution: Object.assign({}, _asg, { missing_component: 'portfolio_gate' }),
               nrr_payout: 0, upsell_sku: { total_comm: 0 }, upsell_outlet: { commission: 0 },
               handover: { payout: 0 }, gate, subtotal: 0, gate_cap: 1, final_payout: 0 };
    }

    const subtotal    = nrrPayout + upsellSku.total_comm + upsellOutlet.commission + handover.payout;
    const finalPayout = Math.round(subtotal * gate.cap_multiplier);

    return {
      period, kamEmail,
      nrr_pct: pct,
      nrr_payout: nrrPayout,
      // v_qtrux: the base month the upsell computation was anchored to
      // (null in monthly/rolling mode) — lets display surfaces build the
      // per-group quarter timeline (_upsellQuarterTimeline) with the exact
      // same anchor, never re-deriving policy themselves.
      base_month_used: baseMo,
      upsell_sku: upsellSku,
      upsell_outlet: upsellOutlet,
      handover,
      gate,
      subtotal,
      gate_cap: gate.cap_multiplier,
      upsell_loading: upsellLoading,
      commission_mode: isQ ? 'quarterly' : 'monthly',
      base_month:      baseMo,
      quarter_id:      isQ ? (policy.quarter_id || null) : null,
      nrr_base_gmv:    isQ && raw ? Math.round(raw.baselinePrevGmv || 0) : null,
      final_payout: finalPayout,
      // R1-5: ของที่ใช้จด rules_used — มีเฉพาะงวดแบบใหม่
      ...(_explicit ? { explicit_ctx: _commNoteExplicitCtx(period, role, kamEmail, { resolution: _asg, components: _comps ? _comps.result : null, policy }) } : {})
    };
  } catch(e) {
    console.warn('[CommEngine] _commBuildKamPayout error', e);
    // R1-3 f: งวดแบบใหม่ — พังกลางทาง = หยุดทั้งรอบ ไม่ใช่แถว ฿0
    let _per = periodOverride || null;
    if (!_per) { try { _per = _nrrExclusionCurrentPeriod(); } catch (e2) { _per = null; } }
    if (_per && _commIsExplicit(_per)) {
      return _commKamRefusal(_per, kamEmail, 'engine_error', 'ตัวคิดเงินพังระหว่างคำนวณคนนี้: ' + ((e && e.message) || e), { role });
    }
    return { nrr_payout:0, upsell_sku:{total_comm:0}, upsell_outlet:{commission:0},
             handover:{payout:0}, gate:{cap_multiplier:1,gate_active:false},
             subtotal:0, gate_cap:1, final_payout:0 };
  }
}

// ── TL Full Payout Builder ──────────────────────────────────────
function _commBuildTlPayout(tlEmail, periodOverride, previewResolver) {
  // minor 2: ในรอบคิดเงิน งวดมาจากรอบนั้นเสมอ (ดู _commBuildKamPayout)
  if (!periodOverride && _commExplicitRun) periodOverride = _commExplicitRun.period;
  try {
    const period = periodOverride || _nrrExclusionCurrentPeriod();
    // v829: resolve policy for the period being computed, not always "today" (see _commBuildKamPayout)
    const policy = periodOverride ? _nrrGovGet(periodOverride, 'all', 'all') : _nrrGovResolveForVisibleScope();
    const isQ    = policy && policy.commission_mode === 'quarterly';
    const baseMo = isQ ? (policy.base_month || null) : null;
    const _explicit = _commIsExplicit(period);

    if (_explicit && periodOverride && _commMoneyRun(period)) {
      // R1-3 g: หัวหน้าทีมผ่านเกณฑ์เข้า/ออกแบบเดียวกับ KAM (เดิมไม่เคยถูกตรวจ) — ไม่เข้าเกณฑ์ = แถว ฿0 พร้อมเหตุผล
      // คืนธง explicit_skip ⇒ computeCommissionDraft แปลงเป็นแถว "ไม่เข้าเกณฑ์" (รูปเดียวกับของ KAM)
      const _baseForElig = (policy && policy.commission_mode === 'quarterly' && policy.base_month) ? policy.base_month : _commPeriodShift(period, -1);
      const _eligTl = _commEligibility(tlEmail, period, _baseForElig);
      if (!_eligTl.eligible) {
        _commNoteExplicitCtx(period, 'tl', tlEmail, { skip: _eligTl.reason });
        return { period, tlEmail, explicit_skip: _eligTl.reason, nrr_pct: null, nrr_payout: 0,
                 upsell_mult: { multiplier: 1.0, tier: 1 }, final_payout: 0 };
      }
      // R1-3 g: ไฟล์ %NRR ไม่มีทีมของหัวหน้าทีมคนนี้ ⇒ หยุด ห้ามให้ 07c ถอยไปใช้ตัวเลขทั้งบริษัท
      if (isQ && !_commTlScopeResolvable(tlEmail)) {
        return _commTlRefusal(period, tlEmail, 'tl_scope_missing',
          'ไฟล์ %NRR ไม่มีทีมของหัวหน้าทีมคนนี้ (อีเมลไม่ตรงหรือยังไม่มีลูกทีม) — ห้ามใช้ตัวเลขทั้งบริษัทแทน');
      }
    }

    // [quarterly] TL NRR from QNRR sheet (tl scope); [monthly] existing _tgtComputeKamNRR,
    // periodOverride threads through as asOfPeriod for frozen historical-month NRR
    let raw;
    if (isQ && typeof window._qnrrComputeForCommission === 'function') {
      raw = window._qnrrComputeForCommission(tlEmail, 'tl', periodOverride);
    } else {
      raw = _tgtComputeKamNRR(null, tlEmail, periodOverride);
    }
    // v_cell: เหตุผลเดียวกับฝั่ง KAM
    if (raw && raw.period_missing) {
      return { period, tlEmail, data_unavailable: true, requested_period: raw.requested_period,
               nrr_pct: null, nrr_payout: 0,
               upsell_mult: { multiplier: 1.0, tier: 1 }, final_payout: 0 };
    }
    const rawPct      = raw && raw.nrr !== null ? raw.nrr * 100 : null; // v92-fix: unrounded, see _nrrGovernedPct
    const governedPct = _nrrGovernedPct(raw, null, tlEmail);
    const pct         = governedPct !== null ? governedPct : rawPct;
    // R1-3 f: %NRR ไม่มีค่า ⇒ หยุด (เดิมได้ NRR ฿0)
    if (_explicit && (pct === null || pct === undefined || isNaN(pct))) {
      return _commTlRefusal(period, tlEmail, 'nrr_missing', 'ยังไม่รู้ %NRR ของทีมนี้ (ไฟล์ %NRR ไม่มีข้อมูลหรือยังโหลดไม่เสร็จ)');
    }
    // v_cell: เหตุผลเดียวกับฝั่ง KAM — งวดที่ตั้งเกณฑ์รายทีมไว้ หัวหน้าทีมก็ต้องมีของตัวเอง
    const _asgTl = _commResolveForMoney(period, 'tl', tlEmail, 'tl');   // R1-2: งวดแบบใหม่ = แบบเข้ม
    if (_asgTl.missed) {
      if (_explicit) {
        return _commTlRefusal(period, tlEmail, 'plan_unresolved', _asgTl.reason_th || 'ยังไม่ได้ผูกเกณฑ์ค่าคอมฯ ของงวดนี้',
          { plan_unavailable: true, plan_resolution: _asgTl, role: 'tl', nrr_pct: pct });
      }
      return { period, tlEmail, plan_unavailable: true, plan_resolution: _asgTl,
               nrr_pct: pct, nrr_payout: 0,
               upsell_mult: { multiplier: 1.0, tier: 1 }, final_payout: 0 };
    }
    const planCode    = _asgTl.planCode;
    // R1-2: งวดแบบใหม่ — แผนหัวหน้าทีมต้องมีครบ (ขั้น %NRR + ตัวคูณ upsell)
    let _comps = null;
    if (_explicit && typeof previewResolver !== 'function') {
      _comps = _commPlanComponentsExplicit(planCode, period, 'tl');
      if (!_comps.ok) {
        return _commTlRefusal(period, tlEmail, 'plan_incomplete', _comps.reason_th,
          { plan_unavailable: true, role: 'tl', nrr_pct: pct,
            plan_resolution: Object.assign({}, _asgTl, { missing_component: _comps.missing[0] || null,
                                                         missing_components: _comps.missing }) });
      }
    }
    // M2: NRR ที่เกณฑ์ปิดไว้ = ฿0 · ตัวคูณ upsell ที่ปิดไว้ = ยังปฏิเสธ (เหตุผลเดียวกับเกตพอร์ตของ KAM:
    // สเปกไม่ได้บอกว่าปิดแล้วคูณ ×1 — domain evalTlMult ให้ ×1 — ตัวคูณเงินทั้งก้อนต้องรอเจ้าของเคาะ)
    const _offTl = (_comps && _comps.result && _comps.result.components) ? _comps.result.components : null;
    const _isOffTl = k => !!(_offTl && _offTl[k] && _offTl[k].off === true);
    if (_isOffTl('tl_upsell_mult')) {
      return _commTlRefusal(period, tlEmail, 'tl_mult_off', 'ตัวคูณ upsell ของเกณฑ์ ' + planCode + ' ถูกปิดไว้ (active=false) — ' +
        'ยังไม่ได้ตกลงว่าปิดแล้วคูณ ×1 หรือไม่ จึงยังไม่คิดเงิน (เปิดตัวคูณในเกณฑ์ หรือให้เจ้าของระบบยืนยันก่อน)', { nrr_pct: pct });
    }

    // v_leak: เงื่อนไขซ้อน — เดือนที่พอร์ตรั่วมากกว่าปกติ ไม่จ่ายทุกขั้น
    // ต้องตัดสินก่อนคิดเงิน ไม่ใช่คิดเสร็จแล้วค่อยคูณศูนย์ เพราะตัวคูณก็ต้องไม่ทำงานด้วย
    const _squadTl = (typeof _commSquadForTl === 'function') ? _commSquadForTl(tlEmail) : null;
    const _leak = _commLeakGateFor(period, _squadTl);
    if (_leak.used && !_leak.present) {
      // งวดนี้ใช้เงื่อนไขรั่ว แต่ทีมนี้ยังไม่มีผลวัด = ยังไม่ได้รัน SQL หรือทีมตกหล่น
      // จ่ายไปก่อนโดยเดาว่าผ่าน = จ่ายเกินโดยไม่มีใครรู้ ⇒ ยกเลิกทั้งงวดให้คนตรวจ
      return { period, tlEmail, leak_unavailable: true, squad: _squadTl,
               nrr_pct: pct, nrr_payout: 0,
               upsell_mult: { multiplier: 1.0, tier: 1 }, final_payout: 0 };
    }
    if (_leak.used && !_leak.passed) {
      return { period, tlEmail, nrr_pct: pct, nrr_payout: 0,
               leak_gate: { passed: false, leak_pct: _leak.leak_pct, norm_pct: _leak.norm_pct,
                            squad: _squadTl },
               upsell_mult: { multiplier: 1.0, tier: 1 }, final_payout: 0 };
    }

    const nrrPayout   = _isOffTl('nrr') ? 0 : _commPayoutForPctByCode(planCode, 'tl', pct);   // M2

    // v_augfix: pin the month (see _commComputeUpsellSku). null = refused.
    const upsellMult = _commComputeTeamUpsellMult(tlEmail, isQ, baseMo, planCode, previewResolver, periodOverride);
    // R1-3 d: ตัวคูณหาขั้นไม่เจอ/พัง ในงวดแบบใหม่ ⇒ หยุด (เดิม ×1.0 หรือตารางในโค้ด)
    if (_explicit && upsellMult && upsellMult.refused) {
      return _commTlRefusal(period, tlEmail, upsellMult.refuse_code, upsellMult.refuse_th, { nrr_pct: pct });
    }
    if (_explicit && periodOverride && upsellMult === null) {
      return _commTlRefusal(period, tlEmail, 'upsell_missing', 'ไฟล์ upsell ของลูกทีมยังมาไม่ครบ คิดตัวคูณของหัวหน้าทีมไม่ได้',
        { upsell_unavailable: true, nrr_pct: pct });
    }
    if (upsellMult === null) {
      return { period, tlEmail, upsell_unavailable: true,
               nrr_pct: pct, nrr_payout: 0,
               upsell_mult: { multiplier: 1.0, tier: 1 }, final_payout: 0 };
    }
    const finalPayout = Math.round(nrrPayout * upsellMult.multiplier);

    return { period, tlEmail, nrr_pct: pct, nrr_payout: nrrPayout,
             leak_gate: _leak.used
               ? { passed: true, leak_pct: _leak.leak_pct, norm_pct: _leak.norm_pct, squad: _squadTl }
               : null,
             upsell_mult: upsellMult, final_payout: finalPayout,
             ...(_explicit ? { explicit_ctx: _commNoteExplicitCtx(period, 'tl', tlEmail, { resolution: _asgTl, components: _comps ? _comps.result : null, policy }) } : {}) };
  } catch(e) {
    console.warn('[CommEngine] _commBuildTlPayout error', e);
    let _per = periodOverride || null;
    if (!_per) { try { _per = _nrrExclusionCurrentPeriod(); } catch (e2) { _per = null; } }
    if (_per && _commIsExplicit(_per)) {
      return _commTlRefusal(_per, tlEmail, 'engine_error', 'ตัวคิดเงินพังระหว่างคำนวณหัวหน้าทีมคนนี้: ' + ((e && e.message) || e));
    }
    return { nrr_payout:0, upsell_mult:{multiplier:1.0,tier:1}, final_payout:0 };
  }
}

// Expose to window
window._commGetConfig = _commGetConfig;
// v_augfix: exposed so the Cockpit can grey out Compute for an unfinished month
// and explain why, instead of letting the click fail silently.
window._commPeriodIsClosed = _commPeriodIsClosed;
window._commPeriodToLabel = _commPeriodToLabel;
window._commUpsellTeamCsvPeriod = _commUpsellTeamCsvPeriod;
window._commComputeUpsellSku = _commComputeUpsellSku;
window._commComputeUpsellOutlet = _commComputeUpsellOutlet;
window._commComputeHandoverRetention = _commComputeHandoverRetention;
window._commComputeGmvGate = _commComputeGmvGate;
window._commComputeTeamUpsellMult = _commComputeTeamUpsellMult;
window._commBuildKamPayout = _commBuildKamPayout;
window._commBuildTlPayout = _commBuildTlPayout;

// SECTION:COMMISSION_LIVE_EXACT — ยอดจริงสดของ "คนอื่น" บนจอทีม (รอบ B · docs/commission-live-exact-plan-2026-10-19.md)
// ปัญหา: คนที่ไม่มีไฟล์ upsell รายคนในเครื่อง ตัวคิดเงินบนจอใช้ "ทางลัด" จากไฟล์สรุปทีม (เกณฑ์ P1/P3 ก่อน ต.ค. ฝังใน SQL)
//   ⇒ 19 ต.ค. 14 KAM บนจอรวม ฿102,847 แต่ยอดที่ระบบจะจ่ายจริง ฿97,383 · ตัวคูณหัวหน้าทีมบนจอก็สลับแหล่งตามไฟล์ที่โหลด
// ทำไมไม่โหลดไฟล์ทุกคนเข้าแอปแบบเดิม: ไฟล์ละ 4–5.5 MB ตัวรวมข้อมูลกลาง (bulkUpsellData) กิน ~20 MB/คนแล้วไม่คืน
//   admin 20 คน ≈ 1.1 GB ⇒ มือถือเด้ง
// ทางนี้: ทีละคน อ่านข้อความไฟล์ (แคชในเครื่อง 6 ชม.) → แปลงแบบเบาเฉพาะเดือนที่ใช้ (domain upsell_bundle)
//   → ข้อเท็จจริงของสูตรกลาง (domain live) → payoutKam/payoutTl (ตัวเดียวกับที่ /nrr เขียนทับ) → ทิ้งข้อมูลดิบ เก็บแค่ผล
// อ่านอย่างเดียว ไม่เขียนอะไร ไม่แตะตัวคิดเงินจริง (_commBuildKamPayout/_commBuildTlPayout) · เฉพาะงวดแบบใหม่ (≥ 2026-10)
// ผล: { status:'ok', amount, payout } | { status:'loading' } | { status:'refused', reason_th } | { status:'none', reason_th }
const _COMM_LIVE_RETRY_MS = 5 * 60 * 1000;        // ไฟล์โหลดไม่ได้ ⇒ เว้น 5 นาที (กันวนโหลด เหมือน UPSELL_BUNDLE_RETRY_MS)
// เน็ตสะดุดชั่วคราว (เห็นบนเว็บจริง 20 ต.ค. 2569: 2 ไฟล์ตอบไม่ได้ระหว่างเปิดแอป ทั้งที่ไฟล์ปกติ ⇒ การ์ดขึ้น "—" ไป 5 นาที)
// ⇒ ลองซ้ำอีกครั้งหลังเท่านี้ ก่อนจดว่าโหลดไม่ได้
const _COMM_LIVE_REFETCH_MS = 3000;
const _COMM_LIVE_TTL_MS = 6 * 60 * 60 * 1000;      // ข้อเท็จจริงจากไฟล์ที่อ่านเอง ใช้ได้นานเท่าแคชไฟล์ในเครื่อง
const _COMM_LIVE_SETTLE_MS = 200;                  // คิวว่างแล้ว ⇒ วาดจอ (ครั้งเดียว)
const _COMM_LIVE_PROGRESS_MS = 3000;               // ระหว่างที่ยังมีไฟล์ในคิว วาดความคืบหน้าไม่ถี่กว่านี้ (ชีทไม่กระตุก)
const _COMM_LIVE_YIELD_MS = 40;                    // พักระหว่างคน ให้จอยังตอบสนอง (แปลงไฟล์ทีละคน ไม่ขนาน)
const COMM_LIVE_LOADING_TH = 'กำลังคิดยอดจริง';
// results = ผลรายคน (ขึ้นกับทุกอย่างที่เปลี่ยนเงิน) · facts = กลุ่ม upsell ของไฟล์ที่อ่านเอง (ขึ้นกับไฟล์ + เดือนเท่านั้น
// ⇒ %NRR/เกณฑ์/waiver เปลี่ยน คิดใหม่จาก facts ได้ทันทีไม่ต้องอ่านไฟล์ซ้ำ) · session = ออกจากระบบแล้วงานค้างทิ้งผล
const _commLive = { results: new Map(), members: new Map(), facts: new Map(), failed: {}, queue: [], jobs: {},
                    running: false, rev: 0, notifyTimer: null, notifyFinal: false, session: 0 };

function _commLiveMods() {
  const m = { payout: _commDomainMod('commission/payout'), live: _commDomainMod('commission/live'),
              bundle: _commDomainMod('commission/upsell_bundle'), assignment: _commDomainMod('commission/assignment'),
              components: _commDomainMod('commission/components'), facts: _commDomainMod('commission/facts') };
  return (m.payout && m.live && m.bundle && m.assignment && m.components && m.facts) ? m : null;
}
// รุ่นของผล — ขยับทุกครั้งที่มีผลใหม่ลง (คีย์แคชของรายชื่อ KAM ใช้ตัวนี้)
function _commLiveExactRev() { return _commLive.rev; }
// ออกจากระบบ (01 _showLoginOverlayClean / doSignOut / ถูกปิดบัญชี): ล้างผลและไฟล์ที่แปลงไว้ของคนก่อน
// งานที่กำลังรอไฟล์อยู่ทิ้งผลของตัวเอง และตัวอ่านไฟล์ (02) ไม่เขียนแคชในเครื่องหลังจากนี้
function _commLiveReset() {
  _commLive.session++;
  _commLive.results.clear(); _commLive.members.clear(); _commLive.facts.clear();
  _commLive.failed = {}; _commLive.queue.length = 0; _commLive.jobs = {};
  try { if (_commLive.notifyTimer) clearTimeout(_commLive.notifyTimer); } catch (e) {}
  _commLive.notifyTimer = null;
  _commLive.rev++;
  try { if (typeof _upsellTextNewSession === 'function') _upsellTextNewSession(); } catch (e) {}
}

function _commLiveRole(email, role) {
  if (role) { const r = _commEngineRole(role); return r === 'kam' || !r ? 'kam' : r; }
  return _dispPortfolioRoleOf(email);
}
// ทุกอย่างที่เปลี่ยนเงินได้ นอกจากไฟล์ upsell ของคนนั้น — ผลที่จำไว้ใช้ได้เมื่อค่านี้เท่าเดิม
function _commLiveStamp(period) {
  const q = window.bulkQnrrData || {};
  const rs = _commRuleSetForDomain();
  let pol = null, vis = null, excl = '', leak = '';
  try { pol = _nrrGovGet(period, 'all', 'all'); } catch (e) {}
  try { vis = _nrrGovResolveForVisibleScope(); } catch (e) {}
  try { excl = (_nrrExclusions || []).filter(r => r && r.status === 'approved').map(r => r.id || _nrrExclusionRowKey(r)).sort().join(','); } catch (e) {}
  try {
    leak = String(window._commLeakGateLoaded) + ':' + Object.keys(_commLeakGate || {}).filter(k => k.indexOf(period + '|') === 0)
      .sort().map(k => k + '=' + (_commLeakGate[k].passed !== false)).join(',');
  } catch (e) {}
  const L = window._commHoLedger || {};
  const hd = (typeof bulkHandoverData !== 'undefined' && bulkHandoverData) || {};
  const ro = window.nrrRoleRoster || {};
  const pv = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
  return [period, q.loadedAt || 0, (q.allRows || []).length, rs.hash || '', rs.complete ? 'c' : '-',
    pol ? pol.commission_mode + '/' + pol.base_month : '-', vis ? vis.commission_mode + '/' + vis.base_month : '-', excl,
    'h' + (L.rev || 0) + (L.loaded ? 'L' : '') + (L.error ? 'E' : ''), 'f' + (hd.loadedAt || (Array.isArray(hd.rows) ? hd.rows.length : 'x')),
    leak, (ro.loaded ? 'r' : '-') + ((ro.nonKamSet && ro.nonKamSet.size) || 0), pv.length,
    Object.keys(_commPeopleRoster || {}).length + '/' + (_commOtherRoleRoster || []).length].join('|');
}
// ยังคิดไม่ได้เพราะของยังมาไม่ครบ ⇒ loading · ของที่ต้องใช้พังถาวร ⇒ refused · พร้อม ⇒ null
// รายชื่อทีม/ตำแหน่ง ค่ากลาง waiver (และผลวัดพอร์ตรั่วของหัวหน้าทีม) ต้องโหลดสำเร็จเหมือนตอนคิดเงินจริง (_commForceLoadPeriod)
// ไม่งั้นเกณฑ์เข้า/ออกปล่อยทุกคนผ่าน หรือ %NRR ไม่หัก waiver ⇒ ยอดผิด
function _commLiveGate(period, role) {
  const loading = th => ({ status: 'loading', reason_th: th || COMM_LIVE_LOADING_TH });
  if (typeof allCriticalReady === 'function' && !allCriticalReady()) return loading();   // ไม่คิดระหว่างบูต
  const dp = _commDomainProblem();
  if (dp) return { status: 'refused', reason_th: dp };
  if (!_commLiveMods()) return { status: 'refused', reason_th: COMM_DOMAIN_MISSING_TH + ' (commission/live)' };
  if (_commRulesLoading(period)) return loading(COMM_RULES_LOADING_TH);
  if (window._nrrGovPoliciesLoaded === 'failed') return { status: 'refused', reason_th: 'อ่านกติกางวดค่าคอมฯ ไม่ได้' };
  if (window._nrrGovPoliciesLoaded !== true) return loading();
  const st = (typeof _commLoadState !== 'undefined' && _commLoadState) || null;
  if (!st) return loading();
  const bad = ['settings', 'people', 'roster', 'exclusions'].concat(role === 'tl' ? ['leak'] : []).filter(k => st[k] !== true);
  if (bad.length) return { status: 'refused', reason_th: 'โหลดจากฐานข้อมูลไม่สำเร็จ: ' + bad.map(k => _COMM_LOAD_PART_TH[k] || k).join(', ') };
  if (!(window.bulkQnrrData && window.bulkQnrrData.loaded)) return loading();
  if (_commHoOnceApplies(period) && role !== 'tl' && _commHoLedgerPending()) return loading(COMM_HO_LEDGER_LOADING_TH);
  if (role === 'tl' && !(window.nrrRoleRoster && window.nrrRoleRoster.loaded)) return loading();
  return null;
}
// เดือนที่ใช้คิด + ช่วงฐาน P1 ของงวดนี้ (key = ข้อเท็จจริงที่จำไว้ใช้ได้เมื่อค่านี้เท่าเดิม)
// ⚠️ ช่วงฐาน P1 ตาม "กติกาของจอที่เปิดอยู่ + นาฬิกา (เมื่อวาน)" ไม่ใช่ของงวดที่คิด — ลอกตัวอ่านไฟล์ของแอป
//    (02 ingestCSVText 'bulk-upsell' _q3cPolicy/_lagU) เพื่อให้ยอดสด = ยอดที่ระบบคิดจริงวันนี้
//    ที่รอยต่อไตรมาสเป็นบั๊กของการคิดเงิน (review 19 ต.ค. ข้อ 2) — จะแก้ทั้งสองที่พร้อมกันใน PR แยก ห้ามแก้ที่นี่ที่เดียว
function _commLiveWindow(M, period) {
  const P = _commLivePolicy(period);
  let vis = null; try { vis = _nrrGovResolveForVisibleScope(); } catch (e) {}
  const lag = _commLagDate();
  const win = M.bundle.p1BaselineWindow((vis && vis.commission_mode === 'quarterly') ? vis.base_month : null,
    lag.getFullYear() + '-' + String(lag.getMonth() + 1).padStart(2, '0'));
  const evalLabel = _commPeriodToLabel(period), p3Labels = _commBaseMonthLabels(P.baseMo, 3);
  return { win, evalLabel, p3Labels, key: [evalLabel, p3Labels.join(','), win.labels.join(','), win.exclude || ''].join('|') };
}
// ไฟล์ upsell ของคนนี้ที่แอปรวมไว้แล้ว (เปิดดูรายคน / Compute) — ใช้ตัวนั้นเลย ไม่โหลดซ้ำ
// คีย์เหมือน _commBuildKamPayout/_commComputeUpsellSku ⇒ ผลเท่ากับตัวคิดเงิน · เดือนที่ไฟล์มี = ของไฟล์คนนี้เอง
// (labelsByKam — ไม่ใช่รวมทุกไฟล์ ไม่งั้นคนเดียวกันได้ "—" หรือยอด แล้วแต่ว่าไฟล์ใครโหลดอยู่)
function _commLiveIngested(email) {
  const U = (typeof bulkUpsellData !== 'undefined') ? bulkUpsellData : null;
  if (!U || !U.loaded || !U.byKam) return null;
  const pv = ((typeof portviewBulkData !== 'undefined' && portviewBulkData) || []).find(r => r.kamEmail === email);
  const dn = pv ? (pv.kamName || '') : '';
  const has = k => !!(k && U.byKam[k] && Object.keys(U.byKam[k]).length > 0);
  if (!has(dn) && !has(email)) return null;
  const key = dn || email;
  const data = U.byKam[key] || U.byKam[email] || {};
  const bg = U.baselineGroups || {};
  const base = bg[key] || bg[email] || {};
  const own = U.labelsByKam ? (U.labelsByKam[email] || U.labelsByKam[String(email).toLowerCase()] || U.labelsByKam[key]) : null;
  const months = own ? Array.from(own) : ((U.monthLabels && U.monthLabels.size) ? Array.from(U.monthLabels) : null);
  return { kind: 'ingested', refs: [U, data, base, own || null],
           make: (W, expIds) => _commLiveMods().live.upsellFacts({ data, baselineGroups: base, groupCategory: U.groupCategory || {} },
             { evalLabel: W.evalLabel, p3Labels: W.p3Labels, expansionIds: expIds, requireMonth: months }) };
}
// แหล่ง upsell ของคนนี้: ไฟล์ที่แอปรวมไว้ หรือกลุ่มที่แปลงจากไฟล์ที่อ่านเอง (ยังไม่หมดอายุ) · ไม่มี = null (ต้องอ่านไฟล์)
function _commLiveUpsellSrc(M, email, W) {
  const ing = _commLiveIngested(email);
  if (ing) return ing;
  const fkey = String(email).toLowerCase() + '|' + W.key;
  const f = _commLive.facts.get(fkey);
  if (!f || (Date.now() - f.at) >= _COMM_LIVE_TTL_MS) return null;
  return { kind: 'fetched', fkey, entry: f,
           make: (W2, expIds) => M.live.upsellFromGroups(f.groups, { evalLabel: W2.evalLabel, months: f.months, expansionIds: expIds }) };
}
function _commLiveSrcValid(src, email) {
  if (!src || src.kind === 'none') return true;
  const ing = _commLiveIngested(email);
  if (src.kind === 'ingested') return !!ing && ing.refs.every((x, i) => x === src.refs[i]);
  if (src.kind === 'fetched') return !ing && _commLive.facts.get(src.fkey) === src.entry && (Date.now() - src.entry.at) < _COMM_LIVE_TTL_MS;
  if (src.kind === 'team') return src.deps.every(d => _commLive.members.get(d.key) === d.entry && _commLiveSrcValid(d.entry.src, d.email));
  return false;
}
function _commLiveStore(map, key, stamp, src, value) {
  map.set(key, { stamp, src, value });
  _commLive.rev++;
  return value;
}
function _commLivePolicy(period) {
  const pol = _nrrGovGet(period, 'all', 'all');
  const isQ = !!(pol && pol.commission_mode === 'quarterly');
  return { pol, isQ, baseMo: isQ ? (pol.base_month || null) : null };
}
// %NRR ของคน/ทีม — ทางเดียวกับ _commBuildKamPayout / _commBuildTlPayout (ไม่ปัด · หัก waiver ข้างในแล้ว)
function _commLiveNrr(email, scope, period, isQ) {
  const raw = (isQ && typeof window._qnrrComputeForCommission === 'function')
    ? window._qnrrComputeForCommission(email, scope, period)
    : (scope === 'tl' ? _tgtComputeKamNRR(null, email, period) : _tgtComputeKamNRR(email, null, period));
  if (raw && raw.period_missing) return { raw, nrr: { period_missing: true } };
  const rawPct = raw && raw.nrr !== null ? raw.nrr * 100 : null;
  const governedPct = scope === 'tl' ? _nrrGovernedPct(raw, null, email) : _nrrGovernedPct(raw, email, null);
  return { raw, nrr: { pct: governedPct !== null ? governedPct : rawPct } };
}
// สาขา Expansion ของเดือน — รายไตรมาสจากแถว %NRR ของเดือนนั้น (สูตรกลาง) · รายเดือนจากตัวคิดเดิมของ Sense
function _commLiveExpansion(M, email, period, isQ, raw) {
  if (isQ && raw) {
    const bm = raw.by_month ? raw.by_month[raw.currentPeriod] : null;
    return M.live.expansionFact({ rows: (bm && bm.rows) || [] });
  }
  const out = _commComputeUpsellOutlet(email, null, period, null);
  if (!out) return M.live.expansionFact(null);
  return M.live.expansionFact({ fact: { status: 'ok', outlet_ids: Array.from(out._expansionIds || []), outlet_gmv_thb: out.outlet_gmv || 0 } });
}
// Handover ของงวด: สถานะ + แถวที่นับจริง (หลังตัดสาขาที่เคยได้ HO) จากตัวคิดเดิมของ Sense
// ตัวคิดเดิมไม่คืนจำนวนวันของแถว ⇒ หยิบแถวชุดเดียวกันจากไฟล์ แล้วเทียบกับ detail ทีละแถว (ไม่ตรง = ไม่คิด)
function _commLiveHandover(M, email, period) {
  const ho = _commComputeHandoverRetention(email, null, undefined, period);
  if (ho.ledger_missing) return M.live.handoverFact('ledger_missing');
  if (ho.data_missing) return M.live.handoverFact('missing');
  const det = ho.detail || [];
  if (!det.length) return M.live.handoverFact('ok', []);
  const hd = (typeof bulkHandoverData !== 'undefined' && bulkHandoverData) || {};
  const pv = ((typeof portviewBulkData !== 'undefined' && portviewBulkData) || []).find(r => r.kamEmail === email);
  const prev = _commHoYmShift(period, -1);
  const rows = (((hd.byNewKamName || {})[(pv && pv.kamName) || '']) || [])
    .filter(r => (r.prevOwner || '').toUpperCase() === 'SALE' && r.transferMonth === prev && !_commHoRepeatOf(r.outletId, period));
  const same = rows.length === det.length && rows.every((r, i) => String(r.outletId || '') === String(det[i].outlet_id || '') &&
    (r.baselineGmv || 0) === det[i].baseline_raw && (r.perfGmv || 0) === det[i].perf_raw);
  if (!same) return { status: 'mismatch' };
  return M.live.handoverFact('ok', rows.map(r => ({ baseline_gmv: r.baselineGmv, baseline_days: r.baselineDays,
                                                    perf_gmv: r.perfGmv, perf_days: r.perfDays })));
}
function _commLiveOk(out) {
  return { status: 'ok', amount: out.final_payout, payout: out };
}
function _commLiveRefused(out, M) {
  return { status: 'refused', reason_th: M.payout.refusalTh(out) || 'ยังคิดยอดจริงไม่ได้', payout: out };
}
// KAM / AD ของงวด — up = แหล่ง upsell ของคนนี้ (_commLiveUpsellSrc) หรือ null = ตรวจทุกอย่างยกเว้น upsell
function _commLiveKamCompute(M, email, role, period, up) {
  const P = _commLivePolicy(period);
  const n = _commLiveNrr(email, 'kam', period, P.isQ);
  const exp = _commLiveExpansion(M, email, period, P.isQ, n.raw);
  const ho = _commLiveHandover(M, email, period);
  if (ho.status === 'mismatch') return { status: 'refused', reason_th: 'รายการ Handover ที่อ่านได้ไม่ตรงกับตัวคิดเงิน — ยังไม่แสดงยอด' };
  const upsell = up ? up.make(_commLiveWindow(M, period), exp.status === 'ok' ? exp.outlet_ids : [])
    : { status: 'ok', groups: [] };   // ตัวแทนตอนตรวจก่อนโหลดไฟล์ — ไม่เคยถูกแสดงเป็นเงิน
  const tl = role === 'kam' ? _commKamTlForPeriod(email, period) : null;
  const facts = M.live.kamLiveFacts({ period, email, role, nrr: n.nrr, upsell, expansion: exp, handover: ho,
    provenance: { qnrr_as_of: (window.bulkQnrrData || {}).loadedAt || null, upsell_as_of: null, ho_as_of: null } });
  const out = M.payout.payoutKam(_commRuleSetForDomain(), facts,
    { teamLeadEmail: tl, squad: tl ? _commSquadForTl(tl) : null, policy: P.pol, hoOnceFrom: HO_ONCE_FROM });
  if (out.status === 'ok') return _commLiveOk(out);
  // PM ไม่มีค่าคอมฯ งวดนี้ (Bucci 15 ต.ค.) — ไม่ใช่ "คิดไม่ได้"
  if (role === 'pm' && out.plan_unavailable) return { status: 'none', reason_th: 'PM ไม่มีค่าคอมฯ งวดนี้' };
  return _commLiveRefused(out, M);
}
// คนนี้ "เข้าเกณฑ์" ไหม (กติกาเดียวกับแถวที่ไม่เข้าเกณฑ์ในการคิดเงินจริง) — ไม่เข้า ⇒ ฿0 พร้อมเหตุ
function _commLiveSkip(email, period) {
  const P = _commLivePolicy(period);
  const base = (P.isQ && P.pol.base_month) ? P.pol.base_month : _commPeriodShift(period, -1);
  const el = _commEligibility(email, period, base);
  return el.eligible ? null : { status: 'ok', amount: 0, skipped: true, reason_th: el.reason };
}
function _commLiveKam(M, email, role, period, stamp, key) {
  if (role === 'kam' && _commIsTlPerson(email)) {
    return _commLiveStore(_commLive.results, key, stamp, { kind: 'none' },
      { status: 'none', excluded_tl: true, reason_th: 'หัวหน้าทีมได้เฉพาะเกณฑ์หัวหน้าทีม — ไม่มีค่าคอมฯ แบบ KAM' });
  }
  const sk = _commLiveSkip(email, period);
  if (sk) return _commLiveStore(_commLive.results, key, stamp, { kind: 'none' }, sk);
  const src = _commLiveUpsellSrc(M, email, _commLiveWindow(M, period));
  if (src) return _commLiveStore(_commLive.results, key, stamp, src, _commLiveKamCompute(M, email, role, period, src));
  // ไม่ต้องรู้ upsell ก็รู้แล้วว่าคิดไม่ได้ (ไม่มีเกณฑ์ / %NRR ไม่มี / HO …) ⇒ ไม่ต้องโหลดไฟล์
  const pre = _commLiveKamCompute(M, email, role, period, null);
  if (pre.status !== 'ok') return _commLiveStore(_commLive.results, key, stamp, { kind: 'none' }, pre);
  return _commLiveEnqueue(email, period);
}
// ลูกทีมของหัวหน้าทีมเดือนนั้น — แหล่งเดียวกับ _commComputeTeamUpsellMult (เจ้าของรายเดือน · ไม่นับ AD/PM · ไม่มีข้อมูลรายเดือนจึงใช้ portview)
function _commLiveTeamOf(M, tl, period) {
  const q = window.bulkQnrrData;
  const nonKam = (window.nrrRoleRoster && window.nrrRoleRoster.nonKamSet) || new Set();
  let list = (q && q.loaded && q.allRows && q.allRows.length) ? M.facts.teamMembersForPeriod(q.allRows, tl, period, nonKam) : [];
  if (!list.length) {
    list = Array.from(new Set(((typeof portviewBulkData !== 'undefined' && portviewBulkData) || [])
      .filter(r => r.tlEmail === tl && r.kamEmail && !nonKam.has((r.kamEmail || '').toLowerCase())).map(r => r.kamEmail)));
  }
  return list;
}
// แผนของหัวหน้าทีม → เกณฑ์นับ upsell ทีม (team_basis) · null = แผนยังใช้ไม่ได้ (payoutTl ปฏิเสธเอง)
function _commLiveTeamBasis(M, tl, period) {
  const rs = _commRuleSetForDomain();
  const res = M.assignment.resolvePlan(rs, { period, email: tl, role: 'tl' });
  if (res.status !== 'ok') return null;
  const pc = M.components.planComponents(rs, res.planCode, period, 'explicit', 'tl');
  return (pc && pc.status === 'ok' && pc.components) ? pc.components.team_basis : null;
}
// ลูกทีมหนึ่งคน ย่อเหลือเฉพาะที่ตัวคูณอ่าน (กลุ่มที่นับเข้ายอดทีม + ฐานของเดือน)
function _commLiveMemberCompute(M, email, period, up, basis) {
  const P = _commLivePolicy(period);
  const raw = (P.isQ && typeof window._qnrrComputeForCommission === 'function')
    ? window._qnrrComputeForCommission(email, 'kam', period) : _tgtComputeKamNRR(email, null, period);
  const baseline = (!raw || raw.period_missing) ? null : (raw.baselinePrevGmv || 0);
  const exp = _commLiveExpansion(M, email, period, P.isQ, raw);
  const upsell = (exp.status !== 'ok' || (P.isQ && !raw)) ? { status: 'missing', why: 'no_expansion' }
    : up.make(_commLiveWindow(M, period), exp.outlet_ids);
  return M.live.teamMemberFact(email, upsell, baseline, basis);
}
function _commLiveTl(M, tl, period, stamp, key) {
  const store = (src, v) => _commLiveStore(_commLive.results, key, stamp, src, v);
  const P = _commLivePolicy(period);
  const sk = _commLiveSkip(tl, period);
  if (sk) return store({ kind: 'none' }, sk);
  if (P.isQ && !_commTlScopeResolvable(tl)) {
    return store({ kind: 'none' }, { status: 'refused', reason_th: 'ไฟล์ %NRR ไม่มีทีมของหัวหน้าทีมคนนี้ (อีเมลไม่ตรงหรือยังไม่มีลูกทีม) — ห้ามใช้ตัวเลขทั้งบริษัทแทน' });
  }
  const n = _commLiveNrr(tl, 'tl', period, P.isQ);
  const squad = _commSquadForTl(tl);
  const leak = Object.assign({ squad }, _commLeakGateFor(period, squad));
  const rs = _commRuleSetForDomain();
  const opts = { policy: P.pol };
  const base = { period, email: tl, nrr: n.nrr, leak, provenance: { qnrr_as_of: (window.bulkQnrrData || {}).loadedAt || null } };
  // ตรวจทุกอย่างที่ไม่ต้องใช้ลูกทีมก่อน — คิดไม่ได้อยู่แล้ว ⇒ ไม่ต้องโหลดไฟล์ของลูกทีม
  const pre = M.payout.payoutTl(rs, M.live.tlLiveFacts(Object.assign({}, base, { members: null })), opts);
  const miss = (pre.reasons && pre.reasons[0] && pre.reasons[0].missing) || [];
  if (pre.status !== 'ok' && !(pre.reasons[0].code === 'facts_missing' && miss.length === 1 && miss[0] === 'team')) {
    const others = miss.filter(k => k !== 'team');
    return store({ kind: 'none' }, others.length
      ? { status: 'refused', reason_th: 'ข้อมูลยังไม่ครบ: ' + others.map(k => (M.facts.FACT_TH || {})[k] || k).join(', ') }
      : _commLiveRefused(pre, M));
  }
  const basis = _commLiveTeamBasis(M, tl, period);
  const W = _commLiveWindow(M, period);
  const emails = _commLiveTeamOf(M, tl, period);
  if (!emails.length) {
    // ไม่มีลูกทีมเดือนนี้: ตัวคิดเงินจริงคูณ ×1.0 (_commComputeTeamUpsellMult คืนค่าว่าง) ส่วนสูตรกลางปฏิเสธ — จอต้องเท่าที่จ่าย
    // จึงถามตัวคิดเงินเองตรง ๆ (อ่านอย่างเดียว ไม่ต้องใช้ไฟล์ upsell) · ส่วนต่างนี้ให้รอบ 2 ตัดสิน (ดู commit/report)
    const sx = _commBuildTlPayout(tl, period);
    if (!sx || sx.refused || sx.plan_unavailable || sx.data_unavailable || sx.leak_unavailable || sx.upsell_unavailable) {
      return store({ kind: 'none' }, { status: 'refused', reason_th: (sx && sx.refuse_th) || 'ยังคิดยอดหัวหน้าทีมไม่ได้ (ไม่พบลูกทีมเดือนนี้)' });
    }
    return store({ kind: 'none' }, { status: 'ok', amount: sx.final_payout, zero_members: true,
      payout: { status: 'ok', nrr_pct: sx.nrr_pct, nrr_payout: sx.nrr_payout, upsell_mult: sx.upsell_mult, leak_gate: sx.leak_gate || null, final_payout: sx.final_payout } });
  }
  const members = [], deps = [];
  let pending = false, failed = null;
  emails.forEach(em => {
    const mk = period + '|' + tl + '|' + String(em).toLowerCase();
    let e = _commLive.members.get(mk);
    if (!(e && e.stamp === stamp && _commLiveSrcValid(e.src, em))) {
      const src = _commLiveUpsellSrc(M, em, W);
      if (!src) {
        const st = _commLiveEnqueue(em, period);
        if (st.status === 'refused') failed = failed || (st.reason_th + ' (ลูกทีม ' + em + ')');
        else pending = true;
        return;
      }
      _commLiveStore(_commLive.members, mk, stamp, src, _commLiveMemberCompute(M, em, period, src, basis));
      e = _commLive.members.get(mk);
    }
    members.push(e.value);
    deps.push({ key: mk, entry: e, email: em });
  });
  if (failed) return { status: 'refused', reason_th: failed };   // ไม่จำ — ลองใหม่เองเมื่อพ้นเวลาเว้น
  if (pending) return { status: 'loading', reason_th: COMM_LIVE_LOADING_TH };
  const out = M.payout.payoutTl(rs, M.live.tlLiveFacts(Object.assign({}, base, { members })), opts);
  return store({ kind: 'team', deps }, out.status === 'ok' ? _commLiveOk(out) : _commLiveRefused(out, M));
}
// ยอดจริงสดของคนนี้ งวดนี้ (= ยอดที่ระบบจะร่าง/ล็อก) — ใช้กับจอที่แสดงเงินของคนอื่น
function _commLiveExactFor(email, role, period) {
  const per = period || _nrrExclusionCurrentPeriod();
  const em = String(email || '').trim();
  if (!em || !_commIsExplicit(per)) return { status: 'none', reason_th: '' };
  const r = _commLiveRole(em, role);
  const gate = _commLiveGate(per, r);
  if (gate) return gate;
  const M = _commLiveMods();
  const stamp = _commLiveStamp(per);
  const key = per + '|' + r + '|' + em.toLowerCase();
  const hit = _commLive.results.get(key);
  if (hit && hit.stamp === stamp && _commLiveSrcValid(hit.src, em)) return hit.value;
  try {
    return r === 'tl' ? _commLiveTl(M, em, per, stamp, key) : _commLiveKam(M, em, r, per, stamp, key);
  } catch (e) {
    console.warn('[CommLive] คิดยอดจริงไม่สำเร็จ', em, e);
    return { status: 'refused', reason_th: 'คิดยอดจริงไม่สำเร็จ: ' + ((e && e.message) || e) };
  }
}
// ขอไฟล์ upsell ของคนนี้เข้าคิว (งานของคิว = แปลงไฟล์เป็นกลุ่ม upsell ของคนนั้น · ยอดคิดตอนจอวาดรอบหน้า)
function _commLiveEnqueue(email, period) {
  const em = String(email || '').trim().toLowerCase();
  const f = _commLive.failed[em];
  if (f && (Date.now() - f.at) < _COMM_LIVE_RETRY_MS) return { status: 'refused', reason_th: f.reason_th };
  const k = period + '|' + em;
  if (!_commLive.jobs[k]) {
    const job = { email, period };
    _commLive.jobs[k] = job;
    _commLive.queue.push(job);
  }
  _commLivePump();
  return { status: 'loading', reason_th: COMM_LIVE_LOADING_TH };
}
// คิวทำทีละคน: อ่านข้อความไฟล์ → แปลงแบบเบา → กลุ่ม upsell ของทุกสาขา → ทิ้งข้อมูลดิบ → พักให้จอหายใจ → คนถัดไป
async function _commLivePump() {
  if (_commLive.running) return;
  _commLive.running = true;
  try {
    while (_commLive.queue.length) {
      const job = _commLive.queue.shift();
      // งานอยู่ในรายการจนเสร็จ — คำขอของคนเดียวกันที่มาระหว่างรอไฟล์ รวมเป็นงานนี้ ไม่อ่านไฟล์ซ้ำ
      try { await _commLiveRunJob(job); } catch (e) { console.warn('[CommLive] job ล้ม', job.email, e); }
      finally { if (_commLive.jobs[job.period + '|' + String(job.email).toLowerCase()] === job) delete _commLive.jobs[job.period + '|' + String(job.email).toLowerCase()]; }
      _commLiveNotifySoon();
      await new Promise(res => setTimeout(res, _COMM_LIVE_YIELD_MS));
    }
  } finally { _commLive.running = false; }
}
// R2 (19 ต.ค. 2569): งานของคิวแค่ "อ่านไฟล์ → แปลงเป็นกลุ่ม upsell" — ไม่ใช้เกณฑ์ ค่ากลาง waiver หรือ %NRR
// (เงินคิดตอนจอวาด จากกลุ่มนี้ ด้วยเกณฑ์ที่อยู่ในเครื่องตอนนั้น ⇒ เกณฑ์ใหม่มา = คิดเงินใหม่ ไม่อ่านไฟล์ซ้ำ)
// ⇒ ต้องการแค่ก้อน domain + กติกางวด (ใช้ตั้งหน้าต่างเดือน ซึ่งเป็นคีย์ของกลุ่ม)
// เดิมใช้ด่านเต็ม (_commLiveGate) ทั้งก่อนและหลังโหลดไฟล์ ⇒ ระหว่างโหลดเกณฑ์ใหม่ งานในคิวถูกทิ้ง และไฟล์ที่โหลดมาแล้วถูกโยนทิ้ง
// (คิวรับงานเฉพาะตอนด่านเต็มผ่าน — _commLiveExactFor/_commLiveKam/_commLiveTl — ออกจากระบบดูจาก session เหมือนเดิม)
function _commLiveParseReady() {
  return !!_commLiveMods() && window._nrrGovPoliciesLoaded === true;
}
async function _commLiveRunJob(job) {
  const em = String(job.email).toLowerCase();
  const ses = _commLive.session;
  const per = job.period;
  if (!_commLiveParseReady()) return;   // ยังไม่พร้อม — จอวาดรอบหน้าจะขอใหม่เอง
  const M = _commLiveMods();
  const W0 = _commLiveWindow(M, per);
  if (_commLiveUpsellSrc(M, job.email, W0)) return;   // มีแล้ว (ไฟล์ที่แอปรวมไว้ หรืองานก่อนหน้าแปลงไว้)
  const fail = th => { if (ses !== _commLive.session) return; _commLive.failed[em] = { at: Date.now(), reason_th: th }; _commLive.rev++; };
  if (typeof _fetchUpsellBundleText !== 'function') return fail('แอปรุ่นนี้อ่านไฟล์ upsell รายคนไม่ได้');
  let got = null;
  try { got = await _fetchUpsellBundleText(job.email); } catch (e) { got = null; }
  if (ses !== _commLive.session) return;    // ออกจากระบบระหว่างรอไฟล์ — ทิ้ง
  if (!got || !got.text) {                  // ลองซ้ำครั้งเดียว (เน็ตสะดุด) ก่อนเว้น 5 นาที
    await new Promise(res => setTimeout(res, _COMM_LIVE_REFETCH_MS));
    if (ses !== _commLive.session) return;
    try { got = await _fetchUpsellBundleText(job.email); } catch (e) { got = null; }
    if (ses !== _commLive.session) return;
  }
  if (!got || !got.text) return fail('โหลดไฟล์ upsell ของคนนี้ไม่สำเร็จ — จะลองใหม่ใน 5 นาที');
  if (!_commLiveParseReady()) return;
  const W = _commLiveWindow(M, per);
  const parsed = M.bundle.parseUpsellBundle(got.text, { baselineLabels: W.win.labels, exclude: W.win.exclude, header: 'first_line',
    keepLabels: [W.evalLabel].concat(W.p3Labels) });
  const at = got.at || Date.now();
  got = null;   // ปล่อยข้อความไฟล์ (~10 MB) ทันที
  if (parsed.status !== 'ok') return fail(parsed.reason_th);
  // กลุ่ม upsell ของทุกสาขา (ยังไม่ตัดสาขา Expansion — ตัดตอนคิด) — เก็บแค่นี้ ข้อมูลรายเดือนทิ้ง
  const groups = M.facts.buildUpsellGroups({ data: parsed.data, baseline: parsed.baselineGroups, evalLabel: W.evalLabel,
    p3Labels: W.p3Labels, expansionIds: [], groupCategory: parsed.groupCategory });
  _commLive.facts.set(em + '|' + W.key, { at, groups, months: parsed.monthLabels });
  delete _commLive.failed[em];
  _commLive.rev++;
}
// ผลใหม่ลง ⇒ วาดเฉพาะจอเงินที่เปิดอยู่ (ไม่ผ่าน RenderBus ที่วาดทั้งแอป — บทเรียน render storm)
// คิวว่าง ⇒ วาดครั้งเดียวหลัง 200 ms · ยังมีไฟล์ในคิว ⇒ วาดความคืบหน้าไม่ถี่กว่าทุก 3 วิ
function _commLiveNotifySoon() {
  const drained = !_commLive.queue.length;
  if (drained) {
    if (_commLive.notifyTimer && _commLive.notifyFinal) return;
    try { if (_commLive.notifyTimer) clearTimeout(_commLive.notifyTimer); } catch (e) {}
    _commLive.notifyFinal = true;
    _commLive.notifyTimer = setTimeout(() => { _commLive.notifyTimer = null; _commLiveNotify(true); }, _COMM_LIVE_SETTLE_MS);
  } else if (!_commLive.notifyTimer) {
    _commLive.notifyFinal = false;
    _commLive.notifyTimer = setTimeout(() => { _commLive.notifyTimer = null; _commLiveNotify(false); }, _COMM_LIVE_PROGRESS_MS);
  }
}
function _commLiveNotify(final) {
  if (typeof document === 'undefined') return;
  let tvOn = false;
  try { tvOn = !!document.querySelector('#scr-teamview.on'); } catch (e) {}
  if (tvOn) {
    try { if (typeof renderTeamviewSummary === 'function') renderTeamviewSummary(); } catch (e) { console.warn('[CommLive] team summary', e); }
    try { if (typeof scheduleRenderTeamviewKamList === 'function') scheduleRenderTeamviewKamList(); } catch (e) {}
  }
  // 25 ต.ค. 2569: การ์ดค่าคอมฯ ของหัวหน้าทีมบนหน้าพอร์ต (07b_cds) ใช้ยอดจริงชุดนี้ — คิดเสร็จแล้ววาดการ์ดใหม่
  try {
    if (document.querySelector('#scr-portview.on') && typeof window._tlGoldMode === 'function' && window._tlGoldMode() && typeof _commRenderKamSelfStrip === 'function') _commRenderKamSelfStrip();
  } catch (e) {}
  try {
    const ov = document.getElementById('pv-comm-tl-sheet-overlay');
    if (ov && ov.classList.contains('on') && ov.innerHTML) {
      // วาดชีทใหม่ทั้งก้อน แต่ตำแหน่งที่เลื่อนอ่านอยู่ต้องเท่าเดิม (ไม่เด้งกลับขึ้นบน)
      const SCROLLERS = ['.pv-comm-sheet', '.pv-comm-sheet-body', '.pv-comm-tl-kam-list'];
      const kept = SCROLLERS.map(sel => { const el = ov.querySelector(sel); return el ? el.scrollTop : 0; });
      _commOpenTlDetailSheet({ _skipUpsellFetch: true });
      SCROLLERS.forEach((sel, i) => { const el = ov.querySelector(sel); if (el && kept[i]) el.scrollTop = kept[i]; });
    }
  } catch (e) { console.warn('[CommLive] TL sheet', e); }
  try {
    const co = document.getElementById('commission-cockpit-overlay');
    const open = !!(co && co.classList.contains('open'));
    // ขั้นล็อก: วาดใหม่เฉพาะตอนคิวว่าง (ระหว่างโหลด ปุ่ม Lock/Compute ต้องไม่ถูกสร้างใหม่ใต้นิ้ว)
    if (open && final && typeof _commCockpitStep !== 'undefined' && _commCockpitStep === 'lock' && typeof renderCommissionCockpit === 'function') renderCommissionCockpit();
    else if (open && typeof _commRefreshRoleLivePreview === 'function') _commRefreshRoleLivePreview();
  } catch (e) { console.warn('[CommLive] cockpit', e); }
}
// แถวคิดสดของงวดแบบใหม่ (จาก _commBuildSnapshotRows) → แถวเดียวกัน แต่เงินเป็นยอดจริง
// แถวที่ยังคิดไม่เสร็จ/คิดไม่ได้ ไม่มีตัวเลข (live_exact = 'loading' | 'refused') · แถว "ไม่เข้าเกณฑ์" คงเดิม
// งวดเก่า ⇒ คืนแถวเดิมทุกตัวอักษร
function _commLiveExactRows(rows, period) {
  const per = period || _nrrExclusionCurrentPeriod();
  if (!Array.isArray(rows) || !_commIsExplicit(per)) return { rows: rows || [], live: null };
  // หัวหน้าทีมที่ถือพอร์ตเองไม่มีแถว KAM — การคิดเงินจริงตัดแถวนี้ทิ้ง (_commFinishExplicitRows) ⇒ จอ/CSV/จำนวนคนตัดเหมือนกัน
  const out = rows.filter(r => !(r && String(r.beneficiary_role || '').toLowerCase() === 'kam' && _commIsTlPerson(r.beneficiary_email))).map(r => {
    if (!r || !r.beneficiary_email) return r;
    const bd = r.breakdown || {};
    if (bd.type === 'skipped') return r;
    const isTl = String(r.beneficiary_role || '').toLowerCase() === 'tl';
    const x = _commLiveExactFor(r.beneficiary_email, isTl ? 'tl' : r.beneficiary_role, per);
    const p = x.payout || {};
    const nb = Object.assign({}, bd, { live_exact: x.status, live_reason: x.reason_th || '' });
    delete nb.upsell_loading;
    if (x.status === 'ok' && !x.skipped && p.status === 'ok') {
      nb.nrr_pct = p.nrr_pct; nb.nrr_payout = p.nrr_payout; nb.final_payout = p.final_payout;
      if (isTl) { nb.upsell_mult = p.upsell_mult; nb.leak_gate = p.leak_gate || null; }
      else {
        nb.upsell_sku = { total_commission: p.upsell_sku.total_comm, total_comm: p.upsell_sku.total_comm, p1: p.upsell_sku.p1, p3: p.upsell_sku.p3 };
        nb.upsell_outlet = p.upsell_outlet; nb.gmv_gate = p.gate; nb.components_subtotal = p.subtotal;
        nb.handover = Object.assign({}, p.handover, { repeat_skipped: (bd.handover && bd.handover.repeat_skipped) || undefined });
      }
    } else if (x.status === 'ok') {
      nb.nrr_payout = 0; nb.final_payout = 0; nb.upsell_mult = null; nb.upsell_sku = null; nb.upsell_outlet = null;
      nb.handover = null; nb.gmv_gate = null; nb.components_subtotal = 0;
    } else {
      // ไม่มีตัวเลขของยอดที่ยังไม่รู้ (จอที่แจกแจงส่วนประกอบเห็นว่าไม่มี ไม่ใช่ ฿0)
      ['nrr_payout', 'final_payout', 'upsell_mult', 'upsell_sku', 'upsell_outlet', 'handover', 'gmv_gate', 'components_subtotal'].forEach(k => { delete nb[k]; });
    }
    const pct = (x.status === 'ok' && p.status === 'ok') ? p.nrr_pct : r.governed_nrr_pct;
    return Object.assign({}, r, { payout_amount: x.status === 'ok' ? x.amount : 0, raw_nrr_pct: pct, governed_nrr_pct: pct,
                                  live_exact: x.status, live_reason: x.reason_th || '', breakdown: nb });
  });
  return { rows: out, live: _commLiveSummary(out) };
}
// ยอดรวมเชื่อได้เมื่อทุกแถวคิดเสร็จ — ไม่งั้นบอกความคืบหน้า/เหตุ ห้ามรวมครึ่งเดียวเหมือนครบ
function _commLiveSummary(rows) {
  const lx = (rows || []).filter(r => r && r.live_exact);
  if (!lx.length) return null;
  const pending = lx.filter(r => r.live_exact === 'loading').length;
  const refusedRows = lx.filter(r => r.live_exact === 'refused');
  const reasons = Array.from(new Set(refusedRows.map(r => r.live_reason).filter(Boolean)));
  return { total: lx.length, done: lx.length - pending - refusedRows.length, pending, refused: refusedRows.length,
           complete: !pending && !refusedRows.length, reasons };
}
// บรรทัดสถานะของยอดรวมที่ยังไม่ครบ: "กำลังคิดยอดจริง 3/20 คน" หรือ "คิดไม่ได้ 2 คน: <เหตุ>"
function _commLiveProgressTh(live) {
  if (!live || live.complete) return '';
  if (live.pending) return COMM_LIVE_LOADING_TH + ' ' + live.done + '/' + live.total + ' คน';
  return 'คิดยอดจริงไม่ได้ ' + live.refused + ' คน' + (live.reasons.length ? ': ' + live.reasons.join(' · ') : '');
}
// รูปที่จอเดิมอ่าน (ชิปบนรายชื่อ KAM) — final_payout มีค่าเฉพาะยอดที่คิดเสร็จแล้ว
function _commLivePayoutLike(x) {
  const p = (x && x.payout) || {};
  return { live_exact: x.status, live_reason: x.reason_th || '', final_payout: x.status === 'ok' ? x.amount : null,
           nrr_pct: p.nrr_pct != null ? p.nrr_pct : null, handover: null };
}
// 'ต.ค. 2569' → '2026-10' · อ่านไม่ออก = null
function _commLabelPeriod(label) {
  const parts = String(label || '').trim().split(/\s+/);
  const mi = _TH_MONTHS.indexOf(parts[0]);
  const be = parseInt(parts[1], 10);
  return (mi < 0 || !be) ? null : (be - 543) + '-' + String(mi + 1).padStart(2, '0');
}
// ส่วนหนึ่งของแผนของคนนี้ เดือนนั้น (p1 · p3 · expansion …) จาก RuleView — ยังไม่พร้อม/หาไม่ได้ = null (จอไม่เดาค่ากลาง)
function _commPlanPartOf(period, email, part, role) {
  const v = _dispRuleView(period, email, role || _dispPortfolioRoleOf(email));
  const f = v && v[part];
  return (f && f.status === 'ok') ? f.value : null;
}
window._commPlanPartOf = _commPlanPartOf;
// ส่วนเพิ่ม P3 ของกลุ่มหนึ่งในเดือนหนึ่ง แบบที่ตัวคิดเงินเทียบ (ยอดลูกค้าเดิมของเดือนนั้นปรับ 30 วัน − ฐานสูงสุดที่ปรับแล้ว)
// สำหรับไทม์ไลน์ทั้งไตรมาส (07b_cds) — ไทม์ไลน์เดิมใช้ยอดดิบ (ต่างราว 3% ในเดือน 31 วัน พลิกด่านได้) · ไม่มีแถว/ไม่มีไฟล์ = null
function _commUpsellP3Increment(email, g, label) {
  const L = _commDomainMod('commission/live');
  const U = (typeof bulkUpsellData !== 'undefined') ? bulkUpsellData : null;
  if (!L || !U || !U.byKam || !g) return null;
  const pv = ((typeof portviewBulkData !== 'undefined' && portviewBulkData) || []).find(r => r.kamEmail === email);
  const kamData = U.byKam[(pv && pv.kamName) || email] || U.byKam[email] || {};
  const acct = kamData[g.accountId] || {};
  const row = ((acct[g.outletId] || acct._all || {})[g.groupKey] || {})[label];
  if (!row) return null;
  return L.existingNorm30(row.existingGmv, label) - (Number(g.max_baseline) || 0);
}
window._commUpsellP3Increment = _commUpsellP3Increment;
window._commLiveExactFor = _commLiveExactFor;
window._commLiveExactRows = _commLiveExactRows;
window._commLiveExactRev = _commLiveExactRev;
window._commLiveProgressTh = _commLiveProgressTh;
window._commLiveSummary = _commLiveSummary;
window._commLivePayoutLike = _commLivePayoutLike;
window._commLiveReset = _commLiveReset;


// SECTION:TARGETS
// v_stormfix (2026-08-25): กันยิงซ้ำซ้อน — cache กันได้เฉพาะ "หลังโหลดเสร็จ"
// แต่ระหว่างที่ยังโหลดไม่เสร็จ ทุกคนที่เรียกเข้ามาจะยิง network ของตัวเองหมด
// ตอนบูตของ admin มีคนเรียกพร้อมกันหลายราย (ดู render_storm ใน app_errors)
// = อ่าน Supabase ซ้ำโดยเปล่าประโยชน์ และหน่วงให้ตัววาดค้างนานขึ้นไปอีก
// ⇒ ให้คนที่มาทีหลังรอ promise ก้อนเดียวกัน แทนที่จะเริ่มงานของตัวเอง
// HO ครั้งเดียวต่อสาขา: รายชื่อสาขาที่นับ HO แล้วโหลดแยกจากแคชไตรมาส/localStorage ของ loadTargets
// (_loadTargetsInner คืนเร็วเมื่อเจอแคช และตอนบูตอ่านจาก localStorage — รายชื่อนี้ห้ามค้าง)
// ไม่ force = ใช้ของที่โหลดสำเร็จภายใน 5 นาทีได้ · ล้มเหลวไม่ทำให้ loadTargets ล้ม
// รอได้ไม่เกิน 4 วินาที — ฐานข้อมูลช้า/ค้างต้องไม่ลากหน้าค่าคอมฯ ทั้งหน้าไปด้วย
// (รายชื่อยังโหลดต่อเบื้องหลัง มาถึงเมื่อไหร่ _commHoLedgerNotify ปลุกจอเอง · draft บังคับโหลดสดอีกรอบอยู่แล้ว)
function _commHoLedgerWait() {
  return Promise.race([
    _commEnsureHoLedger().catch(() => null),
    new Promise(res => setTimeout(() => res(null), 4000))
  ]);
}
const _tgtInFlight = {};
async function loadTargets(quarter) {
  if (!quarter) quarter = _tgtCurrentQuarter();
  if (_tgtInFlight[quarter]) return _tgtInFlight[quarter];
  // v302 (2026-09-08): จำไว้ก่อนโหลดว่า policies เคยมาถึงแล้วหรือยัง — ถ้าการโหลดครั้งนี้
  // เป็นครั้งที่พลิก flag เป็น true ค่อยปลุกหัวจอที่วาดไปก่อนหน้า (ดู _tgtWakeNrrHeadlines)
  const _polWasLoaded = (window._nrrGovPoliciesLoaded === true);
  const _t0 = Date.now();
  // HO ครั้งเดียวต่อสาขา: เริ่มโหลดรายชื่อหลังด่านกันยิงซ้ำ (คนที่มาซ้อนรอก้อนเดิม) แล้วรอคู่กัน
  const _hoLedgerP = _commHoLedgerWait();
  // ลบเฉพาะก้อนของตัวเอง — ออกจากระบบระหว่างโหลดแล้วคนใหม่เริ่มโหลดไตรมาสเดียวกัน ต้องไม่ลบก้อนของคนใหม่
  const _p = Promise.all([_loadTargetsInner(quarter), _hoLedgerP]).then(r => r[0])
    .finally(() => { if (_tgtInFlight[quarter] === _p) delete _tgtInFlight[quarter]; });
  _tgtInFlight[quarter] = _p;
  _p.then(() => {
    if (!_polWasLoaded && window._nrrGovPoliciesLoaded === true) _tgtWakeNrrHeadlines();
    // RG-1 (16 ต.ค. 2569): เกณฑ์ชุดครบเพิ่งมาจากฐานข้อมูลในรอบนี้ ⇒ วาดจอเงินที่อาจวาดไปตอนเกณฑ์ยังว่างใหม่
    // (เจอบน v338: บูตเย็นล้างเกณฑ์แล้วโหลดใหม่ ~3 วิ · ช่องค่าคอมฯ ทีมวาดตรงกลางช่องนั้น แล้วค้าง "ยังไม่มีเกต")
    // ทางแคช (ไม่ได้โหลดจากฐานข้อมูลรอบนี้) ไม่ปลุก ⇒ ตัววาดที่เรียก loadTargets เองไม่วนลูป
    if (_commRulesFreshSince(_t0)) _tgtWakeCommissionViews(!_polWasLoaded && window._nrrGovPoliciesLoaded === true);
  }).catch(() => {});
  return _p;
}
// RG-1: เกณฑ์ในเครื่องเป็นชุดครบที่โหลดจากฐานข้อมูล "หลังเวลา t0" หรือไม่
function _commRulesFreshSince(t0) {
  const st = (typeof _commLoadState !== 'undefined' && _commLoadState) || null;
  return !!(st && !st.cached && st.source === 'network' && Number(st.readyAt) >= t0);
}
// ── R2: ทางโหลดเกณฑ์ใหม่ให้จอ (ใช้โดย v212a ใน 06) — ไม่ล้าง · ทีละรอบ · ข้ามเมื่อยังสด ──
// ใช้กับจอเท่านั้น: ทางเงินยังบังคับโหลดสดเองทุกครั้ง (_commForceLoadPeriod + complete && source 'network' && at ≥ t0)
// ชุดในเครื่องเป็นการโหลดครบทุกตารางของไตรมาสนี้จากฐานข้อมูล ที่เริ่มหลังการทิ้งแคชครั้งล่าสุด และเสร็จตั้งแต่เวลา since
function _tgtGovUid() {
  try { return String((currentUser && (currentUser.id || currentUser.email)) || ''); } catch (e) { return ''; }
}
function _tgtGovernanceFresh(quarter, since) {
  const st = _commLoadState;
  if (!st || _tgtGovState.liveGoodQuarter !== quarter || st.quarter !== quarter || st.source !== 'network') return false;
  // ชุดที่โหลดด้วยสิทธิ์ของคนอื่น (เปลี่ยนคนในแท็บเดิม) ไม่นับว่าสด — สิทธิ์อ่านต่างกัน (admin เห็นทุกคน · KAM เห็นของตัวเอง)
  // ไม่รู้ว่าใครล็อกอิน ⇒ ไม่นับว่าสด (โหลดซ้ำดีกว่าเชื่อชุดที่ไม่รู้เจ้าของ)
  const me = _tgtGovUid();
  if (!me || String(st.uid || '') !== me) return false;
  if (Object.keys(_COMM_LOAD_PART_TH).some(k => st[k] !== true)) return false;
  return Number(st.at) >= _tgtGovState.invalidAt && Number(st.readyAt) >= since;
}
// มีการโหลดเกณฑ์ของไตรมาสนี้ค้างอยู่ไหม (06 ห้ามล้างระหว่างนี้ — ไม่มีใครเติมคืน เพราะ loadTargets คืนก้อนที่ค้างอยู่)
function _tgtGovernanceBusy(quarter) {
  return !!_tgtInFlight[quarter || _tgtCurrentQuarter()];
}
// รีเฟรชมือ: ทิ้งแคชในหน่วยความจำ (รอบถัดไปต้องไปฐานข้อมูล) — ของที่จอใช้อยู่ไม่ถูกแตะ
function _tgtGovernanceInvalidate() {
  _tgtGovState.invalidAt = Date.now();
  Object.keys(_tgtQuarterCache).forEach(q => { delete _tgtQuarterCache[q]; });
}
// มีคนล้างของที่จอใช้อยู่เอง (api ดีบัก clearGovernanceMemory ของ 06) ⇒ ในเครื่องไม่มีชุดดีแล้ว
// (การโหลดที่ไม่ครบรอบถัดไปต้องใส่ผลตามที่ได้ ไม่ใช่เก็บชุดที่ถูกล้างไว้ · จอกลับไปบอก "กำลังโหลด" ตามกติกาเดิม)
function _tgtGovernanceWiped() {
  _tgtGovState.liveGoodQuarter = null;
  _tgtGovState.invalidAt = Date.now();
}
// ออกจากระบบ (_showLoginOverlayClean ใน 01 — ทุกทางที่คนออก): ล้างเกณฑ์/ยอดที่ล็อก/waiver ของคนก่อนทั้งหมด
// R2 เลิกล้างตอนเปิดแอปแล้ว ⇒ ต้องล้างตอนคนออกแทน ไม่งั้นคนถัดไปในแท็บเดิม (เช่น admin → KAM) เห็นข้อมูลตามสิทธิ์ของคนก่อน
// การโหลดที่ยังวิ่งอยู่ทิ้งผล (epoch) · สำเนา localStorage ของทุกไตรมาสลบด้วย (07b เอามาใส่จอให้คนถัดไปตอนเปิดแอป)
// ห้ามเรียกจาก resetRuntimeSessionState — ตัวนั้นวิ่งตอน token refresh ด้วย
function _tgtGovernanceSignOut() {
  _tgtGovState.epoch++;
  _tgtGovState.uid = '';
  _tgtGovState.liveGoodQuarter = null;
  _tgtGovState.invalidAt = Date.now();
  Object.keys(_tgtQuarterCache).forEach(q => { delete _tgtQuarterCache[q]; });
  Object.keys(_tgtInFlight).forEach(q => { delete _tgtInFlight[q]; });
  _commLoadState = null; window._commLoadState = null;
  _tgtLoaded = false;
  _tgtCache = {};
  _tgtSettingsLoadFailed = false; window._tgtSettingsLoadFailed = false; window._tgtLoadedFromDB = false;
  _nrrGovPolicies = {}; window._nrrGovPoliciesLoaded = undefined; _nrrGovLoadFailed = false;
  _commLeakGate = {}; window._commLeakGateLoaded = undefined;
  _nrrExclusions = [];
  _commissionSnapshots = [];
  _commOtherRoleRoster = [];
  _commPeopleRoster = {};
  // ค่ากลางกับชุดเกณฑ์ล้างผ่านตัวล้างเดิมของ v212a (06) — ตัวเดียวที่เขียนค่าว่างของสองก้อนนี้ (ไม่เขียนซ้ำที่นี่)
  try {
    const api = window.FreshketSenseV212a;
    if (api && typeof api.clearGovernanceMemory === 'function') api.clearGovernanceMemory('sign-out', { signOut: true });
  } catch (e) {}
  try {
    const ks = [];
    for (let i = 0; i < localStorage.length; i++) { const k = localStorage.key(i); if (k && k.indexOf('sense_tgt_ls_') === 0) ks.push(k); }
    ks.forEach(k => localStorage.removeItem(k));
  } catch (e) {}
}
window._tgtGovernanceSignOut = _tgtGovernanceSignOut;
// โหลดเกณฑ์ไตรมาสนี้จากฐานข้อมูลให้จอ
//   opts.skipIfFreshMs > 0 ⇒ ชุดในเครื่องเป็นชุดครบที่โหลดเสร็จไม่เกินเท่านี้ ⇒ ไม่โหลดซ้ำ ({ skipped })
//   มีการโหลดค้าง ⇒ รอตัวนั้น ถ้าได้ชุดครบจากฐานข้อมูลที่เสร็จหลังเราถูกเรียก = ใช้ผลนั้น ({ joined }) ไม่ยิงซ้ำ
// คืน { ok } = ตอนจบ ชุดในเครื่องเป็นชุดครบจากฐานข้อมูลของรอบนี้ (โหลดไม่ครบ ⇒ ok:false · จอยังใช้ชุดดีเดิม)
async function _tgtGovernanceReload(quarter, opts) {
  const o = opts || {};
  const q = quarter || _tgtCurrentQuarter();
  const t0 = Date.now();
  const ep = _tgtGovState.epoch;
  if (Number(o.skipIfFreshMs) > 0 && _tgtGovernanceFresh(q, t0 - Number(o.skipIfFreshMs))) return { ok: true, skipped: true };
  if (_tgtInFlight[q]) {
    try { await _tgtInFlight[q]; } catch (e) {}
    if (ep !== _tgtGovState.epoch) return { ok: false, stale: true };   // ผู้ใช้ออกระหว่างรอ ⇒ ไม่โหลดต่อให้คนที่ออกไปแล้ว
    if (_tgtGovernanceFresh(q, t0)) return { ok: true, joined: true };
  }
  try { delete _tgtQuarterCache[q]; } catch (e) {}
  await loadTargets(q);
  return { ok: _tgtGovernanceFresh(q, t0) };
}
// RG-1: วาดจอเงินที่เปิดอยู่ใหม่ (หัวจอทีม + รายชื่อ KAM ในจอทีม + วงแหวนหน้าแรก) — เฉพาะจอที่เปิดอยู่
// headlinesDone = บรรทัดก่อนหน้าเพิ่งปลุกหัวจอไปแล้ว (policies เพิ่งมา) ⇒ ไม่วาดซ้ำ
function _tgtWakeCommissionViews(headlinesDone) {
  if (!headlinesDone) _tgtWakeNrrHeadlines();
  try { if (typeof document === 'undefined') return; } catch (e) { return; }
  try {
    if (document.querySelector('#scr-teamview.on') && typeof renderTeamviewKamList === 'function') renderTeamviewKamList();
  } catch (e) { console.warn('[tgt wake] teamview kam list failed:', e); }
}

// v302 (2026-09-08): หัวจอทีม (#tv-pace-bar) และวงแหวนหน้าแรก KAM อ่าน policy ผ่าน
// _nrrHeadlineFor ตอนถูก _qnrrNotifyConsumers ปลุกหลังข้อมูล qnrr มาถึง — ถ้าตอนนั้น
// nrr_policies ยังโหลดไม่เสร็จ จะได้สถานะ cached/none แล้วไม่มีใครมาปลุกให้วาดซ้ำอีก
// (เห็นจริงบน v302 preview: ทีมค้าง cached|109.6 ทั้งที่ข้อมูลโหลดแล้ว) — portfolio bar
// ไม่โดนเพราะมัน await loadTargets เองใน 07b. ปลุกเฉพาะจอที่เปิดอยู่ และเฉพาะครั้งที่
// flag policies เพิ่งพลิกเป็น true (เช็คใน loadTargets) ⇒ เรียกซ้ำจากตัววาดเองไม่วนลูป
function _tgtWakeNrrHeadlines() {
  try { if (typeof document === 'undefined') return; } catch (e) { return; }
  try {
    if (document.querySelector('#scr-teamview.on') && typeof renderTeamviewSummary === 'function') renderTeamviewSummary();
  } catch (e) { console.warn('[tgt wake] teamview summary failed:', e); }
  try {
    if (document.querySelector('#scr-overview.on') && typeof _renderKamZone1Status === 'function') _renderKamZone1Status();
  } catch (e) { console.warn('[tgt wake] kam zone1 failed:', e); }
}

async function _loadTargetsInner(quarter) {
  const months = _tgtQuarterMonths(quarter);
  // R2: ข้อมูลในตัวแปรเป็นของอีกคน (เปลี่ยนคนโดยไม่ผ่านหน้า login — ทางเหตุการณ์ auth ไม่เรียก _showLoginOverlayClean ทุกทาง)
  // ⇒ ล้างแบบเดียวกับออกจากระบบก่อนโหลด · ตัดสินจากผู้ใช้จริง ไม่พึ่งว่าเหตุการณ์ไหนวิ่ง
  const _me = _tgtGovUid();
  if (_tgtGovState.uid && _me && _tgtGovState.uid !== _me) {
    console.warn('[Target] ผู้ใช้เปลี่ยนโดยไม่ผ่านการออกจากระบบ — ล้างเกณฑ์/ยอดของคนก่อนก่อนโหลด');
    try { if (typeof _commLiveReset === 'function') _commLiveReset(); } catch (e) {}
    _tgtGovernanceSignOut();
  }
  const _ep = _tgtGovState.epoch;   // R2: ออกจากระบบระหว่างรอบนี้ ⇒ ทิ้งผล (ดู _tgtGovernanceSignOut)

  const hit = _tgtQuarterCache[quarter];
  // v_polrace-fix: a cached quarter whose policy map is EMPTY is almost
  // certainly a poisoned entry written before this fix (empty-policy fetch
  // used to be cached + persisted to localStorage) — refetch instead of
  // serving it, or users carry the frozen rolling-MoM mode across sessions
  // until TTL expiry. A genuinely policy-less quarter just refetches (cheap).
  const _hitHasPolicies = !!(hit && hit.nrrPolicies && Object.keys(hit.nrrPolicies).length);
  // R2: แคชที่ใช้ได้ต้องเป็นการโหลดครบที่จด loadState ไว้ (แคชในหน่วยความจำเขียนเฉพาะตอนครบ — ข้างล่าง)
  // สำเนาที่ 07b (_tgtPreloadFromLocalStorage) ใส่ไว้ตอนบูตไม่มี loadState: เดิมถูกเสิร์ฟเป็นแคชได้ถ้าเพิ่งเขียน < 5 นาที
  // ⇒ เปิดแอปซ้ำเร็ว ๆ ชุดค้าง complete:false 'localStorage' ได้ถึง 5 นาที (ชิปค้าง "กำลังคิดยอดจริง") — ตอนนี้โหลดจากฐานข้อมูลเสมอ
  // (จอยังเห็นสำเนา localStorage ระหว่างนั้น เพราะการโหลดไม่ล้างของเดิมแล้ว)
  // แคชต้องเป็นของผู้ใช้คนนี้ (ล้างตอนออกจากระบบแล้ว · กันอีกชั้นเผื่อเปลี่ยนคนทางอื่น)
  if (hit && hit.loadState && String(hit.loadState.uid || '') === _me && _hitHasPolicies && (Date.now() - hit.ts) < _TGT_CACHE_TTL) {
    _tgtCache = { ...hit.cache };
    _tgtSettings = { ...hit.settings };
    _nrrGovPolicies = { ...(hit.nrrPolicies || {}) };
    _commRuleConfig = JSON.parse(JSON.stringify(hit.commRules || {plans:{},rules:{},tiers:{},componentRules:{}}));
    // R1-3 a: แคชในหน่วยความจำมีเฉพาะการโหลดที่ครบ
    _commLoadState = Object.assign({}, hit.loadState, { cached: true });
    window._commLoadState = _commLoadState;
    _nrrExclusions = JSON.parse(JSON.stringify(hit.nrrExclusions || []));
    _commissionSnapshots = JSON.parse(JSON.stringify(hit.commissionSnapshots || []));
    // ด่านรั่วของหัวหน้าทีมและรายชื่อคนต้องมาคู่กับเกณฑ์ไตรมาสเดียวกัน (เดิมไม่คืน ⇒ สลับ Q3 แล้วกลับ Q4 ภายใน 5 นาที
    // ได้เกณฑ์ Q4 คู่กับด่านรั่วของ Q3 — เดือนของ Q4 ไม่มีแถว ⇒ ถือว่าผ่าน)
    if (hit.leak) { _commLeakGate = JSON.parse(JSON.stringify(hit.leak)); window._commLeakGateLoaded = true; }
    if (hit.people) _commPeopleRoster = JSON.parse(JSON.stringify(hit.people));
    if (hit.otherRoster) _commOtherRoleRoster = JSON.parse(JSON.stringify(hit.otherRoster));
    _tgtLoaded = true;
    _tgtSettingsLoadFailed = false; // v835-fix: cache only ever holds successful settings loads now (see bottom of function)
    window._tgtSettingsLoadFailed = false;
    // v_polrace-fix: the quarter cache is only ever written when the
    // policies fetch succeeded (see the cache-write guard below), so a
    // cache hit is a real policy answer.
    window._nrrGovPoliciesLoaded = true;
    _tgtGovState.liveGoodQuarter = quarter;
    _tgtGovState.uid = _me;
    return;
  }

  // R1-3 a: จดว่าตารางไหนได้ข้อมูลจริงในรอบนี้ — supabase-js ไม่ throw บน 402 แต่คืน data:null เงียบ ๆ
  // ⇒ นับว่าสำเร็จเฉพาะเมื่อไม่มี error และได้รายการ (array) จริง
  const _ls = { quarter, at: Date.now(), source: 'network', uid: _tgtGovUid(), plans: false, rules: false, tiers: false, assignments: false,
                exclusions: false, leak: false, settings: false, policies: false, roster: false, people: false };
  // R2: ที่พักของรอบนี้ — ไม่แตะตัวแปรที่จอใช้อยู่จนกว่าจะสลับ (ล่างสุด) · เดิมล้างทุกตัวตั้งแต่ต้นรอบ
  // ⇒ ระหว่างโหลด ~3 วิ การ์ดค่าคอมฯ ถอยกลับเป็น "กำลังโหลดเกณฑ์" · %NRR ไม่หัก waiver · หัวจอทีมตกไปค่าแคช
  // ค่าเริ่มต้นและค่าตอนล้มของแต่ละตาราง = แบบเดิมทุกตัว (ตารางที่โหลดพลาดได้ค่าว่างเหมือนเดิม)
  const S = {
    tgtCache: {}, settings: { nrr_threshold: 98 }, settingsFailed: false,
    policies: {}, policiesLoaded: undefined, govFailed: false,
    leak: {}, leakLoaded: undefined,
    exclusions: [], snapshots: [],
    otherRoster: [], roleRoster: null, people: {},
    commRules: null
  };
  // R2: คำขอที่ไม่พึ่งกันยิงพร้อมกัน (เดิมเรียงทีละตัว 12 คำขอ) · ลำดับที่พึ่งกันคงเดิม: แผน → เกณฑ์ → ขั้นเงิน
  // แต่ละก้อนจับ error ของตัวเองเหมือนเดิม (supabase-js คืน error/data:null ไม่ throw — ตรวจรายตารางเหมือนเดิม)
  await Promise.all([
    (async () => {
      try {
        const { data: rows, error: rowsErr } = await supa.from('targets')
          .select('period,level,for_email,gmv_target')
          .in('period', months);
        if (rowsErr) throw new Error(rowsErr.message);
        (rows || []).forEach(r => {
          const key = `${r.period}|${r.level}|${r.for_email}`;
          S.tgtCache[key] = r.gmv_target;
        });
      } catch (e) {
        console.warn('[Target] target load failed:', e.message);
      }
    })(),

    (async () => {
      try {
        // v559 PARAMS READBACK FIX: load ALL target_settings keys.
        // Cockpit component params are saved under '{metric}_params' but only
        // 'nrr_threshold' was ever read back — cockpit edits never reached other
        // sessions, so the engine silently computed payouts with hardcoded
        // defaults. Now every key is hydrated into _tgtSettings on loadTargets.
        const { data: sets, error: setsErr } = await supa.from('target_settings')
          .select('key,value');
        if (setsErr) throw new Error(setsErr.message);
        _ls.settings = Array.isArray(sets);
        (sets || []).forEach(s => {
          if (!s || !s.key) return;
          if (s.key === 'nrr_threshold') { S.settings.nrr_threshold = parseFloat(s.value) || 98; return; }
          if (/_params$/.test(s.key)) {
            try { S.settings[s.key] = JSON.parse(s.value); }
            catch(e2) { S.settings[s.key] = s.value; } // _commGetConfig parses string values too
            return;
          }
          S.settings[s.key] = s.value;
        });
      } catch (e) {
        S.settingsFailed = true;
        console.error('[Target] 🔴 target_settings load failed — commission math will run on hardcoded JS defaults, NOT live Cockpit config:', e.message);
      }
    })(),

    (async () => {
      try {
        const { data: policies, error: polErr } = await supa.from('nrr_policies')
          .select('period_month,scope_type,scope_key,base_mode,base_month,commission_mode,quarter_id,status,updated_by,updated_at')
          .in('period_month', months);
        if (polErr) throw new Error(polErr.message);
        _ls.policies = Array.isArray(policies);
        (policies || []).forEach(p => {
          S.policies[_nrrGovKey(p.period_month, p.scope_type, p.scope_key)] = { ...p };
        });
        // v_polrace-fix: the commission mode (quarterly vs rolling MoM) is only
        // knowable once this fetch succeeds. Before this flag existed, every
        // consumer that resolved the mode while the map was still empty silently
        // fell back to rolling MoM — the root of the intermittent "NRR ฿0"
        // strip (a KAM at 104.4% quarterly can easily be <100% MoM). 'true' =
        // real answer (even a genuinely-empty table is a real "no policy"
        // answer); 'failed' = fetch broke, proceed with old fallback behavior
        // rather than blanking the UI forever.
        S.policiesLoaded = true;
        S.govFailed = false;
      } catch (e) {
        console.warn('[NRR governance] load failed (table may not exist yet):', e.message);
        S.policiesLoaded = 'failed';
        S.govFailed = true;
      }
    })(),

    // v_leak (14 ก.ย. 2026): เงื่อนไขซ้อนของหัวหน้าทีม
    // ฝั่ง SQL คิดว่า "เดือนนี้พอร์ตรั่วมากกว่าปกติไหม" แล้วเขียนคำตอบเป็น true/false
    // เครื่องคิดเงินอ่านแค่คำตอบ ไม่ต้องรู้วิธีคิด — รูปแบบเดียวกับ waiver
    (async () => {
      try {
        const { data: leak, error: leakErr } = await supa.from('tl_leak_gate')
          .select('period_month,squad,tl_email,leak_pct,norm_pct,passed')
          .in('period_month', months);
        if (leakErr) throw new Error(leakErr.message);
        _ls.leak = Array.isArray(leak);
        S.leak = {};
        (leak || []).forEach(r => { S.leak[r.period_month + '|' + r.squad] = { ...r }; });
        S.leakLoaded = true;
      } catch (e) {
        // ตารางยังไม่มี หรืออ่านไม่ได้ — อย่าทำให้ทั้งหน้าพัง แต่ต้องรู้ว่าอ่านไม่ได้
        console.warn('[CommEngine] tl_leak_gate load failed:', e.message);
        S.leak = {};
        S.leakLoaded = 'failed';
      }
    })(),

    (async () => {
      try {
        const { data: excl, error: exclErr } = await supa.from('nrr_exclusions')
          .select('id,period_month,account_id,outlet_id,target_kam_email,target_tl_email,reason_code,reason_text,status,requested_by,requested_at,reviewed_by,reviewed_at,review_note,base_gmv,estimated_base_gmv')
          .in('period_month', months);
        if (exclErr) throw new Error(exclErr.message);
        _ls.exclusions = Array.isArray(excl);
        S.exclusions = excl || [];
      } catch (e) {
        console.warn('[NRR exclusions] load failed (table may not have v208d columns yet):', e.message);
        S.exclusions = [];
      }
    })(),

    (async () => {
      try {
        const { data: snaps, error: snapErr } = await supa.from('commission_payout_snapshots')
          .select('id,period_month,beneficiary_role,beneficiary_email,team_lead_email,raw_nrr_pct,governed_nrr_pct,payout_amount,snapshot_status,breakdown,updated_at,updated_by,locked_at')
          .in('period_month', months);
        if (snapErr) throw new Error(snapErr.message);
        S.snapshots = snaps || [];
      } catch (e) {
        console.warn('[Commission snapshots] load failed:', e.message);
        S.snapshots = [];
      }
    })(),

    (async () => {
      try {
        // v878 (phase 8/9): roster of pm/admin/sales/sales_tl/ad/ad_tl people —
        // profiles is the real source of truth for "who has this role" (unlike
        // portviewBulkData/_buildKamGroups, which are kam/tl-only by construction).
        const { data: otherRoleRows, error: otherRoleErr } = await supa.from('profiles')
          .select('email,role,full_name')
          .in('role', ['pm','admin','sales','sales_tl','ad','ad_tl']);
        if (otherRoleErr) throw new Error(otherRoleErr.message);
        _ls.roster = Array.isArray(otherRoleRows);
        S.otherRoster = (otherRoleRows || [])
          .filter(p => p && p.email)
          .map(p => ({ email: p.email, role: _commEngineRole(p.role), name: p.full_name || p.email }));
        // v_adsplit: keep the shared window.nrrRoleRoster (consumed by
        // 07c_qnrr_view.js's _rowInScope) warm from this fetch too — same
        // source table, so whichever of the two loaders runs first wins.
        // (R2: เขียนตอนสลับ — ด้านล่าง)
        // คนที่ลาออก: บัญชีเข้าระบบถูกเปลี่ยนเป็น 'inactive' (ท่อรายชื่อ) ⇒ ตำแหน่งจริงอ่านจากรายชื่อทีม (app_user_roles)
        // ใช้จัดกลุ่มร้านเท่านั้น ไม่เพิ่มเข้า otherRoster (ไม่ได้เป็นคนรับเงิน) — Wanmai ต.ค. 2569 ถูกนับเป็น KAM ในทีม Ploy
        let leftRows = [];
        try {
          const left = await supa.from('app_user_roles').select('email,role').eq('active', false)
            .in('role', ['pm','admin','sales','sales_tl','ad','ad_tl']);
          if (!left.error) leftRows = left.data || [];
        } catch (e) {}
        try {
          const nonKam = new Set(), ad = new Set(), pm = new Set();
          (otherRoleRows || []).concat(leftRows).forEach(p => {
            if (!p || !p.email) return;
            const em = p.email.toLowerCase();
            nonKam.add(em);
            if (p.role === 'ad' || p.role === 'ad_tl') ad.add(em);
            // v_adperson: kept in lockstep with nrr_data.js/07c_qnrr_view.js's
            // copies — this loader runs independently and "whichever wins" per
            // the comment above, so all three must carry the same shape or
            // whichever writes last silently drops the field for the others.
            if (p.role === 'pm') pm.add(em);
          });
          S.roleRoster = { loaded: true, nonKamSet: nonKam, adSet: ad, pmSet: pm };
        } catch (e) {}
      } catch (e) {
        console.warn('[Commission other-role roster] load failed:', e.message);
        S.otherRoster = [];
      }
    })(),

    (async () => {
      try {
        // v_handover: ใครอยู่ในทีมจริง เริ่มเมื่อไหร่ ออกเมื่อไหร่ — จากชีท Roster ผ่านท่อ
        // (portview บอกแค่ "ใครถือร้านวันนี้" ⇒ คนที่ออกแล้วแต่ยังต้องได้ค่าคอมฯ เดือนที่ออก หายไปเงียบๆ)
        const { data: peopleRows, error: peopleErr } = await supa.from('app_user_roles')
          .select('email,role,active,started_on,ended_on,created_at,team_lead_email,display_name');
        if (peopleErr) throw new Error(peopleErr.message);
        _ls.people = Array.isArray(peopleRows);
        S.people = {};
        (peopleRows || []).forEach(p => {
          if (!p || !p.email) return;
          S.people[String(p.email).toLowerCase()] = p;
        });
      } catch (e) {
        console.warn('[Commission people roster] load failed:', e.message);
        S.people = {};
      }
    })(),

    (async () => {
      // R2: การผูกเกณฑ์ถามได้เลยไม่ต้องรอแผน (ใช้แผนแค่ตอนเติม plan_code) ⇒ ยิงพร้อมแผน แต่อ่านผลหลังแผน/เกณฑ์/ขั้นเงินมาครบ
      // แผน/เกณฑ์/ขั้นเงินพลาด ⇒ ผลการผูกถูกทิ้ง และ _ls.assignments คง false เหมือนเดิม (เดิมไม่เคยถามถึงตารางนี้)
      const asgP = (async () => {
        let { data: asg, error: asgErr } = await supa.from('commission_plan_assignments')
          .select('period_month,assignment_scope,assignee_key,team_lead_email,plan_id,plan_code')
          .in('period_month', months);
        if (asgErr && /plan_code/.test(asgErr.message || '')) {
          const fb = await supa.from('commission_plan_assignments')
            .select('period_month,assignment_scope,assignee_key,team_lead_email,plan_id')
            .in('period_month', months);
          asg = fb.data; asgErr = fb.error;
        }
        return { asg, asgErr };
      })().catch(e => ({ thrown: e }));
      try {
        // v210c: load the full Rule Library, not only the two standard plans.
        // v878 (phase 3): widened from ['tl','kam'] to all 8 canonical roles —
        // additive only, existing tl/kam plans/behavior unaffected, just no
        // longer hides plans an admin creates for pm/admin/ad/etc.
        const _COMM_ALL_ROLES = ['tl','kam','pm','admin','sales','sales_tl','ad','ad_tl'];
        let { data: plans, error: planErr } = await supa.from('commission_plans')
          .select('id,plan_code,plan_name,beneficiary_role,status')
          .in('beneficiary_role', _COMM_ALL_ROLES)
          .neq('status', 'inactive')
          .order('created_at', { ascending:true });
        if (planErr && /created_at/.test(planErr.message || '')) {
          const fb = await supa.from('commission_plans')
            .select('id,plan_code,plan_name,beneficiary_role,status')
            .in('beneficiary_role', _COMM_ALL_ROLES)
            .neq('status', 'inactive');
          plans = fb.data; planErr = fb.error;
        }
        if (planErr) throw new Error(planErr.message);
        _ls.plans = Array.isArray(plans);

        const planMap = {};
        const planIds = [];
        (plans || []).forEach(p => {
          if (!p || !p.plan_code) return;
          planMap[p.plan_code] = p;
          planIds.push(p.id);
        });

        // Ensure standard placeholders exist in memory even if DB seed failed.
        if (!planMap.TL_NRR_STD) planMap.TL_NRR_STD = { plan_code:'TL_NRR_STD', plan_name:'TL NRR Standard', beneficiary_role:'tl', status:'active' };
        if (!planMap.KAM_NRR_STD) planMap.KAM_NRR_STD = { plan_code:'KAM_NRR_STD', plan_name:'KAM NRR Standard', beneficiary_role:'kam', status:'active' };

        let ruleMap = {}, tierMap = {}, componentRuleMap = {};
        // ไม่มีแผนให้ถามเกณฑ์ = ไม่มีเกณฑ์ให้โหลด (ไม่ใช่โหลดพลาด) · มีแผนแล้วต้องได้รายการเกณฑ์/ขั้นจริง
        _ls.rules = _ls.plans && !planIds.length;
        _ls.tiers = _ls.rules;
        if (planIds.length) {
          // v878 (phase 3): fetch ALL metric_codes now (was .eq('metric_code','nrr')).
          // NRR rows still land in ruleMap keyed by plan_id exactly as before — the
          // existing Rule Library editor (_commGetDraft/_commSetDraft/
          // saveCommissionRules) reads/writes that exact shape and is left
          // untouched. Every OTHER metric_code (portfolio_gate, tl_upsell_mult,
          // upsell_gmv, handover) goes into a NEW parallel componentRuleMap keyed
          // by plan_id+metric_code+metric_variant, read only by the new
          // _commGetRuleForMetric() — zero risk to the working NRR flow.
          const { data: rules, error: ruleErr } = await supa.from('commission_rules')
            .select('id,plan_id,metric_code,metric_variant,measurement_scope,payout_type,stacking_mode,active,params,tier_config')
            .in('plan_id', planIds);
          if (ruleErr) throw new Error(ruleErr.message);
          _ls.rules = Array.isArray(rules);
          _ls.tiers = _ls.rules;   // ไม่มีเกณฑ์ = ไม่มีขั้นให้โหลด
          const ruleIds = [];
          (rules || []).forEach(r => {
            ruleIds.push(r.id);
            if (r.metric_code === 'nrr') {
              ruleMap[r.plan_id] = r;
            } else {
              componentRuleMap[`${r.plan_id}|${r.metric_code}|${r.metric_variant || ''}`] = r;
            }
          });
          if (ruleIds.length) {
            const { data: tiers, error: tierErr } = await supa.from('commission_rule_tiers')
              .select('id,rule_id,tier_order,min_value,max_value,payout_value,payout_label')
              .in('rule_id', ruleIds)
              .order('tier_order', { ascending:true });
            if (tierErr) throw new Error(tierErr.message);
            _ls.tiers = Array.isArray(tiers);
            (tiers || []).forEach(t => {
              if (!tierMap[t.rule_id]) tierMap[t.rule_id] = [];
              tierMap[t.rule_id].push(t);
            });
          }
        }

        let assignments = [];
        try {
          const a = await asgP;
          if (a.thrown) throw a.thrown;
          const { asg, asgErr } = a;
          if (asgErr) throw new Error(asgErr.message);
          _ls.assignments = Array.isArray(asg);
          assignments = (asg || []).map(r => ({
            ...r,
            plan_code: r.plan_code || Object.values(planMap).find(p => p.id === r.plan_id)?.plan_code || null
          }));
        } catch(asgEx) {
          console.warn('[Commission assignments] load failed:', asgEx.message);
          assignments = [];
          _ls.assignments = false;
        }

        S.commRules = { plans: planMap, rules: ruleMap, tiers: tierMap, assignments, componentRules: componentRuleMap };
      } catch (e) {
        console.warn('[Commission rules] load failed (tables may not exist yet):', e.message);
        S.commRules = { plans: {}, rules: {}, tiers: {}, assignments: [], componentRules: {} };
      }
    })()
  ]);

  const _rc = S.commRules;
  // R1-3 a: "ครบ" = แผน เกณฑ์ ขั้น การผูกเกณฑ์ และ waiver ได้มาจริงทั้งหมดในการโหลดรอบนี้
  // ทางเงินงวดแบบใหม่ (และ auto-draft) รับเฉพาะชุดที่ครบ · ชุดที่ไม่ครบห้ามเก็บแคช/ลงเครื่อง (ข้างล่าง)
  _rc.complete = !!(_ls.plans && _ls.rules && _ls.tiers && _ls.assignments && _ls.exclusions);
  _rc.quarter = quarter;
  _rc.loadedAt = _ls.at;
  _rc.source = 'network';
  // ลายนิ้วมือของชุดที่โหลดครบ (สูตรเดียวกับที่ _commPreBuildCheck คิดซ้ำก่อนสร้างแถว)
  _rc.hash = _rc.complete ? _commRuleConfigHashNow(_rc) : null;
  // RG-1: เวลาที่ชุดครบนี้โหลดเสร็จ (_ls.at คือเวลาเริ่มโหลด) — เหตุปฏิเสธที่จดก่อนเวลานี้ = ของเก่า
  _ls.readyAt = _rc.complete ? Date.now() : null;
  // ทุกตารางที่ทางเงินพึ่ง (รวมค่ากลาง กติกางวด รายชื่อ) ต้องมาครบถึงจะเก็บแคช/ลงเครื่องได้
  const _loadAllOk = _rc.complete && _ls.leak && _ls.settings && _ls.policies && _ls.roster && _ls.people;
  // v835-fix: never cache a quarter's state if target_settings failed to load —
  // caching it would serve stale/wrong defaults to every call within _TGT_CACHE_TTL
  // even after Supabase recovers. A failed load always re-fetches next call instead.
  // v_polrace-fix: same rule for a failed nrr_policies fetch — caching an
  // EMPTY policy map would freeze every consumer in rolling-MoM mode for the
  // whole TTL (and, via localStorage below, poison the next session too).
  // R1-3 a: และห้ามเก็บชุดที่โหลดมาไม่ครบ (เดิมเช็คแค่ค่ากลางกับกติกางวด ⇒ การผูกเกณฑ์ที่โหลดพลาด
  // ถูกเก็บไว้ 5 นาทีในเครื่องและ 24 ชั่วโมงใน localStorage แล้วงวดใหม่ถูกคิดด้วยเกณฑ์ Q3)
  const _good = !S.settingsFailed && !S.govFailed && _loadAllOk;

  // ออกจากระบบระหว่างรอบนี้ ⇒ ผลนี้โหลดด้วยสิทธิ์ของคนก่อน: ไม่ใส่จอ ไม่จดผล ไม่เก็บแคช ไม่ลงเครื่อง
  if (_ep !== _tgtGovState.epoch) {
    console.warn('[Target] ทิ้งผลโหลดเกณฑ์ ' + quarter + ' — ผู้ใช้ออกจากระบบระหว่างโหลด');
    return;
  }
  // ── R2: สลับเข้าของจริงทีเดียว (ไม่มี await ตั้งแต่ตรงนี้ จอไม่มีวันเห็นครึ่งชุด) ──
  // ผลการโหลดรอบนี้ (_commLoadState) จดตามจริงเสมอ — ทางเงิน (_commForceLoadPeriod) อ่านตัวนี้ จึงปฏิเสธรอบที่ไม่ครบเหมือนเดิมทุกตัวอักษร
  _commLoadState = _ls;
  window._commLoadState = _ls;
  // โหลดไม่ครบแต่มีชุดดีของไตรมาสนี้อยู่แล้ว ⇒ จอใช้ชุดดีเดิมต่อ (ไม่ถอยไปค่าว่าง) · ไม่มีชุดดี ⇒ ใส่ผลรอบนี้ตามที่ได้ (เหมือนเดิม)
  // ชุดดีเดิมต้องเป็นของผู้ใช้คนเดียวกันถึงจะเก็บไว้ (ไม่งั้นใส่ผลรอบนี้ตามที่ได้ — ไม่โชว์ข้อมูลตามสิทธิ์ของคนก่อน)
  if (_good || _tgtGovState.liveGoodQuarter !== quarter || _tgtGovState.uid !== _ls.uid) {
    _tgtCache = S.tgtCache;
    _tgtSettings = S.settings;
    _tgtSettingsLoadFailed = S.settingsFailed;
    _nrrGovPolicies = S.policies;
    window._nrrGovPoliciesLoaded = S.policiesLoaded;
    _nrrGovLoadFailed = S.govFailed;
    _commLeakGate = S.leak;
    window._commLeakGateLoaded = S.leakLoaded;
    _nrrExclusions = S.exclusions;
    _commissionSnapshots = S.snapshots;
    _commOtherRoleRoster = S.otherRoster;
    if (S.roleRoster) window.nrrRoleRoster = S.roleRoster;
    _commPeopleRoster = S.people;
    _commRuleConfig = _rc;
    _tgtGovState.liveGoodQuarter = _good ? quarter : null;
    _tgtGovState.uid = _ls.uid;
  } else {
    console.warn('[Target] โหลดเกณฑ์ ' + quarter + ' ไม่ครบ — จอใช้ชุดที่โหลดครบล่าสุดต่อ (ทางเงินเห็นผลรอบนี้และปฏิเสธเอง)');
  }

  if (_good) {
    _tgtQuarterCache[quarter] = {
      cache: { ..._tgtCache },
      settings: { ..._tgtSettings },
      nrrPolicies: { ..._nrrGovPolicies },
      commRules: JSON.parse(JSON.stringify(_commRuleConfig || {})),
      nrrExclusions: JSON.parse(JSON.stringify(_nrrExclusions || [])),
      commissionSnapshots: JSON.parse(JSON.stringify(_commissionSnapshots || [])),
      leak: JSON.parse(JSON.stringify(_commLeakGate || {})),
      people: JSON.parse(JSON.stringify(_commPeopleRoster || {})),
      otherRoster: JSON.parse(JSON.stringify(_commOtherRoleRoster || [])),
      loadState: Object.assign({}, _ls),
      ts: Date.now()
    };
  }
  _tgtLoaded = true;
  window._tgtSettingsLoadFailed = _tgtSettingsLoadFailed; // v835-fix: UI can check this to warn "commission config may be stale"
  window._tgtLoadedFromDB = !_tgtSettingsLoadFailed; // v835-fix: was unconditionally true even when settings load failed — now reflects reality
  // v_polrace-fix: loadTargets completion is the moment the commission MODE
  // becomes knowable (nrr_policies arrived) — repaint the strip DIRECTLY
  // (bypasses RenderBus version-dedup and _dataKey, neither of which track
  // policy state). Without this, a strip rendered pre-policies froze on
  // rolling-MoM numbers ("NRR ฿0" while the header showed 104.4%) with no
  // trigger left to correct it.
  try { const s = document.getElementById('pv-commission-strip'); if (s) s._lastCommHtml = ''; } catch (e) {}
  try { if (typeof window._commResetKey === 'function') window._commResetKey(); } catch (e) {}
  try { if (typeof _commRenderKamSelfStrip === 'function') _commRenderKamSelfStrip(); } catch (e) {}
  // v224e: persist to localStorage — next session reads this instantly (no Supabase cold-start flash)
  // v835-fix: skip persisting if settings load failed — a bad localStorage cache would poison
  // the NEXT session's cold-start too, extending the blast radius beyond just this session
  // v_polrace-fix: same for a failed policies fetch (empty map = frozen MoM mode next session)
  if (_good) {
    try{
      localStorage.setItem('sense_tgt_ls_'+quarter,JSON.stringify({ts:Date.now(),data:{
        cache:{..._tgtCache},settings:{..._tgtSettings},nrrPolicies:{..._nrrGovPolicies},
        // R1-3 a: สำเนาในเครื่องใช้วาดจอเร็วตอนเปิดแอปเท่านั้น — ไม่นับว่า "ครบ" ห้ามป้อนทางเงิน
        commRules:Object.assign(JSON.parse(JSON.stringify(_commRuleConfig||{})),{complete:false,source:'localStorage'}),
        nrrExclusions:JSON.parse(JSON.stringify(_nrrExclusions||[])),
        commissionSnapshots:JSON.parse(JSON.stringify(_commissionSnapshots||[])),
        // A4: ให้สี %NRR ตอนเปิดแอปครั้งหน้าหาเส้นของคนได้ก่อนเกณฑ์จริงมา (_dispSeedRuleView) — อีเมล → หัวหน้าทีม/ตำแหน่ง เท่านั้น
        colour:_dispColourSeedExtras()
      }}));
    }catch(e){}
  }
}

function _tgtGet(period, level, email) {
  return _tgtCache[`${period}|${level}|${email}`] || 0;
}

// ── Open / Close ────────────────────────────────────────────────
async function openTargetSetup(mode) {
  _tgtMode = mode || 'tl';
  _tgtActiveTab = 'team';
  _tgtPendingEdits = {};
  _nrrGovPending = {};
  _commRulePending = {};
  if (!_tgtActiveQuarter) _tgtActiveQuarter = _tgtCurrentQuarter();
  const overlay = document.getElementById('target-setup-overlay');
  if (overlay) overlay.classList.add('open');
  const title = document.getElementById('tgt-sheet-title');
  const _isSalesTL = typeof isSalesTLRole === 'function' && isSalesTLRole(
    currentUserProfile && currentUserProfile.role
  );
  if (title) title.textContent = mode === 'admin' ? 'ตั้ง Target ทีม' : (_isSalesTL ? 'ตั้ง Target Sales' : 'ตั้ง Target KAM');
  const tabRow = document.getElementById('tgt-tab-row');
  if (tabRow) tabRow.style.display = mode === 'admin' ? 'flex' : 'none';
  // v209: Target sheet is for target/settings only. Commission governance moved to Commission Cockpit.
  ['policy','rules','preview','lock'].forEach(k=>{
    const b=document.getElementById('tgt-tab-'+k);
    if(b) b.style.display='none';
  });
  const saveBtn = document.getElementById('tgt-save-btn');
  if (saveBtn) saveBtn.disabled = true;
  _tgtShowSkeleton();
  await loadTargets(_tgtActiveQuarter);
  _tgtClearSkeleton();
  if (saveBtn) saveBtn.disabled = false;
  renderTargetSheetBody();
}

function _tgtShowSkeleton() {
  // Use sense design pattern: thinking dots in title area, not skeleton cards
  const title = document.getElementById('tgt-sheet-title');
  const body = document.getElementById('tgt-sheet-body');
  // Animate title to show loading state
  if (title) {
    title._origText = title.textContent;
    // keep title clean — show loading indicator as small subtitle below
  }
  // Show loading as subtle subtitle under title, not inline
  const titleWrap = title && title.parentNode;
  if (titleWrap && !document.getElementById('tgt-loading-sub')) {
    const sub = document.createElement('div');
    sub.id = 'tgt-loading-sub';
    sub.style.cssText = 'font-size:var(--text-sm);color:rgba(255,255,255,.52);margin-top:2px;display:flex;align-items:center;gap:5px;padding:0 16px 10px';
    sub.innerHTML = '<span class="ai-thinking"><svg width="9" height="9" viewBox="0 0 10 10" fill="var(--tk-ok-bright)" style="animation:iq-spin 1.5s linear infinite;transform-origin:center;flex-shrink:0"><path d="M5,0 L6.3,3.7 L10,5 L6.3,6.3 L5,10 L3.7,6.3 L0,5 L3.7,3.7 Z"/></svg><span class="ai-dot"></span><span class="ai-dot"></span><span class="ai-dot"></span></span><span>กำลังดึงข้อมูล</span>';
    titleWrap.appendChild(sub);
  }
  if (body) body.innerHTML = '';
}

function _tgtClearSkeleton() {
  const sub = document.getElementById('tgt-loading-sub');
  if (sub) sub.remove();
}

function closeTargetSetup() {
  const overlay = document.getElementById('target-setup-overlay');
  if (overlay) overlay.classList.remove('open');
  _tgtPendingEdits = {};
  _nrrGovPending = {};
  _commRulePending = {};
  // Refresh target-dependent views after save
  setTimeout(() => {
    // v_renderstorm: ผ่านตัวรวมคำสั่งแทนเรียกตรง — จุดนี้เป็นหนึ่งในหลายจุดที่ต่างคน
    // ต่างเรียกวาด target bar/kam list ตรงๆ พอมาตรงกับจุดอื่นตอนบูต = render storm
    try{ if(typeof scheduleRenderPortviewTargetBar==='function') scheduleRenderPortviewTargetBar(); }catch(e){ console.warn('[target refresh] portview', e); }
    // Sales TL: refresh Sales teamview; KAM TL/Admin: refresh KAM teamview
    const _closeRole = typeof isSalesTLRole === 'function' && isSalesTLRole(
      currentUserProfile && currentUserProfile.role
    );
    if (_closeRole) {
      try{ if(typeof renderSalesTeamview==='function') renderSalesTeamview(); }catch(e){ console.warn('[target refresh] sales teamview', e); }
    } else {
      try{ if(typeof renderTeamviewSummary==='function') renderTeamviewSummary(); }catch(e){ console.warn('[target refresh] team summary', e); }
      try{ if(typeof scheduleRenderTeamviewKamList==='function') scheduleRenderTeamviewKamList(); }catch(e){ console.warn('[target refresh] team list', e); }
    }
  }, 100);
}

function switchTargetTab(tab) {
  _tgtActiveTab = tab;
  document.querySelectorAll('.tgt-tab-btn').forEach(b => b.classList.remove('active'));
  const btn = document.getElementById('tgt-tab-' + tab);
  if (btn) btn.classList.add('active');
  renderTargetSheetBody();
}

// ── Quarter navigation ──────────────────────────────────────────
function tgtNavQuarter(dir) {
  _tgtActiveQuarter = dir > 0
    ? _tgtNextQuarter(_tgtActiveQuarter)
    : _tgtPrevQuarter(_tgtActiveQuarter);
  _tgtPendingEdits = {};
  const saveBtn = document.getElementById('tgt-save-btn');
  if (saveBtn) saveBtn.disabled = true;
  const body = document.getElementById('tgt-sheet-body');
  if (body) body.innerHTML = '<div style="text-align:center;padding:32px;color:rgba(255,255,255,.52);font-size:var(--text-base)">กำลังโหลด...</div>';
  // Use Promise chain — async function not supported in this script context
  loadTargets(_tgtActiveQuarter).then(function() {
    _tgtClearSkeleton();
    renderTargetSheetBody();
    if (saveBtn) saveBtn.disabled = false;
  });
}

// ── Render sheet body ───────────────────────────────────────────
function renderTargetSheetBody() {
  if (_tgtActiveTab === 'settings' && _tgtMode === 'admin') {
    renderTargetSettingsTab();
    return;
  }
  if (_tgtActiveTab === 'policy' && _tgtMode === 'admin') {
    renderNrrPolicyTab();
    return;
  }
  if (_tgtActiveTab === 'rules' && _tgtMode === 'admin') {
    renderPayoutRulesTab();
    return;
  }
  if (_tgtActiveTab === 'preview' && _tgtMode === 'admin') {
    renderCommissionPreviewTab();
    return;
  }
  if (_tgtActiveTab === 'lock' && _tgtMode === 'admin') {
    renderCommissionLockTab();
    return;
  }
  const months = _tgtQuarterMonths(_tgtActiveQuarter);
  const moLabels = months.map(_tgtMonthLabel);
  let html = '';

  html += `<div class="tgt-quarter-nav">
    <button onclick="tgtNavQuarter(-1)">‹</button>
    <div class="tgt-quarter-label">${_tgtQuarterLabel(_tgtActiveQuarter)}</div>
    <button onclick="tgtNavQuarter(1)">›</button>
  </div>`;

  const _isSalesTLMode = typeof isSalesTLRole === 'function' && isSalesTLRole(
    currentUserProfile && currentUserProfile.role
  );
  if (_tgtMode === 'admin') {
    html += _renderAdminTLBlocks(months, moLabels);
  } else if (_isSalesTLMode) {
    html += _renderTLSalesBlocks(months, moLabels);
  } else {
    html += _renderTLKamBlocks(months, moLabels);
  }

  const body = document.getElementById('tgt-sheet-body');
  if (body) body.innerHTML = html;
}

// Admin: ตั้ง target per TL team
function _renderAdminTLBlocks(months, moLabels) {
  const tlMap = {};
  if (typeof portviewBulkData !== 'undefined' && portviewBulkData.length) {
    portviewBulkData.forEach(r => {
      const email = r.tlEmail || '';
      const name = r.tlName || email || 'ไม่ระบุ';
      if (email && !tlMap[email]) tlMap[email] = { email, name };
    });
  }
  const tls = Object.values(tlMap);
  if (!tls.length && currentUserProfile) {
    tls.push({ email: currentUserProfile.email, name: currentUserProfile.full_name || currentUserProfile.email });
  }

  let html = '';
  tls.forEach(tl => {
    const vals = months.map(m => _tgtGet(m, 'team', tl.email));
    const anchor = _tgtKamBaseline3mo(null, tl.email, 'tl');
    html += `<div class="tgt-person-block">
      <div class="tgt-person-name">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="var(--tk-ok-bright)" stroke-width="2.5" stroke-linecap="round"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/></svg>
        ${tl.name}
      </div>
      <div class="tgt-person-meta">${tl.email}</div>
      <div class="tgt-month-grid">
        ${months.map((m, i) => `<div class="tgt-month-col">
          <label>${moLabels[i]}</label>
          <input class="tgt-month-input" id="tgt-inp-team-${_tgtSafeId(tl.email)}-${m}"
            value="${vals[i] ? _tgtFmtInput(vals[i]) : ''}"
            placeholder="฿"
            oninput="onTgtInput('team','${tl.email}','${m}',this.value)">
        </div>`).join('')}
      </div>
      ${anchor > 0 ? `<div class="tgt-person-anchor">Avg 3mo ทีม: <span>${_tgtFmtM(anchor)}</span></div>` : ''}
    </div>`;
  });
  return html;
}

// TL: ตั้ง target per KAM
function _renderTLKamBlocks(months, moLabels) {
  const tlEmail = (currentUserProfile && currentUserProfile.email) || '';
  const teamTargets = months.map(m => _tgtGet(m, 'team', tlEmail));
  const kamMap = {};
  if (typeof portviewBulkData !== 'undefined' && portviewBulkData.length) {
    portviewBulkData.filter(r => !tlEmail || r.tlEmail === tlEmail).forEach(r => {
      const email = r.kamEmail || '';
      const name = r.kamName || email || 'ไม่ระบุ';
      if (email && !kamMap[email]) kamMap[email] = { email, name };
    });
  }
  const kams = Object.values(kamMap);
  let html = '';

  if (teamTargets.some(v => v > 0)) {
    const allocByMonth = months.map(m => {
      let sum = 0;
      kams.forEach(k => {
        const key = `${m}|kam|${k.email}`;
        const pending = _tgtPendingEdits[key];
        sum += pending !== undefined ? pending : _tgtGet(m, 'kam', k.email);
      });
      return sum;
    });
    html += `<div class="tgt-alloc-bar" id="tgt-alloc-bar">
      <div class="tgt-alloc-mo-grid">
        ${months.map((m, i) => {
          const vp = teamTargets[i];
          const alloc = allocByMonth[i];
          const diff = alloc - vp;
          const pct = vp > 0 ? Math.min(110, Math.round(alloc / vp * 100)) : 0;
          const barPct = Math.min(100, pct);
          const barCls = pct >= 100 ? 'great' : 'warn';
          let diffText = '', diffCls = '';
          if (vp <= 0)         { diffText = 'VP ยังไม่ตั้ง'; diffCls = 'none'; }
          else if (alloc === 0){ diffText = 'ยังไม่แบ่ง';    diffCls = 'warn'; }
          else if (diff < 0)   { diffText = 'ขาด ' + _tgtFmtM(-diff); diffCls = 'warn'; }
          else if (diff === 0) { diffText = 'ครบแล้ว';        diffCls = 'ok'; }
          else                 { diffText = '+' + _tgtFmtM(diff);       diffCls = 'over'; }
          return '<div class="tgt-alloc-mo-col" id="tgt-alloc-mo-' + m + '">'
            + '<div class="tgt-alloc-mo-label">' + moLabels[i] + '</div>'
            + (vp > 0
              ? '<div class="tgt-alloc-mo-vp">' + _tgtFmtM(vp) + '</div>'
              : '<div class="tgt-alloc-mo-vp dim">–</div>')
            + '<div class="tgt-alloc-track" style="margin:4px 0 2px">'
            +   '<div class="tgt-alloc-fill kav-ss-bar-fill ' + barCls + '" style="width:' + barPct + '%"></div>'
            + '</div>'
            + '<div class="tgt-alloc-mo-alloc">' + (vp > 0 && alloc > 0 ? _tgtFmtM(alloc) : '') + '</div>'
            + '<div class="tgt-alloc-mo-diff ' + diffCls + '">' + diffText + '</div>'
            + '</div>';
        }).join('')}
      </div>
    </div>`;
  }

  kams.forEach(kam => {
    const vals = months.map(m => _tgtGet(m, 'kam', kam.email));
    const anchor = _tgtKamBaseline3mo(kam.email, null, 'kam');
    html += `<div class="tgt-person-block">
      <div class="tgt-person-name">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba(100,170,255,.7)" stroke-width="2.5" stroke-linecap="round"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/></svg>
        ${kam.name}
      </div>
      <div class="tgt-month-grid">
        ${months.map((m, i) => `<div class="tgt-month-col">
          <label>${moLabels[i]}</label>
          <input class="tgt-month-input" id="tgt-inp-kam-${_tgtSafeId(kam.email)}-${m}"
            value="${vals[i] ? _tgtFmtInput(vals[i]) : ''}"
            placeholder="฿"
            oninput="onTgtInput('kam','${kam.email}','${m}',this.value)">
        </div>`).join('')}
      </div>
      ${anchor > 0 ? `<div class="tgt-person-anchor">Avg 3mo (baseline): <span>${_tgtFmtM(anchor)}</span></div>` : ''}
    </div>`;
  });

  if (!kams.length) {
    html += `<div style="text-align:center;padding:24px;color:rgba(255,255,255,.52);font-size:var(--text-base)">ไม่พบ KAM ในทีม<br><span style="font-size:var(--text-sm)">อัปโหลด portview.csv ก่อน</span></div>`;
  }
  return html;
}

// W3: Sales TL — assign target per Sales rep (uses portviewBulkData filtered by salesTeamName)
function _renderTLSalesBlocks(months, moLabels) {
  const tlEmail = (currentUserProfile && currentUserProfile.email) || '';
  const teamTargets = months.map(m => _tgtGet(m, 'sales_team', tlEmail));
  // Get Sales reps from portviewBulkData (Sales portview CSV has kamEmail=rep email, tlEmail=TL email)
  const repMap = {};
  if (typeof portviewBulkData !== 'undefined' && portviewBulkData.length) {
    portviewBulkData.filter(r => !tlEmail || (r.tlEmail || '').toLowerCase() === tlEmail.toLowerCase()).forEach(r => {
      const email = (r.kamEmail || '').toLowerCase();
      const name = r.kamName || email || 'ไม่ระบุ';
      if (email && !repMap[email]) repMap[email] = { email, name };
    });
  }
  const reps = Object.values(repMap);
  let html = '';

  // Alloc bar — team target vs sum of rep targets
  if (teamTargets.some(v => v > 0)) {
    const allocByMonth = months.map(m => {
      let sum = 0;
      reps.forEach(r => {
        const key = m + '|sales|' + r.email;
        const pending = _tgtPendingEdits[key];
        sum += pending !== undefined ? pending : _tgtGet(m, 'sales', r.email);
      });
      return sum;
    });
    html += '<div class="tgt-alloc-bar" id="tgt-alloc-bar"><div class="tgt-alloc-mo-grid">' +
      months.map(function(m, i) {
        const vp = teamTargets[i];
        const alloc = allocByMonth[i];
        const diff = alloc - vp;
        const pct = vp > 0 ? Math.min(110, Math.round(alloc / vp * 100)) : 0;
        const barPct = Math.min(100, pct);
        const barCls = pct >= 100 ? 'great' : 'warn';
        let diffText = '', diffCls = '';
        if (vp <= 0)          { diffText = 'ยังไม่มี team target'; diffCls = 'none'; }
        else if (alloc === 0) { diffText = 'ยังไม่แบ่ง';           diffCls = 'warn'; }
        else if (diff < 0)    { diffText = 'ขาด ' + _tgtFmtM(-diff); diffCls = 'warn'; }
        else if (diff === 0)  { diffText = 'ครบแล้ว';               diffCls = 'ok'; }
        else                  { diffText = '+' + _tgtFmtM(diff);    diffCls = 'over'; }
        return '<div class="tgt-alloc-mo-col" id="tgt-alloc-mo-' + m + '">'
          + '<div class="tgt-alloc-mo-label">' + moLabels[i] + '</div>'
          + (vp > 0 ? '<div class="tgt-alloc-mo-vp">' + _tgtFmtM(vp) + '</div>'
                    : '<div class="tgt-alloc-mo-vp dim">–</div>')
          + '<div class="tgt-alloc-track" style="margin:4px 0 2px">'
          +   '<div class="tgt-alloc-fill kav-ss-bar-fill ' + barCls + '" style="width:' + barPct + '%"></div>'
          + '</div>'
          + '<div class="tgt-alloc-mo-alloc">' + (vp > 0 && alloc > 0 ? _tgtFmtM(alloc) : '') + '</div>'
          + '<div class="tgt-alloc-mo-diff ' + diffCls + '">' + diffText + '</div>'
          + '</div>';
      }).join('') + '</div></div>';
  }

  // Rep blocks
  reps.forEach(function(rep) {
    const vals = months.map(m => _tgtGet(m, 'sales', rep.email));
    html += '<div class="tgt-person-block">'
      + '<div class="tgt-person-name">'
      +   '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba(255,56,92,.7)" stroke-width="2.5" stroke-linecap="round"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/></svg> '
      +   rep.name
      + '</div>'
      + '<div class="tgt-person-meta">' + rep.email + '</div>'
      + '<div class="tgt-month-grid">'
      + months.map(function(m, i) {
          return '<div class="tgt-month-col">'
            + '<label>' + moLabels[i] + '</label>'
            + '<input class="tgt-month-input" id="tgt-inp-sales-' + _tgtSafeId(rep.email) + '-' + m + '"'
            +   ' value="' + (vals[i] ? _tgtFmtInput(vals[i]) : '') + '"'
            +   ' placeholder="฿"'
            +   ' oninput="onTgtInput(\"sales\",\"' + rep.email + '\",\"' + m + '\",this.value)">'
            + '</div>';
        }).join('')
      + '</div>'
      + '</div>';
  });

  if (!reps.length) {
    html += '<div style="text-align:center;padding:24px;color:rgba(255,255,255,.52);font-size:var(--text-base)">'
      + 'ไม่พบ Sales rep ในทีม<br><span style="font-size:var(--text-sm)">ตรวจสอบว่า portview CSV upload แล้ว</span></div>';
  }
  return html;
}

function renderTargetSettingsTab() {
  const threshold = _tgtSettings.nrr_threshold || 98;
  const body = document.getElementById('tgt-sheet-body');
  if (!body) return;
  body.innerHTML = `
    <div class="tgt-nrr-config">
      <div class="tgt-nrr-config-title">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="var(--tk-ok-bright)" stroke-width="2.5" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><circle cx="12" cy="16" r=".5" fill="var(--tk-ok-bright)"/></svg>
        NRR Warning Threshold
      </div>
      <div class="tgt-nrr-config-row">
        <div class="tgt-nrr-config-label">แสดงสัญญาณเตือนเมื่อ NRR ต่ำกว่า</div>
        <div style="display:flex;align-items:center;gap:4px">
          <input class="tgt-nrr-config-input" id="tgt-nrr-input" type="number" min="50" max="110" step="1"
            value="${threshold}"
            oninput="onTgtNrrInput(this.value)">
          <span style="font-size:var(--text-md);color:var(--tk-text-muted)">%</span>
        </div>
      </div>
      <div style="font-size:var(--text-xs);color:rgba(255,255,255,.52);margin-top:8px">
        ค่าเริ่มต้น: 98% · ใช้กับ signal ปัจจุบันของทุก KAM / TL
      </div>
    </div>
    <div style="font-size:var(--text-sm);color:rgba(255,255,255,.52);padding:4px 2px">
      threshold นี้มีผลกับสี warning ในมุมมอง NRR ตอนนี้ ส่วน payout rule builder จะต่อยอดบน policy tab
    </div>`;
}

function renderNrrPolicyTab() {
  const months = _tgtQuarterMonths(_tgtActiveQuarter);
  const body = document.getElementById('tgt-sheet-body');
  if (!body) return;
  if (!months.length) {
    body.innerHTML = '<div class="tgt-policy-empty">ไม่พบช่วงเวลา</div>';
    return;
  }
  body.innerHTML = `
    <div class="tgt-quarter-nav">
      <button onclick="tgtNavQuarter(-1)">‹</button>
      <div class="tgt-quarter-label">Policy · ${_tgtQuarterLabel(_tgtActiveQuarter)}</div>
      <button onclick="tgtNavQuarter(1)">›</button>
    </div>
    ${months.map(periodMonth => {
      const policy = _nrrGovGetPending(periodMonth, 'all', 'all');
      const options = _nrrGovBaseMonthOptions(periodMonth);
      return `<div class="tgt-policy-block">
        <div class="tgt-policy-head">
          <div>
            <div class="tgt-policy-title">
              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba(100,170,255,.8)" stroke-width="2.2" stroke-linecap="round"><path d="M12 2l2.2 4.8L19 9l-4.8 2.2L12 16l-2.2-4.8L5 9l4.8-2.2L12 2z"/></svg>
              ${_nrrGovMonthLabel(periodMonth)}
            </div>
            <div class="tgt-policy-sub">ตั้ง logic base ของ NRR เพื่อให้ TL/KAM ใช้ commission policy เดียวกันในเดือนนั้น</div>
          </div>
          <span class="tgt-policy-status ${policy.status === 'published' ? 'published' : ''}">${policy.status === 'published' ? 'Published' : 'Draft'}</span>
        </div>
        <div class="tgt-policy-grid">
          <div class="tgt-policy-field">
            <label>Base mode</label>
            <select class="tgt-policy-select" onchange="onNrrPolicyChange('${periodMonth}','base_mode',this.value)">
              <option value="rolling_mom" ${policy.base_mode === 'rolling_mom' ? 'selected' : ''}>Rolling MoM</option>
              <option value="fixed_month" ${policy.base_mode === 'fixed_month' ? 'selected' : ''}>Fixed base month</option>
            </select>
          </div>
          <div class="tgt-policy-field">
            <label>Base month</label>
            <select class="tgt-policy-select" onchange="onNrrPolicyChange('${periodMonth}','base_month',this.value)" ${policy.base_mode === 'fixed_month' ? '' : 'disabled'}>
              ${options.map(opt => `<option value="${opt}" ${policy.base_month === opt ? 'selected' : ''}>${_nrrGovMonthLabel(opt)}</option>`).join('')}
            </select>
          </div>
          <div class="tgt-policy-field">
            <label>Status</label>
            <select class="tgt-policy-select" onchange="onNrrPolicyChange('${periodMonth}','status',this.value)">
              <option value="draft" ${policy.status === 'draft' ? 'selected' : ''}>Draft</option>
              <option value="published" ${policy.status === 'published' ? 'selected' : ''}>Published</option>
            </select>
          </div>
          <div class="tgt-policy-field">
            <label>Apply to</label>
            <input class="tgt-policy-input" value="All teams (v208 foundation)" disabled>
          </div>
        </div>
        <div class="tgt-policy-note">รองรับ use case เช่น Q2 ใช้ Apr เป็น base สำหรับ May/Jun หรือ Q3 ใช้ Jun เป็น base สำหรับ Jul/Aug/Sep ได้แล้วในระดับ policy. การตั้ง per TL / per KAM จะต่อใน phase ถัดไปบน data model เดียวกัน</div>
      </div>`;
    }).join('')}`;
}


// SECTION:AUDIT_SQL_HELPERS
// QC-13: Generate pre-filled BQ audit SQL for KAM upsell reconciliation
function _commBuildKamAuditSql(kamEmail) {
  try {
    const pvRow = (portviewBulkData || []).find(r => r.kamEmail === kamEmail);
    const kamName = pvRow ? pvRow.kamName : kamEmail;
    const period = _nrrExclusionCurrentPeriod(); // "2026-05"
    const [yr, mo] = period.split('-');
    const accountIds = (portviewBulkData || [])
      .filter(r => r.kamEmail === kamEmail)
      .map(r => `'${r.id}'`)
      .slice(0, 50)
      .join(',');
    if (!accountIds) return null;
    return `-- Audit: Upsell SKU detail for ${kamName} — ${period}\n` +
      `-- commission_type: P1_new_item | Upsell_Outlet | P3_candidate\n` +
      `-- Run in BigQuery → Export to Google Sheets to verify commission\n\n` +
      `SELECT * FROM \`freshket-rn.commission_audit.upsell_sku_detail\`\n` +
      `WHERE kam_email = '${kamName}'\n` +
      `  AND account_id IN (${accountIds})\n` +
      `ORDER BY commission_type, group_key, gmv_ex_vat DESC;`;
  } catch(e) { return null; }
}
function _commCopyAuditSql(st) {
  try {
    const sql = _commBuildKamAuditSql(st && st.email);
    if (!sql) { if(typeof showToast==='function') showToast('ไม่มีข้อมูลสำหรับ audit SQL','!'); return; }
    navigator.clipboard.writeText(sql)
      .then(() => { if(typeof showToast==='function') showToast('Audit SQL copied — paste ใน BigQuery','✓'); })
      .catch(() => { if(typeof showToast==='function') showToast('Copy failed — ดู console','!'); console.log(sql); });
  } catch(e) {}
}
window._commBuildKamAuditSql = _commBuildKamAuditSql;
window._commCopyAuditSql = _commCopyAuditSql;
// ── Quarter helpers ─────────────────────────────────────────────
// SECTION:TARGET_HELPERS
// v_asof (2026-10-01): ไตรมาสที่ใช้งานอยู่ ต้องดูจาก "วันที่ของข้อมูล" ไม่ใช่วันนี้
//
// ทั้ง Sense เป็นข้อมูล day-1 — วันที่ 1 ต.ค. ไฟล์ทุกไฟล์ยังบอกถึง 30 ก.ย. เท่านั้น
// แต่ตัวนี้เคยใช้ new Date() ตรง ๆ ⇒ เช้าวันที่ 1 ต.ค. 2026 มันตอบว่า Q4
// แล้ว loadTargets โหลดกติกา (nrr_policies) มาแค่ ต.ค./พ.ย./ธ.ค.
// กติกาของ ก.ย. จึงหาไม่เจอ ตัวคิดเงินถอยไปใช้ค่าตั้งต้นแบบรายเดือนเงียบ ๆ
// (เทียบ ก.ย. กับ ส.ค. แทนฐาน มิ.ย.) ⇒ ร่าง ก.ย. ทุกคนได้ ฿0 · %NRR ตก 10-20 จุด
// เป็นวันแรกที่ข้ามไตรมาสตั้งแต่เปลี่ยนเป็นค่าคอมฯ รายไตรมาส ก่อนหน้านี้จึงไม่เคยเห็น
// ใช้ตัวเดียวกับ _commCurrentMonthLabel / _nrrExclusionCurrentPeriod ที่ถูกอยู่แล้ว
function _tgtCurrentQuarter() {
  const now = _commLagDate();
  const y = now.getFullYear();
  const q = Math.floor(now.getMonth() / 3) + 1;
  return `${y}-Q${q}`;
}
function _tgtQuarterMonths(qStr) {
  // "2026-Q3" → ["2026-07","2026-08","2026-09"]
  const [y, qPart] = qStr.split('-Q');
  const q = parseInt(qPart);
  const startMonth = (q - 1) * 3 + 1;
  return [0, 1, 2].map(i => {
    const m = startMonth + i;
    return `${y}-${String(m).padStart(2, '0')}`;
  });
}
function _tgtQuarterLabel(qStr) {
  const [y, qPart] = qStr.split('-Q');
  const q = parseInt(qPart);
  const thaiY = parseInt(y) + 543;
  const names = { 1: 'Q1 (ม.ค.–มี.ค.)', 2: 'Q2 (เม.ย.–มิ.ย.)', 3: 'Q3 (ก.ค.–ก.ย.)', 4: 'Q4 (ต.ค.–ธ.ค.)' };
  return `${names[q] || ('Q' + q)} ${thaiY}`;
}
function _tgtMonthLabel(yyyymm) {
  const mo = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
  const m = parseInt(yyyymm.split('-')[1]) - 1;
  return mo[m] || yyyymm;
}
function _tgtNextQuarter(qStr) {
  const [y, qPart] = qStr.split('-Q');
  let q = parseInt(qPart) + 1, yr = parseInt(y);
  if (q > 4) { q = 1; yr++; }
  return `${yr}-Q${q}`;
}
function _tgtPrevQuarter(qStr) {
  const [y, qPart] = qStr.split('-Q');
  let q = parseInt(qPart) - 1, yr = parseInt(y);
  if (q < 1) { q = 4; yr--; }
  return `${yr}-Q${q}`;
}

// ── Format helpers ──────────────────────────────────────────────
function _tgtFmtM(n) {
  if (!n || n === 0) return '—';
  if (n >= 1000000) return '฿' + (n / 1000000).toFixed(1) + 'M';
  if (n >= 1000) return '฿' + Math.round(n / 1000) + 'K';
  return '฿' + Math.round(n);
}
function _tgtParseInput(str) {
  if (!str || str.trim() === '' || str.trim() === '—') return 0;
  const s = str.replace(/,/g, '').replace(/฿/g, '').trim().toLowerCase();
  if (s.endsWith('m')) return Math.round(parseFloat(s) * 1000000);
  if (s.endsWith('k')) return Math.round(parseFloat(s) * 1000);
  return Math.round(parseFloat(s)) || 0;
}
function _tgtFmtInput(n) {
  if (!n) return '';
  return Math.round(n / 1000) * 1000 === n ? (n / 1000000 >= 1 ? (n / 1000000).toFixed(1) + 'M' : Math.round(n / 1000) + 'K') : String(n);
}

// SECTION:NRR_GOV_POLICY
function _nrrGovKey(periodMonth, scopeType, scopeKey) {
  return `${periodMonth}|${scopeType || 'all'}|${scopeKey || 'all'}`;
}
// v_qdefault (2026-10-02): ยุครายไตรมาสเริ่ม ก.ค. 2026 — เดือนตั้งแต่นั้นที่ยังไม่มีแถวในตาราง
// ถือว่าวัดแบบรายไตรมาส ฐาน = เดือนก่อนต้นไตรมาส (บุชชี่ตัดสิน 2 ต.ค. 2026)
// เดิมเดาเป็น Rolling MoM เงียบ ๆ ⇒ 2 ต.ค. จอทีมทั้งบริษัทขึ้น Rolling MoM เพราะไม่มีใครใส่แถว Q4
// เดือนก่อน ก.ค. 2026 คงค่าตั้งต้นเดิม (มีแถวจริงครบทุกเดือนอยู่แล้ว — ห้ามเปลี่ยนเงินย้อนหลัง)
// ⚠️ ค่าตั้งต้นนี้ใช้กับ "จอ" เท่านั้น — การคิดเงินที่จะบันทึก ต้องมีแถวจริง (ดู _nrrGovConfirmDefault)
const NRR_GOV_QUARTERLY_SINCE = '2026-07';
function _nrrGovQuarterOf(periodMonth) {
  const [y, m] = String(periodMonth || '').split('-').map(v => parseInt(v, 10));
  if (!y || !m) return null;
  const qn = Math.floor((m - 1) / 3) + 1;
  const first = (qn - 1) * 3 + 1;
  const months = [0, 1, 2].map(i => `${y}-${String(first + i).padStart(2, '0')}`);
  return { quarter_id: `${y}-Q${qn}`, months, base_month: _nrrGovPrevMonth(months[0]) };
}
function _nrrGovDefaultPolicy(periodMonth) {
  const q = (periodMonth && periodMonth >= NRR_GOV_QUARTERLY_SINCE) ? _nrrGovQuarterOf(periodMonth) : null;
  if (q) {
    return {
      period_month: periodMonth,
      scope_type: 'all',
      scope_key: 'all',
      base_mode: 'fixed_month',
      base_month: q.base_month,
      commission_mode: 'quarterly',
      quarter_id: q.quarter_id,
      status: 'auto',
      _defaulted: true,
      updated_by: '',
      updated_at: null
    };
  }
  return {
    period_month: periodMonth,
    scope_type: 'all',
    scope_key: 'all',
    base_mode: 'rolling_mom',
    base_month: _nrrGovPrevMonth(periodMonth),
    status: 'draft',
    updated_by: '',
    updated_at: null
  };
}
function _nrrGovPrevMonth(periodMonth) {
  if (!periodMonth) return null;
  const [y, m] = periodMonth.split('-').map(v => parseInt(v, 10));
  const d = new Date(y, (m || 1) - 1, 1);
  d.setMonth(d.getMonth() - 1);
  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`;
}
function _nrrGovMonthLabel(periodMonth) {
  if (!periodMonth) return '—';
  const mo = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
  const [y, m] = periodMonth.split('-');
  return `${mo[(parseInt(m, 10) || 1) - 1]} ${parseInt(y, 10) + 543}`;
}
function _nrrGovBaseMonthOptions(periodMonth) {
  if (!periodMonth) return [];
  const [y, m] = periodMonth.split('-').map(v => parseInt(v, 10));
  const start = new Date(y, (m || 1) - 1, 1);
  const out = [];
  for (let i = 1; i <= 12; i++) {
    const d = new Date(start.getFullYear(), start.getMonth(), 1);
    d.setMonth(d.getMonth() - i);
    out.push(`${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`);
  }
  return out;
}
// v_asof: มีกติกาของเดือนนี้อยู่ในหน่วยความจำจริงไหม (ไม่นับค่าตั้งต้นที่ _nrrGovGet แต่งให้)
function _nrrGovHas(periodMonth) {
  return !!_nrrGovPolicies[_nrrGovKey(periodMonth, 'all', 'all')];
}
// v_asof: ดึงกติกาของเดือนที่กำลังคิดเงินจากฐานข้อมูลตรง ๆ ถ้ายังไม่อยู่ในหน่วยความจำ
// เหตุผลเดียวกับ v_clock (_commSnapshotStateFromDb) — loadTargets โหลดแค่ไตรมาสที่ใช้งานอยู่
// การคิดเงินเดือนที่อยู่คนละไตรมาส (คำนวณ ก.ย. ใหม่จากใน ต.ค.) จึงตาบอด
// คืน 'ok' = มีกติกา · 'missing' = ฐานข้อมูลตอบว่าไม่มีจริง · null = ถามไม่ได้
// ⛔ ผู้เรียกที่จะเขียนเงิน ต้องหยุดทั้ง 'missing' และ null — ห้ามถอยไปใช้ค่าตั้งต้นเงียบ ๆ
async function _nrrGovEnsureLoaded(periodMonth) {
  if (!periodMonth) return null;
  if (_nrrGovHas(periodMonth)) return 'ok';
  try {
    if (typeof supa === 'undefined' || !supa) return null;
    const { data, error } = await supa.from('nrr_policies')
      .select('period_month,scope_type,scope_key,base_mode,base_month,commission_mode,quarter_id,status,updated_by,updated_at')
      .eq('period_month', periodMonth);
    if (error) throw new Error(error.message);
    (data || []).forEach(p => {
      _nrrGovPolicies[_nrrGovKey(p.period_month, p.scope_type, p.scope_key)] = { ...p };
    });
    return _nrrGovHas(periodMonth) ? 'ok' : 'missing';
  } catch (e) {
    console.warn('[NRR governance] ดึงกติกาของ ' + periodMonth + ' ไม่ได้:', e.message);
    return null;
  }
}
window._nrrGovEnsureLoaded = _nrrGovEnsureLoaded;
function _nrrGovGet(periodMonth, scopeType, scopeKey) {
  const direct = _nrrGovPolicies[_nrrGovKey(periodMonth, scopeType, scopeKey)];
  if (direct) return { ...direct };
  const fallback = _nrrGovPolicies[_nrrGovKey(periodMonth, 'all', 'all')];
  return fallback ? { ...fallback } : _nrrGovDefaultPolicy(periodMonth);
}
function _nrrGovGetPending(periodMonth, scopeType, scopeKey) {
  const key = _nrrGovKey(periodMonth, scopeType, scopeKey);
  if (_nrrGovPending[key]) return { ..._nrrGovPending[key] };
  return _nrrGovGet(periodMonth, scopeType, scopeKey);
}
// v_asof2 (2026-10-01): กติกาของ "งวดที่จอกำลังโชว์" ต้องเป็นเดือนของข้อมูล (day-1)
// เดิมใช้ new Date() ⇒ เช้า 1 ต.ค. ไปหากติกาของ ต.ค. ที่ยังไม่มี ⇒ ได้ค่าตั้งต้นรายเดือน
// ⇒ จอทีมขึ้น "Rolling MoM" กับ "Draft policy" และ %NRR ของทุกคนเทียบ ส.ค. แทนฐาน มิ.ย.
// ตัวนี้ถูกเรียกจากจอแทบทุกจุด (หัวจอทีม รายชื่อ KAM แถบเป้า ป้ายเดือนฐานของ upsell)
// รอบแรก (v_asof) แก้ _tgtCurrentQuarter ไปแล้วแต่หลุดตัวนี้ เพราะไล่ค้นทีละบรรทัด
// แล้วตัวนี้เขียน new Date() แยกบรรทัดจาก getMonth — ด่าน verify_asof_dates ข้อ จ ไล่แบบใหม่แล้ว
function _nrrGovResolveForVisibleScope() {
  return _nrrGovGet(_nrrExclusionCurrentPeriod(), 'all', 'all');
}
function _nrrGovPolicySummary(policy) {
  if (!policy) return 'Rolling MoM';
  const tail = policy._defaulted ? ' · ค่าตั้งต้น ยังไม่ยืนยัน' : '';   // v_qdefault
  if (policy.base_mode === 'fixed_month') return `Fixed base: ${_nrrGovMonthLabel(policy.base_month)}${tail}`;
  return 'Rolling MoM' + tail;
}
// v_qdefault: ก่อนคิดเงินของเดือนที่ยังไม่มีแถวกติกา — ถามเจ้าของระบบหนึ่งครั้ง แล้วบันทึกค่าตั้งต้น
// (รายไตรมาส ฐานเดือนก่อนต้นไตรมาส) ลงตารางให้ครบทั้งไตรมาส ⇒ ตัวเลขเงินที่บันทึกมีกติกาจริงรองรับเสมอ
// คืน 'ok' เมื่อเขียนแล้วอ่านกลับครบ · 'declined' · 'not_allowed' · null = เขียนไม่สำเร็จ
// เขียนเฉพาะเดือนที่ยังไม่มีแถว (ignoreDuplicates) — ไม่ทับค่าที่ใครตั้งไว้แล้ว
async function _nrrGovConfirmDefault(periodMonth) {
  const d = _nrrGovDefaultPolicy(periodMonth);
  if (!d._defaulted) return 'not_allowed';
  if (!(typeof isOwner === 'function' && isOwner())) return 'not_allowed';
  const q = _nrrGovQuarterOf(periodMonth);
  const ask = 'ไตรมาสนี้ยังไม่ได้ยืนยันวิธีวัด %NRR\n\n' +
    'ระบบจะบันทึกให้ ' + q.months.map(_nrrGovMonthLabel).join(' · ') +
    ' วัดแบบรายไตรมาส เทียบฐาน ' + _nrrGovMonthLabel(q.base_month) + ' แล้วค่อยคำนวณ\n\n' +
    'ถ้าต้องการแบบอื่น ให้กดยกเลิก แล้วไปตั้งที่หน้า "ตั้งเกณฑ์" ใน Dashboard\n\nยืนยันไหม';
  if (typeof confirm !== 'function' || !confirm(ask)) return 'declined';
  try {
    const actor = (currentUserProfile && currentUserProfile.email) || '';
    const per = await supa.from('commission_periods').upsert(
      q.months.map(m => ({ period_month: m, quarter_key: q.quarter_id, status: 'draft' })),
      { onConflict: 'period_month', ignoreDuplicates: true });
    if (per.error) throw new Error(per.error.message);
    const rows = q.months.map(m => ({
      period_month: m, scope_type: 'all', scope_key: 'all',
      base_mode: 'fixed_month', base_month: q.base_month,
      commission_mode: 'quarterly', quarter_id: q.quarter_id, status: 'published',
      updated_by: actor, updated_at: new Date().toISOString()
    }));
    const up = await supa.from('nrr_policies').upsert(rows,
      { onConflict: 'period_month,scope_type,scope_key', ignoreDuplicates: true });
    if (up.error) throw new Error(up.error.message);
    // อ่านกลับ — RLS ปฏิเสธแบบเงียบได้ ต้องเห็นครบสามเดือนจริงถึงจะไปต่อ
    const back = await supa.from('nrr_policies')
      .select('period_month,scope_type,scope_key,base_mode,base_month,commission_mode,quarter_id,status,updated_by,updated_at')
      .in('period_month', q.months).eq('scope_type', 'all').eq('scope_key', 'all');
    if (back.error) throw new Error(back.error.message);
    (back.data || []).forEach(p => { _nrrGovPolicies[_nrrGovKey(p.period_month, p.scope_type, p.scope_key)] = { ...p }; });
    return q.months.every(m => _nrrGovHas(m)) ? 'ok' : null;
  } catch (e) {
    console.warn('[NRR governance] บันทึกค่าตั้งต้นของไตรมาสไม่สำเร็จ:', e.message);
    return null;
  }
}
window._nrrGovConfirmDefault = _nrrGovConfirmDefault;
function _tgtGetVisibleTeamNrrResult() {
  const email = (currentUserProfile && currentUserProfile.email) || '';
  const role = (currentUserProfile && currentUserProfile.role) || '';
  const tlMatch = (typeof portviewBulkData !== 'undefined' ? (portviewBulkData || []) : []).some(a => a.tlEmail === email);
  const showAll = role === 'admin' && !tlMatch;
  // v828: Team Governance Card's NRR% — use QNRR when quarterly, else MoM as before
  const policy = _nrrGovResolveForVisibleScope();
  if (policy && policy.commission_mode === 'quarterly' && typeof window._qnrrComputeForCommission === 'function') {
    const scopeEmail = showAll ? null : email;
    const r = window._qnrrComputeForCommission(scopeEmail || email, showAll ? 'admin' : 'tl');
    if (r) return r;
  }
  return _tgtComputeKamNRR(null, showAll ? null : email);
}
function _tgtRenderTeamGovCard() {
  const policy = _nrrGovResolveForVisibleScope();
  const gov = _nrrGovernanceForVisibleTeam();
  const rawPct = gov.rawPct;
  const governedPct = gov.governedPct !== null ? gov.governedPct : rawPct;
  const role = getCurrentRole();
  const _gcEmail = (currentUserProfile && currentUserProfile.email) || '';
  // GC-1 (R9 · จ1): สี %NRR ทีม = ขั้นเงินขั้นแรกของหัวหน้าทีมเอง (เขียวตั้งแต่ขั้น 1 · เหลืองห่างไม่เกิน 3 จุด · ต่ำกว่านั้นแดง)
  // หัวหน้าทีมไม่มีเกต และ nrr_threshold (98) ไม่ใช่เส้นเงินอีกแล้ว · ภาพรวมบริษัท (admin) ไม่ลงสี
  // 24 ต.ค. 2569 (Bucci): สีตามขั้นเงินหัวหน้าทีม — ต่ำกว่าขั้นแรก เหลือง · ขั้น 1 เขียว · ขั้น 2 ฟ้า · ขั้น 3 ม่วง (05b nrrZoneFor)
  const _gcZone = (isTLRole(role) && governedPct !== null && typeof nrrZoneFor === 'function') ? nrrZoneFor(governedPct, { email: _gcEmail, scope: 'tl' }) : null;
  const nrrCls = (typeof nrrZoneCls === 'function') ? nrrZoneCls(_gcZone) : '';
  // GC-2: บอกฐานเป็นภาษาคน
  // ช่องนี้แคบ (ตัดท้ายด้วย …) ⇒ คำสั้นบนจอ ประโยคเต็มอยู่ใน title
  const baseTxt = policy.base_mode === 'fixed_month'
    ? `ฐาน ${_nrrGovMonthLabel(policy.base_month)}`
    : 'เทียบเดือนก่อน';
  const baseTitle = policy.base_mode === 'fixed_month'
    ? `%NRR เทียบฐาน ${_nrrGovMonthLabel(policy.base_month)} คงที่ทั้งไตรมาส`
    : '%NRR เทียบเดือนก่อน';
  let summary = _commBuildPayoutSummary(isTLRole(role) ? 'tl' : undefined);
  // v_tile (2026-10-01): ช่องนี้คิดสด และต้องใช้ไฟล์ upsell รายคนของทุก KAM
  // ซึ่งโหลดก็ต่อเมื่อกด Compute ⇒ เปิดแอปใหม่แล้วตัวคิดเงินปฏิเสธ (ถูกต้อง — ไม่คิดยอดขาด)
  // แต่จอเคยแสดงการปฏิเสธนั้นเป็น ฿0 ⇒ บุชชี่เห็น "ค่าคอมฯ ทั้งทีม ฿0" ทั้งที่ร่างถูกแล้ว
  // ตอนนี้: คิดสดไม่ได้ ⇒ ใช้ยอดที่บันทึกไว้ของเดือนนั้น (ร่างหรือล็อกแล้ว) และบอกว่ามาจากไหน
  //          ไม่มีที่บันทึกด้วย ⇒ โชว์ "—" ไม่ใช่ ฿0
  let _tileSource = 'live';
  let _tileRefusal = '';
  if (!summary.rows.length) {
    const _per = _nrrExclusionCurrentPeriod();
    // E2: งวดที่ใช้กติกา HO ครั้งเดียว + คิดไม่ได้เพราะถูกปฏิเสธ ⇒ บอกเหตุแทน "กด Compute"
    if (_commHoOnceApplies(_per)) _tileRefusal = _commRefusalTh(_per);
    const _saved = (_commissionSnapshots || []).filter(r => r.period_month === _per);
    if (_saved.length) {
      summary = _commSummaryFromRows(_saved, isTLRole(role) ? 'tl' : undefined);
      _tileSource = _saved.some(r => String(r.snapshot_status || '').toLowerCase() === 'final') ? 'final' : 'draft';
    } else {
      _tileSource = 'none';
    }
  }
  const pending = (_nrrExclusions || []).filter(r => r.status === 'submitted' || r.status === 'pending').length;
  const policyPublished = policy.status === 'published';
  const commissionMain = isTLRole(role) ? summary.tlPayout : summary.total;
  // รอบ B: งวดแบบใหม่ ยอดสดเป็นยอดจริงรายคน — ยังคิดไม่ครบทุกคน ⇒ ไม่โชว์ผลรวม (บอกความคืบหน้า/เหตุแทน)
  const _gcLive = _tileSource === 'live' ? ((isTLRole(role) ? summary.liveTl : summary.liveExact) || null) : null;
  const _gcLiveOpen = !!(_gcLive && !_gcLive.complete);
  const _gcLiveKam = _tileSource === 'live' ? (summary.liveKam || null) : null;
  // GC-3 (R1): ตัวคูณของหัวหน้าทีม = ค่าที่อยู่ในแถวของหัวหน้าทีมคนนี้ (คิดจากแผนของเขา — ค่าเดียวกับที่จ่าย)
  // เดิมคิดใหม่ด้วย _commComputeTeamUpsellMult โดยไม่ส่งแผน ⇒ ตกตารางตายตัว และ admin เห็นตัวคูณของ TL คนแรก
  // admin ดูทั้งบริษัท ⇒ ไม่มีป้ายตัวคูณ (เกณฑ์ต่างกันรายทีม ดูแยกในชีททีม)
  let multBadge = '';
  let _gcMult = null, _gcUp = null;
  if (isTLRole(role)) {
    const _own = (summary.tlRows || []).find(r => String(r.beneficiary_email || '').toLowerCase() === _gcEmail.toLowerCase());
    const _um = _own && _own.breakdown && _own.breakdown.upsell_mult;
    if (_um && typeof _um === 'object' && _um.multiplier != null) {
      _gcMult = Math.round(Number(_um.multiplier) * 100) / 100;
      _gcUp = Number(_um.team_baseline_gmv) > 0
        ? _commTierPct(Number(_um.team_upsell_gmv || 0) / Number(_um.team_baseline_gmv) * 100)
        : (_um.team_upsell_pct != null ? _commTierPct(Number(_um.team_upsell_pct)) : null);
      multBadge = `<span class="tv-mult-badge ${_gcMult > 1 ? 'ok' : ''}">×${_gcMult}</span>`;
    } else {
      multBadge = `<span class="tv-mult-badge loading">×—</span>`;
    }
  }
  // BE-2: งวดรายทีม ยอดที่คิดจากไฟล์สรุปทีม = ประมาณ (รอบ B: แถวสดงวดใหม่เป็นยอดจริงแล้ว ⇒ ไม่มีป้ายนี้)
  const _gcPer = _nrrExclusionCurrentPeriod();
  const _gcEst = _tileSource === 'live' && !summary.liveExact && (summary.kamRows || []).some(r => _dispUsesTeamFile(r.beneficiary_email, _gcPer));
  const _gcMoney = (v, live) => (live && !live.complete) ? (live.pending ? COMM_LIVE_LOADING_TH : '—') : _commFmtPayout(v);
  // UIR-A6 (20 ต.ค. 2569): ความคืบหน้านับทุกคนในขอบเขตของจอ (หัวหน้าทีม + ลูกทีม) — เดิมหัวหน้าทีมเห็น "0/1 คน"
  // (นับแค่แถวของตัวเอง ซึ่งเสร็จทีหลังสุดเสมอ) จึงไม่ขยับเลยจนจบ
  const _gcProg = (_gcLiveOpen && summary.liveExact && !summary.liveExact.complete) ? summary.liveExact : _gcLive;
  // GC-4: "KAM ทีม ฿x · upsell ทีม 2.6% → ×1.25"
  // UIR-N (21 ต.ค. 2569): ภาพรวมบริษัทมีตำแหน่งอื่น (AD ฯลฯ) ⇒ "TL ฿16,000 · KAM ฿98,589" รวมได้ ฿114,589 ไม่เท่ายอด ฿115,160
  // ช่องแคบใส่ยอดสามกองไม่พอ (320 px = 3 บรรทัด ถูกตัด) ⇒ บอกว่ายอดรวมใครบ้าง คำเดียวกับ /nrr · ยอดแยกกองอยู่ในชีทที่แตะเปิด
  const _gcWho = s => {
    const parts = (s.kamRows || []).length ? ['KAM'] : [];
    (s.otherRows || []).forEach(r => { const l = _commRefusalRoleTh(r.beneficiary_role); if (l && parts.indexOf(l) < 0) parts.push(l); });
    if ((s.tlRows || []).length) parts.push('หัวหน้าทีม');
    return parts.join(' + ') + ' · ' + (s.rows || []).length + '\u00a0คน';
  };
  const commMeta2 = _gcLiveOpen ? _commLiveProgressTh(_gcProg) : (isTLRole(role)
    // ป้ายกับยอดติดกันด้วยช่องว่างไม่ตัดบรรทัด (\u00a0) — จอกว้างเคยตัด "KAM" กับ "฿97,383" คนละบรรทัด · ตัดได้ที่ " · " เท่านั้น
    ? `KAM ทีม\u00a0${_gcMoney(summary.kamPayout, _gcLiveKam)}${_gcMult !== null && _gcUp !== null ? ` · upsell ทีม\u00a0${_commFmtPct(_gcUp)} → ×${_gcMult}` : ''}`
    : (summary.otherRows || []).length ? _gcWho(summary)
    : `TL\u00a0${_gcMoney(summary.tlPayout, summary.liveTl)} · KAM\u00a0${_gcMoney(summary.kamPayout, _gcLiveKam)}`) + (_gcEst ? ' · ประมาณ' : '');

  // UIR-A13: ป้ายสามช่องเป็นภาษาไทยชุดเดียว ("NRR" คงไว้เป็นคำที่ทั้งแอปใช้ · ตรงกับหัวจอ "NRR ทีม" และชีท "ค่าคอมฯ ทีม")
  // UIR-A6: ระหว่างคิดยอดจริง ช่องยอดเป็นแถบรอขนาดเท่าตัวเลข (ไม่ใช่คำว่า "กำลังคิดยอดจริง" ที่ล้นช่องที่ 320 px)
  //         คำบอกสถานะอยู่บรรทัดล่างที่เดียว พร้อมความคืบหน้า "x/y คน" — เดิมบอกซ้ำสองบรรทัด
  // UIR-B: ช่องแต่ละช่องเป็นชิ้นส่วน (tiles) ⇒ จอทีม (06) แก้เฉพาะข้อความที่เปลี่ยนในที่ ไม่เขียนทั้งแถวทุกรอบความคืบหน้า
  const tiles = [
    { cls: 'tv-signal-card', attrs: '',
      label: 'NRR ทีม', valueCls: `tv-signal-value ${nrrCls}`, value: _commFmtPct(governedPct),
      meta: baseTxt, metaTitle: baseTitle },
    { cls: 'tv-signal-card commission', attrs: ' style="cursor:pointer" onclick="event.stopPropagation();_commOpenTlDetailSheet()"',
      label: `ค่าคอมฯ ${multBadge}`, valueCls: 'tv-signal-value',
      value: _tileSource === 'none' ? '—' : _gcLiveOpen ? (_gcLive.pending ? '<span class="tv-wait" aria-label="' + COMM_LIVE_LOADING_TH + '"></span>' : '—') : _commFmtPayout(commissionMain),
      meta: _tileSource === 'none' ? (_tileRefusal ? _commEscapeHtml(_tileRefusal) : 'ยังคิดไม่ได้ · กด Compute ใน Cockpit')
          : _tileSource === 'final' ? 'ยอดที่ล็อกแล้ว · ' + commMeta2
          : _tileSource === 'draft' ? 'จากร่างที่บันทึก · ' + commMeta2
          : commMeta2,
      metaTitle: _tileSource === 'none' ? (_tileRefusal || '') : commMeta2 },
    { cls: `tv-signal-card ${pending ? 'warn' : 'ok'}`, attrs: '',
      label: 'ร้านยกเว้น', valueCls: `tv-signal-value ${pending ? 'warn' : 'ok'}`, value: String(pending),
      meta: policy._defaulted ? 'วิธีวัดยังไม่ยืนยัน' : policyPublished ? 'เผยแพร่แล้ว' : 'กติกายังเป็นร่าง', metaTitle: null }
  ];
  const html = `<div class="tv-gov-card">
    <div class="tv-signal-wrap">${tiles.map(_tgtTeamGovTileHtml).join('')}
      <!-- v686: action strip hidden — Commission header button is the access point -->
    </div>
  </div>`;
  // จอทีมอ่านชิ้นส่วนของก้อนนี้ได้ก็ต่อเมื่อ HTML ตรงกันทุกตัวอักษร (ตัวแทน/ตัววาดอื่นที่คืนข้อความเฉย ๆ ⇒ เขียนทั้งก้อนเหมือนเดิม)
  window._tgtTeamGovLast = { html, tiles };
  return html;
}
// ช่องหนึ่งช่องของการ์ดทีม — โครงเดียวกันทุกช่อง: ป้าย · ตัวเลข · บรรทัดล่าง (สูงสุด 2 บรรทัด ดู styles_teamview.css)
function _tgtTeamGovTileHtml(t) {
  return `
      <div class="${t.cls}"${t.attrs || ''}>
        <div class="tv-signal-label">${t.label}</div>
        <div class="${t.valueCls}">${t.value}</div>
        <div class="tv-signal-meta"${t.metaTitle != null ? ` title="${_commEscapeHtml(t.metaTitle)}"` : ''}>${t.meta}</div>
      </div>`;
}

// SECTION:COMMISSION_CORE
function _commDefaultTiers(role) {
  // v754f: ลบ hardcoded tiers ทิ้ง — ไม่มี fallback อีกต่อไป
  // ถ้า Supabase ยังไม่โหลด commission_rule_tiers → return [] → strip แสดง skeleton
  // ป้องกัน stale tier (฿5,000/฿7,500 เก่า) flash ก่อน DB data มา
  return [];
}
// v878: maps profiles.role (normalizeRole() output: admin/tl/rep/sales/
// sales_tl/ad/ad_tl/pm) to the commission engine's own beneficiary-role
// bucket vocabulary ('kam' for 'rep', everything else passes through).
// This is the ONLY place that vocabulary translation happens — nothing
// downstream should special-case profiles.role strings again.
function _commEngineRole(profileRole) {
  const r = (typeof normalizeRole === 'function') ? normalizeRole(profileRole) : String(profileRole || '');
  return r === 'rep' ? 'kam' : r;
}
window._commEngineRole = _commEngineRole;

// v878: bootstrap seed plan per engine role bucket — used ONLY as the
// last-resort fallback when no role_default/person assignment row exists
// at all (see _commGetAssignmentPlan's 3-tier resolution). This is NOT
// "the admin's current choice" — that lives in commission_plan_assignments
// and always wins when present. kam/tl values are unchanged from before
// this generalization; the rest have no real scheme configured yet, so
// they resolve to a plan_code that doesn't exist in commission_plans —
// harmless, since every per-component compute function treats "no rule
// row found for this plan_code" as "component inactive," not an error.
const _COMM_BOOTSTRAP_PLAN = {
  kam: 'KAM_NRR_STD', tl: 'TL_NRR_STD',
  pm: 'PM_NRR_STD', admin: 'ADMIN_NRR_STD',
  sales: 'SALES_NRR_STD', sales_tl: 'SALES_TL_NRR_STD',
  ad: 'AD_NRR_STD', ad_tl: 'AD_TL_NRR_STD'
};
function _commPlanCode(role) {
  return _COMM_BOOTSTRAP_PLAN[role] || _COMM_BOOTSTRAP_PLAN.kam;
}
// v878 (phase 6): widened alongside _commPlanCode's bootstrap map — tl/kam
// unchanged, other roles get a sensible default label until an admin
// renames their scheme via the Cockpit.
const _COMM_BOOTSTRAP_PLAN_NAME = {
  kam: 'KAM NRR Standard', tl: 'TL NRR Standard',
  pm: 'PM NRR Standard', admin: 'Admin NRR Standard',
  sales: 'Sales NRR Standard', sales_tl: 'Sales TL NRR Standard',
  ad: 'AD NRR Standard', ad_tl: 'AD TL NRR Standard'
};
function _commPlanName(role) {
  return _COMM_BOOTSTRAP_PLAN_NAME[role] || _COMM_BOOTSTRAP_PLAN_NAME.kam;
}
function _commGetDraft(role) {
  const code = _commPlanCode(role);
  // M1: ในรอบคิดเงิน ไม่อ่านเกณฑ์ที่แก้ค้าง (ทางเงินใช้เฉพาะที่บันทึกแล้ว = ชุดเดียวกับที่จดลง rules_used)
  if (!_commInMoneyRun() && _commRulePending[code]) return JSON.parse(JSON.stringify(_commRulePending[code]));
  const plan = (_commRuleConfig.plans && _commRuleConfig.plans[code]) || null;
  const rule = plan && _commRuleConfig.rules ? _commRuleConfig.rules[plan.id] : null;
  const tiers = rule && _commRuleConfig.tiers ? (_commRuleConfig.tiers[rule.id] || []) : [];
  return {
    role,
    plan_code: code,
    plan_name: plan?.plan_name || _commPlanName(role),
    beneficiary_role: role,
    payout_type: rule?.payout_type || 'flat_amount',
    measurement_scope: rule?.measurement_scope || 'governed_nrr',
    tiers: tiers.length ? tiers.map(t => ({
      min_value: t.min_value,
      max_value: t.max_value,
      payout_value: t.payout_value,
      payout_label: t.payout_label || ''
    })) : _commDefaultTiers(role)
  };
}
function _commSetDraft(role, draft) {
  _commRulePending[_commPlanCode(role)] = JSON.parse(JSON.stringify(draft));
}

function _commGetDraftByCode(planCode, roleHint) {
  const role = roleHint || (planCode && planCode.startsWith('TL_') ? 'tl' : 'kam');
  if (!planCode) return _commGetDraft(role);
  // M1: ในรอบคิดเงิน ไม่อ่านเกณฑ์ที่แก้ค้าง — ขั้นเงิน NRR ที่จ่าย (_commMatchTierByCode) มาจากที่บันทึกแล้วเท่านั้น
  if (!_commInMoneyRun() && _commRulePending[planCode]) return JSON.parse(JSON.stringify(_commRulePending[planCode]));
  const plan = (_commRuleConfig.plans && _commRuleConfig.plans[planCode]) || null;
  const rule = plan && _commRuleConfig.rules ? _commRuleConfig.rules[plan.id] : null;
  const tiers = rule && _commRuleConfig.tiers ? (_commRuleConfig.tiers[rule.id] || []) : [];
  return {
    role,
    plan_code: planCode,
    plan_name: plan?.plan_name || _commPlanName(role),
    beneficiary_role: plan?.beneficiary_role || role,
    payout_type: rule?.payout_type || 'flat_amount',
    measurement_scope: rule?.measurement_scope || 'governed_nrr',
    tiers: tiers.length ? tiers.map(t => ({
      min_value: t.min_value,
      max_value: t.max_value,
      payout_value: t.payout_value,
      payout_label: t.payout_label || ''
    })) : _commDefaultTiers(role)
  };
}
function _commSetDraftByCode(planCode, draft) {
  _commRulePending[planCode] = JSON.parse(JSON.stringify(draft));
  if (!_commRuleConfig.plans) _commRuleConfig.plans = {};
  _commRuleConfig.plans[planCode] = {
    ...((_commRuleConfig.plans && _commRuleConfig.plans[planCode]) || {}),
    plan_code: planCode,
    plan_name: draft.plan_name || planCode,
    beneficiary_role: draft.beneficiary_role || draft.role,
    status: 'active'
  };
}
function _commCreateRule(role) {
  // v878 (phase 6): widened from the tl/kam-only ternary to any of the 8
  // engine role buckets, mirroring _commPlanCode's bootstrap map.
  const prefix = `${String(role || 'kam').toUpperCase()}_NRR_RULE`;
  const code = `${prefix}_${Date.now().toString().slice(-6)}`;
  const name = `New ${_commPlanName(role)}`;
  const draft = {
    role,
    plan_code: code,
    plan_name: name,
    beneficiary_role: role,
    payout_type:'flat_amount',
    measurement_scope:'governed_nrr',
    tiers:_commDefaultTiers(role)
  };
  _commSetDraftByCode(code, draft);
  _commSelectedRuleCode = code;
  renderCommissionCockpit();
  return code; // for Setup-tab wrappers that select the new scheme in-place
}
function _commPlanStatus(p) {
  return String((p && p.status) || 'active').toLowerCase();
}
function _commIsActivePlan(p) {
  const st = _commPlanStatus(p);
  return st !== 'inactive' && st !== 'archived';
}
function _commIsPlanCodeActive(planCode, role) {
  const code = planCode || _commPlanCode(role);
  if (code === _commPlanCode(role)) return true;
  const pending = _commInMoneyRun() ? null : (_commRulePending || {})[code];   // M1: รอบคิดเงินไม่อ่านของค้าง
  if (pending) return _commIsActivePlan(pending);
  const plan = ((_commRuleConfig && _commRuleConfig.plans) || {})[code];
  return !!(plan && _commIsActivePlan(plan));
}
function _commActivePlanCode(planCode, role) {
  const code = planCode || _commPlanCode(role);
  return _commIsPlanCodeActive(code, role) ? code : _commPlanCode(role);
}
function _commRuleUsageCount(planCode, period) {
  if (!planCode) return 0;
  const per = period || _nrrExclusionCurrentPeriod();
  const plan = ((_commRuleConfig && _commRuleConfig.plans) || {})[planCode] || {};
  const keys = new Set();
  ((_commRuleConfig && _commRuleConfig.assignments) || []).forEach(a => {
    if (!a || a.period_month !== per) return;
    const matchCode = a.plan_code === planCode;
    const matchId = plan.id && a.plan_id === plan.id;
    if (matchCode || matchId) keys.add(_commAssignmentKey(a.period_month, a.assignment_scope, a.assignee_key));
  });
  Object.entries(_commAssignmentPending || {}).forEach(([key, code]) => {
    const [p] = key.split('|');
    if (p === per && code === planCode) keys.add(key);
  });
  return keys.size;
}
// CS-3 (แผน 1-13 · อยู่ใน 07a เพราะอ่านแถวผูกเกณฑ์ — 07a เป็นเจ้าของการอ่านเกณฑ์ ตามด่าน G3): "ใช้อยู่ N คน" เดิมนับแถวผูก — แถวทีมหนึ่งแถว (7 คน) นับเป็น 1
// ⇒ บอกแยกตามชั้นแทน: "ผูกกับ 1 ทีม (7 คน) · ต.ค." / "ผูกรายคน 2 คน · ต.ค." / "ค่าเริ่มของตำแหน่ง · ต.ค."
function _commRuleUsageSummaryTh(planCode, period) {
  const per = period || _nrrExclusionCurrentPeriod();
  const mo = String(_commPeriodLabelTh(per) || per).split(' ')[0];
  if (!planCode) return 'ยังไม่มีใครใช้ · ' + mo;
  const plan = ((_commRuleConfig && _commRuleConfig.plans) || {})[planCode] || {};
  const teams = new Set(), persons = new Set();
  let roleDefault = false;
  const tally = (scope, assignee) => {
    const k = String(assignee || '').trim().toLowerCase();
    if (scope === 'kam_under_tl') teams.add(k);
    else if (scope === 'role_default') roleDefault = true;
    else persons.add(scope + '|' + k);
  };
  ((_commRuleConfig && _commRuleConfig.assignments) || []).forEach(a => {
    if (!a || a.period_month !== per) return;
    // แถวที่กำลังแก้ (ยังไม่บันทึก) ทับแถวเดิม ⇒ ไม่นับแถวเดิมซ้ำ
    if (Object.prototype.hasOwnProperty.call(_commAssignmentPending || {}, _commAssignmentKey(a.period_month, a.assignment_scope, a.assignee_key))) return;
    if (a.plan_code === planCode || (plan.id && a.plan_id === plan.id)) tally(a.assignment_scope, a.assignee_key);
  });
  Object.entries(_commAssignmentPending || {}).forEach(([key, code]) => {
    const parts = key.split('|');
    if (parts[0] === per && code === planCode) tally(parts[1], parts.slice(2).join('|'));
  });
  const out = [];
  if (teams.size) {
    // คนในทีม = KAM ที่ตัวหาแผนตอบว่าได้แผนนี้ "ผ่านทีม" จริงในเดือนนี้ (ไม่ใช่นับแถว)
    let n = null;
    try {
      const other = (typeof _commOtherRoleEmailSet === 'function') ? _commOtherRoleEmailSet() : new Set();
      const groups = (typeof _buildKamGroups === 'function') ? (_buildKamGroups() || []) : [];
      n = groups.filter(g => g.kamEmail && !other.has(g.kamEmail.toLowerCase())).filter(g => {
        const r = _commResolveAssignment(per, 'kam', g.kamEmail, 'kam');
        return r.via === 'team' && r.planCode === planCode;
      }).length;
    } catch (e) { n = null; }
    out.push('ผูกกับ ' + teams.size + ' ทีม' + (n === null ? '' : ' (' + n + ' คน)'));
  }
  if (persons.size) out.push('ผูกรายคน ' + persons.size + ' คน');
  if (roleDefault) out.push('ค่าเริ่มของตำแหน่ง');
  if (!out.length) out.push('ยังไม่มีใครใช้');
  return out.join(' · ') + ' · ' + mo;
}
window._commRuleUsageSummaryTh = _commRuleUsageSummaryTh;
function _commRulesForRole(role, opts) {
  const options = opts || {};
  const plans = Object.values((_commRuleConfig && _commRuleConfig.plans) || {}).filter(p => p.beneficiary_role === role);
  const pending = Object.values(_commRulePending || {}).filter(d => (d.beneficiary_role || d.role) === role)
    .map(d => ({ plan_code:d.plan_code, plan_name:d.plan_name, beneficiary_role:role, status:d.status || 'active' }));
  const byCode = {};
  [...plans, ...pending].forEach(p => { if (p && p.plan_code) byCode[p.plan_code] = p; });
  const base = _commPlanCode(role);
  if (!byCode[base]) byCode[base] = { plan_code:base, plan_name:_commPlanName(role), beneficiary_role:role, status:'active' };
  return Object.values(byCode).filter(p => !options.activeOnly || _commIsActivePlan(p));
}
function _commMatchTierByCode(planCode, role, pct) {
  if (pct === null || pct === undefined || isNaN(pct)) return null;
  // v_round: every caller of this passes a %NRR — round to 1dp first so the
  // tier we pick agrees with the % the UI shows. See _commTierPct.
  pct = _commTierPct(pct);
  const effectiveCode = _commActivePlanCode(planCode || _commPlanCode(role), role);
  const d = _commGetDraftByCode(effectiveCode, role);
  const tiers = (d.tiers || []).slice().sort((a,b)=>(Number(a.min_value ?? -999999))-(Number(b.min_value ?? -999999)));
  for (const t of tiers) {
    const minOk = (t.min_value === null || t.min_value === '' || pct >= Number(t.min_value));
    const maxOk = (t.max_value === null || t.max_value === '' || pct < Number(t.max_value));
    if (minOk && maxOk) return t;
  }
  return null;
}
function _commPayoutForPctByCode(planCode, role, pct) {
  const t = _commMatchTierByCode(planCode || _commPlanCode(role), role, pct);
  return t ? Number(t.payout_value || 0) : 0;
}

// v878 (phase 3): same min_value/max_value tier-matching algorithm as
// _commMatchTierByCode (lowest-inclusive, highest-exclusive-unless-null),
// but sourced from a component's own per-scheme rule (via
// _commGetRuleForMetric) instead of the NRR-only rules/tiers maps
// _commMatchTierByCode is hardwired to. Returns null if this scheme has no
// rule row for this component yet — caller decides the legacy fallback.
// v879: pure tier-match logic, taking an already-resolved `found` object
// (same shape _commGetRuleForMetric returns) instead of resolving it
// internally — lets the preview path inject a draft `found` object
// (tiers included inline) without a second id-keyed tiers lookup.
function _commMatchTierInRule(found, pct) {
  if (pct === null || pct === undefined || isNaN(pct)) return null;
  if (!found || !found.active || !found.tiers.length) return null;
  // v_round: same 1dp rounding as _commMatchTierByCode — but this matcher is
  // generic, so guard the scope first. Today both callers (portfolio_gate,
  // tl_upsell_mult) pass percentages, but the plan also carries `gmv_raw`
  // tiers measured in baht (P1's ฿5,000 gate). Rounding those would let
  // ฿4,999.96 read as ฿5,000.0 and open a gate that should stay shut.
  const _scope = String((found.rule && found.rule.measurement_scope) || '');
  if (!/gmv/.test(_scope)) pct = _commTierPct(pct);
  const tiers = found.tiers.slice().sort((a,b)=>(Number(a.min_value ?? -999999))-(Number(b.min_value ?? -999999)));
  for (const t of tiers) {
    const minOk = (t.min_value === null || t.min_value === '' || pct >= Number(t.min_value));
    const maxOk = (t.max_value === null || t.max_value === '' || pct < Number(t.max_value));
    if (minOk && maxOk) return t;
  }
  return null;
}
function _commMatchComponentTier(planCode, metricCode, metricVariant, pct, previewResolver) {
  return _commMatchTierInRule(_commResolveRuleForMetric(planCode, metricCode, metricVariant, previewResolver), pct);
}
function _commFmtPayout(n) {
  n = Number(n || 0);
  if (!n) return '฿0';
  return '฿' + Math.round(n).toLocaleString('en-US');
}
// v92: shared %NRR/retention% display formatter (mirrors /nrr's nrrFmtPct()).
// Always 1 decimal — pairs with _commTierPct below, which rounds to the SAME
// 1 decimal before any tier/gate comparison. That pairing is deliberate: what
// this prints is what the payout rules see.
function _commFmtPct(v) {
  return (v !== null && v !== undefined && !isNaN(v)) ? Number(v).toFixed(1) + '%' : '—';
}
window._commFmtPct = _commFmtPct;

// v_round: round a PERCENT to 1 decimal before comparing it against a tier or
// gate boundary. Bush's rule, decided 2026-08-02.
//
// Why this exists: a KAM sat at 99.9745% NRR. _commFmtPct printed "100.0%",
// the ≥100 tier saw 99.9745 and paid ฿0, and the screen ended up asserting
// "100.0% · Below threshold" next to ฿0 — indistinguishable from a bug.
// Rounding here at the same 1 decimal the UI prints makes that state
// unreachable by construction: you get what you see.
//
// 1 decimal specifically — 2 decimals would leave 99.9745 → 99.97, still short,
// so it would not have fixed the case that prompted this.
//
// Applies to every percent boundary (NRR tiers, GMV gate, TL multiplier,
// handover retention) so one rule covers the whole system.
// NEVER pass baht through this — ฿4,999.96 must not become ฿5,000.0 and slip
// past the P1 GMV gate. See the scope guard in _commMatchTierInRule.
function _commTierPct(pct) {
  if (pct === null || pct === undefined || isNaN(pct)) return pct;
  return Math.round(Number(pct) * 10) / 10;
}
window._commTierPct = _commTierPct;

function _commEscapeHtml(v) {
  return String(v ?? '').replace(/[&<>'"]/g, ch => ({'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[ch]));
}
function _commPendingCount() {
  return Object.keys(_commRulePending || {}).length
       + Object.keys(_commAssignmentPending || {}).length
       + Object.keys(_nrrGovPending || {}).length
       // DD-11: _commComponentPending (target_settings blob) ไม่มีทางบันทึกแล้ว ⇒ ไม่นับเป็นของค้าง
       // v879 (Commission Setup redesign): the new per-scheme component
       // draft map (Gate/Upsell/Handover/TL-mult edited via the Setup tab)
       // — without this, editing e.g. only a Handover tier on an already-
       // active role would show "No changes" and block Save entirely.
       + Object.keys((typeof _commComponentRulePending !== 'undefined' ? _commComponentRulePending : {})).length
       // v302: ค่าเตือน NRR (nrr_threshold) แก้จาก Cockpit แล้ว — นับเป็นของค้างด้วย ไม่งั้นปุ่ม Save บอก "No changes"
       + ((typeof _tgtPendingEdits !== 'undefined' && _tgtPendingEdits && _tgtPendingEdits['__nrr_threshold'] !== undefined) ? 1 : 0);
}
function _commHasPendingChanges() {
  return _commPendingCount() > 0;
}
function _commUpdateSaveButtonState() {
  const btn = document.querySelector('#commission-cockpit-overlay .comm-save');
  if (!btn || btn.classList.contains('saving') || btn.classList.contains('saved')) return;
  const count = _commPendingCount();
  btn.disabled = count === 0;
  btn.classList.toggle('has-changes', count > 0);
  btn.classList.toggle('no-changes', count === 0);
  btn.textContent = count > 0 ? `Save changes (${count})` : 'No changes';
}
function _commMarkChanged() {
  if (_commSaveStateTimer) clearTimeout(_commSaveStateTimer);
  _commSaveStateTimer = setTimeout(_commUpdateSaveButtonState, 0);
}
function _commSoftenPostSaveUi() {
  const ov = document.getElementById('commission-cockpit-overlay');
  if (!ov) return;
  ov.querySelectorAll('.comm-unsaved').forEach(el => { el.classList.add('comm-fade-out'); setTimeout(()=>el.remove(), 180); });
  ov.querySelectorAll('.dirty,.flash,.invalid,.rule-tier-invalid').forEach(el => el.classList.remove('dirty','flash','invalid','rule-tier-invalid'));
  ov.querySelectorAll('.comm-inline-error').forEach(el => { el.classList.add('comm-fade-out'); setTimeout(()=>el.remove(), 180); });
  const bars = ov.querySelectorAll('.comm-readiness-bar.warn');
  bars.forEach(b => {
    b.classList.remove('warn'); b.classList.add('ready');
    const copy = b.querySelector('.comm-readiness-copy');
    if (copy) copy.textContent = 'Saved แล้ว · cockpit ไม่ refresh หน้าจอ';
  });
}
function _commClearValidationForPlan(planCode) {
  if (_commValidationErrors && _commValidationErrors[planCode]) delete _commValidationErrors[planCode];
}
function _commValidateDrafts() {
  const errors = {};
  const drafts = Object.values(_commRulePending || {});
  drafts.forEach(d => {
    const code = d.plan_code;
    const e = { tiers:{} };
    if (!String(d.plan_name || '').trim()) e.name = 'กรุณาใส่ชื่อ rule เพื่อให้ audit ได้ว่าใช้ criteria ชุดไหน';
    const tiers = Array.isArray(d.tiers) ? d.tiers : [];
    // An EMPTY tier ladder is legitimate, not an error: it means "this role
    // gets ฿0 from the NRR component" while other components (Upsell P1/P3,
    // Handover, ...) still pay — the exact shape a role like AD needs. The
    // old hard block ('ต้องมีอย่างน้อย 1 tier') made the whole Setup save
    // abort for any never-configured role the moment its toggle was turned
    // on (the toggle stages an NRR draft whose default tiers are [] since
    // v754f), so AD/PM/... could never be saved at all. The sibling ladder
    // editors (Gate, TL-mult) already treat empty as a valid no-op; the NRR
    // editor now shows an inline note instead of blocking.
    tiers.forEach((t, i) => {
      const te = {};
      const minEmpty = t.min_value === null || t.min_value === '' || t.min_value === undefined;
      const maxEmpty = t.max_value === null || t.max_value === '' || t.max_value === undefined;
      const min = minEmpty ? null : Number(t.min_value);
      const max = maxEmpty ? null : Number(t.max_value);
      const payout = Number(t.payout_value);
      if ((!minEmpty && !Number.isFinite(min)) || (!maxEmpty && !Number.isFinite(max))) te.range = 'Min/Max ต้องเป็นตัวเลข หรือเว้นว่างได้';
      if (Number.isFinite(min) && Number.isFinite(max) && min >= max) te.range = 'Min ต้องน้อยกว่า Max';
      if (!Number.isFinite(payout) || payout < 0) te.payout = 'Payout ต้องเป็นตัวเลข 0 ขึ้นไป';
      if (Object.keys(te).length) e.tiers[i] = te;
    });
    if (e.name || e.general || Object.keys(e.tiers).length) errors[code] = e;
  });
  // CS-9 (แผน 1-13): P1 ที่กรอกขั้นต่ำ GMV แต่ไม่ได้ใส่อัตรา เดิมถูกบันทึกเป็นขั้น 0% ⇒ P1 จ่าย 0% เงียบ ๆ
  // (ตัวแก้สร้างแถวขั้นให้เองพร้อม payout_value 0 ทันทีที่พิมพ์ขั้นต่ำ) ⇒ ห้ามบันทึก ต้องใส่อัตราก่อน
  // ตรวจเฉพาะ draft ที่กำลังแก้และยังเปิดใช้อยู่ — แผนเดิมในฐานข้อมูลที่ไม่ได้แตะไม่ถูกบล็อก
  try {
    const comp = (typeof _commComponentRulePending !== 'undefined' && _commComponentRulePending) ? _commComponentRulePending : {};
    Object.keys(comp).forEach(key => {
      const parts = key.split('|');
      if (parts[1] !== 'upsell_gmv' || parts[2] !== 'p1_new_sku') return;
      const d = comp[key];
      if (!d || d.active === false || !Array.isArray(d.tiers) || !d.tiers.length) return;
      const rate = d.tiers[0].payout_value;
      if (rate !== null && rate !== undefined && rate !== '' && Number(rate) > 0) return;
      const code = parts[0];
      const e = errors[code] || { tiers: {} };
      e.components = Object.assign({}, e.components, { p1_new_sku: 'ต้องใส่อัตรา' });
      errors[code] = e;
    });
  } catch (err) {}
  _commValidationErrors = errors;
  return errors;
}
function _commFirstValidationPlan(errors) {
  const keys = Object.keys(errors || {});
  return keys.length ? keys[0] : null;
}
async function saveCommissionPoliciesFromCockpit() {
  const rows = Object.values(_nrrGovPending || {});
  if (!rows.length) return;
  const actor = (currentUserProfile && currentUserProfile.email) || '';
  const payload = rows.map(p => ({
    period_month:    p.period_month,
    scope_type:      p.scope_type || 'all',
    scope_key:       p.scope_key || 'all',
    base_mode:       p.base_mode || 'rolling_mom',
    base_month:      p.base_mode === 'fixed_month' ? (p.base_month || _nrrGovPrevMonth(p.period_month)) : _nrrGovPrevMonth(p.period_month),
    commission_mode: p.commission_mode || 'monthly',   // 'monthly' | 'quarterly'
    quarter_id:      p.commission_mode === 'quarterly' ? (p.quarter_id || null) : null,
    status:          (p.status === 'auto') ? 'published' : (p.status || 'draft'),   // v_qdefault: บันทึกค่าตั้งต้น = ยืนยัน
    updated_by:      actor,
    updated_at:      new Date().toISOString()
  }));
  const { error } = await supa.from('nrr_policies').upsert(payload, { onConflict:'period_month,scope_type,scope_key' });
  if (error) throw new Error(error.message);
  payload.forEach(r => { _nrrGovPolicies[_nrrGovKey(r.period_month, r.scope_type, r.scope_key)] = { ...r }; });
  _nrrGovPending = {};
}
function _commMatchTier(role, pct) {
  return _commMatchTierByCode(_commPlanCode(role), role, pct);
}
function _commPayoutForPct(role, pct) {
  return _commPayoutForPctByCode(_commPlanCode(role), role, pct);
}

function _commVisibleTeamScope() {
  const email = (currentUserProfile && currentUserProfile.email) || '';
  const role = (currentUserProfile && currentUserProfile.role) || '';
  const tlMatch = (typeof portviewBulkData !== 'undefined' ? (portviewBulkData || []) : []).some(a => a.tlEmail === email);
  return { email, role, showAll: role === 'admin' && !tlMatch, tlEmail: (role === 'admin' && !tlMatch) ? null : email };
}
function _commKamNrrPct(kamEmail) {
  const g = _nrrGovernanceForKam(kamEmail);
  return g.governedPct !== null ? g.governedPct : g.rawPct;
}
function _commTeamNrrPct() {
  const g = _nrrGovernanceForVisibleTeam();
  return g.governedPct !== null ? g.governedPct : g.rawPct;
}
// SECTION:COMMISSION_PREVIEW
function _commBuildPreviewModel() {
  const groups = (typeof _buildKamGroups === 'function') ? (_buildKamGroups() || []) : [];
  const teamPct = _commTeamNrrPct();
  const period = _nrrExclusionCurrentPeriod();
  const tlPlanCode = _commActivePlanCode(_commPlanCode('tl'), 'tl');
  const tlPayout = _commPayoutForPctByCode(tlPlanCode, 'tl', teamPct);
  const kamRows = groups.map(g => {
    const pct = _commKamNrrPct(g.kamEmail);
    const planCode = _commGetAssignmentPlan(period, 'kam', g.kamEmail, 'kam');
    const payout = _commPayoutForPctByCode(planCode, 'kam', pct);
    const tier = _commMatchTierByCode(planCode, 'kam', pct);
    return {
      kamEmail: g.kamEmail,
      kamName: g.kamName,
      pct,
      payout,
      planCode,
      planName: _commPlanNameByCode(planCode, 'kam'),
      tierLabel: tier ? (tier.payout_label || '') : '',
      accounts: g.total || (g.accounts ? g.accounts.length : 0),
      pace: g.pace || null,
      paceCls: g.paceCls || ''
    };
  }).sort((a,b)=>(b.payout-a.payout)||((a.pct??-1)-(b.pct??-1)));
  const kamTotal = kamRows.reduce((s,r)=>s+(r.payout||0),0);
  return {
    teamPct,
    tlPlanCode,
    tlPlanName: _commPlanNameByCode(tlPlanCode, 'tl'),
    tlPayout,
    kamRows,
    kamTotal,
    totalExposure: tlPayout + kamTotal
  };
}

// SECTION:NRR_EXCLUSIONS
// v_augfix: was a bare `new Date()` with NO lag while every data path uses
// _commLagDate() (today − 1 day). On the 1st of any month the two disagreed:
// this returned the NEW month while the CSVs still held the OLD one, so a
// snapshot got stamped '2026-08' around data that was entirely July's. That one
// mismatch is the mechanism behind the bad August draft. Both clocks now read
// from the same anchor, and "today" means the same month everywhere.
function _nrrExclusionCurrentPeriod() {
  const now = _commLagDate();
  return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`;
}
function _nrrExclusionRowKey(r) {
  return `${r.period_month}|${r.account_id || ''}|${r.outlet_id || ''}|${r.target_kam_email || ''}|${r.status || ''}`;
}
// v865 (waived-account feature): fixed to actually scope by period_month --
// previously an approved waiver for one month silently suppressed NRR for
// every other month too, since this filter never checked period_month
// despite the column existing on every row.
function _nrrExclusionApprovedForScope(kamEmail, tlEmail, periodMonth) {
  return (_nrrExclusions || []).filter(x =>
    x.status === 'approved' &&
    (!periodMonth || x.period_month === periodMonth) &&
    (!x.target_kam_email || !kamEmail || x.target_kam_email === kamEmail) &&
    (!x.target_tl_email || !tlEmail || x.target_tl_email === tlEmail)
  );
}
// v865: the one shared predicate every NRR compute function (Sense's
// _qnrrCompute/_groupNRR and /nrr's ports) calls to check whether an
// account is waived for a given month -- single source of truth, so the
// exclusion is applied once, upstream, instead of only in the commission
// payout wrapper (which used to under-apply it everywhere except the
// final payout number -- see [[commission-quarterly-fix]] round 4 / the
// waived-account feature plan for why "computed in more than one place"
// is the exact bug class this avoids).
// v866 (outlet-level waiving): a row with outlet_id set is scoped to ONLY
// that outlet -- it must never fall back to matching by account_id alone,
// or an outlet-scoped waiver would silently over-exclude every other
// outlet under the same account too. A row with outlet_id null is a
// whole-account waiver and matches by account_id regardless of which
// outlet the caller is asking about.
function _nrrAccountWaivedForPeriod(accountId, periodMonth, outletId) {
  if (!accountId || !periodMonth) return false;
  return (_nrrExclusions || []).some(x => {
    if (x.status !== 'approved' || x.period_month !== periodMonth) return false;
    if (x.outlet_id) return !!outletId && x.outlet_id === outletId;
    return x.account_id === accountId;
  });
}
window._nrrAccountWaivedForPeriod = _nrrAccountWaivedForPeriod;
function _nrrExclusionBaseImpact(kamEmail, tlEmail, periodMonth) {
  const approved = _nrrExclusionApprovedForScope(kamEmail, tlEmail, periodMonth);
  return approved.reduce((s,x)=>s + Number(x.base_gmv || x.estimated_base_gmv || 0), 0);
}
// v865: the waiver is now applied INSIDE the core compute functions
// (_qnrrCompute/_groupNRR via _nrrAccountWaivedForPeriod) so rawResult.nrr
// already reflects it -- this is now a pure passthrough. It used to
// separately re-subtract excluded base here on top of the raw result,
// which after this change would double-subtract. Kept as a named function
// (rather than inlined at call sites) so a future "%NRR annotation" can
// still hook in without touching payout math.
function _nrrGovernedPct(rawResult) {
  if (!rawResult || rawResult.nrr === null) return null;
  // v92-fix: NO rounding here — this value feeds tier/gate threshold
  // comparisons (_commMatchTierByCode/_commComputeGmvGate) downstream.
  // Rounding to a whole number (or even 1 decimal) BEFORE that comparison
  // can flip a real payout decision at a boundary (e.g. true 97.96% vs a
  // gate at 98% — rounds to 98, wrongly clears the gate). Round only for
  // DISPLAY/STORAGE, via _commFmtPct(), never before a threshold decision.
  return rawResult.nrr * 100;
}
// v865: read-only reporting helper -- "this month's %NRR excludes N waived
// accounts totaling ฿X" -- must never feed back into payout math (that's
// exactly the bug _nrrGovernedPct used to have).
function _nrrWaivedAccountsSummary(kamEmail, tlEmail, periodMonth) {
  const rows = _nrrExclusionApprovedForScope(kamEmail, tlEmail, periodMonth);
  return { count: rows.length, totalBaseGmv: rows.reduce((s,x)=>s + Number(x.base_gmv || x.estimated_base_gmv || 0), 0) };
}
function _nrrGovernanceForVisibleTeam() {
  const scope = _commVisibleTeamScope();
  const raw = _tgtGetVisibleTeamNrrResult();
  const rawPct = raw && raw.nrr !== null ? raw.nrr * 100 : null; // v92-fix: unrounded, see _nrrGovernedPct
  const governedPct = _nrrGovernedPct(raw);
  const exclBase = _nrrExclusionBaseImpact(null, scope.tlEmail, raw && raw.currentPeriod);
  return { raw, rawPct, governedPct, excludedBase: exclBase };
}
function _nrrGovernanceForKam(kamEmail) {
  // v828: use QNRR source in quarterly mode so exclusion/threshold checks match commission total
  const _policy = _nrrGovResolveForVisibleScope();
  const raw = (_policy && _policy.commission_mode === 'quarterly' && typeof window._qnrrComputeForCommission === 'function')
    ? window._qnrrComputeForCommission(kamEmail, 'kam')
    : _tgtComputeKamNRR(kamEmail, null);
  const rawPct = raw && raw.nrr !== null ? raw.nrr * 100 : null; // v92-fix: unrounded, see _nrrGovernedPct
  const governedPct = _nrrGovernedPct(raw);
  const exclBase = _nrrExclusionBaseImpact(kamEmail, null, raw && raw.currentPeriod);
  return { raw, rawPct, governedPct, excludedBase: exclBase };
}

function _commGetTlListFromPortview() {
  const map = {};
  const rows = (typeof portviewBulkData !== 'undefined' ? (portviewBulkData || []) : []);
  rows.forEach(r => {
    const email = r.tlEmail || '';
    if (!email) return;
    if (!map[email]) map[email] = { email, name: r.tlName || email };
  });
  return Object.values(map);
}

// ── v_cell (2026-09-13): เกณฑ์ค่าคอมฯ ต่างกันได้ราย squad × เดือน ───────────
// สองตัวนี้คือคำตอบของคำถาม "คนนี้ เดือนนี้ อยู่ทีมไหน และทีมนั้นใช้เกณฑ์กลุ่มไหน"
// ซึ่ง resolver ใน 07b ต้องรู้ก่อนจะเลือกแผนได้
//
// ⚠️ ทำไมต้องเป็น "ทีมของเดือนนั้น" ไม่ใช่ "ทีมวันนี้":
// คนย้ายทีมกลางไตรมาสเกิดขึ้นจริงแล้ว (Pop → Kwan ก.ย. 2026) ถ้าใช้ทีมวันนี้
// เดือนที่เขายังอยู่ทีมเก่าจะถูกจ่ายด้วยเกณฑ์ของทีมใหม่ = จ่ายผิดย้อนหลัง

// KAM คนนี้ เดือนนั้น อยู่ใต้หัวหน้าทีมคนไหน
//
// ลำดับการหา (หยุดที่ตัวแรกที่ตอบได้):
//   1. comm_tl_email ของแถวเดือนนั้น — แหล่งเดียวกับที่ _commComputeTeamUpsellMult
//      ใช้นับสมาชิกทีม (07a:1204-1216) ⇒ แผนของ KAM กับยอดทีมของ TL อ้างทีมเดียวกันเสมอ
//      ถ้าเดือนนั้นมีหลายค่า (ย้ายกลางเดือน) เอาค่าที่พบมากที่สุด
//   2. รายชื่อทีมจาก app_user_roles
//   3. portview (คนถือพอร์ตวันนี้) — ทางสุดท้าย ใช้ได้เฉพาะตอนไม่มีข้อมูลรายเดือน
//   4. ไม่รู้ → null (ผู้เรียกตัดสินเองว่าจะตกไปเกณฑ์กลางหรือปฏิเสธ)
function _commKamTlForPeriod(kamEmail, period) {
  const kam = String(kamEmail || '').trim().toLowerCase();
  if (!kam) return null;
  try {
    const q = window.bulkQnrrData;
    if (q && q.allRows && q.allRows.length && period) {
      const tally = {};
      q.allRows.forEach(r => {
        if (!r || r.period_month !== period) return;
        if (String(r.comm_kam_email || '').trim().toLowerCase() !== kam) return;
        const tl = String(r.comm_tl_email || '').trim().toLowerCase();
        if (tl) tally[tl] = (tally[tl] || 0) + 1;
      });
      const best = Object.keys(tally).sort((a, b) => tally[b] - tally[a])[0];
      if (best) return best;
    }
  } catch (e) {}
  try {
    const p = (_commPeopleRoster || {})[kam];
    const tl = p && String(p.team_lead_email || '').trim().toLowerCase();
    if (tl) return tl;
  } catch (e) {}
  try {
    const row = (portviewBulkData || []).find(r =>
      r && String(r.kamEmail || '').trim().toLowerCase() === kam && r.tlEmail);
    if (row) return String(row.tlEmail).trim().toLowerCase();
  } catch (e) {}
  return null;
}
window._commKamTlForPeriod = _commKamTlForPeriod;

// หัวหน้าทีมคนนี้อยู่กลุ่มเกณฑ์ไหน — 'chain' หรือ 'sa_mc'
//
// อ่านจาก target_settings.squad_params ซึ่ง hydrate มาพร้อม settings อยู่แล้ว (07a:1668)
// ตั้งใจไม่เรียก nrrSquadForTl ของ /nrr เพราะนั่นเป็นคนละแอป — ถ้าอ้างข้ามกัน
// แอปหนึ่งพังอีกแอปพังตาม และด่านตรวจความเท่ากันจะตรวจอะไรไม่ได้เลย
// (ด่าน verify_squad_derivation เป็นตัวบังคับให้สองตัวนี้ตอบตรงกันแทน)
// ⚠️ รูปข้อมูลจริงใน target_settings.squad_params (ตรวจฐานข้อมูล 13 ก.ย. 2026):
//   { version: 1, squads: { chain: { label, head_email, tl_emails: [...] },
//                           sa_mc: { label, head_email, tl_emails: [...] } } }
// ไม่ใช่ { chain: [...], sa_mc: [...] } แบบที่เดาไว้ตอนแรก
// ถ้าอ่านผิดรูป ฟังก์ชันนี้จะคืน null ให้ทุกคน = ทุกคนไม่มีกลุ่มเกณฑ์ = จอไม่มีป้ายบอกทีม
// รองรับทั้งสองรูปไว้ เพราะรูปแบนยังโผล่ในไฟล์ seed เก่าและใน fixture ของด่านตรวจ
// squad_params → [[squad, [อีเมลหัวหน้าทีม…]], …] ตามลำดับใน squad_params · อ่านไม่ได้/ผิดรูป = []
// ตัวอ่าน squad_params ตัวเดียวของ Sense (_commSquadForTl และ _commTlsMissingFromList ใช้ร่วมกัน)
function _commSquadTlLists() {
  try {
    let sp = (_tgtSettings || {}).squad_params;
    if (typeof sp === 'string') sp = JSON.parse(sp);
    if (!sp || typeof sp !== 'object') return [];
    const groups = (sp.squads && typeof sp.squads === 'object') ? sp.squads : sp;
    return Object.keys(groups).map(squad => {
      const g = groups[squad];
      return [squad, Array.isArray(g) ? g : (Array.isArray(g && g.tl_emails) ? g.tl_emails : [])];
    });
  } catch (e) { return []; }
}
function _commSquadForTl(tlEmail) {
  const tl = String(tlEmail || '').trim().toLowerCase();
  if (!tl) return null;
  try {
    for (const [squad, list] of _commSquadTlLists()) {
      if (list.some(v => String(v || '').trim().toLowerCase() === tl)) return squad;
    }
  } catch (e) {}
  return null;
}
window._commSquadForTl = _commSquadForTl;

// ขั้นเงินของแผนนี้ เอาไว้เก็บลงหลักฐานการคำนวณ
// ทำไมต้องเก็บ: เดิมหลักฐานเก็บแต่เกต ไม่เก็บขั้นเงินเลย
// พอมีคนถามว่า "ทำไมเดือนนั้นได้เท่านี้" ต้องไปเดาจากเกณฑ์ของวันนี้ ซึ่งอาจเปลี่ยนไปแล้ว
function _commTiersUsedFor(planCode, role) {
  try {
    const found = _commResolveRuleForMetric(planCode, 'nrr', null);
    const rows = (found && found.tiers && found.tiers.length)
      ? found.tiers
      : ((_commGetDraftByCode(planCode, role) || {}).tiers || []);
    if (!rows || !rows.length) return null;
    return rows.map(t => ({ min_value: t.min_value, max_value: t.max_value, payout_value: t.payout_value }));
  } catch (e) { return null; }
}
window._commTiersUsedFor = _commTiersUsedFor;
// ── v_handover (2026-09-06): ใครเข้าเกณฑ์ค่าคอมฯ ของงวดนี้ ──────────────────
// กติกา (บุชชี่เคาะ 2026-09-06):
//   • เริ่มงานหลังเดือนฐานของไตรมาส → ยังไม่เข้าเกณฑ์ เริ่มนับไตรมาสถัดไป
//     (ไม่งั้นคนใหม่ที่รับพอร์ตต่อ จะได้ค่าคอมฯ จากฐานที่คนก่อนสร้างไว้)
//   • ลาออกก่อนงวดนี้เริ่ม → ไม่เข้าเกณฑ์ (เดือนที่ออกยังได้ — SQL rep_view นับร้านเป็นของเขาถึงเดือนนั้น)
// คืน { eligible:true } หรือ { eligible:false, reason }
// ไม่มีข้อมูลคนนี้ในรายชื่อ = ไม่ตัดสิน ให้ผ่าน (กันคนหายเพราะข้อมูลไม่ครบ)
function _commEligibility(email, period, baseMonth) {
  const p = _commPeopleRoster[String(email || '').toLowerCase()];
  if (!p || !period) return { eligible: true };
  const [py, pm] = period.split('-').map(Number);
  const periodStart = new Date(Date.UTC(py, pm - 1, 1));

  // วันเริ่มงาน: ใช้ที่ชีทกรอก ถ้าไม่มีใช้วันที่ถูกเพิ่มเข้าระบบ (คนเก่าทั้งหมดถูกเพิ่มพร้อมกันก่อนฐาน)
  const started = p.started_on || (p.created_at ? String(p.created_at).slice(0, 10) : null);
  if (started && baseMonth) {
    const [by, bm] = baseMonth.split('-').map(Number);
    const baseEnd = new Date(Date.UTC(by, bm, 0));          // วันสุดท้ายของเดือนฐาน
    if (new Date(started + 'T00:00:00Z') > baseEnd) {
      return { eligible: false,
        reason: `เริ่มงาน ${started} หลังเดือนฐาน ${baseMonth} — เข้าเกณฑ์ค่าคอมฯ ตั้งแต่ไตรมาสถัดไป` };
    }
  }
  if (p.ended_on && new Date(p.ended_on + 'T00:00:00Z') < periodStart) {
    return { eligible: false, reason: `ลาออก ${p.ended_on} ก่อนงวด ${period} เริ่ม` };
  }
  return { eligible: true };
}
try { window._commEligibility = _commEligibility; } catch (e) {}

// แถว snapshot สำหรับคนที่ "ไม่เข้าเกณฑ์" — เขียนเป็นแถว ฿0 พร้อมเหตุผล ไม่ใช่หายไปเฉยๆ
// (ตารางเงินที่คนหายเงียบ แย่กว่าตารางที่บอกว่าทำไมเขาได้ 0)
function _commSkippedRow(period, roleName, email, tlEmail, name, reason, actor) {
  return {
    period_month: period, beneficiary_role: roleName, beneficiary_email: email,
    team_lead_email: tlEmail || null,
    raw_nrr_pct: null, governed_nrr_pct: null, payout_amount: 0,
    snapshot_status: 'final', assigned_plan_id: null,
    breakdown: { version: 1, computed_at: new Date().toISOString(), period,
      type: 'skipped', role: roleName, kam_name: name || email,
      skip_reason: reason, final_payout: 0, components_subtotal: 0 },
    created_by: actor, updated_by: actor
  };
}

// v225-comm: Extended snapshot rows with full component breakdown
// payout_amount = final_payout (NRR + Upsell + Handover) × GMV Gate
// breakdown jsonb includes config_snapshot for audit immutability
function _commBuildSnapshotRows(periodOverride) {
  const period = periodOverride || _nrrExclusionCurrentPeriod();
  const actor = (currentUserProfile && currentUserProfile.email) || '';
  const role = (currentUserProfile && currentUserProfile.role) || '';
  const rows = [];
  // v_augfix: any person the engine refused to compute (wrong month / data not
  // loaded). A payroll table that is silently missing people, or that quietly
  // records ฿0 for them, is worse than no table — so one refusal voids the whole
  // write (see the return check at the end of this function).
  const _refused = [];
  // HO ครั้งเดียวต่อสาขา (สัญญา v2 ข้อ D1): งวดที่ใช้กติกา + ไฟล์ Handover ไม่มีเดือนโอน (P-1) ⇒ เหตุปฏิเสธทั้งรอบ
  // งวดก่อน ต.ค. 2026 = null ⇒ ทางเดิม (ไฟล์ไม่มีเดือน = HO ฿0 ติดธง data_missing เหมือนเดิม)
  const _hoPay = _commHoPayPeriod(periodOverride);
  const _hoFileGap = _commHoOnceApplies(_hoPay) ? 'ไฟล์ Handover ยังไม่มีเดือน ' + _commHoMonthTh(_commHoYmShift(_hoPay, -1), _hoPay) : null;
  // v_handover: เดือนฐานของงวดนี้ (quarterly = base_month ของ policy · monthly = เดือนก่อนหน้า)
  const _pol = _nrrGovGet(period, 'all', 'all');
  const _baseMonth = (_pol && _pol.commission_mode === 'quarterly' && _pol.base_month) ? _pol.base_month
    : (() => { const [y, m] = period.split('-').map(Number); const d = new Date(Date.UTC(y, m - 2, 1));
               return d.toISOString().slice(0, 7); })();
  // ไฟล์มีร้านในพอร์ต KAM ที่ชื่อเจ้าของไม่มีในรายชื่อ = เงินของร้านพวกนั้นไม่ไปหาใครเลย
  // ไม่ปฏิเสธทั้งรอบ (ไฟล์จริงมีชื่ออย่าง "Admin Freshket" ที่ไม่ใช่คนอยู่ 4 แถว จะบล็อกตลอดกาล)
  // แต่จดชื่อ+จำนวนลง breakdown ทุกแถว และให้คนกด Compute เห็นและยืนยันก่อน (ดู _computeCommissionDraftInner)
  const _unmapped = (_pol && _pol.commission_mode === 'quarterly' && window.bulkQnrrData && window.bulkQnrrData.unmappedOwners)
    ? window.bulkQnrrData.unmappedOwners : {};
  const allGroups = (typeof _buildKamGroups === 'function') ? (_buildKamGroups() || []) : [];
  // v_handover: KAM ที่อยู่ในรายชื่อแต่ไม่มีร้านใน portview วันนี้ (เช่น ส่งมอบพอร์ตแล้วลาออก)
  // ต้องถูกพิจารณาด้วย — เดือนที่เขาออกยังเป็นของเขาตามกติกาใน SQL
  try {
    const seenKam = new Set(allGroups.map(g => (g.kamEmail || '').toLowerCase()).filter(Boolean));
    Object.values(_commPeopleRoster).forEach(p => {
      const em = String(p.email || '').toLowerCase();
      if (!em || seenKam.has(em) || String(p.role).toLowerCase() !== 'rep') return;
      const hasRows = !!(window.bulkQnrrData && window.bulkQnrrData.byKamEmail && window.bulkQnrrData.byKamEmail[em]);
      if (!p.active && !hasRows) return;          // ออกไปนานแล้วและไม่มีแถวในไฟล์ = ไม่เกี่ยวกับงวดนี้
      allGroups.push({ kamEmail: em, kamName: p.display_name || em, accounts: [], total: 0,
                       tlEmail: p.team_lead_email || null, _fromRoster: true });
    });
  } catch (e) { console.warn('[CommEngine] roster merge failed', e); }
  const visibleTlEmail = role === 'admin'
    ? null
    : ((currentUserProfile && currentUserProfile.email) || '');
  const tls = role === 'admin' ? _commGetTlListFromPortview() : [{ email: visibleTlEmail, name: (currentUserProfile && currentUserProfile.full_name) || visibleTlEmail }];

  tls.filter(t => t.email).forEach(tl => {
    // v826: thread periodOverride so retroactive/auto-compute freezes the correct historical month
    const tlPayout = _commBuildTlPayout(tl.email, periodOverride);
    if (tlPayout && tlPayout.upsell_unavailable) { _refused.push('tl:' + tl.email); return; } // v_augfix
    // v_cell: ไม่มีเกณฑ์ของงวดนี้ = ตกหล่นตอนตั้งค่า ไม่ใช่เหตุให้จ่ายด้วยเลขไตรมาสก่อน
    if (tlPayout && tlPayout.plan_unavailable) { _refused.push('ไม่มีเกณฑ์ tl:' + tl.email); return; }
    if (tlPayout && tlPayout.data_unavailable) { _refused.push('ไฟล์ไม่มีเดือนนี้ tl:' + tl.email); return; } // v_cell
    // v_leak: งวดนี้ใช้เงื่อนไขรั่ว แต่ทีมนี้ไม่มีผลวัด — ห้ามเดาว่าผ่าน
    if (tlPayout && tlPayout.leak_unavailable) { _refused.push('ไม่มีผลวัดพอร์ตรั่ว tl:' + tl.email); return; }
    // v878 (phase 7): resolve+freeze which scheme actually produced this
    // payout — populates the previously-dead assigned_plan_id FK and gives
    // TL rows a config_snapshot for the first time (previously none at all).
    const tlPlanResolution = (typeof _commResolveAssignment === 'function')
      ? _commResolveAssignment(period, 'tl', tl.email, 'tl') : null;
    const tlPlanCode = tlPlanResolution ? tlPlanResolution.planCode : _commGetAssignmentPlan(period, 'tl', tl.email, 'tl');
    const tlPlanRowId = ((_commRuleConfig && _commRuleConfig.plans) || {})[tlPlanCode]?.id || null;
    rows.push({
      period_month: period,
      beneficiary_role: 'tl',
      beneficiary_email: tl.email,
      team_lead_email: tl.email,
      raw_nrr_pct: tlPayout.nrr_pct,
      governed_nrr_pct: tlPayout.nrr_pct,
      payout_amount: tlPayout.final_payout,
      snapshot_status: 'final',
      assigned_plan_id: tlPlanRowId,
      breakdown: {
        version: 1,
        computed_at: new Date().toISOString(),
        period,
        type: 'tl_full',
        role: 'tl',
        team_lead_name: tl.name || tl.email,
        nrr_pct: tlPayout.nrr_pct,
        nrr_payout: tlPayout.nrr_payout,
        upsell_mult: tlPayout.upsell_mult,
        final_payout: tlPayout.final_payout,
        excluded_base_gmv: _nrrExclusionBaseImpact(null, tl.email),
        config_snapshot: {
          assigned_plan_code: tlPlanCode,
          assigned_plan_id: tlPlanRowId,
          tl_upsell_mult_tier: tlPayout.upsell_mult,
          // v_cell: เก็บเลขที่ใช้จริงไว้ตอบคำถาม "ทำไมเดือนนั้นได้เท่านี้"
          plan_resolution:     tlPlanResolution || null,
          nrr_tiers_used:      _commTiersUsedFor(tlPlanCode, 'tl'),
          // v_leak: ผลเงื่อนไขรั่วของเดือนนั้น — null = งวดนี้ไม่ได้ใช้เงื่อนไขนี้
          leak_gate:           tlPayout.leak_gate || null
        }
      },
      created_by: actor,
      updated_by: actor
    });
  });

  const groups = role === 'admin' ? allGroups : allGroups.filter(g => (g.accounts || []).some(a => a.tlEmail === visibleTlEmail));
  // PM/AD/sales/... people who hold a portfolio appear in portview grouped
  // as "a KAM under a team" (data side), but their REAL beneficiary role
  // comes from profiles (loaded into _commOtherRoleRoster). Without this
  // skip they'd get TWO snapshot rows per Compute — one paid at KAM rates
  // via this loop + one at their own role's rates via the otherRoster loop
  // below. Skip them here; their single correct row is built below.
  const _otherRoleEmails = new Set((_commOtherRoleRoster || []).map(p => (p.email || '').toLowerCase()));
  groups.forEach(g => {
    if (!g.kamEmail) return;
    if (_otherRoleEmails.has(g.kamEmail.toLowerCase())) return;
    // คนที่มาจาก roster (ไม่มีร้านใน portview) ใช้หัวหน้าทีมจากชีท · กลุ่มปกติใช้ของเดิมทุกตัวอักษร
    const tlEmail = (g.accounts && g.accounts[0] && g.accounts[0].tlEmail) || (g._fromRoster ? g.tlEmail : null) || null;
    // v_handover: เกณฑ์เข้า/ออก — ไม่เข้าเกณฑ์ = แถว ฿0 พร้อมเหตุผล ไม่ใช่ข้ามเงียบ
    const _elig = _commEligibility(g.kamEmail, period, _baseMonth);
    if (!_elig.eligible) {
      rows.push(_commSkippedRow(period, 'kam', g.kamEmail, tlEmail, g.kamName, _elig.reason, actor));
      return;
    }
    const kamPayout = _commBuildKamPayout(g.kamEmail, periodOverride);
    if (kamPayout && kamPayout.upsell_unavailable) { _refused.push('kam:' + g.kamEmail); return; } // v_augfix
    if (kamPayout && kamPayout.plan_unavailable) { _refused.push('ไม่มีเกณฑ์ kam:' + g.kamEmail); return; } // v_cell
    if (kamPayout && kamPayout.data_unavailable) { _refused.push('ไฟล์ไม่มีเดือนนี้ kam:' + g.kamEmail); return; } // v_cell
    // HO ครั้งเดียวต่อสาขา: ไม่รู้ว่าสาขาไหนนับไปแล้ว = ไม่รู้ว่าใครควรได้ HO ⇒ ไม่เขียนทั้งรอบ
    if (kamPayout && kamPayout.handover && kamPayout.handover.ledger_missing) { _refused.push(COMM_HO_LEDGER_FAIL_TH + ' kam:' + g.kamEmail); return; }
    // D1: งวดตั้งแต่ ต.ค. 2026 ไฟล์ Handover ไม่มีเดือนโอน = ไม่รู้ยอด ⇒ ไม่เขียน HO ฿0 ทั้งรอบ
    // สัญญา v4 ข้อ D1: ไฟล์โหลดไม่สำเร็จ ≠ ไฟล์ไม่มีเดือนนี้ — บอกเหตุให้ตรง (กติกาปฏิเสธเหมือนเดิม)
    if (_hoFileGap && kamPayout && kamPayout.handover && kamPayout.handover.data_missing) { _refused.push((kamPayout.handover.ho_file_failed ? COMM_HO_FILE_FAIL_TH : _hoFileGap) + ' kam:' + g.kamEmail); return; }
    // v878 (phase 7): resolve+freeze which scheme actually produced this
    // payout — populates the previously-dead assigned_plan_id FK.
    const kamPlanResolution = (typeof _commResolveAssignment === 'function')
      ? _commResolveAssignment(period, 'kam', g.kamEmail, 'kam') : null;
    const kamPlanCode = kamPlanResolution ? kamPlanResolution.planCode : _commGetAssignmentPlan(period, 'kam', g.kamEmail, 'kam');
    const kamPlanRowId = ((_commRuleConfig && _commRuleConfig.plans) || {})[kamPlanCode]?.id || null;
    rows.push({
      period_month: period,
      beneficiary_role: 'kam',
      beneficiary_email: g.kamEmail,
      team_lead_email: tlEmail,
      raw_nrr_pct: kamPayout.nrr_pct,
      governed_nrr_pct: kamPayout.nrr_pct,
      payout_amount: kamPayout.final_payout,
      snapshot_status: 'final',
      assigned_plan_id: kamPlanRowId,
      breakdown: {
        version: 1,
        computed_at: new Date().toISOString(),
        period,
        baseline_month: (bulkUpsellData && bulkUpsellData.baselineLabel) || '',
        type: 'kam_full',
        role: 'kam',
        kam_name: g.kamName || g.kamEmail,
        nrr_pct: kamPayout.nrr_pct,
        nrr_payout: kamPayout.nrr_payout,
        upsell_sku: {
          total_commission: kamPayout.upsell_sku.total_comm,
          p1: { gmv: kamPayout.upsell_sku.p1.gmv, comm: kamPayout.upsell_sku.p1.comm,
                groups: kamPayout.upsell_sku.p1.groups },
          p3: { gmv_incremental: kamPayout.upsell_sku.p3.gmv_incremental,
                comm: kamPayout.upsell_sku.p3.comm, groups: kamPayout.upsell_sku.p3.groups }
        },
        upsell_outlet: kamPayout.upsell_outlet,
        handover: { accounts: kamPayout.handover.accounts,
                    baseline_gmv: kamPayout.handover.baseline_gmv,
                    current_gmv: kamPayout.handover.current_gmv,
                    retention_pct: kamPayout.handover.retention_pct,
                    tier: kamPayout.handover.tier,
                    payout: kamPayout.handover.payout,
                    detail: kamPayout.handover.detail,
                    gmv_tier_label: kamPayout.handover.gmv_tier_label,
                    gmv_bucket_gmv: kamPayout.handover.gmv_bucket_gmv,
                    // v_hofix: ติดธงไว้ในตัว snapshot ว่า ฿0 นี้มาจาก "ไฟล์ไม่มีเดือนนี้"
                    // หรือ "มีข้อมูลแต่ไม่ถึงเกณฑ์" — พอล็อกแล้วย้อนดูทีหลังจะแยกออก
                    data_missing: !!kamPayout.handover.data_missing,
                    // HO ครั้งเดียวต่อสาขา — ใส่เฉพาะเมื่อมีค่า งวดก่อน ต.ค. 2026 จึงหน้าตาเหมือนเดิมทุกคีย์
                    ...((Array.isArray(kamPayout.handover.repeat_skipped) && kamPayout.handover.repeat_skipped.length) ? { repeat_skipped: kamPayout.handover.repeat_skipped } : {}),
                    ...(kamPayout.handover.ledger_missing ? { ledger_missing: true } : {}),
                    ...(kamPayout.handover.ho_once_from ? { ho_once_from: kamPayout.handover.ho_once_from } : {}) },
        components_subtotal: kamPayout.subtotal,
        gmv_gate: kamPayout.gate,
        final_payout: kamPayout.final_payout,
        excluded_base_gmv: _nrrExclusionBaseImpact(g.kamEmail, null),
        account_count: g.total || ((g.accounts || []).length),
        // v247e: NRR detail for reconcile — cohort + expansion outlet breakdown
        // v828: quarterly mode reads cohort detail from bulkQnrrData rows (grouped by
        // account) instead of _tgtComputeKamNRR — was silently showing MoM detail that
        // didn't reconcile with the quarterly total shown just above.
        nrr_cohort_detail: (() => { try {
          if (kamPayout.commission_mode === 'quarterly' && typeof window._qnrrComputeForCommission === 'function') {
            // v312: ต้องส่งงวดที่กำลังคำนวณเข้าไป ไม่งั้นฟังก์ชันจะอ่านเดือนจากนาฬิกา
            //       ⇒ รายการที่แนบไว้เป็นของเดือนปัจจุบัน ไม่ใช่เดือนที่จ่าย (เจอ 9 ก.ย. 2026:
            //       snapshot ส.ค. แนบรายการสาขาของเดือน ก.ย. ยอดไม่ตรงกับที่จ่ายทั้ง 14 คน)
            const _qr = window._qnrrComputeForCommission(g.kamEmail, 'kam', periodOverride);
            const _rows = (_qr && _qr.by_month && _qr.by_month[_qr.currentPeriod] && _qr.by_month[_qr.currentPeriod].rows) || [];
            const _byAcct = {};
            _rows.filter(r => r.movement_type === 'core_nrr').forEach(r => {
              const aid = r.account_id || r.account_name;
              if (!_byAcct[aid]) _byAcct[aid] = { acctId: aid, acctName: r.account_name, outlets: [] };
              _byAcct[aid].outlets.push({ outletId: r.outlet_id, outletName: r.res_name || r.outlet_id,
                prevGmv: Math.round(r.base_gmv||0), currGmv: Math.round(r.curr_gmv||0) });
            });
            return Object.values(_byAcct);
          }
          const _r=_tgtComputeKamNRR(g.kamEmail,null,periodOverride); return _r&&_r.cohortDetail?_r.cohortDetail.map(a=>({acctId:a.acctId,acctName:a.acctName,outlets:(a.outlets||[]).map(o=>({outletId:o.outletId,outletName:o.outletName,prevGmv:Math.round(o.prevGmv||0),currGmv:Math.round(o.currGmv||0)}))})):[]
        } catch(e){return []} })(),
        expansion_detail: (() => { try {
          if (kamPayout.commission_mode === 'quarterly' && typeof window._qnrrComputeForCommission === 'function') {
            // v312: ต้องส่งงวดที่กำลังคำนวณเข้าไป ไม่งั้นฟังก์ชันจะอ่านเดือนจากนาฬิกา
            //       ⇒ รายการที่แนบไว้เป็นของเดือนปัจจุบัน ไม่ใช่เดือนที่จ่าย (เจอ 9 ก.ย. 2026:
            //       snapshot ส.ค. แนบรายการสาขาของเดือน ก.ย. ยอดไม่ตรงกับที่จ่ายทั้ง 14 คน)
            const _qr = window._qnrrComputeForCommission(g.kamEmail, 'kam', periodOverride);
            const _rows = (_qr && _qr.by_month && _qr.by_month[_qr.currentPeriod] && _qr.by_month[_qr.currentPeriod].rows) || [];
            return _rows.filter(r => r.movement_type === 'expansion')
              .map(r => ({ outletId: r.outlet_id, outletName: r.res_name || r.outlet_id, gmv: Math.round(r.curr_gmv||0) }));
          }
          const _r=_tgtComputeKamNRR(g.kamEmail,null,periodOverride); const _ex=[]; const _add=d=>{(d&&d.expansionDetail||[]).forEach(a=>{(a.outlets||[]).forEach(o=>{_ex.push({outletId:o.outletId,outletName:o.outletName,gmv:Math.round(o.currGmv||0)});})})}; if(_r){_add(_r);_add(_r.transferIn);_add(_r.newFromSales);} return _ex;
        } catch(e){return []} })(),
        lock_trigger: 'manual',
        csv_data_as_of: new Date().toISOString(),
        // Config snapshot — freeze param values at time of snapshot for audit.
        // v878 (phase 7): added assigned_plan_code/id (which scheme actually
        // computed this row — previously not recorded anywhere) and the
        // Handover gmv_tiers ladder actually in effect (previously only the
        // resolved tier/payout were frozen, never the ladder that produced
        // them). The scalar rates below still read the legacy global blob
        // directly — correct today because every currently-active
        // per-scheme component rule was seeded to match those blob values
        // exactly (see phases 3-5's seed migrations), but once the Cockpit
        // gains a per-scheme component editor (deferred, phase 6 scope
        // note) this must switch to reading the resolved values kamPayout
        // actually used instead of re-reading global config after the fact.
        config_snapshot: {
          assigned_plan_code:           kamPlanCode,
          assigned_plan_id:             kamPlanRowId,
          upsell_sku_p1_rate:           _commGetConfig('upsell_sku','p1_rate',0.01),   // v835-fix: was 0.03
          upsell_sku_p3_rate:           _commGetConfig('upsell_sku','p3_rate',0.01),   // v835-fix: was 0.03
          upsell_sku_p3_threshold_pct:  _commGetConfig('upsell_sku','p3_threshold_pct',2.00),
          upsell_sku_p3_min_incremental:_commGetConfig('upsell_sku','p3_min_incremental',8000), // v835-fix: was 5000
          upsell_sku_p1_min_gmv:        _commGetConfig('upsell_sku','p1_min_gmv',5000), // v6-fix: was 2500, drifted from the real gate check (line ~210) and confirmed Supabase value (5000)
          upsell_outlet_rate:           _commGetConfig('upsell_outlet','rate',0.005),  // v835-fix: was 0.015
          // ⚠️ v_cell (2026-09-13): 4 บรรทัดข้างล่างนี้เป็น "เลขกลางของทั้งบริษัท"
          // ไม่ใช่เลขที่ใช้กับคนนี้จริง ๆ วันนี้สองอย่างนี้เท่ากันพอดีเลยไม่มีใครเห็นว่าผิด
          // วันที่มีใครสักคนถูกตั้งเลขไม่เหมือนคนอื่น หลักฐานชุดนี้จะไม่ตรงกับเงินที่จ่าย
          // คงไว้เพื่อไม่ให้ของเก่าที่อ่านคีย์พวกนี้พัง แต่ของจริงอยู่ที่ gate_* ข้างล่าง
          gmv_gate_threshold_1:         _commGetConfig('gmv_gate','threshold_1',98),   // v835-fix: was 95
          gmv_gate_threshold_2:         _commGetConfig('gmv_gate','threshold_2',95),   // v835-fix: was 90
          gmv_gate_cap_1:               _commGetConfig('gmv_gate','cap_1',0.5),        // v_cell: ค่าจริงใน Supabase = 0.5
          gmv_gate_cap_2:               _commGetConfig('gmv_gate','cap_2',0),          // v835-fix: was 0.35
          // ── เลขที่ใช้กับคนนี้จริง ๆ ในงวดนี้ ────────────────────────────────
          // เก็บไว้เพื่อตอบคำถามเดียว: "ทำไมเดือนนี้เขาได้เท่านี้"
          // เปิดดูแล้วต้องเห็นขั้นเงิน เกต และที่มาของเกณฑ์ ครบโดยไม่ต้องเดา
          plan_resolution:              kamPlanResolution || null,
          nrr_tiers_used:               _commTiersUsedFor(kamPlanCode, 'kam'),
          gate_source:                  (kamPayout.gate && kamPayout.gate.source) || null,
          gate_zero_below:              (kamPayout.gate && kamPayout.gate.zero_below != null) ? kamPayout.gate.zero_below : null,
          gate_half_below:              (kamPayout.gate && kamPayout.gate.half_below != null) ? kamPayout.gate.half_below : null,
          gate_tiers_used:              (kamPayout.gate && kamPayout.gate.tiers_used) || null,
          handover_gmv_tiers:           _commGetHandoverGmvTiers(),
          // v_catbonus: freeze the per-category/group override map actually in
          // effect for this scheme when locked. The p1_rate/p3_rate above stay
          // the BASE rate (the fallback for un-bonus'd groups); the per-group
          // rate that actually hit each line is stored per-group in
          // breakdown.upsell_sku.p1.groups[].applied_rate (see engine).
          upsell_category_bonus:        _commResolveUpsellRateMap(kamPlanCode)
        }
      },
      created_by: actor,
      updated_by: actor
    });
  });

  // v878 (phase 8): other-role roster (pm/admin/sales/sales_tl/ad/ad_tl),
  // sourced from `profiles` via loadTargets() — mirrors the kam branch's
  // breakdown shape (same _commBuildKamPayout return shape for any role)
  // since none of these roles have a TL concept, team_lead_email stays null.
  const otherRoster = role === 'admin'
    ? _commOtherRoleRoster
    : _commOtherRoleRoster.filter(p => p.email === actor);
  otherRoster.forEach(person => {
    const personPlanCode = _commGetAssignmentPlan(period, person.role, person.email, person.role);
    const personPlanRowId = ((_commRuleConfig && _commRuleConfig.plans) || {})[personPlanCode]?.id || null;
    // v_augfix: no real scheme row for this person's role = the business has not
    // decided what they earn yet, so they get no snapshot row at all. Phase 9
    // switched these roles on before their rates existed, and they fell through
    // to a default 0.5% Expansion — which, combined with the org-wide GMV leak
    // fixed in _tgtComputeKamNRR, paid 24 sales/admin/sales_tl people an
    // identical ฿8,954 each in July off the same company-wide pool.
    // Configure the role in the Cockpit and the row appears on its own.
    if (!personPlanRowId) return;
    const _elig = _commEligibility(person.email, period, _baseMonth);
    if (!_elig.eligible) {
      rows.push(_commSkippedRow(period, person.role, person.email, null, person.name, _elig.reason, actor));
      return;
    }
    const personPayout = _commBuildKamPayout(person.email, periodOverride, person.role);
    if (personPayout && personPayout.upsell_unavailable) { _refused.push(person.role + ':' + person.email); return; }
    if (personPayout && personPayout.plan_unavailable) { _refused.push('ไม่มีเกณฑ์ ' + person.role + ':' + person.email); return; } // v_cell
    if (personPayout && personPayout.data_unavailable) { _refused.push('ไฟล์ไม่มีเดือนนี้ ' + person.role + ':' + person.email); return; } // v_cell
    if (personPayout && personPayout.handover && personPayout.handover.ledger_missing) { _refused.push(COMM_HO_LEDGER_FAIL_TH + ' ' + person.role + ':' + person.email); return; }
    if (_hoFileGap && personPayout && personPayout.handover && personPayout.handover.data_missing) { _refused.push((personPayout.handover.ho_file_failed ? COMM_HO_FILE_FAIL_TH : _hoFileGap) + ' ' + person.role + ':' + person.email); return; }
    rows.push({
      period_month: period,
      beneficiary_role: person.role,
      beneficiary_email: person.email,
      team_lead_email: null,
      raw_nrr_pct: personPayout.nrr_pct,
      governed_nrr_pct: personPayout.nrr_pct,
      payout_amount: personPayout.final_payout,
      snapshot_status: 'final',
      assigned_plan_id: personPlanRowId,
      breakdown: {
        version: 1,
        computed_at: new Date().toISOString(),
        period,
        baseline_month: (bulkUpsellData && bulkUpsellData.baselineLabel) || '',
        type: 'kam_full',
        role: person.role,
        kam_name: person.name || person.email,
        nrr_pct: personPayout.nrr_pct,
        nrr_payout: personPayout.nrr_payout,
        upsell_sku: {
          total_commission: personPayout.upsell_sku.total_comm,
          p1: { gmv: personPayout.upsell_sku.p1.gmv, comm: personPayout.upsell_sku.p1.comm,
                groups: personPayout.upsell_sku.p1.groups },
          p3: { gmv_incremental: personPayout.upsell_sku.p3.gmv_incremental,
                comm: personPayout.upsell_sku.p3.comm, groups: personPayout.upsell_sku.p3.groups }
        },
        upsell_outlet: personPayout.upsell_outlet,
        handover: { accounts: personPayout.handover.accounts,
                    baseline_gmv: personPayout.handover.baseline_gmv,
                    current_gmv: personPayout.handover.current_gmv,
                    retention_pct: personPayout.handover.retention_pct,
                    tier: personPayout.handover.tier,
                    payout: personPayout.handover.payout,
                    detail: personPayout.handover.detail,
                    gmv_tier_label: personPayout.handover.gmv_tier_label,
                    gmv_bucket_gmv: personPayout.handover.gmv_bucket_gmv,
                    data_missing: !!personPayout.handover.data_missing,
                    // HO ครั้งเดียวต่อสาขา — ใส่เฉพาะเมื่อมีค่า งวดก่อน ต.ค. 2026 จึงหน้าตาเหมือนเดิมทุกคีย์
                    ...((Array.isArray(personPayout.handover.repeat_skipped) && personPayout.handover.repeat_skipped.length) ? { repeat_skipped: personPayout.handover.repeat_skipped } : {}),
                    ...(personPayout.handover.ledger_missing ? { ledger_missing: true } : {}),
                    ...(personPayout.handover.ho_once_from ? { ho_once_from: personPayout.handover.ho_once_from } : {}) },
        components_subtotal: personPayout.subtotal,
        gmv_gate: personPayout.gate,
        final_payout: personPayout.final_payout,
        excluded_base_gmv: _nrrExclusionBaseImpact(person.email, null),
        account_count: 0,
        config_snapshot: {
          assigned_plan_code: personPlanCode,
          assigned_plan_id: personPlanRowId
        }
      },
      created_by: actor,
      updated_by: actor
    });
  });

  // v_augfix: one refusal voids the whole write. Writing the people we COULD
  // compute would produce a payroll table that looks complete but silently omits
  // others — the caller (computeCommissionDraft) already surfaces [] as
  // "ไม่มีข้อมูลสำหรับ compute" and leaves any existing rows untouched.
  if (_refused.length) {
    console.warn('[CommEngine] ปฏิเสธการสร้าง snapshot ของ ' + period +
      ' — คำนวณ ' + _refused.length + ' คนไม่ได้ (ข้อมูลไม่ใช่เดือนนี้ หรือยังโหลดไม่เสร็จ)', _refused);
    try { window._commLastRefusal = { period, refused: _refused.slice(), at: Date.now() }; } catch (e) {}
    return [];
  }
  // คิดได้ครบแล้ว ⇒ เหตุปฏิเสธเก่าของงวดนี้ไม่จริงอีกต่อไป (จอ TL/Cockpit อ่านไปโชว์ — สัญญา v2 ข้อ E2)
  if (_commHoOnceApplies(period)) {
    try { if (window._commLastRefusal && window._commLastRefusal.period === period) window._commLastRefusal = null; } catch (e) {}
  }
  // v_handover: จดไว้ในทุกแถวว่าตอนคำนวณ ไฟล์มีร้านที่ไม่รู้เจ้าของกี่แถว ชื่ออะไร — ย้อนดูทีหลังได้
  if (Object.keys(_unmapped).length) {
    rows.forEach(r => { if (r.breakdown) r.breakdown.unmapped_owners = _unmapped; });
  }
  return rows;
}

// v210g: one source of truth for scorecard/preview totals.
// Uses the same snapshot rows used by Lock/CSV, so Admin/TL/KAM totals cannot drift from Preview.
function _commBuildPayoutSummary(scope) {
  return _commSummaryFromRows(_commBuildSnapshotRows(), scope);
}
// v_tile (2026-10-01): รวมยอดจากชุดแถวใดก็ได้ — แถวที่คิดสด หรือแถวที่บันทึกไว้ในฐานข้อมูล
// ใช้ขอบเขตเดียวกันทุกทาง (KAM เห็นของตัวเอง · หัวหน้าทีมเห็นทีม · admin เห็นทั้งหมด)
function _commSummaryFromRows(rows, scope) {
  rows = rows || [];
  const role = getCurrentRole();
  const email = (currentUserProfile && currentUserProfile.email) || '';
  let scoped = rows;
  if (scope === 'kam' || isRepRole(role)) {
    scoped = rows.filter(r => r.beneficiary_role === 'kam' && r.beneficiary_email === email);
  } else if (scope === 'tl' || role === 'tl') {
    scoped = rows.filter(r => r.team_lead_email === email || r.beneficiary_email === email);
  }
  const tlRows = scoped.filter(r => r.beneficiary_role === 'tl');
  const kamRows = scoped.filter(r => r.beneficiary_role === 'kam');
  const otherRows = scoped.filter(r => r.beneficiary_role !== 'tl' && r.beneficiary_role !== 'kam');   // AD · PM · ฝ่ายขาย ฯลฯ
  const sum = arr => arr.reduce((s,r)=>s+Number(r.payout_amount||0),0);
  return {
    rows: scoped,
    tlRows,
    kamRows,
    otherRows,
    tlPayout: sum(tlRows),
    kamPayout: sum(kamRows),
    otherPayout: sum(otherRows),
    total: sum(scoped),
    hitKams: kamRows.filter(r=>Number(r.payout_amount||0)>0).length,
    kamCount: kamRows.length,
    teamCount: Array.from(new Set(scoped.map(r=>r.team_lead_email).filter(Boolean))).length
  };
}

function _commFormatPts(n) {
  const x = Number(n || 0);
  return x.toFixed(1).replace('.0','');
}
function _commTierRangeLabel(t) {
  const min = t.min_value === null || t.min_value === undefined || t.min_value === '' ? null : Number(t.min_value);
  const max = t.max_value === null || t.max_value === undefined || t.max_value === '' ? null : Number(t.max_value);
  if (min === null && max !== null) return `< ${_commFormatPts(max)}%`;
  if (min !== null && max === null) return `≥ ${_commFormatPts(min)}%`;
  if (min !== null && max !== null) return `${_commFormatPts(min)}–${_commFormatPts(max)}%`;
  return 'ทุกช่วง';
}
// SECTION:COMMISSION_KAM_SELF
// ── RuleView: "คนนี้ เดือนนี้ ใช้เกณฑ์อะไร" (แผน 15 ต.ค. หัวข้อ 3.2, ภาคผนวก A §B5) ─────────
//
// ตัวกลางตัวเดียวที่จอบอกกติกาค่าคอมฯ ถาม: ข้างในเรียก FK.mod['commission/rule_view'].ruleView
// ซึ่งอ่านเกณฑ์ผ่านตัวหาแผนและตัวอ่านก้อนเงินชุดเดียวกับที่ใช้จ่าย (src/domain/commission)
// ส่วนนี้มีหน้าที่แค่ส่งข้อมูลของแอปเข้าไป: ตารางเกณฑ์ที่โหลดแล้ว, หัวหน้าทีมของเดือนนั้น,
// ทีม (Chain/SA/MC), กติกา %NRR ของงวด, สิทธิ์ได้ค่าคอมฯ และเส้นเริ่ม HO ครั้งเดียว
//
// ยังตอบไม่ได้ (ยังไม่มีก้อน domain / ตารางเกณฑ์ยังไม่มาจากฐานข้อมูล) = status 'loading'
// จอต้องขึ้นเทาหรือ "—" ห้ามเดา 98/95/5000 เอง
//
// opts: { teamLeadEmail } = ดูเกณฑ์ของทีมนั้นโดยไม่ระบุคน (Rulebook ของหัวหน้าทีม/แอดมิน)
//       { squad }         = บอกทีมเอง (ไม่งั้นหาจากหัวหน้าทีม)
let _commRvMemo = { stamp: null, rs: null, views: new Map() };
function _commRvMod(name) {
  try { const fk = (typeof FK !== 'undefined' && FK) ? FK : (window.FK || null); return (fk && fk.mod && fk.mod[name]) || null; }
  catch (e) { return null; }
}
function _commRvFresh() {
  const q = window.bulkQnrrData || null;
  const st = [_commRuleConfig, _nrrGovPolicies, _tgtSettings, window._tgtLoadedFromDB, window._nrrGovPoliciesLoaded,
              q, q && q.loaded, _commPeopleRoster, _commOtherRoleRoster];
  const o = _commRvMemo.stamp;
  if (!o || o.length !== st.length || o.some((v, i) => v !== st[i])) _commRvMemo = { stamp: st, rs: null, views: new Map() };
  return _commRvMemo;
}
// ตารางเกณฑ์ที่โหลดแล้ว ในรูปแถวที่ buildRuleSet รับ (ที่แก้ค้างใน Cockpit ไม่อยู่ในนี้ — จออ่านเฉพาะที่บันทึกแล้ว)
function _commRvRuleSet() {
  const m = _commRvFresh();
  if (m.rs) return m.rs;
  const cfg = _commRuleConfig || {};
  const plans = Object.keys(cfg.plans || {}).map(k => cfg.plans[k]).filter(p => p && p.id);
  const complete = (cfg.complete === true) || (cfg.complete === undefined && !!window._tgtLoadedFromDB && plans.length > 0);
  m.rs = _commRvBuildFrom(cfg, _nrrGovPolicies, _tgtSettings, { complete });
  return m.rs;
}
// ตารางเกณฑ์ในรูปที่ตัวแอปเก็บ (plans/rules/componentRules/tiers/assignments) → RuleSet
// ตัวสร้าง RuleSet = commission/rule_set ของ domain เท่านั้น (ด่านตรวจใช้โมดูลจริง ไม่มีตัวแทนแล้ว)
// อ่านเฉพาะที่ส่งมา ไม่อ่านตัวแปรกลาง — ใช้ทั้งชุดจากฐานข้อมูล (_commRvRuleSet) และสำเนาสีตอนเปิดแอป (_dispSeedRuleView)
function _commRvBuildFrom(cfg, policies, settings, meta) {
  const B = _commRvMod('commission/rule_set');
  if (!B || typeof B.buildRuleSet !== 'function' || !cfg || !cfg.plans) return null;
  const tiers = [];
  Object.keys(cfg.tiers || {}).forEach(rid => (cfg.tiers[rid] || []).forEach(t => tiers.push(Object.assign({ rule_id: rid }, t))));
  return B.buildRuleSet({
    plans: Object.keys(cfg.plans).map(k => cfg.plans[k]).filter(p => p && p.id),
    rules: Object.keys(cfg.rules || {}).map(k => cfg.rules[k]).concat(Object.keys(cfg.componentRules || {}).map(k => cfg.componentRules[k])),
    tiers, assignments: (cfg.assignments || []).slice(),
    policies: Object.keys(policies || {}).map(k => policies[k]),
    settings: settings || {}
  }, meta);
}
function _commRuleViewFor(period, email, role, opts) {
  const o = opts || {};
  const per = period || _nrrExclusionCurrentPeriod();
  const r = String(role || 'kam').trim().toLowerCase();
  const em = String(email || '').trim().toLowerCase() || null;
  const RV = _commRvMod('commission/rule_view');
  const loading = () => RV && typeof RV.ruleView === 'function'
    ? RV.ruleView(null, { period: per, email: em, role: r })
    : { schema: 1, period: per, email: em, role: r, status: 'loading', reason_th: 'กำลังโหลดเกณฑ์…' };
  if (!RV || typeof RV.ruleView !== 'function' || !window._tgtLoadedFromDB || window._nrrGovPoliciesLoaded === undefined) return loading();
  const m = _commRvFresh();
  let tl = o.teamLeadEmail ? String(o.teamLeadEmail).trim().toLowerCase() : null;
  try { if (!tl && r === 'kam' && em) tl = _commKamTlForPeriod(em, per); } catch (e) {}
  const key = [per, em || '', r, tl || '', o.squad || ''].join('|');
  if (m.views.has(key)) return m.views.get(key);
  const rs = _commRvRuleSet();
  if (!rs) return loading();
  let squad = o.squad || null;
  try { if (!squad) squad = _commSquadForTl(r === 'tl' ? em : tl); } catch (e) {}
  const pol = (window._nrrGovPoliciesLoaded === true) ? _nrrGovGet(per, 'all', 'all') : null;
  let elig = null;
  try {
    if (em && pol) elig = _commEligibility(em, per, pol.commission_mode === 'quarterly' ? pol.base_month : null);
  } catch (e) {}
  let v;
  try {
    v = RV.ruleView(rs, { period: per, email: em, role: r, teamLeadEmail: tl, squad, policy: pol,
                          hoOnceFrom: HO_ONCE_FROM, eligibility: elig, fresh: true });
  } catch (e) { console.warn('[rule view]', e && e.message); return loading(); }
  m.views.set(key, v);
  return v;
}
window._commRuleViewFor = _commRuleViewFor;
// ทีมที่ตั้งเกณฑ์รายทีมไว้ในงวดนี้ (ตารางรวมใน Rulebook ของแอดมิน): [{ tl_email, squad, squad_label }]
// อ่านจากแถวผูก kam_under_tl ที่บันทึกแล้ว · Chain ก่อน SA/MC
function _commRuleTeamsFor(period) {
  const out = [], seen = {};
  try {
    ((_commRuleConfig && _commRuleConfig.assignments) || []).forEach(a => {
      if (!a || a.period_month !== period || a.assignment_scope !== 'kam_under_tl') return;
      const tl = String(a.assignee_key || '').trim().toLowerCase();
      if (!tl || seen[tl]) return;
      seen[tl] = true;
      const squad = _commSquadForTl(tl);
      out.push({ tl_email: tl, squad, squad_label: squad === 'chain' ? 'Chain' : squad === 'sa_mc' ? 'SA/MC' : null });
    });
  } catch (e) {}
  const rank = s => (s === 'chain' ? 0 : s === 'sa_mc' ? 1 : 2);
  return out.sort((x, y) => rank(x.squad) - rank(y.squad) || x.tl_email.localeCompare(y.tl_email));
}
window._commRuleTeamsFor = _commRuleTeamsFor;

// ── v_cell (2026-09-13) → round 1: ตัวแปลงบาง ๆ บน RuleView ────────────────────
// ผู้เรียกเดิม (แถบ %NRR, portview, teamview) ได้รูปเดิมทุกช่อง แต่ค่ามาจาก RuleView
// R12: KAM ที่หาทีมไม่เจอใน ต.ค. ได้ null (เดิมได้เส้น Q3) · หัวหน้าทีมไม่มีเกต (gate: null)
// คืน null เมื่อยังตอบไม่ได้ — จอต้องขึ้นเทา ห้ามเดาเป็น 98/95 แล้วระบายสีมั่ว
function _commThresholdsFor(period, email, role) {
  try {
    const v = _commRuleViewFor(period, email, role);
    if (!v || v.status === 'loading' || v.status === 'unresolved' || v.status === 'no_plan') return null;
    const okv = f => (f && f.status === 'ok') ? f.value : null;
    const plan = okv(v.plan) || {};
    const nrr = okv(v.nrr);
    const gate = okv(v.gate);
    const mult = okv(v.tl_mult);
    const tiers = nrr ? nrr.tiers.map(t => ({ min_value: t.min, max_value: t.max, payout_value: t.pay })) : [];
    return {
      period: v.period, email, role: v.role,
      plan_code: plan.code || null, via: plan.via || null,
      team_lead_email: plan.team_lead_email || null,
      squad: plan.squad || null,
      squadLabel: plan.squad_label || null,
      monthLabel: v.month_label || v.period,
      // เส้นสีบนจอ: เขียวตั้งแต่เส้นได้เต็ม เหลืองตั้งแต่เส้นได้ 50% ต่ำกว่านั้นแดง
      gate: (gate && !gate.off && gate.half_below != null && gate.zero_below != null)
        ? { full: gate.half_below, half: gate.zero_below, source: v.gate.source } : null,
      nrrTiers: tiers,
      step1: nrr ? nrr.step1 : null,
      step2: nrr ? nrr.step2 : null,
      tlLadder: (v.role === 'tl') ? tiers.map(t => ({ from: t.min_value, pay: t.payout_value })) : null,
      multBands: mult ? mult.tiers.map(t => ({ from: t.from, mult: t.mult })) : []
    };
  } catch (e) { return null; }
}
window._commThresholdsFor = _commThresholdsFor;

function _commBuildKamSelfState() {
  const role = getCurrentRole ? getCurrentRole() : ((currentUserProfile && currentUserProfile.role) || '');
  const selfEmail = (currentUserProfile && currentUserProfile.email) || '';
  // v305: TL/Admin drilling into a KAM portfolio (rep-detail) → show that KAM's commission strip
  const isViewingKamPortfolio = (isTLRole(role) || isAdminRole(role)) && portviewLevel === 'rep-detail' && portviewRepEmail;
  const email = isViewingKamPortfolio ? portviewRepEmail : selfEmail;
  if (!isViewingKamPortfolio && (isTLRole(role) || isAdminRole(role))) return null;
  if (!email) return null;
  // v6-fix: guard against QNRR not loaded yet (quarterly mode). Without this,
  // _qnrrComputeForCommission() returns null while bulkQnrrData isn't ready, the null
  // pct fails to match any tier in _commPayoutForPctByCode(), and the function silently
  // resolves to payout=0 — showing a confident-looking "฿0 NRR" instead of a loading
  // state. Mirrors the existing bulkQnrrData.loaded guard already used in
  // 07c_qnrr_view.js:606. Force-releases after 15s (see _fetchQnrrBundle) so this can
  // never shimmer forever if QNRR genuinely fails to load.
  // v_polrace-fix: until nrr_policies has actually loaded, the commission
  // MODE is unknown — resolving it against an empty map silently returns the
  // rolling-MoM default, and a KAM at 104.4% quarterly can be <100% MoM →
  // tier miss → a confident-looking "NRR ฿0". That was the second layer of
  // the intermittent wrong-commission bug (the first was QNRR-not-ready,
  // guarded below since v910). undefined = pending → loading; 'failed' =
  // fetch broke → proceed with the old fallback rather than blanking forever.
  if (window._nrrGovPoliciesLoaded === undefined) {
    return { role, email, loading: true };
  }
  const _qPolicy = typeof _nrrGovResolveForVisibleScope === 'function' ? _nrrGovResolveForVisibleScope() : null;
  const _isQuarterly = _qPolicy && _qPolicy.commission_mode === 'quarterly';
  const _qnrrReady = typeof window.bulkQnrrData !== 'undefined' && window.bulkQnrrData && window.bulkQnrrData.loaded;
  const _qnrrForceReleased = typeof window._qnrrForceRelease !== 'undefined' && window._qnrrForceRelease;
  if (_isQuarterly && !_qnrrReady && !_qnrrForceReleased) {
    return { role, email, loading: true };
  }
  const period = _nrrExclusionCurrentPeriod();
  // KS-1 (R6): ตำแหน่งจริงของเจ้าของพอร์ต — AD/PM ไม่ได้ใช้แผนของ KAM
  // เดิมส่ง 'kam' ตายตัว ⇒ AD เห็นขั้น ฿5,000/฿10,000 ที่ไม่เคยได้จริง
  const engineRole = isViewingKamPortfolio ? _dispPortfolioRoleOf(email) : _dispEngineRoleOf(email, role);
  const pct = _commKamNrrPct(email);
  // KS-2: เทียบขั้นด้วย % ที่ปัดทศนิยม 1 ตำแหน่ง ตัวเดียวกับที่เครื่องคิดเงินใช้ (จอโชว์ 105.95 เป็น 106.0)
  const pctCmp = (pct === null || pct === undefined) ? null : _commTierPct(pct);
  // งวดแบบใหม่: แผนจากตัวหาแผนของทางเงิน (_commResolveForMoney) — ตัวหาแผนเดิมสลับไปแผน STD ได้เมื่อแผนถูกปิด/ไม่ได้ผูก
  // หาแผนไม่ได้ ⇒ ไม่มีขั้น ไม่มีเงิน (จอบอกเหตุ) ห้ามใช้ขั้นของแผนสำรอง
  const _resMoney = _commIsExplicit(period) ? _commResolveForMoney(period, engineRole, email, engineRole) : null;
  const _noPlan = !!(_resMoney && _resMoney.missed);
  const planCode = _resMoney ? (_noPlan ? null : _resMoney.planCode) : _commGetAssignmentPlan(period, engineRole, email, engineRole);
  let payout = _noPlan ? 0 : _commPayoutForPctByCode(planCode, engineRole, pct);
  const tier = _noPlan ? null : _commMatchTierByCode(planCode, engineRole, pct);
  const ruleName = _noPlan ? '—' : _commPlanNameByCode(planCode, engineRole);
  const tiers = (_noPlan ? [] : (_commGetDraftByCode(planCode, engineRole).tiers || []))
    .slice()
    .sort((a,b)=>Number(a.min_value ?? -Infinity)-Number(b.min_value ?? -Infinity));
  const next = pctCmp === null ? null : tiers.find(t => Number(t.payout_value||0) > Number(payout||0) && t.min_value !== null && Number(t.min_value) > pctCmp);
  const currentIdx = tier ? tiers.findIndex(t => String(t.id||'') === String(tier.id||'') || (t.min_value === tier.min_value && t.max_value === tier.max_value && t.payout_value === tier.payout_value)) : -1;
  // เส้นเกตของคนนี้เดือนนี้ — จาก RuleView เท่านั้น (ไม่มีเส้น = ไม่พูดถึงเกต ไม่เดา 98/95)
  const view = _dispRuleView(period, email, engineRole);
  const gate = _dispGateOf(view);
  // ยังไม่ได้ผูกเกณฑ์ (unresolved) ⇒ เงินจากเกณฑ์กลางของตำแหน่งไม่ใช่เงินจริง — ห้ามขึ้น "ได้ขั้นสูงสุด"/"ถึงเกณฑ์แล้ว"
  const _unresolved = !!(view && view.status === 'unresolved') || _noPlan;
  // AD และตำแหน่งที่แผนไม่มีขั้นเงินจาก %NRR (KAM ที่ขั้นยังว่าง = ยังโหลดไม่เสร็จ ไม่ใช่ "ไม่มีขั้น")
  const noNrrTiers = engineRole !== 'kam' && engineRole !== 'tl' && tiers.length > 0
    && !tiers.some(t => Number(t.payout_value || 0) > 0);
  const gateZone = (gate && pctCmp !== null)
    ? (pctCmp < gate.zero ? 'zero' : pctCmp < gate.full ? 'half' : 'full') : null;
  if (_unresolved) payout = 0;
  let status = 'ยังไม่ถึงเกณฑ์';
  let cls = 'miss';
  if (_unresolved) {
    status = view && view.plan && view.plan.value && view.plan.value.via === 'none' ? 'ไม่มีแผน' : 'ยังคิดไม่ได้';
  } else if (payout > 0) {
    const maxPayout = Math.max(0, ...tiers.map(t=>Number(t.payout_value||0)));
    cls = payout >= maxPayout && maxPayout > 0 ? 'bonus' : 'hit';
    status = cls === 'bonus' ? 'ได้ขั้นสูงสุด' : 'ถึงเกณฑ์แล้ว';   // UIR-N: คำเดียวกับแถบ (stripStatus) และ /nrr
  } else if (view && view.status === 'unresolved') {
    status = view.plan && view.plan.value && view.plan.value.via === 'none' ? 'ไม่มีแผน' : 'ยังคิดไม่ได้';
  } else if (noNrrTiers) {
    status = 'ได้จาก upsell';   // AD: ไม่มีขั้นเงินจาก %NRR
  } else if (gateZone === 'half') {
    status = _gateWordTh(gate && gate.mid) || 'ได้บางส่วน';   // จ3: ช่วงกลางของเกต ไม่ใช่ "ใกล้ปลดล็อก" · คำจากตัวคูณที่ตั้งไว้
  }
  const pts = n => _commFormatPts(Math.max(0, n));
  const nextStep = next ? (payout > 0 ? 'ขั้นถัดไป' : 'ขั้นแรก') + ' ' + _commFmtPayout(next.payout_value) : '';
  let nextText = 'ดัน %NRR ให้ถึงขั้นแรกเพื่อเริ่มรับค่าคอมฯ';
  if (pctCmp === null) nextText = 'รอข้อมูล %NRR ของเดือนนี้';
  else if (view && view.status === 'unresolved' && view.reason_th) nextText = view.reason_th;   // จ4/RF: ไม่มีแผน / ยังไม่ผูกเกณฑ์
  else if (_noPlan) nextText = _resMoney.reason_th || 'ยังไม่ได้ผูกเกณฑ์ค่าคอมฯ ของงวดนี้';
  else if (noNrrTiers) nextText = 'ไม่มีขั้นเงินจาก %NRR · ได้จาก P1/P3/Expansion × เกต';
  else if (gateZone === 'zero') nextText = `ต่ำกว่า ${_commFormatPts(gate.zero)}% ค่าคอมฯ ทั้งก้อนเดือนนี้${_gateWordTh(gate.below) || 'ได้ 0%'} · อีก ${pts(gate.zero - pctCmp)} จุดถึง ${_commFormatPts(gate.zero)}%`;
  else if (gateZone === 'half') nextText = 'upsell/HO ' + (_gateWordTh(gate.mid) || 'ได้บางส่วน') + (next ? ` · อีก ${pts(Number(next.min_value) - pctCmp)} จุดถึง${nextStep}` : '');
  else if (next) nextText = `อีก ${pts(Number(next.min_value) - pctCmp)} จุดถึง${nextStep}`;
  else if (payout > 0) nextText = 'รักษา %NRR ให้อยู่ขั้นนี้จนจบเดือน';
  const currentMin = tier && tier.min_value !== null && tier.min_value !== undefined ? Number(tier.min_value) : null;
  const nextMin = next && next.min_value !== null && next.min_value !== undefined ? Number(next.min_value) : null;
  let progress = payout > 0 ? 100 : 0;
  if (pctCmp !== null && nextMin !== null) {
    const base = currentMin !== null ? currentMin : Math.max(0, nextMin - 10);
    const denom = Math.max(1, nextMin - base);
    progress = Math.max(4, Math.min(96, ((pctCmp - base) / denom) * 100));
  }
  return { role, email, period, pct, pctCmp, engineRole, planCode, payout, tier, ruleName, tiers, next, currentIdx, status, cls, nextText, progress,
           gate, gateZone, gateWord: gateZone ? (_gateWordTh(gateZone === 'zero' ? (gate && gate.below) : gateZone === 'half' ? (gate && gate.mid) : 1) || null) : null,
           noNrrTiers, step1: _dispStep1(view) ? _dispStep1(view).min : null, view };
}

// ════════════════════════════════════════════════════════════════════════════
// SECTION:COMMISSION_RULE_DISPLAY — จอที่บอกกติกาค่าคอมฯ อ่านเกณฑ์จาก RuleView ตัวเดียว
// ════════════════════════════════════════════════════════════════════════════
// คำถามเดียวที่ส่วนนี้ตอบ: "คนนี้ เดือนนี้ ใช้เกณฑ์อะไร" เพื่อเขียนบรรทัดกติกาบนจอ
// (ชีททีมของหัวหน้าทีม การ์ดทีม แถบ %NRR วงแหวนหน้าแรก Teamview Cockpit) และระบายสี %NRR
//
// แหล่งเดียว: FK.mod['commission/rule_view'].ruleView(ruleSet, {period, email, role, teamLeadEmail})
// สัญญา docs/architecture/appendix-a-commission-rules.md §B5 (โมดูลจริงอยู่ที่ src/domain/commission/rule_view.js)
// ผ่าน _commRuleViewFor ตัวเดียว (ไม่มีทางสำรองที่อ่านเกณฑ์เอง — ยังไม่พร้อม = 'loading' แล้วจอโชว์ "—")
// ทั้งสองทาง: งวดที่ตั้งเกณฑ์รายทีมแล้ว (ตั้งแต่ ต.ค. 2569) ส่วนไหนไม่มีในแผน ⇒ status 'unresolved' + เหตุ
// จอต้องโชว์ "—"/เทา ห้ามเติม 98/95/5000 เอง
//
// ส่วนนี้อ่านอย่างเดียว ไม่แตะเงิน ไม่แตะตัวคิดเงิน
const COMM_DISP_TEAM_PLANS_FROM = '2026-10';   // เดือนแรกที่เกณฑ์เป็นรายทีม รายเดือน (Q4 2569)
// DL-6: ตำแหน่งที่เครื่องคิดเงินใช้กับอีเมลนี้ (ตำแหน่งที่ระบุ → รายชื่อตำแหน่งอื่น → หัวหน้าทีม → 'kam')
function _dispEngineRoleOf(email, profileRole) {
  if (profileRole) return _commEngineRole(profileRole);
  const em = String(email || '').trim().toLowerCase();
  if (!em) return 'kam';
  const o = (_commOtherRoleRoster || []).find(p => String(p.email || '').trim().toLowerCase() === em);
  if (o && o.role) return _commEngineRole(o.role);
  if ((_commGetTlListFromPortview() || []).some(t => String(t.email || '').trim().toLowerCase() === em)) return 'tl';
  const p = (_commPeopleRoster || {})[em];
  if (p && p.role) return _commEngineRole(p.role);
  return 'kam';
}
// ตำแหน่งที่ใช้คิด "พอร์ต" ของคนนี้ — ทางเดียวกับ _commBuildSnapshotRows: คนในรายชื่อตำแหน่งอื่น (AD/PM/…)
// คิดด้วยตำแหน่งของตัวเอง นอกนั้นคิดเป็น KAM (หัวหน้าทีมที่ถือพอร์ตเองก็คิดพอร์ตนั้นแบบ KAM)
function _dispPortfolioRoleOf(email) {
  const em = String(email || '').trim().toLowerCase();
  const o = em ? (_commOtherRoleRoster || []).find(p => String(p.email || '').trim().toLowerCase() === em) : null;
  return (o && o.role) ? _commEngineRole(o.role) : 'kam';
}
window._dispPortfolioRoleOf = _dispPortfolioRoleOf;
// RuleView ของคนนี้ เดือนนี้ (role = ตำแหน่งตัวคิดเงิน; ไม่ส่งมา = หาเองจากอีเมล)
// teamLeadEmail: ใช้ดูเกณฑ์ของ "ทีม" โดยไม่ระบุคน (ตาราง Cockpit) หรือ KAM ที่ระบบหาหัวหน้าทีมไม่เจอ
// ตัวอ่านเกณฑ์ของจอมีตัวเดียว คือ _commRuleViewFor (โมดูล commission/rule_view) — ที่นี่แค่หาตำแหน่งให้
// ไม่มีทางสำรองที่อ่านเกณฑ์เอง: ยังไม่มีโมดูลหรือยังโหลดไม่ครบ ⇒ status 'loading' แล้วจอโชว์ "—"
function _dispRuleView(period, email, role, teamLeadEmail) {
  const r = role ? _commEngineRole(role) : _dispEngineRoleOf(email);
  const tl = teamLeadEmail ? String(teamLeadEmail).trim().toLowerCase() : null;
  return _commRuleViewFor(period, email, r, tl ? { teamLeadEmail: tl } : undefined);
}
window._dispRuleView = _dispRuleView;
window._dispEngineRoleOf = _dispEngineRoleOf;

// ── ตัวช่วยอ่านค่าใน RuleView (รับได้ทั้งรูป {min_value,…} และ [min,max,pay]) ──────────────
function _dispOk(f) { return !!(f && f.status === 'ok'); }
function _dispTiers(f) {
  const raw = Array.isArray(f) ? f : (f && Array.isArray(f.value)) ? f.value
            : (f && f.value && Array.isArray(f.value.tiers)) ? f.value.tiers : [];
  const n = v => (v === null || v === undefined || v === '') ? null : Number(v);
  // รูปของโมดูล rule_view จริงสำหรับตัวคูณ TL คือ { from, to, mult } (ขั้นเงินใช้ min/max/pay) — อ่านได้ทุกรูป
  const pick = (...vs) => { for (const v of vs) if (v !== undefined) return v; return undefined; };
  return raw.map(t => Array.isArray(t) ? { min: n(t[0]), max: n(t[1]), pay: Number(t[2]) || 0 }
      : { min: n(pick(t.min_value, t.min, t.from)), max: n(pick(t.max_value, t.max, t.to)),
          pay: Number(pick(t.payout_value, t.pay, t.payout, t.mult)) || 0 })
    .sort((a, b) => (a.min === null ? -Infinity : a.min) - (b.min === null ? -Infinity : b.min));
}
function _dispPaying(view) { return (view && _dispOk(view.nrr)) ? _dispTiers(view.nrr).filter(t => t.pay > 0 && t.min !== null) : []; }
function _dispStep1(view) { const p = _dispPaying(view); return p.length ? p[0] : null; }
// เส้นเกต {zero: ต่ำกว่านี้ได้ 0, full: ตั้งแต่นี้ได้เต็ม} — หัวหน้าทีมไม่มีเกต ⇒ null
function _dispGateOf(view) {
  if (!view || !_dispOk(view.gate) || !view.gate.value) return null;
  const z = view.gate.value.zero_below, h = view.gate.value.half_below;
  if (z === null || z === undefined || h === null || h === undefined) return null;
  // Bucci 25 ต.ค. 2569: ตัวคูณของช่วงล่าง/ช่วงกลางจากเกณฑ์ที่ตั้งไว้ (below = ต่ำกว่า zero · mid = zero ถึงก่อน full)
  const gm = _gateMultsOf(view) || {};
  return { zero: Number(z), full: Number(h), below: gm.below == null ? null : gm.below, mid: gm.mid == null ? null : gm.mid };
}
// คำของเกตจากตัวคูณที่ตั้งไว้ — "ได้ 0%" · "ได้ 50%" · "ได้เต็ม" (domain gateWordTh ตัวเดียวกับ /nrr)
function _gateWordTh(mult) {
  const RV = _commRvMod('commission/rule_view');
  if (RV && typeof RV.gateWordTh === 'function') return RV.gateWordTh(mult);
  if (mult === null || mult === undefined || isNaN(mult)) return null;
  return Number(mult) >= 1 ? 'ได้เต็ม' : 'ได้ ' + Math.round(Math.max(0, Number(mult)) * 100) + '%';
}
function _gateMultsOf(view) {
  const RV = _commRvMod('commission/rule_view');
  try { return (RV && typeof RV.gateMults === 'function') ? RV.gateMults(view) : null; } catch (e) { return null; }
}
window._gateWordTh = _gateWordTh; window._gateMultsOf = _gateMultsOf;
function _dispPct(n) { return _commFormatPts(n) + '%'; }
function _dispMonthShortTh(period) { return String(_nrrGovMonthLabel(period) || '').split(' ')[0]; }
function _dispSquadTh(view) {
  const s = view && view.plan && view.plan.value ? view.plan.value.squad : null;
  return s === 'chain' ? 'Chain' : s === 'sa_mc' ? 'SA/MC' : null;
}
// "ได้เต็มตั้งแต่ 106% · ได้ 50% 103–105.9% · ต่ำกว่า 103% ได้ 0%" (คำ ได้ X% จากตัวคูณที่ตั้งไว้)
function _dispGateRangeTh(g) {
  if (!g) return '';
  return `ได้เต็มตั้งแต่ ${_dispPct(g.full)} · ${_gateWordTh(g.mid) || 'ได้บางส่วน'} ${_commFormatPts(g.zero)}–${_dispPct(Math.round((g.full - 0.1) * 10) / 10)} · ต่ำกว่า ${_dispPct(g.zero)} ${_gateWordTh(g.below) || 'ได้ 0%'}`;
}
// TS-2: "ขั้นเงินหัวหน้าทีม ต.ค. (Chain): 106% ฿8,000 · 110% ฿15,000 · 112% ฿20,000"
function _dispTlLadderTh(view) {
  const p = _dispPaying(view);
  if (!p.length) return '';
  const sq = _dispSquadTh(view);
  return `ขั้นเงินหัวหน้าทีม ${_dispMonthShortTh(view.period)}${sq ? ' (' + sq + ')' : ''}: `
    + p.map(t => _dispPct(t.min) + ' ' + _commFmtPayout(t.pay)).join(' · ');
}
// ตัวคูณสูงสุด × ขั้นเงินสูงสุด = เพดานของหัวหน้าทีมตามเกณฑ์เดือนนี้
function _dispTlMaxPay(view) {
  const p = _dispPaying(view);
  if (!p.length || !view || !_dispOk(view.tl_mult)) return null;
  const mults = _dispTiers(view.tl_mult).map(t => t.pay).filter(v => v > 0);
  if (!mults.length) return null;
  return Math.max.apply(null, p.map(t => t.pay)) * Math.max.apply(null, mults);
}
// ขั้นตัวคูณถัดไป: เส้นเทียบด้วย % ที่ปัด 1 ตำแหน่ง ⇒ บอกค่า 1 ตำแหน่งแรกที่ผ่านจริง (จ9: 2.75 → 2.8)
function _dispMultNext(view, pctCmp) {
  if (!view || !_dispOk(view.tl_mult) || pctCmp === null || pctCmp === undefined || isNaN(pctCmp)) return null;
  const nx = _dispTiers(view.tl_mult).find(t => t.min !== null && t.min > pctCmp);
  return nx ? { need: Math.ceil(nx.min * 10 - 1e-9) / 10, mult: nx.pay } : null;
}
// DL-7: เส้นสีของ %NRR ตามคน — {t1: เขียวตั้งแต่, t2: เหลืองตั้งแต่} หรือ null (ไม่มีสี/เทา)
//   kam/ad/pm/อื่น ๆ = เกตของตัวเอง (ได้เต็ม/ได้ 50%)
//   tl              = ขั้นเงินขั้นแรกของตัวเอง · เหลืองเมื่อห่างไม่เกิน 3 จุด (หัวหน้าทีมไม่มีเกต — จ1)
//   admin/บริษัท    = null (เส้นต่างกันรายทีม เขียนไว้ใน ⓘ แทน — จ1)
function _dispBandsFor(scope, email, period) {
  if (!email || scope === 'admin') return null;
  const per = period || _nrrExclusionCurrentPeriod();
  const fixedRole = scope === 'tl' ? 'tl' : ((scope && scope !== 'kam') ? _commEngineRole(scope) : null);
  let role = fixedRole || _dispPortfolioRoleOf(email);
  let view = _dispRuleView(per, email, role);
  // A4: เกณฑ์จริงยังไม่มา ⇒ เส้นจากสำเนาในเครื่องของผู้ใช้คนเดิม (สีเท่านั้น — ดู _dispSeedRuleView)
  if (view && view.status === 'loading') {
    if (!fixedRole) role = _dispSeedPortfolioRole(email) || role;
    const sv = _dispSeedRuleView(per, email, role);
    if (sv) view = sv;
  }
  if (role === 'tl') {
    const s1 = _dispStep1(view);
    return s1 ? { t1: s1.min, t2: Math.round((s1.min - 3) * 10) / 10, kind: 'tl_step' } : null;
  }
  const g = _dispGateOf(view);
  return g ? { t1: g.full, t2: g.zero, kind: 'gate' } : null;
}
// ── A4 (UI regress · 20 ต.ค. 2569): สี %NRR ไม่เปลี่ยนตอนเปิดแอป ────────────────────────────────────
// เดิม (ตั้งแต่ R1): เกณฑ์จากฐานข้อมูลยังไม่มา ⇒ _commRuleViewFor = 'loading' ⇒ ไม่มีเส้น ⇒ เลข %NRR หัวจอ (แถบ portview
// วงแหวนหน้าแรก หัวจอทีม ช่อง %NRR ทีม แถบย่อ) ขึ้นสีกลางก่อน แล้วเปลี่ยนเป็นสีจริง 1–3 วิให้หลัง ทุกครั้งที่เปิดแอป
// ตอนนี้: ระหว่างนั้นหาเส้นจาก "สำเนาในเครื่อง" ของการโหลดครบครั้งก่อนของผู้ใช้คนเดิม (07b _tgtPreloadFromLocalStorage
// เก็บไว้ที่ window._tgtColourSeed · ออกจากระบบแล้วสำเนาถูกลบและเลขรอบผู้ใช้ขยับ ⇒ ไม่มีวันใช้ของคนก่อน)
// ⇒ ภาพแรกได้สีสุดท้ายเลย · เกณฑ์จริงมาแล้วสีเปลี่ยนเฉพาะเมื่อเส้นต่างจริง (มีคนแก้เกณฑ์ระหว่างนั้น)
// ใช้กับ "สี" เท่านั้น: เรียกจาก _dispBandsFor ตัวเดียว · RuleSet ของสำเนาแยกจากของทางเงิน — _commRuleViewFor
// ยังตอบ 'loading' จนเกณฑ์จริงมา (แถบเงิน ชีท ขั้นเงิน ร่าง ล็อก ไม่เห็นสำเนานี้)
// บอก domain ว่าชุดนี้ "ครบ" ได้เพราะสำเนาถูกเขียนเฉพาะหลังการโหลดที่ครบทุกตาราง (_loadTargetsInner · _good) — ใช้หาเส้นสีเท่านั้น
let _dispSeedMemo = { seed: null, rs: null, views: new Map() };
function _dispSeedOk() {
  const s = window._tgtColourSeed;
  return (s && s.data && s.epoch === _tgtGovState.epoch) ? s : null;
}
function _dispSeedRuleView(period, email, role) {
  const s = _dispSeedOk();
  const RV = _commRvMod('commission/rule_view');
  if (!s || !RV || typeof RV.ruleView !== 'function') return null;
  if (_dispSeedMemo.seed !== s) {
    let rs = null;
    try { rs = _commRvBuildFrom(s.data.commRules, s.data.nrrPolicies, s.data.settings, { complete: true, source: 'seed:colour-only' }); } catch (e) { rs = null; }
    _dispSeedMemo = { seed: s, rs, views: new Map() };
  }
  const rs = _dispSeedMemo.rs;
  if (!rs) return null;
  const em = String(email || '').trim().toLowerCase();
  const r = String(role || 'kam').trim().toLowerCase();
  // หัวหน้าทีมของ KAM: ทางเดียวกับ _commRuleViewFor (ไฟล์ NRR → รายชื่อทีม → portview) แล้วจึงรายชื่อทีมในสำเนา
  let tl = null;
  if (r === 'kam' && em) {
    try { tl = _commKamTlForPeriod(em, period); } catch (e) {}
    const seedTl = s.data.colour && s.data.colour.tl ? s.data.colour.tl[em] : null;
    if (!tl && seedTl) tl = String(seedTl).trim().toLowerCase();
  }
  const key = [period, em, r, tl || ''].join('|');
  if (_dispSeedMemo.views.has(key)) return _dispSeedMemo.views.get(key);
  // ทีม (squad) เป็นแค่ป้ายใน RuleView ไม่มีผลกับการหาแผน/เกต/ขั้น ⇒ ไม่ส่ง (ไม่ต้องพึ่งค่ากลางที่อาจยังไม่มา)
  let v = null;
  try {
    v = RV.ruleView(rs, { period, email: em || null, role: r, teamLeadEmail: tl, squad: null, policy: null,
                          hoOnceFrom: HO_ONCE_FROM, eligibility: null, fresh: false });
  } catch (e) { v = null; }
  _dispSeedMemo.views.set(key, v);
  return v;
}
// ส่วนที่สำเนาสีต้องใช้นอกจากตารางเกณฑ์ (เขียนลงสำเนาใน _loadTargetsInner) — หัวหน้าทีมของแต่ละคน และตำแหน่งของคนที่ไม่ใช่ KAM
// เก็บแค่อีเมลกับรหัสตำแหน่ง (ไม่มีชื่อ ไม่มีวันเริ่มงาน) · ถูกลบพร้อมสำเนาตอนออกจากระบบ
function _dispColourSeedExtras() {
  const tl = {}, role = {};
  try {
    Object.keys(_commPeopleRoster || {}).forEach(k => {
      const p = _commPeopleRoster[k];
      const em = String((p && p.email) || k || '').trim().toLowerCase();
      const t = p ? String(p.team_lead_email || '').trim().toLowerCase() : '';
      if (em && t) tl[em] = t;
    });
    (_commOtherRoleRoster || []).forEach(p => {
      const em = String((p && p.email) || '').trim().toLowerCase();
      if (em && p.role) role[em] = String(p.role);
    });
  } catch (e) {}
  return { tl, role };
}
// ตำแหน่งพอร์ตตามสำเนา (รายชื่อตำแหน่งอื่นยังไม่มาจากฐานข้อมูล) — AD/PM ได้เกตของตัวเอง ไม่ใช่ของ KAM
function _dispSeedPortfolioRole(email) {
  const s = _dispSeedOk();
  const em = String(email || '').trim().toLowerCase();
  const r = (s && s.data.colour && s.data.colour.role) ? s.data.colour.role[em] : null;
  return r ? _commEngineRole(r) : null;
}
// A4: ชุดเกณฑ์ที่จออ่านอยู่ — คีย์วาดของหัวจอทีม (06) ใช้แทนธง "เกณฑ์มาแล้ว" · แผง ⓘ ของหัวจอทีมเขียนขั้นเงินจาก RuleView
// ⇒ วาดใหม่เมื่อชุดเกณฑ์เปลี่ยนจริงเท่านั้น ('loading' → ชุดจริง · มีคนแก้เกณฑ์) · โหลดซ้ำได้ชุดเดิม = คีย์เดิม ไม่วาด
function _dispRulesStamp() {
  const RV = _commRvMod('commission/rule_view');
  if (!RV || typeof RV.ruleView !== 'function' || !window._tgtLoadedFromDB || window._nrrGovPoliciesLoaded === undefined) return 'loading';
  const rs = _commRvRuleSet();
  return rs ? 'rs:' + (rs.hash || '') + (window._nrrGovPoliciesLoaded === true ? '' : ':nopol') : 'loading';
}
window._dispRulesStamp = _dispRulesStamp;
// จ2/จ14: ร้านเดี่ยวใช้ "เส้นสุขภาพร้าน" (nrr_threshold) ไม่ใช่เกตค่าคอมฯ · เหลืองเมื่อต่ำกว่าไม่เกิน 3 จุด
function _dispShopHealthBands() {
  const t1 = Number(_tgtSettings.nrr_threshold || 98);
  return { t1, t2: t1 - 3 };
}
// BE-2: งวดรายทีม ยอดของ KAM ที่ไม่มีไฟล์ upsell รายคน มาจากไฟล์ทีม (ยังคิดด้วยเกณฑ์ P1/P3 ก่อน Q4) ⇒ "ประมาณ"
function _dispUsesTeamFile(kamEmail, period) {
  try {
    const per = period || _nrrExclusionCurrentPeriod();
    if (!(per >= COMM_DISP_TEAM_PLANS_FROM)) return false;
    const pv = (portviewBulkData || []).find(r => r.kamEmail === kamEmail);
    const dn = pv ? (pv.kamName || '') : '';
    const has = k => !!(bulkUpsellData && bulkUpsellData.byKam && bulkUpsellData.byKam[k] && Object.keys(bulkUpsellData.byKam[k]).length);
    if (bulkUpsellData && bulkUpsellData.loaded && (has(dn) || has(kamEmail))) return false;
    return !!(typeof bulkUpsellTeamData !== 'undefined' && bulkUpsellTeamData && (bulkUpsellTeamData[kamEmail] || bulkUpsellTeamData[dn]));
  } catch (e) { return false; }
}
window._dispBandsFor = _dispBandsFor;
window._dispShopHealthBands = _dispShopHealthBands;
// ── สี %NRR ตามเกณฑ์ค่าคอมฯ (Bucci 24 ต.ค. 2569 · src/domain/nrr/bands.js nrrZoneAt) ─────────────────────────────
// RuleView ที่ใช้ตัดสินสีของคน/ร้าน — หาตำแหน่งทางเดียวกับ _dispBandsFor (scope 'tl' = ขั้นเงินหัวหน้าทีม · 'kam'/ไม่ส่ง =
// ตำแหน่งพอร์ตจากอีเมล: KAM / AD / PM … · 'admin' = ทั้งบริษัท ⇒ null ไม่ลงสี) · เกณฑ์จริงยังไม่มา ⇒ สำเนาในเครื่องของผู้ใช้คนเดิม (A4)
// จำผลตามชุดเกณฑ์ + รายชื่อตำแหน่ง + ไฟล์ NRR (หัวหน้าทีมของ KAM) — ร้าน 1,302 ร้านถามซ้ำได้โดยไม่สร้าง RuleView ใหม่
let _dispZoneMemo = { stamp: '', map: new Map() };
function _dispZoneStamp() {
  const q = window.bulkQnrrData;
  return [_dispRulesStamp(), (_commOtherRoleRoster || []).length, Object.keys(_commPeopleRoster || {}).length,
          _tgtGovState.epoch, _dispSeedOk() ? 1 : 0, (q && q.loadedAt) || 0].join('|');
}
function _dispZoneView(scope, email, period) {
  if (!email || scope === 'admin') return null;
  const per = period || _nrrExclusionCurrentPeriod();
  const stamp = _dispZoneStamp();
  if (_dispZoneMemo.stamp !== stamp) _dispZoneMemo = { stamp, map: new Map() };
  const em = String(email).trim().toLowerCase();
  const key = [scope || 'kam', em, per].join('|');
  if (_dispZoneMemo.map.has(key)) return _dispZoneMemo.map.get(key);
  const fixedRole = scope === 'tl' ? 'tl' : ((scope && scope !== 'kam') ? _commEngineRole(scope) : null);
  let role = fixedRole || _dispPortfolioRoleOf(em);
  let view = _dispRuleView(per, em, role);
  if (view && view.status === 'loading') {
    if (!fixedRole) role = _dispSeedPortfolioRole(em) || role;
    const sv = _dispSeedRuleView(per, em, role);
    if (sv) view = sv;
  }
  if (view && view.status !== 'loading') _dispZoneMemo.map.set(key, view);   // ยังโหลดอยู่ ⇒ ไม่จำ ถามใหม่รอบหน้า
  return view;
}
window._dispZoneView = _dispZoneView;
window._dispZoneStamp = _dispZoneStamp;
// KS-3 (DD-5): _commBuildKamSelfCard / _commRenderKamSelfStrip / _commOpenKamSelfSheet แบบเก่าถูกลบ —
// แถบและชีทที่ใช้จริงอยู่ใน 07b_cds.js (renderCompactStrip · _cdsOpen ตั้งชื่อเดิมให้ตอนโหลด) · _commCloseKamSelfSheet ยังอยู่ (HTML ใน cds เรียก)
function _commCloseKamSelfSheet() {
  const ov = document.getElementById('pv-comm-sheet-overlay');
  if (!ov) return;
  ov.classList.remove('on');
  setTimeout(()=>{ ov.innerHTML=''; }, 260);
}
// ── TL Commission Detail Sheet ────────────────────────────────
function _commOpenTlDetailSheet(opts) {
  opts = opts || {};
  const role = getCurrentRole ? getCurrentRole() : '';
  // v499: ad_tl can also open TL commission detail sheet
  if (!isTLRole(role) && !isAdminRole(role) && !(typeof isADTLRole==='function' && isADTLRole(role))) return;
  // v230-fix: force-fetch upsell_team from R2 on first open if not in memory.
  // Root cause: _cloudInitialPromise is nulled after FOREGROUND load, and upsell_team
  // fetch silently fails (not in IDB cache + R2 fetch error) → bulkUpsellTeamData stays empty.
  const _upsellTeamReady = typeof bulkUpsellTeamData !== 'undefined' &&
                           bulkUpsellTeamData && Object.keys(bulkUpsellTeamData).length > 0;
  if (!_upsellTeamReady && !opts._skipUpsellFetch) {
    let _loadOv = document.getElementById('pv-comm-tl-sheet-overlay');
    if (!_loadOv) {
      _loadOv = document.createElement('div');
      _loadOv.id = 'pv-comm-tl-sheet-overlay';
      _loadOv.className = 'pv-comm-sheet-overlay';
      _loadOv.onclick = function(e){ if(e.target===_loadOv) _commCloseTlDetailSheet(); };
      document.body.appendChild(_loadOv);
    }
    _loadOv.innerHTML = '<div class="pv-comm-sheet"><div class="pv-comm-sheet-handle"></div><div class="pv-comm-sheet-body" style="display:flex;align-items:center;justify-content:center;min-height:160px"><div style="text-align:center;color:rgba(var(--ink-blue),.7);font-size:var(--text-base)">กำลังโหลดข้อมูล upsell...<br><span style="font-size:var(--text-sm);opacity:.6">ใช้เวลาไม่กี่วินาที</span></div></div></div>';
    requestAnimationFrame(function(){ _loadOv.classList.add('on'); });
    var _doFetch = typeof _fetchCloudflareFile === 'function' && typeof R2_SPECS !== 'undefined' && R2_SPECS && R2_SPECS['upsell_team'];
    var _fp = _doFetch ? _fetchCloudflareFile(R2_SPECS['upsell_team'], {force:true}) : Promise.resolve(false);
    _fp.finally(function() {
      var _ov2 = document.getElementById('pv-comm-tl-sheet-overlay');
      if (_ov2) { _ov2.classList.remove('on'); _ov2.innerHTML = ''; }
      setTimeout(function(){ _commOpenTlDetailSheet({_skipUpsellFetch:true}); }, 60);
    });
    return;
  }
  let ov = document.getElementById('pv-comm-tl-sheet-overlay');
  if (!ov) {
    ov = document.createElement('div');
    ov.id = 'pv-comm-tl-sheet-overlay';
    ov.className = 'pv-comm-sheet-overlay';
    ov.onclick = function(e){ if(e.target===ov) _commCloseTlDetailSheet(); };
    document.body.appendChild(ov);
  }
  const tlEmail = (currentUserProfile && currentUserProfile.email) || '';
  // GC-3 / admin: ผู้ดูแลระบบไม่ใช่หัวหน้าทีม — ไม่มี "ยอดของ TL คนแรก" มาแสดงแทน เห็นทุกทีมรวมกัน
  const _tdsIsTl = isTLRole(role) || (typeof isADTLRole === 'function' && isADTLRole(role));
  const summary = _commBuildPayoutSummary(_tdsIsTl ? 'tl' : undefined);
  // E2: ทั้งงวดถูกปฏิเสธ (เช่นรายชื่อสาขาที่นับ HO แล้วโหลดไม่ได้) ⇒ บอกเหตุ ไม่ใช่ ฿0 / "กำลังโหลด..."
  const _tdsPer = _nrrExclusionCurrentPeriod();
  const _tdsRefusal = (!(summary.rows || []).length && _commHoOnceApplies(_tdsPer)) ? _commRefusalTh(_tdsPer) : '';
  function fmtP(n){ return _commFmtPayout(n||0); }
  const dim = 'color:rgba(255,255,255,.6);font-size:var(--text-sm)';
  // BE-2: งวดรายทีม upsell ของคนที่ยังไม่มีไฟล์รายคนมาจากไฟล์สรุปทีม (เกณฑ์ P1/P3 ก่อน ต.ค.) ⇒ เป็นยอดประมาณ
  // รอบ B: งวดแบบใหม่ แถวสดเป็นยอดจริงรายคนแล้ว ⇒ ไม่มียอดประมาณ · ยอดรวมโชว์เมื่อทุกคนคิดเสร็จเท่านั้น
  let _tdsEstimate = false;
  const _tdsLive = !!summary.liveExact;
  // UIR-A6: ยอดที่ยังคิดไม่เสร็จ = แถบรอขนาดเท่าตัวเลข (ไม่มีภาพเคลื่อนไหว — ชีทถูกวาดใหม่ทุกรอบความคืบหน้า)
  // เดิมเป็นคำว่า "กำลังคิดยอดจริง" ที่ตัดเป็น 2 บรรทัดบนมือถือ ⇒ กล่องสูง 84 แล้วหดเหลือ 63 px ตอนตัวเลขมา
  const _tdsWait = '<span class="tv-wait" aria-label="' + COMM_LIVE_LOADING_TH + '"></span>';
  const _tdsSum = (v, live) => (live && !live.complete) ? (live.pending ? _tdsWait : '—') : fmtP(v);

  // KAM rows — single line per KAM, amber payout, readable detail
  // UIR-N: แถวของตำแหน่งอื่น (AD ฯลฯ) ใช้ตัววาดเดียวกัน — โครงยอดของแถวเหมือน KAM ทุกช่อง
  const _tdsRowHtml = r => {
    const bd = r.breakdown || {};
    const upsell = (bd.upsell_sku ? (bd.upsell_sku.total_comm||bd.upsell_sku.total_commission||0) : 0)
                 + (bd.upsell_outlet ? (bd.upsell_outlet.commission||0) : 0);
    const nrrP = bd.nrr_payout || 0;
    const ho   = bd.handover ? (bd.handover.payout||0) : 0;
    const finalAmt = r.payout_amount || r.final_payout || 0;
    // resolve name: use portview display name
    const pvRow = (portviewBulkData||[]).find(p => p.kamEmail === (r.beneficiary_email||''));
    const name = (pvRow && pvRow.kamName) || bd.kam_name || r.beneficiary_email || '';
    const nrr  = _commFmtPct(r.governed_nrr_pct);
    // TS-4: ส่วนประกอบ + เกต — รวมแล้วต้องอธิบายยอดได้ (เดิมไม่บอกเกต ยอดรวมจึงไม่เท่าผลบวก)
    const detailParts = ['NRR '+fmtP(nrrP)];
    if (upsell > 0) detailParts.push('Upsell '+fmtP(upsell));
    if (ho > 0)     detailParts.push('HO '+fmtP(ho));
    const cap = bd.gmv_gate && bd.gmv_gate.cap_multiplier != null ? Number(bd.gmv_gate.cap_multiplier) : 1;
    if (cap < 1) detailParts.push('เกต ×' + (Math.round(cap * 100) / 100));
    if (bd.type === 'skipped' && bd.skip_reason) detailParts.splice(0, detailParts.length,
      (typeof _commHistReasonTh === 'function') ? _commHistReasonTh(bd.skip_reason) : bd.skip_reason);   // RF-2/RF-3
    const est = !_tdsLive && bd.type !== 'skipped' && _dispUsesTeamFile(r.beneficiary_email, _tdsPer);
    if (est) { _tdsEstimate = true; detailParts.push('ยอดประมาณ'); }
    // รอบ B: ยอดจริงของคนนี้ยังคิดไม่เสร็จ / คิดไม่ได้ ⇒ ไม่มีตัวเลข (บอกเหตุแทน)
    const _lxs = r.live_exact && r.live_exact !== 'ok' ? r.live_exact : '';
    if (_lxs) detailParts.splice(0, detailParts.length, _lxs === 'loading' ? COMM_LIVE_LOADING_TH : (r.live_reason || 'คิดยอดจริงไม่ได้'));
    else if (r.live_exact === 'ok' && bd.final_payout === 0 && r.live_reason) detailParts.splice(0, detailParts.length, r.live_reason);
    // v228-fix: show — when upsell not loaded and NRR payout is 0
    const upsellNotLoaded = r.breakdown && r.breakdown.upsell_loading;
    const displayAmt = _lxs ? null : (upsellNotLoaded && nrrP === 0) ? null : finalAmt;
    const amberStyle = (displayAmt !== null && displayAmt > 0) ? 'color:#ffe08a;font-weight:var(--fw-bold)' : 'color:rgba(255,255,255,.52)';
    const payText = _lxs === 'loading' ? _tdsWait
      : _lxs ? '<span style="color:rgba(255,255,255,.52)">—</span>'
      : displayAmt === null ? '<span style="color:rgba(255,255,255,.52);font-size:var(--text-sm)">— โหลด...</span>' : fmtP(displayAmt);
    return `<div class="pv-comm-tl-kam-row">
      <div class="pv-comm-tl-kam-name">${_commEscapeHtml(name)}</div>
      <div class="pv-comm-tl-kam-nrr">${nrr}</div>
      <div class="pv-comm-tl-kam-pay" style="${amberStyle}">${payText}</div>
      <div class="pv-comm-tl-kam-detail">${_commEscapeHtml(detailParts.join(' · '))}</div>
    </div>`;
  };
  const kamRows = (summary.kamRows || []).map(_tdsRowHtml).join('');
  // ผู้ดูแลระบบ: ตำแหน่งอื่นที่อยู่ในยอดรวม (เดิมชีทไม่มีเลย ⇒ หัวหน้าทีม + KAM ไม่เท่าช่องค่าคอมฯ)
  const _tdsOther = (!_tdsIsTl && (summary.otherRows || []).length) ? summary.otherRows : [];
  const _tdsOtherLbl = Array.from(new Set(_tdsOther.map(r => _commRefusalRoleTh(r.beneficiary_role)).filter(Boolean))).join(' + ') || 'ตำแหน่งอื่น';
  const otherRowsHtml = _tdsOther.map(_tdsRowHtml).join('');

  // ── ยอดของหัวหน้าทีม + บรรทัดกติกา ───────────────────────────────────────
  let kpiTl, tlFormula = '', nrrLine, multLine;
  if (_tdsIsTl) {
    // รอบ B: งวดแบบใหม่ ยอดและตัวคูณของหัวหน้าทีม = ยอดจริง (ตัวคูณจากไฟล์รายคนของลูกทีมทุกคน เท่ากับที่จ่าย)
    const _tlx = _commIsExplicit(_tdsPer) ? _commLiveExactFor(tlEmail, 'tl', _tdsPer) : null;
    const tlPayout = _tlx ? Object.assign({}, _tlx.payout || {}, _tlx.status === 'ok' ? { final_payout: _tlx.amount } : {})
                          : _commBuildTlPayout(tlEmail);
    const view = _dispRuleView(_tdsPer, tlEmail, 'tl');
    const un = (_tlx && _tlx.status !== 'ok') ? { loading: _tlx.status === 'loading', reason: _tlx.reason_th || COMM_LIVE_LOADING_TH, note: _tlx.reason_th || COMM_LIVE_LOADING_TH }
      : (_tlx && _tlx.skipped) ? { reason: _tlx.reason_th, note: _tlx.reason_th }
      : (typeof _commPayoutUnavailable === 'function') ? _commPayoutUnavailable(tlPayout, _tdsPer, tlEmail) : null;
    const leakFail = !!(tlPayout && tlPayout.leak_gate && tlPayout.leak_gate.passed === false);
    const um = (tlPayout && tlPayout.upsell_mult && typeof tlPayout.upsell_mult === 'object') ? tlPayout.upsell_mult : null;
    const multOk = !!(um && !un && !tlPayout.upsell_unavailable && !tlPayout.plan_unavailable && !tlPayout.leak_unavailable && !leakFail);
    // TS-1 (R1): ตัวคูณ = ค่าที่คูณเข้าไปในยอด "หัวหน้าทีมได้" จริง (tlPayout.upsell_mult จากแผนของหัวหน้าทีม)
    // เดิมเรียก _commComputeTeamUpsellMult โดยไม่ส่งแผน ⇒ ตกตารางตายตัว (upsell ทีม 2.74% โชว์ ×1.20 แต่จ่าย ×1.25)
    const upCmp = um ? (Number(um.team_baseline_gmv) > 0
      ? _commTierPct(Number(um.team_upsell_gmv || 0) / Number(um.team_baseline_gmv) * 100)
      : _commTierPct(Number(um.team_upsell_pct || 0))) : null;
    kpiTl = (un && un.loading) ? _tdsWait : (un && !(_tlx && _tlx.skipped)) ? '—' : fmtP(tlPayout.final_payout);
    _tdsEstimate = _tdsEstimate || (!_tdsLive && (summary.kamRows || []).some(r => _dispUsesTeamFile(r.beneficiary_email, _tdsPer)));
    // UIR-A6: ระหว่างคิด บอกความคืบหน้าของทั้งทีม (x/y คน) บรรทัดเดียว — เดิม "กำลังคิดยอดจริง" ซ้ำ 4 ที่ในชีท
    if (un && un.loading && summary.liveExact && !summary.liveExact.complete) tlFormula = _commLiveProgressTh(summary.liveExact);
    else if (un) tlFormula = un.note;
    else if (leakFail) tlFormula = 'เดือนนี้พอร์ตรั่วมากกว่าปกติ ไม่จ่ายทุกขั้น';
    else if (multOk) {
      // TS-3: "= ขั้น NRR ฿8,000 × ตัวคูณ 1.25 · ได้สูงสุดตามเกณฑ์เดือนนี้ ฿80,000"
      const maxPay = _dispTlMaxPay(view);
      tlFormula = '= ขั้น NRR ' + fmtP(tlPayout.nrr_payout) + ' × ตัวคูณ ' + (Math.round(Number(um.multiplier) * 100) / 100)
        + (maxPay ? ' · ได้สูงสุดตามเกณฑ์เดือนนี้ ' + fmtP(maxPay) : '');
    }
    // TS-2: บรรทัดขั้นเงินของหัวหน้าทีม + ระยะถึงขั้นถัดไป + "หัวหน้าทีมไม่มีเกต"
    // UIR-A6: %NRR ทีมไม่ขึ้นกับไฟล์ upsell — ยอดจริงยังคิดไม่เสร็จ (หรือไฟล์ของลูกทีมโหลดไม่ได้) ก็รู้แล้ว
    // ค่าเดียวกับที่ยอดจริงใช้ (_commLiveNrr · ลำดับด่านเดียวกับ _commLiveTl: ทีมต้องหาเจอในไฟล์ %NRR ก่อน ห้ามใช้เลขทั้งบริษัท)
    // ⇒ ไม่ขึ้น "%NRR ทีม —" ระหว่างโหลด แล้วเปลี่ยนเป็นตัวเลขทีหลัง
    let _tdsTeamPct = (tlPayout && tlPayout.nrr_pct != null) ? tlPayout.nrr_pct : null;
    let _tdsPctEarly = false;
    if (_tdsTeamPct === null && _tlx && _tlx.status !== 'ok') {
      try {
        const isQ = _commLivePolicy(_tdsPer).isQ;
        if (!isQ || _commTlScopeResolvable(tlEmail)) {
          const n = _commLiveNrr(tlEmail, 'tl', _tdsPer, isQ);
          _tdsTeamPct = (n && n.nrr && n.nrr.pct != null) ? n.nrr.pct : null;
          _tdsPctEarly = _tdsTeamPct !== null;
        }
      } catch (e) { _tdsTeamPct = null; _tdsPctEarly = false; }
    }
    const teamCmp = _tdsTeamPct != null ? _commTierPct(_tdsTeamPct) : null;
    const ladder = _dispTlLadderTh(view);
    const paying = _dispPaying(view);
    const nx = (teamCmp === null) ? null : paying.find(t => t.min > teamCmp);
    // ระหว่างคิด ยังไม่มียอดขั้น NRR ⇒ บอกจากตำแหน่งในขั้น (ยังไม่ถึงขั้นแรก = ขั้นแรก) คำเดียวกับตอนคิดเสร็จ ไม่เปลี่ยนคำทีหลัง
    const _tdsPaid = _tdsPctEarly ? !!(nx && nx !== paying[0]) : Number(tlPayout.nrr_payout || 0) > 0;
    const gap = nx ? (' · อีก ' + _commFormatPts(nx.min - teamCmp) + ' จุดถึง' + (_tdsPaid ? 'ขั้นถัดไป' : 'ขั้นแรก'))
      : (paying.length && teamCmp !== null ? ' · ถึงขั้นสูงสุดแล้ว' : '');
    nrrLine = '%NRR ทีม ' + _commFmtPct(_tdsTeamPct)
      + (ladder ? ' · ' + ladder + gap : (view.status === 'loading' ? '' : ' · ขั้นเงิน — ' + (view.reason_th || 'ยังอ่านเกณฑ์ไม่ได้')))
      + ' · หัวหน้าทีมไม่มีเกต';
    if (multOk) {
      const nm = _dispMultNext(view, upCmp);
      multLine = '<span style="color:#ffe08a;font-weight:var(--fw-bold);white-space:nowrap">ตัวคูณ ×' + (Math.round(Number(um.multiplier) * 100) / 100) + '</span>'
        + '<span style="' + dim + ';margin-left:10px;text-align:right">upsell ทีม ' + _commFmtPct(upCmp)
        + (nm ? ' · ถึง ' + _commFmtPct(nm.need) + ' ได้ ×' + nm.mult : '')
        + (_tdsEstimate ? ' · ประมาณ' : '') + '</span>';
    } else {
      multLine = (un && un.loading) ? '<span style="' + dim + '">ตัวคูณ ' + _tdsWait + '</span>'
        : '<span style="' + dim + '">ตัวคูณ — ' + _commEscapeHtml(un ? un.reason : (leakFail ? 'เดือนนี้ไม่จ่ายทุกขั้น' : 'ยังคิดไม่ได้')) + '</span>';
    }
  } else {
    // ผู้ดูแลระบบ: รวมทุกทีม · ตัวคูณแยกรายทีมจากแถวของหัวหน้าทีมแต่ละคน (ไม่ใช่ของ TL คนแรก)
    kpiTl = _tdsRefusal ? '—' : _tdsSum(summary.tlPayout, summary.liveTl);
    nrrLine = 'รวมทุกทีม · หัวหน้าทีมไม่มีเกต';
    const parts = (summary.tlRows || []).map(r => {
      const m = r.breakdown && r.breakdown.upsell_mult;
      const sq = _commSquadForTl(r.beneficiary_email);
      const lbl = sq === 'chain' ? 'Chain' : sq === 'sa_mc' ? 'SA/MC' : ((r.breakdown && r.breakdown.team_lead_name) || r.beneficiary_email);
      return (m && typeof m === 'object' && m.multiplier != null) ? lbl + ' ×' + (Math.round(Number(m.multiplier) * 100) / 100) : lbl + ' —';
    });
    multLine = '<span style="' + dim + '">ตัวคูณ ' + _commEscapeHtml(parts.join(' · ') || '—') + '</span>';
    _tdsEstimate = !_tdsLive && (summary.kamRows || []).some(r => _dispUsesTeamFile(r.beneficiary_email, _tdsPer));
    if (summary.liveExact && !summary.liveExact.complete) tlFormula = _commLiveProgressTh(summary.liveExact);
  }
  const multSection = `<div class="pv-comm-tl-mult">${multLine}</div>`;
  const estNote = _tdsEstimate
    ? `<div class="pv-comm-sheet-sub" style="${dim};margin-top:8px">ยอดประมาณ = upsell ของคนนั้นยังคิดจากไฟล์สรุปทั้งทีม ซึ่งยังใช้เกณฑ์ก่อน ต.ค. · ยอดจริงคิดตอนปิดงวด</div>` : '';

  ov.innerHTML = `<div class="pv-comm-sheet">
    <div class="pv-comm-sheet-handle"></div>
    <div class="pv-comm-sheet-body">
      <div class="pv-comm-sheet-title">ค่าคอมฯ ทีม</div>
      <div class="pv-comm-sheet-kpis">
        <div class="pv-comm-sheet-kpi val-bonus">
          <div class="pv-comm-sheet-kpi-label">${_tdsIsTl ? 'หัวหน้าทีมได้' : 'หัวหน้าทีมรวม'}</div>
          <div class="pv-comm-sheet-kpi-val">${kpiTl}</div>
        </div>
        <div class="pv-comm-sheet-kpi val-bonus">
          <div class="pv-comm-sheet-kpi-label">KAM ทั้งทีมรวม</div>
          <div class="pv-comm-sheet-kpi-val">${_tdsRefusal ? '—' : _tdsSum(summary.kamPayout, summary.liveKam)}</div>
        </div>
      </div>
      ${_tdsOther.length ? `<div class="pv-comm-sheet-sub">${_commEscapeHtml(_tdsOtherLbl)} รวม ${_tdsRefusal ? '—' : _tdsSum(summary.otherPayout, summary.liveOther)} (${_tdsOther.length}\u00a0คน) · รวมทุกคน ${_tdsRefusal ? '—' : _tdsSum(summary.total, summary.liveExact)}</div>` : ''}
      ${tlFormula ? `<div class="pv-comm-sheet-sub">${_commEscapeHtml(tlFormula)}</div>` : ''}
      <div class="pv-comm-sheet-sub">${_commEscapeHtml(nrrLine)}</div>
      ${multSection}
      ${estNote}
      ${(()=>{try{
        // TS-5 / จ13: แบนเนอร์ "Lock ก่อนสิ้นเดือน" เฉพาะเจ้าของระบบ (ล็อกได้คนเดียว และล็อกก่อนสิ้นเดือน = ล็อกเงินครึ่งเดือน)
        if(!(typeof isOwner==='function'&&isOwner()))return '';
        var _e=typeof _commEomStatus==='function'?_commEomStatus():null;if(_e&&(_e.showEomBanner||_e.showGraceBanner)){var _d=_e.showGraceBanner?_e.prevPeriod:_e.period;var _mo=_d.split('-');var _thmo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'][parseInt(_mo[1])-1];var _lbl=_thmo+' '+( parseInt(_mo[0])+543);var _bg=_e.showGraceBanner||_e.daysLeft<=1?'rgba(240,80,0,.12)':'rgba(240,160,0,.08)';var _bc=_e.showGraceBanner||_e.daysLeft<=1?'rgba(240,80,0,.35)':'rgba(240,160,0,.25)';var _txt=_e.showGraceBanner?'ยัง lock ค่าคอมฯ '+_lbl+' ไม่ได้':'เหลือ '+_e.daysLeft+' วัน — Lock ค่าคอมฯ '+_lbl+' ก่อนสิ้นเดือน';return '<div style="margin:8px 18px;padding:10px 12px;border-radius:var(--r-md);background:'+_bg+';border:1px solid '+_bc+';display:flex;align-items:center;justify-content:space-between;gap:8px"><div style="font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.80);line-height:1.4">'+_txt+'</div><button onclick="event.stopPropagation();lockCommissionSnapshot(\''+_d+'\')" style="flex-shrink:0;padding:6px 10px;border-radius:var(--r-8);background:rgba(255,224,138,.15);border:1px solid rgba(255,224,138,.3);color:#ffe08a;font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer;font-family:\'Noto Sans Thai\',sans-serif">Lock ตอนนี้</button></div>';}return '';}catch(e){return '';}})()} 
      <div class="pv-comm-section-label" style="margin-top:4px">รายละเอียดต่อ KAM</div>
      <div class="pv-comm-tl-kam-header">
        <span>ชื่อ</span><span>NRR</span><span>ค่าคอมฯ</span>
      </div>
      <div class="pv-comm-tl-kam-list">${kamRows||'<div style="color:rgba(255,255,255,.52);font-size:var(--text-md);padding:8px">'+(_tdsRefusal ? _commEscapeHtml(_tdsRefusal) : 'กำลังโหลด...')+'</div>'}</div>
      ${otherRowsHtml ? `<div class="pv-comm-section-label" style="margin-top:12px">รายละเอียดต่อ ${_commEscapeHtml(_tdsOtherLbl)}</div>
      <div class="pv-comm-tl-kam-header"><span>ชื่อ</span><span>NRR</span><span>ค่าคอมฯ</span></div>
      <div class="pv-comm-tl-kam-list">${otherRowsHtml}</div>` : ''}
      <div style="display:flex;gap:6px;margin:0 18px 8px">
        <button onclick="typeof openCommissionHistory==='function'&&(_commCloseTlDetailSheet(),setTimeout(openCommissionHistory,80))" style="flex:1;padding:10px;border-radius:var(--r-md);background:var(--tk-ok-dim);border:1px solid var(--tk-ok-dim-2);color:var(--tk-ok-bright);font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;font-family:var(--tk-font-body)">ประวัติ</button>
        <button onclick="typeof openCommissionRulebook==='function'&&(_commCloseTlDetailSheet(),setTimeout(openCommissionRulebook,80))" style="flex:1;padding:10px;border-radius:var(--r-md);background:rgba(var(--ink-blue),.08);border:1px solid rgba(var(--ink-blue),.22);color:rgba(var(--ink-blue-hi),.88);font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;font-family:var(--tk-font-body)">กฎค่าคอมฯ</button>
      </div>
      <button class="pv-comm-sheet-close" onclick="_commCloseTlDetailSheet()">ปิด</button>
    </div>
  </div>`;
  requestAnimationFrame(()=>ov.classList.add('on'));
}
function _commCloseTlDetailSheet() {
  const ov = document.getElementById('pv-comm-tl-sheet-overlay');
  if (!ov) return;
  ov.classList.remove('on');
  setTimeout(()=>{ ov.innerHTML=''; }, 260);
}
window._commOpenTlDetailSheet = _commOpenTlDetailSheet;
window._commCloseTlDetailSheet = _commCloseTlDetailSheet;

// Inject CSS for TL badge + TL detail sheet + KAM list
(function(){
  if (document.getElementById('_comm_tl_styles')) return;
  const s = document.createElement('style');
  s.id = '_comm_tl_styles';
  s.textContent = `
    .tv-mult-badge{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--fw-bold);padding:1px 5px;border-radius:var(--r-xs);margin-left:4px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.6);vertical-align:middle}
    .tv-mult-badge.ok{background:rgba(255,224,138,.15);color:#ffe08a}
    .tv-mult-badge.loading{color:rgba(255,255,255,.52)}
    .pv-comm-tl-mult{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(255,224,138,.07);border:1px solid rgba(255,224,138,.18);border-radius:var(--r-8);font-size:var(--text-md);font-weight:var(--fw-semi);color:rgba(255,255,255,.85);margin:8px 0 0}
    .pv-comm-tl-kam-header{display:grid;grid-template-columns:1fr 44px 76px;gap:4px;padding:6px 0 4px;font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.52);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid rgba(255,255,255,.07);margin-top:6px}
    .pv-comm-tl-kam-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto;margin-top:2px}
    .pv-comm-tl-kam-row{display:grid;grid-template-columns:1fr 44px 76px;grid-template-rows:auto auto;gap:1px 4px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}
    .pv-comm-tl-kam-row:last-child{border-bottom:none}
    .pv-comm-tl-kam-name{font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--tk-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-row:1;grid-column:1}
    .pv-comm-tl-kam-nrr{font-size:var(--text-sm);color:rgba(255,255,255,.55);text-align:right;grid-row:1;grid-column:2}
    .pv-comm-tl-kam-pay{font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);font-weight:var(--fw-bold);text-align:right;grid-row:1;grid-column:3}
    .pv-comm-tl-kam-detail{grid-column:1/-1;grid-row:2;font-size:var(--text-xs);color:rgba(255,255,255,.72);line-height:1.4}
  `;
  (document.head || document.body).appendChild(s);
})();
window._commCloseKamSelfSheet = _commCloseKamSelfSheet;

function _commSnapshotCsv(rows, periodOverride) {
  // E9 (สัญญา v2): งวดที่ใช้กติกา HO ครั้งเดียว ⇒ คอลัมน์สุดท้าย handover_repeat_skipped (จำนวนสาขาที่ไม่นับซ้ำ)
  // งวดก่อน ต.ค. 2026 ⇒ หัวตาราง/แถวเหมือนเดิมทุกตัวอักษร
  const _hoCol = _commHoOnceApplies(periodOverride || ((rows && rows[0] && rows[0].period_month) || ''));
  const header = [
    'period_month','beneficiary_role','beneficiary_email','team_lead_email',
    'name','raw_nrr_pct','governed_nrr_pct',
    'nrr_payout','upsell_sku','upsell_outlet','handover',
    'subtotal','gate_cap','final_payout',
    'handover_retention_pct','handover_accounts',
    'p1_gmv','p3_incremental','upsell_mult',
    'snapshot_status','computed_at'
  ].concat(_hoCol ? ['handover_repeat_skipped'] : []).join(',');
  const esc = v => {
    const s = v === null || v === undefined ? '' : String(v);
    return s.includes(',') || s.includes('"') || s.includes('\n')
      ? '"' + s.replace(/"/g,'""') + '"' : s;
  };
  const dataRows = rows.map(r => {
    const bd = r.breakdown || {};
    const isKam = r.beneficiary_role === 'kam';
    const name = bd.kam_name || bd.team_lead_name || r.beneficiary_email;
    const upsellSku   = isKam && bd.upsell_sku ? bd.upsell_sku.total_commission : '';
    const upsellOut   = isKam && bd.upsell_outlet ? bd.upsell_outlet.commission : '';
    const handoverPay = isKam && bd.handover ? bd.handover.payout : '';
    const subtotal    = isKam && bd.components_subtotal !== undefined ? bd.components_subtotal : '';
    const gateCap     = isKam && bd.gmv_gate ? bd.gmv_gate.cap_multiplier : '';
    const retPct      = isKam && bd.handover ? bd.handover.retention_pct : '';
    const hoAccts     = isKam && bd.handover ? bd.handover.accounts : '';
    const p1Gmv       = isKam && bd.upsell_sku && bd.upsell_sku.p1 ? bd.upsell_sku.p1.gmv : '';
    const p3Incr      = isKam && bd.upsell_sku && bd.upsell_sku.p3 ? bd.upsell_sku.p3.gmv_incremental : '';
    const upsellMult  = !isKam && bd.upsell_mult ? bd.upsell_mult.multiplier : '';
    return [
      esc(r.period_month), esc(r.beneficiary_role), esc(r.beneficiary_email), esc(r.team_lead_email),
      esc(name), esc(r.raw_nrr_pct), esc(r.governed_nrr_pct),
      esc(bd.nrr_payout !== undefined ? bd.nrr_payout : ''), esc(upsellSku), esc(upsellOut), esc(handoverPay),
      esc(subtotal), esc(gateCap), esc(r.payout_amount),
      esc(retPct), esc(hoAccts),
      esc(p1Gmv), esc(p3Incr), esc(upsellMult),
      esc(r.snapshot_status), esc(bd.computed_at || '')
    ].concat(_hoCol ? [esc(bd.handover ? _commHoSkippedCount(bd.handover) : '')] : []).join(',');
  });
  return [header, ...dataRows].join('\n');
}
// SECTION:SNAPSHOT_LOCK
function exportCommissionSnapshotCsv(periodOverride) {
  // v288: export from stored snapshot (draft or final) — not live recompute
  // This ensures CSV matches what was locked, not a re-run at export time.
  const period = periodOverride || _nrrExclusionCurrentPeriod();
  const stored = (_commissionSnapshots || []).filter(r => r.period_month === period);
  let rows = stored.length ? stored : _commBuildSnapshotRows();
  const source = stored.length ? (stored.some(r => r.snapshot_status === 'final') ? 'final' : 'draft') : 'live';
  // รอบ B: งวดแบบใหม่ที่ยังไม่บันทึก ⇒ ไฟล์ใช้ยอดจริงรายคนของงวดที่ขอ · ยังคิดไม่ครบทุกคน = ไม่ออกไฟล์ (ห้ามออกยอดครึ่งเดียว)
  if (!stored.length && _commIsExplicit(period)) {
    const lx = _commLiveExactRows(_commBuildSnapshotRows(period), period);
    if (lx.live && !lx.live.complete) {
      if (typeof showToast === 'function') showToast('ยังออกไฟล์ไม่ได้ — ' + _commLiveProgressTh(lx.live), '!');
      return;
    }
    rows = lx.rows;
  }
  if (!rows.length) {
    if (typeof showToast === 'function') showToast('ยังไม่มีข้อมูล snapshot ให้ export', '!');
    return;
  }
  const csv = _commSnapshotCsv(rows, period);
  const blob = new Blob([csv], { type:'text/csv;charset=utf-8;' });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = `freshket_commission_${source}_${period}.csv`;
  document.body.appendChild(a);
  a.click();
  a.remove();
  URL.revokeObjectURL(url);
  console.log(`[CommExport] exported ${rows.length} rows from ${source} snapshot for ${period}`);
}
// v288: computeCommissionDraft — บันทึก draft ก่อน lock
// Admin กด Compute → เห็นตัวเลข frozen → กด Lock → เปลี่ยนเป็น final
// ── v_clock: ถามฐานข้อมูลตรงๆ ว่าเดือนนั้นมี snapshot อยู่ไหม ────────────────
//
// ทำไมต้องมี: `_commissionSnapshots` ถูกโหลดมาแค่ไตรมาสปัจจุบัน
// (loadTargets → `.in('period_month', months)` ~:1446) แต่โค้ดหลายจุดใช้มันเป็น
// ตัวตัดสินว่า "เดือนนี้มี snapshot แล้วหรือยัง" ซึ่งพังที่รอยต่อไตรมาส:
//
//   วันที่ 1-3 ต.ค. → prevPeriod = '2026-09' ซึ่งเป็นเดือนของ Q3
//   แต่ loadTargets โหลดแค่ Q4 (ต.ค./พ.ย./ธ.ค.) → ก.ย. ไม่อยู่ในหน่วยความจำ
//   → ทั้ง auto-compute และตัวกัน "อย่าทับของที่ lock แล้ว" ตาบอดพร้อมกัน
//   → ทับ snapshot ก.ย. ที่ lock ไปแล้วให้กลับเป็น draft พร้อมตัวเลขใหม่ เงียบๆ
//
// คืน { rows, hasAny, hasFinal, lockedTotal } · คืน null เมื่อ query ไม่สำเร็จ
// (ผู้เรียกต้องแยก "ไม่มี" กับ "ถามไม่ได้" ให้ออก — ห้ามตีเป็นไม่มีแล้วเขียนทับ)
async function _commSnapshotStateFromDb(period) {
  try {
    if (typeof supa === 'undefined' || !supa || !period) return null;
    const { data, error } = await supa.from('commission_payout_snapshots')
      .select('period_month,beneficiary_role,beneficiary_email,payout_amount,snapshot_status')
      .eq('period_month', period);
    if (error) throw new Error(error.message);
    const rows = data || [];
    const finals = rows.filter(r => String(r.snapshot_status || '').toLowerCase() === 'final');
    return {
      rows,
      hasAny: rows.length > 0,
      hasFinal: finals.length > 0,
      finalCount: finals.length,
      lockedTotal: finals.reduce((s, r) => s + Number(r.payout_amount || 0), 0)
    };
  } catch (e) {
    console.error('[CommEngine] _commSnapshotStateFromDb failed for ' + period, e);
    return null;   // null = ถามไม่ได้ ไม่ใช่ "ไม่มี"
  }
}
window._commSnapshotStateFromDb = _commSnapshotStateFromDb;

// ── v_clock: mutex กัน compute ซ้อน ──────────────────────────────────────────
// เดิมไม่มีอะไรกันเลย — auto-compute ยิงที่ T+1.5s ขณะที่ผู้ใช้กด Compute/Lock
// มือได้พร้อมกัน ทั้งสองเขียนทับ key เดียวกัน (onConflict period+role+email)
// last-write-wins · admin 2 คนเปิดพร้อมกันก็ยิงซ้อนกันได้เหมือนกัน
let _commComputeInFlight = null;   // เก็บ period ที่กำลังทำ ไม่ใช่แค่ boolean
window._commIsComputeInFlight = function () { return _commComputeInFlight; };

async function computeCommissionDraft(periodOverride) {
  const period = periodOverride || _nrrExclusionCurrentPeriod();
  // minor 2: งวดแบบใหม่ทำงานแบบปักหมุดงวดเสมอ — computeCommissionDraft() ไม่ส่งงวด = ('<งวดนั้น>') ทุกอย่าง
  // (ตัวกันในตัวคิดรายคนดู periodOverride · งวดเก่าไม่ผ่านบรรทัดนี้ ทางเดิมทุกตัวอักษร)
  if (!periodOverride && _commIsExplicit(period)) periodOverride = period;
  // v_augfix: a month still in progress has no complete data, so a snapshot of it
  // can only ever be a partial figure wearing a final-looking label. That is what
  // the 2026-08 draft was: written at 00:27 on Aug 1 with July's numbers inside.
  // Only closed months get snapshot rows; the in-flight month is viewed live in
  // /nrr instead. Guard placed before the in-flight lock so a rejected call never
  // takes it.
  if (!_commPeriodIsClosed(period)) {
    console.warn('[CommDraft] ' + period + ' ยังไม่จบเดือน — ไม่เขียน snapshot');
    if (typeof showToast === 'function') {
      showToast('เดือน ' + period + ' ยังไม่จบ — ค่าคอมฯ จะคำนวณให้เมื่อสิ้นเดือน ระหว่างนี้ดูยอดสดได้ที่หน้า NRR', '!');
    }
    return false;
  }
  // v_clock: กัน compute ซ้อน — ยอมให้คนละเดือนทำพร้อมกันได้ แต่เดือนเดียวกันห้าม
  if (_commComputeInFlight === period) {
    console.warn('[CommDraft] compute ' + period + ' กำลังทำอยู่แล้ว — ข้ามรอบนี้');
    if (typeof showToast === 'function') showToast('กำลังคำนวณ ' + period + ' อยู่ รอสักครู่', '!');
    return false;
  }
  _commComputeInFlight = period;
  try {
    return await _computeCommissionDraftInner(periodOverride, period);
  } finally {
    _commComputeInFlight = null;
  }
}

// v305 (2026-09-08): โหลดไฟล์ upsell ของทุกคนให้ครบก่อนคำนวณ
// เดิม compute พึ่งการโหลดเบื้องหลังตอนเปิดแอป (_startTlBundlePrewarm ยิงเป็น batch ละ 4
// ใช้เวลาหลายสิบวินาทีถึงเป็นนาที) ถ้ากดเร็วกว่านั้น คนที่ไฟล์ยังไม่มา
// จะได้ kamData ว่าง → _commComputeUpsellSku คืน null (ตั้งใจ: งวดที่ปักหมุดห้ามเดา ฿0)
// → _refused → ทั้งงวดถูกยกเลิกพร้อมข้อความ "ไม่มีข้อมูลสำหรับ compute"
// เจอจริง 8 ก.ย. 2026 ตอนกด Compute งวด ส.ค. (tl 2 คน + kam หลายคน)
// ⇒ ให้ compute เป็นคนรอไฟล์เอง แล้วปลุกตัวย้ายเจ้าของรายเดือนอีกครั้งก่อนคิดเลข
// opts.force (งวดแบบใหม่ · minor 4): โหลดไฟล์ของทุกคนใหม่จาก R2 ไม่ใช้ของที่โหลดไว้ตอนเปิดแอป/แคชในเครื่อง
// ⇒ ไฟล์ที่อัปโหลดใหม่หลังสิ้นเดือนถูกใช้ทันที · คืน { asked, failed:[อีเมลที่โหลดใหม่ไม่สำเร็จ] }
async function _commEnsureUpsellBundles(opts) {
  const _force = !!(opts && opts.force);
  if (typeof _fetchUpsellBundle !== 'function') return { asked: 0, failed: [] };
  const want = new Set();
  const add = e => { if (e) want.add(String(e).trim().toLowerCase()); };
  try { (portviewBulkData || []).forEach(r => { if (r) add(r.kamEmail); }); } catch (e) {}
  try {
    Object.values(_commPeopleRoster || {}).forEach(p => {
      if (p && String(p.role).toLowerCase() === 'rep') add(p.email);
    });
  } catch (e) {}
  // ⭐ เจ้าของรายเดือน (รวมคนที่ออกไปแล้วแต่เดือนนั้นยังเป็นของเขา) — ไฟล์ของเขาอาจว่าง
  //    แต่ต้องดึงไฟล์ของคนที่ถือพอร์ตวันนี้มาให้ครบ ตัวย้ายจะพาแถวมาให้เอง
  try {
    const q = window.bulkQnrrData;
    if (q && q.byKamEmail) Object.keys(q.byKamEmail).forEach(add);
  } catch (e) {}
  const list = Array.from(want).filter(Boolean);
  const failed = [];
  // ⚠️ ต้องทีละคน ห้ามยิงขนาน: _fetchUpsellBundle ตั้ง window._upsellIngestEmail
  // เป็นตัวบอกว่า "ไฟล์ที่กำลังแยกอยู่เป็นของใคร" (ไฟล์ upsell ไม่มีคอลัมน์เจ้าของ)
  // ยิงขนานกัน 2 คนขึ้นไป ค่านั้นจะทับกันกลางทาง แถวจะไปอยู่ผิดคนหรือถูกทิ้งทั้งหมด
  // (เจอจริง 8 ก.ย. 2026: ยิง batch 5 แล้ว byKam ว่างเปล่า → compute ปฏิเสธทั้งงวด)
  for (let i = 0; i < list.length; i++) {
    // v_gate: บัตรผ่านใช้ไม่ได้ ⇒ หยุด · ตัวคำนวณจะปฏิเสธเองเพราะไฟล์ไม่ครบ (ไม่จ่ายเงินจากข้อมูลครึ่งเดียว)
    if (window.SenseDataClient && window.SenseDataClient.authBlocked()) break;
    if (typeof showToast === 'function' && i % 5 === 0) {
      showToast('โหลดไฟล์ upsell ' + (i + 1) + '/' + list.length + '...', 'i');
    }
    let _ok = false;
    try { _ok = _force ? await _fetchUpsellBundle(list[i], { force: true }) : await _fetchUpsellBundle(list[i]); } catch (e) { _ok = false; }
    if (!_ok) failed.push(list[i]);
  }
  try { if (typeof window._upsellRemapPeriodOwners === 'function') window._upsellRemapPeriodOwners(); } catch (e) {}
  return { asked: list.length, failed };
}
window._commEnsureUpsellBundles = _commEnsureUpsellBundles;

async function _computeCommissionDraftInner(periodOverride, period) {
  // v_asof: ต้องมีกติกาของเดือนที่กำลังคิดจริงก่อน — ห้ามคิดด้วยค่าตั้งต้นแบบรายเดือน
  // (เคยเกิดจริงเช้า 1 ต.ค. 2026: ร่าง ก.ย. ถูกคิดเทียบ ส.ค. ทุกคนได้ ฿0)
  let _polState = await _nrrGovEnsureLoaded(period);
  // v_qdefault: ยังไม่มีแถว แต่อยู่ในยุครายไตรมาส ⇒ ให้เจ้าของระบบยืนยันค่าตั้งต้นแล้วบันทึกก่อนคิด
  if (_polState === 'missing') {
    const _conf = await _nrrGovConfirmDefault(period);
    if (_conf === 'ok') _polState = 'ok';
  }
  if (_polState !== 'ok') {
    const _msg = _polState === 'missing'
      ? 'ยังไม่มีกติกาค่าคอมฯ ของเดือน ' + period + ' — ต้องตั้งกติกาก่อนถึงจะคำนวณได้'
      : 'อ่านกติกาค่าคอมฯ ของเดือน ' + period + ' ไม่ได้ — ยกเลิกเพื่อไม่ให้คิดผิดแบบ';
    console.error('[CommDraft] ' + _msg);
    if (typeof showToast === 'function') showToast(_msg, '!');
    return false;
  }
  // ── R1 (arch round 1): งวดแบบใหม่ — ด่านก่อนคิดเงินทั้งรอบ ────────────────────────────
  // ทุกข้อไม่ผ่าน = ไม่คิด ไม่เขียนอะไร พร้อมบอกเหตุเป็นภาษาไทย (งวดเก่าข้ามบล็อกนี้ทั้งก้อน)
  const _explicit = _commIsExplicit(period);
  const _refuseRun = (th) => {
    console.error('[CommDraft] ' + period + ': ' + th);
    try { window._commLastRefusal = { period, refused: [th], at: Date.now() }; } catch (e) {}
    if (typeof showToast === 'function') showToast('ยังคิดค่าคอมฯ ' + _commPeriodLabelTh(period) + ' ไม่ได้: ' + th, '!');
    return false;
  };
  let _flHash = null;
  if (_explicit) {
    // ก้อนกฎของ domain ต้องอยู่ครบ (แอปรุ่นที่ build ไม่ครบ = ไม่คิด)
    const _dp = _commDomainProblem();
    if (_dp) return _refuseRun(_dp);
    // R1-5: แอปรุ่นเก่ากว่ารุ่นต่ำสุดที่คิดเงินได้ = ไม่คิด (กันมือถือที่ค้างรุ่นเก่า)
    const _bp = _commBuildGateProblem();
    if (_bp) return _refuseRun(_bp);
    // R1-3 b: เกณฑ์ที่แก้ค้างใน Cockpit ยังไม่บันทึก = ห้ามเอาไปคิดเงินจริง
    if (_commHasPendingChanges()) return _refuseRun('มีเกณฑ์ที่แก้ค้างไว้ใน Commission Cockpit ยังไม่ได้บันทึก — บันทึกหรือยกเลิกก่อนคิดเงิน');
    // R1-3 a: โหลดเกณฑ์ การผูกเกณฑ์ waiver ฯลฯ ของไตรมาสของงวดนี้ใหม่จากฐานข้อมูล ห้ามใช้ของค้างในเครื่อง
    const _fl = await _commForceLoadPeriod(period);
    if (!_fl.ok) return _refuseRun(_fl.problems.join(' · '));
    _flHash = _fl.hash;   // M1: ลายนิ้วมือของชุดที่เพิ่งโหลด — เทียบอีกครั้งทันทีก่อนสร้างแถว
    // โหลดใหม่แล้วกติกางวดต้องยังอยู่ (ถ้าหายระหว่างนั้น = ไม่รู้วิธีคิด)
    if (!_nrrGovHas(period)) return _refuseRun('ไม่พบกติกาค่าคอมฯ ของเดือนนี้หลังโหลดใหม่');
    // รุ่นต่ำสุดอาจเพิ่งถูกตั้งในฐานข้อมูล — ตรวจซ้ำกับค่าที่เพิ่งโหลด
    const _bp2 = _commBuildGateProblem();
    if (_bp2) return _refuseRun(_bp2);
  }
  // v_clock: ถาม DB ตรงๆ ก่อน แล้วเอาผลไปเสริมตัวกันเดิม — ไม่พึ่ง
  // `_commissionSnapshots` เพียงอย่างเดียวอีก (ดูเหตุผลที่ _commSnapshotStateFromDb)
  const _dbState = await _commSnapshotStateFromDb(period);
  if (_dbState === null) {
    // ถาม DB ไม่ได้ → ไม่รู้ว่ามีของ lock อยู่ไหม → ห้ามเขียนทับ ปลอดภัยกว่าเสี่ยง
    console.error('[CommDraft] อ่านสถานะ snapshot ' + period + ' จาก DB ไม่ได้ — ยกเลิกเพื่อความปลอดภัย');
    if (typeof showToast === 'function') showToast('ตรวจสถานะ ' + period + ' ไม่ได้ — ยกเลิกเพื่อไม่ให้เขียนทับ', '!');
    return false;
  }
  // v6-fix: guard against silently overwriting an already-locked (final) snapshot.
  // Root cause: this function previously unconditionally upserted fresh draft rows over
  // ANY existing row (including 'final') for the same period+role+email key -- no check,
  // no warning. Clicking "Compute" again on an already-locked period would silently
  // demote it back to 'draft' with freshly-computed (possibly different) numbers, with
  // no way to know it happened. Same confirm() pattern already used below in
  // lockCommissionSnapshot() for the pending-exclusion check.
  // v_clock: เดิมบรรทัดนี้อ่านจาก `_commissionSnapshots` ที่มีแค่ไตรมาสปัจจุบัน
  // ทำให้ตัวกันนี้ตาบอดสนิทที่รอยต่อไตรมาส · ใช้ผลจาก DB เป็นความจริง แล้วเก็บ
  // in-memory ไว้เป็นตัวสำรองเผื่อ DB คืนมาไม่ครบ (union ไม่ใช่ทางเลือกใดทางเดียว)
  const _memLocked = (_commissionSnapshots || []).filter(r =>
    r.period_month === period && r.snapshot_status === 'final'
  );
  const _lockedRows = _dbState.finalCount >= _memLocked.length
    ? _dbState.rows.filter(r => String(r.snapshot_status || '').toLowerCase() === 'final')
    : _memLocked;
  let _overwroteLock = false;
  if (_lockedRows.length) {
    const _lockedTotal = _lockedRows.reduce((sum, r) => sum + Number(r.payout_amount || r.final_payout || 0), 0);
    const _confirmMsg = `⚠️ เดือน ${period} ถูก Lock แล้ว ${_lockedRows.length} รายการ (รวม ${typeof _commFmtPayout === 'function' ? _commFmtPayout(_lockedTotal) : '฿' + Math.round(_lockedTotal).toLocaleString('en-US')})\n\nComp ใหม่จะ Unlock และเขียนทับตัวเลขที่ lock ไว้ทั้งหมด ไม่สามารถย้อนกลับได้ ต้องการดำเนินการต่อหรือไม่?`;
    if (!confirm(_confirmMsg)) {
      if (typeof showToast === 'function') showToast('ยกเลิก — ข้อมูลที่ lock ไว้ไม่ถูกแตะต้อง', '!');
      console.warn(`[CommDraft] user declined overwrite of ${_lockedRows.length} locked rows for ${period}`);
      return false;
    }
    _overwroteLock = true;
    console.warn(`[CommDraft] user confirmed overwrite of ${_lockedRows.length} locked rows for ${period}`);
  }
  // v826: thread periodOverride through — previously always computed live/current data
  // and just relabeled it, which is why retroactive Compute produced wrong numbers.
  // v_handover: ไฟล์มีร้านในพอร์ต KAM ที่ชื่อเจ้าของไม่อยู่ในชีท Roster → ค่าคอมฯ ของร้านพวกนั้นไม่ไปหาใคร
  // ให้คนกดเห็นชื่อและตัดสินใจเอง ไม่เดินต่อเงียบๆ และไม่บล็อกตลอดกาลเพราะชื่อระบบอย่าง "Admin Freshket"
  try {
    const _uo = (window.bulkQnrrData && window.bulkQnrrData.unmappedOwners) || {};
    const _names = Object.keys(_uo);
    if (_names.length) {
      const _list = _names.map(n => `• ${n} — ${_uo[n]} แถว`).join('\n');
      const _msg = `⚠️ ไฟล์ข้อมูลมีร้านในพอร์ต KAM ที่ชื่อเจ้าของไม่อยู่ในชีท Roster\n\n${_list}\n\n` +
        `ค่าคอมฯ ของร้านพวกนี้จะไม่ไปหาใครเลย ถ้าเป็นคนจริง ให้เพิ่มในชีทแล้วรอไฟล์ใหม่ก่อน\n\nคำนวณต่อโดยข้ามร้านพวกนี้ไหม?`;
      if (!confirm(_msg)) {
        if (typeof showToast === 'function') showToast('ยกเลิก — แก้ชีท Roster แล้วรอไฟล์ใหม่ก่อน', '!');
        return false;
      }
    }
  } catch (e) {}
  // HO ครั้งเดียวต่อสาขา: โหลดรายชื่อสาขาที่นับแล้ว "สด" ทุกครั้งก่อนสร้าง draft
  // (ไม่ใช้ของที่โหลดไว้ตอนเปิดแอป — ระหว่างนั้นอาจมีงวดอื่นถูกล็อกเพิ่ม)
  // โหลดไม่ได้ = ไม่รู้ว่าร้านไหนนับไปแล้ว ⇒ ไม่คิดงวดนี้เลย · งวดก่อน ต.ค. 2026 ข้ามบล็อกนี้ทั้งก้อน
  // B7: "สดพอจะเขียนเงิน" = การโหลดบังคับในรอบนี้สำเร็จจริง (loaded และไม่มี error)
  // v3 ข้อ 2: และข้อมูลต้องมาจากคำขอที่เริ่มหลังกดครั้งนี้ (at >= t0) — ไม่ใช่ของคำขอที่วิ่งอยู่ก่อนหน้า
  if (_commHoOnceApplies(period)) {
    const _t0 = Date.now();
    const _hl = await _commEnsureHoLedger(true);
    if (!_hl || !_hl.loaded || _hl.error || !((_hl.at || 0) >= _t0)) {
      const _hm = 'ยังคำนวณงวด ' + _commPeriodLabelTh(period) + ' ไม่ได้: ' + COMM_HO_LEDGER_FAIL_TH;
      console.error('[CommDraft] ' + _hm, _hl && _hl.error);
      try { window._commLastRefusal = { period, refused: [COMM_HO_LEDGER_FAIL_TH], at: Date.now() }; } catch (e) {}
      if (typeof showToast === 'function') showToast(_hm, '!');
      return false;
    }
  }
  // v305: รอไฟล์ upsell ให้ครบก่อน ไม่งั้นคนที่ไฟล์ยังไม่มาจะทำให้ทั้งงวดถูกปฏิเสธ
  // minor 4: งวดแบบใหม่โหลดไฟล์ของทุกคนใหม่จาก R2 (ไม่ใช้ของที่โหลดไว้ตอนเปิดแอป) แล้วตรวจความครบทีละไฟล์
  let _refetchFailed = [];
  try {
    if (typeof showToast === 'function') showToast('กำลังโหลดไฟล์ upsell ให้ครบก่อนคำนวณ...', 'i');
    const _bw = _explicit ? await _commEnsureUpsellBundles({ force: true }) : await _commEnsureUpsellBundles();
    if (_explicit && _bw && Array.isArray(_bw.failed)) _refetchFailed = _bw.failed;
    console.log('[CommDraft] โหลดไฟล์ upsell ครบ ' + (_bw && _bw.asked) + ' คน ก่อนคำนวณ ' + period);
  } catch (e) { console.warn('[CommDraft] โหลดไฟล์ upsell ไม่ครบ — ปล่อยให้ตัวกันเดิมทำงาน', e); }
  // ── หน้าต่างรอบคิดเงิน (งวดแบบใหม่) ─────────────────────────────────────────────────────
  // _commPreBuildCheck เปิด · ตั้งแต่ตรงนี้ถึงการจด rules_used ไม่มี await ⇒ ไม่มีใครแก้ Cockpit/โหลดเกณฑ์ทับได้ระหว่างนั้น
  // ปิดใน finally เสมอ (minor 3) — ตัวสร้างแถวพังกลางทางต้องไม่ทิ้งหน้าต่างค้างให้จอสดกลายเป็นทางเงิน
  const _pre = _explicit ? _commPreBuildCheck(period, { expectHash: _flHash, refetchFailed: _refetchFailed }) : null;   // M1 + R1-3 i + R1-2 + minor 7
  if (_pre && _pre.why) return _refuseRun(_pre.why);
  let rows = null, _finishWhy = '';
  try {
    try {
      rows = _commBuildSnapshotRows(periodOverride);
    } catch (e) {
      if (!_explicit) throw e;   // งวดเก่า: เหมือนเดิมทุกอย่าง
      _finishWhy = 'ตัวคิดเงินพังระหว่างสร้างแถว: ' + ((e && e.message) || e);
    }
    if (_explicit && !_finishWhy) _finishWhy = _commFinishExplicitRows(period, rows, _commExplicitRunFor(period), _pre);
  } finally {
    if (_explicit) _commTakeExplicitRun(period);
  }
  if (_finishWhy) return _refuseRun(_finishWhy);
  if (!rows.length) {
    // งวดที่ใช้กติกา HO ครั้งเดียว: บอกเหตุเป็นภาษาคน + ชื่อเดือนไทย (ไม่ใช่ '2026-10' กับอีเมล)
    const _whyTh = _commHoOnceApplies(period) ? _commRefusalTh(period) : '';
    if (_whyTh) { if (typeof showToast === 'function') showToast(_whyTh, '!'); return false; }
    const _why = (window._commLastRefusal && window._commLastRefusal.period === period)
      ? ' — คำนวณไม่ได้: ' + window._commLastRefusal.refused.slice(0, 3).join(', ') + (window._commLastRefusal.refused.length > 3 ? ' …' : '')
      : '';
    if (typeof showToast === 'function') showToast('ไม่มีข้อมูลสำหรับ compute' + _why, '!');
    return false;
  }
  const actor = (currentUserProfile && currentUserProfile.email) || '';
  // R1-5: เลขรอบคิด — ทุกแถวของรอบนี้ใช้เลขเดียวกัน Lock รับเฉพาะรอบล่าสุดที่ครบ
  const _computeId = _explicit ? _commNewComputeId() : null;
  const _computeStartedAt = _explicit ? new Date().toISOString() : null;
  if (_explicit) {
    const _unstamped = rows.filter(r => { const bd = r.breakdown || {};
      return !bd.engine_build || (bd.type !== 'skipped' && !(bd.rules_used && bd.rules_used.schema === 1)); });
    if (_unstamped.length) return _refuseRun('จดเกณฑ์ที่ใช้/รุ่นของแอปลงแถวไม่ครบ ' + _unstamped.length + ' แถว');
  }
  try {
    const payload = rows.map(r => ({
      ...r,
      period_month: period,
      snapshot_status: 'draft',
      // note: retroactive/manual tag stored inside breakdown jsonb —
      // commission_payout_snapshots has no top-level column for it (was causing 400 error)
      breakdown: {
        ...(r.breakdown || {}),
        ...(_explicit ? { compute_id: _computeId, compute_started_at: _computeStartedAt, compute_rows: rows.length } : {}),
        lock_note: periodOverride ? 'retroactive' : 'manual',
        // v6-fix: audit trail for lock-overwrite events, so a review of breakdown jsonb
        // shows exactly when/who/what got unlocked-and-recomputed, not just a silent gap.
        ...(_overwroteLock ? { unlock_overwrite_at: new Date().toISOString(), unlock_overwrite_by: actor } : {})
      },
      updated_at: new Date().toISOString(),
      updated_by: actor,
      created_by: r.created_by || actor
    }));
    const { data, error } = await supa.from('commission_payout_snapshots')
      .upsert(payload, { onConflict: 'period_month,beneficiary_role,beneficiary_email' })
      .select('*');
    if (error) throw new Error(error.message);
    // R1-5: ร่างเก่าของงวดนี้ที่รอบนี้ไม่ได้สร้าง (คนที่ไม่อยู่ในรอบนี้แล้ว เช่นเปลี่ยนตำแหน่ง) ลบทิ้ง
    // เลือก "ลบ" แทน "ข้ามตอนล็อก": ร่างค้างจะถูกจอ/รายงานนับปน และเครื่องรุ่นเก่าที่ล็อกทุกแถวจะล็อกมันไปด้วย
    // ร่างคือของที่คิดใหม่ได้เสมอ (ไม่ใช่เงินที่จ่ายแล้ว) และ trigger บันทึกการแก้จดการลบไว้ · แถว final ไม่ถูกแตะ
    let _staleLeft = 0;
    if (_explicit) {
      try {
        const _keep = new Set(payload.map(r => String(r.beneficiary_role) + '|' + String(r.beneficiary_email || '').toLowerCase()));
        const { data: _cur, error: _curErr } = await supa.from('commission_payout_snapshots')
          .select('id,beneficiary_role,beneficiary_email,snapshot_status')
          .eq('period_month', period).eq('snapshot_status', 'draft');
        if (_curErr || !Array.isArray(_cur)) throw new Error((_curErr && _curErr.message) || 'อ่านร่างของงวดนี้ไม่ได้');
        const _stale = _cur.filter(r => r && r.id != null && !_keep.has(String(r.beneficiary_role) + '|' + String(r.beneficiary_email || '').toLowerCase()));
        if (_stale.length) {
          const { error: _delErr } = await supa.from('commission_payout_snapshots').delete()
            .in('id', _stale.map(r => r.id)).eq('snapshot_status', 'draft');
          if (_delErr) throw new Error(_delErr.message);
          console.warn('[CommDraft] ลบร่างเก่าที่รอบนี้ไม่ได้สร้าง ' + _stale.length + ' แถว', _stale.map(r => r.beneficiary_role + ':' + r.beneficiary_email));
        }
      } catch (e) {
        _staleLeft = 1;
        console.error('[CommDraft] ลบร่างเก่าไม่สำเร็จ — Lock จะไม่ยอมจนกว่าคำนวณใหม่ได้ครบ', e);
      }
    }
    // Merge into _commissionSnapshots — keep rows for other periods intact
    const others = (_commissionSnapshots || []).filter(r => r.period_month !== period);
    _commissionSnapshots = [...others, ...(data || payload)];
    if (_staleLeft && typeof showToast === 'function') showToast('Compute สำเร็จ แต่ลบร่างเก่าของงวดนี้ไม่ได้ — กด Compute อีกครั้งก่อนล็อก', '!');
    else if (typeof showToast === 'function') showToast('Compute สำเร็จ — ตรวจก่อนกด Lock', 'ok');
    // fix: renderCommissionLockTab() targets #tgt-sheet-body (KAM/TL personal scorecard sheet),
    // NOT #commission-cockpit-body where the Cockpit's Lock/Retroactive section actually lives.
    // Re-render whichever surface is currently open so the just-saved draft becomes visible.
    const _cockpitOpen = document.getElementById('commission-cockpit-overlay')?.classList.contains('open');
    if (_cockpitOpen && typeof renderCommissionCockpit === 'function') renderCommissionCockpit();
    else if (typeof renderCommissionLockTab === 'function') renderCommissionLockTab();
    console.log(`[CommDraft] saved ${payload.length} draft rows for ${period}`);
    return true;
  } catch (e) {
    console.error('[CommDraft] failed:', e);
    const _hoTh = _commHoDbErrorTh(e && e.message);   // ด่าน HO ในฐานข้อมูล → ไทย + alert
    if (_hoTh) _commHoAlert(_hoTh);
    else if (typeof showToast === 'function') showToast('Compute ไม่สำเร็จ: ' + (e.message || ''), '!');
    return false;
  }
}
window.computeCommissionDraft = computeCommissionDraft;

// C3: สาขาใน draft ของงวดนี้ที่ห้ามล็อก แยกสองแบบ (สัญญา v3 ข้อ 4) — ทุกรายการมีรหัสสาขา
//   other = นับไปแล้วในงวดอื่น (รายชื่อสด) → "<ชื่อ> (<รหัสสาขา>) นับแล้วงวด ก.ย."
//   same  = อยู่ในแถวของสองคนในงวดเดียวกัน → "<ชื่อ> (<รหัสสาขา>)"
function _commHoLockRepeats(draftRows, period) {
  const owner = {}, seen = {}, other = [], same = [];
  const label = (oid, nm) => (nm && String(nm) !== oid) ? String(nm) + ' (' + oid + ')' : oid;
  (draftRows || []).forEach(r => {
    const ho = r && r.breakdown && r.breakdown.handover;
    const det = (ho && Array.isArray(ho.detail)) ? ho.detail : [];
    const who = String((r && r.beneficiary_role) || '') + '|' + String((r && r.beneficiary_email) || '').toLowerCase();
    det.forEach(d => {
      const oid = String((d && d.outlet_id) == null ? '' : d.outlet_id).trim();
      if (!oid) return;
      const prev = _commHoRepeatOf(oid, period);
      if (prev) {
        if (!seen[oid]) { seen[oid] = 1; other.push(label(oid, d.name) + ' นับแล้วงวด ' + _commHoMonthTh(prev, period)); }
        return;
      }
      if (owner[oid] && owner[oid] !== who) {
        if (!seen[oid]) { seen[oid] = 1; same.push(label(oid, d.name)); }
        return;
      }
      owner[oid] = owner[oid] || who;
    });
  });
  return { other, same };
}
// ข้อความ alert ของ C3 — มีทั้งสองแบบ ⇒ แบบงวดอื่นก่อน คั่นย่อหน้า · ไม่มีเลย ⇒ ''
function _commHoLockRepeatsTh(rep) {
  const parts = [];
  if (rep && rep.other && rep.other.length) {
    parts.push('บันทึกไม่ได้: มีสาขาที่เคยนับ HO ไปแล้ว — ' + rep.other.join(', ') + ' — กรุณากดคำนวณใหม่ก่อนล็อก');
  }
  if (rep && rep.same && rep.same.length) {
    parts.push('บันทึกไม่ได้: สาขาเดียวกันอยู่ในยอดของสองคนในงวดเดียวกัน — ' + rep.same.join(', ') + ' — แจ้งผู้ดูแลระบบ');
  }
  return parts.join('\n\n');
}
window._commHoLockRepeats = _commHoLockRepeats;
window._commHoLockRepeatsTh = _commHoLockRepeatsTh;

// R1-5: ร่างของงวดแบบใหม่ล็อกได้ไหม — '' = ได้ · ไม่งั้นเหตุภาษาไทย
//   ทุกแถวต้องมี engine_build และ compute_id · แถวที่ไม่ใช่ "ไม่เข้าเกณฑ์" ต้องมี rules_used schema 1
//   รุ่นที่คิดต้องไม่เก่ากว่ารุ่นต่ำสุด · ต้องมาจากรอบคิดเดียวกัน และครบจำนวนแถวของรอบนั้น
//   (เจอร่างจากหลายรอบปนกัน = ไม่ล็อก ให้คิดใหม่ ดีกว่าข้ามแถวแล้วล็อกชุดที่อาจไม่ครบ)
// กติกาล็อกมีที่เดียว: src/domain/commission/lock.js (lockProblems) — /nrr ใช้ตัวเดียวกัน
// ส่งแถวทั้งงวด (ร่าง + ปิดแล้ว) มาได้ · คืน '' = ล็อกได้ · ไม่งั้นเหตุภาษาไทย
function _commLockMinBuilds() {
  let nrrMin = null;
  try { nrrMin = _commMinBuildSetting('commission_min_build_nrr'); } catch (e) {}
  return { sense: _commMinBuild().build, nrr: nrrMin };
}
function _commLockDraftsProblem(rows, period) {
  const L = _commRvMod('commission/lock');
  if (!L || typeof L.lockProblems !== 'function') return 'ตัวตรวจการล็อกยังไม่โหลด — ปิดแล้วเปิดแอปใหม่ก่อนล็อก';
  const per = period || ((rows || []).find(r => r && r.period_month) || {}).period_month || null;
  // รอบ D: ร่างต้องคิดด้วยเกณฑ์ปัจจุบันของแผน (แก้เกณฑ์หลังคำนวณ = ห้ามล็อก) — เทียบกับชุดที่ผู้เรียกเพิ่งโหลดสด
  const _x = per && _commIsExplicit(per);
  const _now = (_x && typeof L.rulesNowFor === 'function') ? L.rulesNowFor(_commRuleSetForDomain(), rows || [], per) : undefined;
  // ร่างต้องยังผูกกับแผนเดิม (ผูกเกณฑ์ใหม่หลังคำนวณ = ห้ามล็อก) — การผูกของงวดนี้มาจากชุดที่เพิ่งโหลดสดเช่นกัน
  const _plan = (_x && typeof L.plansNowFor === 'function') ? L.plansNowFor(_commRuleSetForDomain(), rows || [], per, e => _commKamTlForPeriod(e, per)) : undefined;
  const res = L.lockProblems(rows || [], { period: per, minBuild: _commLockMinBuilds(), rulesNow: _now, plansNow: _plan });
  return (res && res.ok) ? '' : ((res && res.th) || 'ล็อกไม่ได้');
}
window._commLockDraftsProblem = _commLockDraftsProblem;

// v288: lockCommissionSnapshot — เปลี่ยน draft → final (ไม่ recompute)
// ถ้ายังไม่มี draft → auto-compute ก่อน แล้ว lock ต่อ
async function lockCommissionSnapshot(periodOverride) {
  const period = periodOverride || _nrrExclusionCurrentPeriod();
  const pending = (_nrrExclusions || []).filter(r => r.status === 'submitted' || r.status === 'pending').length;
  if (pending > 0 && !confirm(`ยังมี exclusion pending ${pending} รายการ ต้องการ lock ต่อเลยหรือไม่?`)) return;
  const actor = (currentUserProfile && currentUserProfile.email) || '';

  // Use stored draft if available — otherwise compute now
  let draftRows = (_commissionSnapshots || []).filter(r =>
    r.period_month === period && r.snapshot_status === 'draft'
  );
  if (!draftRows.length) {
    if (typeof showToast === 'function') showToast('กำลัง compute ก่อน lock...', 'ok');
    const ok = await computeCommissionDraft(periodOverride);
    if (!ok) return;
    draftRows = (_commissionSnapshots || []).filter(r =>
      r.period_month === period && r.snapshot_status === 'draft'
    );
  }
  if (!draftRows.length) {
    if (typeof showToast === 'function') showToast('ไม่มีข้อมูลสำหรับ lock', '!');
    return;
  }
  // ── R1-5 (arch round 1): งวดแบบใหม่ — ล็อกเฉพาะร่างของรอบคิดล่าสุดที่ครบ และต้องมีบันทึกเกณฑ์ ──────
  // อ่านร่างจากฐานข้อมูลตรง ๆ (ไม่ใช่ของในเครื่อง ซึ่งอาจค้างจากรอบอื่น/เครื่องอื่น)
  // ไม่ผ่าน = ไม่ล็อก ไม่เขียนอะไร · งวดเก่าข้ามบล็อกนี้ทั้งก้อน
  if (_commIsExplicit(period)) {
    const _lockRefuse = (th) => {
      console.error('[CommLock] ' + period + ': ' + th);
      _commHoAlert('ล็อก ' + _commPeriodLabelTh(period) + ' ไม่ได้: ' + th);
    };
    const _dp = _commDomainProblem();
    if (_dp) return _lockRefuse(_dp);
    const _bp = _commBuildGateProblem();
    if (_bp) return _lockRefuse(_bp);
    if (_commHasPendingChanges()) return _lockRefuse('มีเกณฑ์ที่แก้ค้างไว้ใน Commission Cockpit ยังไม่ได้บันทึก — บันทึกหรือยกเลิกก่อน');
    const _fl = await _commForceLoadPeriod(period);   // รอบ D: เทียบร่างกับเกณฑ์สดในฐานข้อมูล ไม่ใช่ชุดที่โหลดไว้ตอนเปิดแอป
    if (!_fl.ok) return _lockRefuse(_fl.problems.join(' · '));
    let _dbDrafts = null;
    try {
      // ทั้งงวด (ร่าง + ปิดแล้ว) — ตัวตรวจต้องเห็นแถวที่ปิดไปแล้วด้วย (ห้ามปิดซ้อน)
      const { data, error } = await supa.from('commission_payout_snapshots')
        .select('*').eq('period_month', period);
      if (error) throw new Error(error.message);
      if (!Array.isArray(data)) throw new Error('ฐานข้อมูลไม่ตอบรายการ');
      _dbDrafts = data;
    } catch (e) {
      return _lockRefuse('อ่านร่างของงวดนี้จากฐานข้อมูลไม่ได้ (' + ((e && e.message) || e) + ')');
    }
    const _why = _commLockDraftsProblem(_dbDrafts, period);
    if (_why) return _lockRefuse(_why);
    draftRows = _dbDrafts.filter(r => String((r && r.snapshot_status) || '').toLowerCase() === 'draft');
  }
  // HO ครั้งเดียวต่อสาขา (สัญญา v2 ข้อ C): ปุ่ม Lock ไม่คำนวณใหม่ ⇒ ตรวจ draft กับรายชื่อสดก่อนเขียน
  // ทุกข้อที่ไม่ผ่าน = ไม่ล็อก ไม่เขียนอะไรเลย · งวดก่อน ต.ค. 2026 ข้ามบล็อกนี้ทั้งก้อน
  if (_commHoOnceApplies(period)) {
    // C1: โหลดรายชื่อสาขาที่นับแล้ว "สด" — ระหว่างสร้าง draft กับกดล็อกอาจมีงวดอื่นถูกล็อกไปแล้ว
    // v3 ข้อ 2: ข้อมูลต้องมาจากคำขอที่เริ่มหลังกดล็อกครั้งนี้ (at >= t0)
    const _t0 = Date.now();
    const _hl = await _commEnsureHoLedger(true);
    if (!_hl || !_hl.loaded || _hl.error || !((_hl.at || 0) >= _t0)) {
      console.error('[CommLock] ' + period + ': โหลดรายชื่อสาขาที่นับ HO แล้วไม่ได้ — ไม่ล็อก', _hl && _hl.error);
      _commHoAlert('ล็อก ' + _commPeriodLabelTh(period) + ' ไม่ได้: ' + COMM_HO_LEDGER_FAIL_TH);
      return;
    }
    // C2: draft จากแอปรุ่นก่อนกติกานี้ (ค้างในเครื่องใครสักคน) ⇒ ไม่มีตราประทับ = ไม่ล็อก
    const _unstamped = draftRows.filter(r => {
      const ho = r && r.breakdown && r.breakdown.handover;
      return !!(ho && typeof ho === 'object' && !ho.ho_once_from);
    });
    if (_unstamped.length) {
      console.error('[CommLock] ' + period + ': draft ' + _unstamped.length + ' แถวไม่มีตรา ho_once_from — ไม่ล็อก',
        _unstamped.map(r => r.beneficiary_email));
      _commHoAlert(COMM_HO_UNSTAMPED_TH);
      return;
    }
    // C3: สาขาใน draft ที่ถูกนับในงวดอื่นไปแล้ว (เช่น draft ต.ค. กับ พ.ย. ค้างพร้อมกัน แล้วล็อก ต.ค. ก่อน)
    // หรืออยู่ในแถวของสองคนในงวดเดียวกัน ⇒ ไม่ล็อก ให้กดคำนวณใหม่ (ตัวคิดเงินจะข้ามสาขานั้นเอง)
    const _repeatTh = _commHoLockRepeatsTh(_commHoLockRepeats(draftRows, period));
    if (_repeatTh) {
      console.error('[CommLock] ' + period + ': draft มีสาขาที่นับ HO ซ้ำ — ไม่ล็อก', _repeatTh);
      _commHoAlert(_repeatTh);
      return;
    }
  }

  try {
    const payload = draftRows.map(r => ({
      ...r,
      snapshot_status: 'final',
      locked_at: new Date().toISOString(),
      locked_by: actor,
      updated_at: new Date().toISOString(),
      updated_by: actor
    }));
    const { data, error } = await supa.from('commission_payout_snapshots')
      .upsert(payload, { onConflict: 'period_month,beneficiary_role,beneficiary_email' })
      .select('*');
    if (error) throw new Error(error.message);
    const others = (_commissionSnapshots || []).filter(r => r.period_month !== period);
    _commissionSnapshots = [...others, ...(data || payload)];
    if (typeof showToast === 'function') showToast('🔒 Lock commission สำเร็จ', 'ok');
    // fix: same #tgt-sheet-body vs #commission-cockpit-body mismatch as computeCommissionDraft above.
    const _cockpitOpenLock = document.getElementById('commission-cockpit-overlay')?.classList.contains('open');
    if (_cockpitOpenLock && typeof renderCommissionCockpit === 'function') renderCommissionCockpit();
    else if (typeof renderCommissionLockTab === 'function') renderCommissionLockTab();
    console.log(`[CommLock] locked ${payload.length} rows for ${period}`);
  } catch (e) {
    console.error('[CommLock] failed:', e);
    // ด่านในฐานข้อมูลปฏิเสธเพราะร้านซ้ำ/ไม่มีรหัสสาขา ⇒ ข้อความไทยแบบ alert (toast 2.2 วิ อ่านไม่ทัน)
    const _hoTh = _commHoDbErrorTh(e && e.message);
    if (_hoTh) _commHoAlert(_hoTh);
    else if (typeof showToast === 'function') showToast('Lock ไม่สำเร็จ: ' + (e.message || ''), '!');
  }
}

// ── v247e: End-of-month lock status ────────────────────────────────────────
function _commEomStatus() {
  const now = new Date();
  const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate();
  const today = now.getDate();
  const daysLeft = lastDay - today;
  const period = _nrrExclusionCurrentPeriod();
  const hasLock = (_commissionSnapshots || []).some(r =>
    r.period_month === period && String(r.snapshot_status||'').toLowerCase() === 'final'
  );
  const isGrace = today <= 3;
  const prevD = new Date(now.getFullYear(), now.getMonth() - 1, 1);
  const prevPeriod = `${prevD.getFullYear()}-${String(prevD.getMonth()+1).padStart(2,'0')}`;
  const prevHasLock = (_commissionSnapshots || []).some(r =>
    r.period_month === prevPeriod && String(r.snapshot_status||'').toLowerCase() === 'final'
  );
  return { daysLeft, period, hasLock, showEomBanner: daysLeft <= 3 && !hasLock,
           isGrace, prevPeriod, prevHasLock, showGraceBanner: isGrace && !prevHasLock };
}
window._commEomStatus = _commEomStatus;

// ══════════════════════════════════════════════════════════════════════════
// v_clock: คำนวณใหม่เฉพาะส่วน %NRR — "แช่แข็งของที่เน่า คำนวณใหม่เฉพาะของที่อยู่ได้"
// ══════════════════════════════════════════════════════════════════════════
//
// ปัญหาที่แก้: ไฟล์ R2 สองตัวอายุไม่เท่ากัน
//   kam_rep_view.csv (%NRR)      → ยึด "ไตรมาส" อยู่ถึงสิ้น Q3 (1 ต.ค.)
//   sense_upsell_*.csv (P1/P3)   → ยึด "เดือน" ถูกทับทุกครั้งที่ทีม data รัน
// การกด Re-lock แบบเดิม = คำนวณใหม่ทั้งก้อนจาก R2 → หลังไฟล์ upsell ถูกทับ
// จะได้ P1/P3 ของเดือนอื่น (หรือ 0) มาประทับใต้ชื่อเดือนเดิม
//
// ทางออก: waiver กระทบ **แค่ %NRR** เท่านั้น (ยืนยันจากโค้ด: `_nrrGovernedPct`
// เป็น passthrough, waiver ถูก apply ใน `_qnrrCompute` ที่ตัวเศษ/ตัวส่วน,
// `_nrrWaivedAccountsSummary` มีคอมเมนต์กำกับว่า "must never feed back into
// payout math") ส่วน upsell/handover ไม่มีอะไรแตะ exclusion เลย
// → ของที่ต้องคำนวณใหม่ มาจากไฟล์ที่อยู่ยาว · ของที่จะหาย ไม่ต้องคำนวณใหม่
//
// สูตรที่ใช้ ต้องตรงกับ `_commBuildKamPayout` / `_commBuildTlPayout` เป๊ะ:
//   KAM/อื่นๆ : final = round((nrrPayout + upsell_sku + upsell_outlet + handover) × gateCap)
//   TL        : final = round(nrrPayout × multiplier)
// โดย nrrPayout กับ gateCap คำนวณใหม่ (ขึ้นกับ %NRR) ที่เหลือหยิบจาก breakdown เดิม

// ดึงค่า component ที่ "แช่แข็งไว้" ออกจาก breakdown ของแถวที่ lock ไว้แล้ว
// ชื่อ field ในที่เก็บต่างจากตอนคำนวณ (total_commission vs total_comm) — จุดพลาดง่าย
function _commFrozenComponents(row) {
  const bd = (row && row.breakdown) || {};
  const sku = bd.upsell_sku || {};
  const outlet = bd.upsell_outlet || {};
  const handover = bd.handover || {};
  const mult = bd.upsell_mult || {};
  return {
    upsellSku: Number(sku.total_commission != null ? sku.total_commission : (sku.total_comm || 0)) || 0,
    upsellOutlet: Number(outlet.commission || 0) || 0,
    handover: Number(handover.payout || 0) || 0,
    // TL multiplier เก็บได้ 2 รูปแบบ (object หรือ string '1.50x' จาก Excel backfill)
    // — เจอใน _nrrCommMultParts ของ /nrr มาแล้ว ต้องรับทั้งสองแบบ
    // hasMultiplier แยกกรณี "เก็บไว้ว่าเป็น 1.0 จริงๆ" ออกจาก "ไม่มีให้อ่านเลย"
    // เพราะกรณีหลังห้ามเดา — มันคือฐานคูณเงินของ TL ทั้งก้อน
    multiplier: (function () {
      if (mult && typeof mult === 'object' && mult.multiplier != null) return Number(mult.multiplier) || 1;
      if (typeof mult === 'string') { const m = parseFloat(mult); return isNaN(m) ? 1 : m; }
      return 1;
    })(),
    hasMultiplier: !!((mult && typeof mult === 'object' && mult.multiplier != null)
                      || (typeof mult === 'string' && !isNaN(parseFloat(mult))))
  };
}

// ── v_r1dom (T7, 15 ต.ค. 2026): คำนวณ %NRR ใหม่ของงวดตั้งแต่ ต.ค. 2569 ─────────────────────
// งวดแบบใหม่ (EXPLICIT_FROM ของสูตรกลาง src/domain/commission/mode.js) ห้ามจ่ายด้วยเกณฑ์ของวันนี้:
//   (ก) แถว "ไม่เข้าเกณฑ์" (type 'skipped') ไม่มีอะไรให้คิดใหม่ — เดิมจ่ายคนที่ไม่มีสิทธิ์ ฿0 → ฿10,000
//   (ข) TL ที่ไม่ผ่านด่านพอร์ตรั่วตอนปิดงวด คงผลนั้นไว้ (ได้ ฿0) — เดิมคิดใหม่เป็น ฿15,000
//   (ค) ขั้นเงิน NRR และเกต ใช้ชุดที่แช่ไว้ในแถว (rules_used ก่อน ไม่มีค่อยใช้ nrr_tiers_used / gate_tiers_used)
//       ไม่ใช่ขั้นของแผนในวันนี้ · ไม่มีชุดที่แช่ไว้ = ข้ามให้คนตรวจ (ห้ามเดา)
// งวดก่อน ต.ค. 2569 ไม่ผ่านโค้ดนี้เลย = ทางเดิมทุกบรรทัด
function _commPeriodIsExplicit(period) {
  try {
    const m = window.FK && window.FK.mod && window.FK.mod['commission/mode'];
    if (m && typeof m.periodMode === 'function') return m.periodMode(period) === 'explicit';
  } catch (e) {}
  // ยังไม่มีสูตรกลางในหน้านี้: ใช้เส้นเดียวกับ HO ครั้งเดียว (2026-10) — ด่าน verify_comm_explicit_mode ตรวจว่าเท่ากัน
  return _commHoOnceApplies(period);
}
window._commPeriodIsExplicit = _commPeriodIsExplicit;

// ขั้นที่แช่ไว้ในแถว: rules_used (schema 1) → config_snapshot · คืน { tiers, off, source } หรือ null
function _commFrozenTiersOf(row, which) {
  const bd = (row && row.breakdown) || {};
  const ru = (bd.rules_used && bd.rules_used.schema === 1) ? bd.rules_used : null;
  const key = which === 'gate' ? 'gate' : 'nrr';
  const comp = ru && ru.components ? ru.components[key] : null;
  if (comp && Array.isArray(comp.tiers)) {
    return { tiers: comp.tiers.map(t => ({ min_value: t[0], max_value: t[1], payout_value: t[2] })),
             off: comp.off === true, source: 'rules_used' };
  }
  const cs = bd.config_snapshot || {};
  if (which === 'gate') {
    if (cs.gate_source === 'plan' && Array.isArray(cs.gate_tiers_used) && cs.gate_tiers_used.length) {
      return { tiers: cs.gate_tiers_used, off: false, source: 'config_snapshot' };
    }
    return null;
  }
  return (Array.isArray(cs.nrr_tiers_used) && cs.nrr_tiers_used.length)
    ? { tiers: cs.nrr_tiers_used, off: false, source: 'config_snapshot' } : null;
}

function _commRecomputeNrrOnlyExplicit(row, role, pct, frozen) {
  const bd = row.breakdown || {};
  const cs = bd.config_snapshot || {};
  // minor 5: หัวหน้าทีมที่ไฟล์ %NRR ไม่มีทีมของเขา — 07c ตอบด้วยตัวเลขทั้งบริษัท (คนกดเป็น admin) ⇒ ห้ามใช้ ข้ามให้คนตรวจ
  // (กติกาเดียวกับทางเงินใน _commBuildTlPayout · R1-3 g)
  if (role === 'tl' && !_commTlScopeResolvable(row.beneficiary_email)) {
    return { skip: 'ไฟล์ %NRR ไม่มีทีมของหัวหน้าทีมคนนี้ (อีเมลไม่ตรงหรือยังไม่มีลูกทีม) — ห้ามใช้ตัวเลขทั้งบริษัทแทน ต้องตรวจมือ' };
  }
  if (role === 'tl' && cs.leak_gate && cs.leak_gate.passed === false) {
    return { nrrPayout: 0, subtotal: 0, finalPayout: 0, gate: null, tierSource: 'leak_gate_failed' };
  }
  const nt = _commFrozenTiersOf(row, 'nrr');
  if (!nt) return { skip: 'แถวนี้ไม่มีขั้นเงิน NRR ที่แช่ไว้ตอนปิดงวด — ต้องตรวจมือ (ไม่ใช้ขั้นของวันนี้)' };
  const _asRule = (tiers) => ({ active: true, tiers: tiers, rule: { measurement_scope: 'governed_nrr' } });
  const nHit = nt.off ? null : _commMatchTierInRule(_asRule(nt.tiers), pct);
  const nrrPayout = nHit ? Number(nHit.payout_value || 0) : 0;
  if (role === 'tl') {
    return { nrrPayout, subtotal: nrrPayout, finalPayout: Math.round(nrrPayout * frozen.multiplier), gate: null, tierSource: nt.source };
  }
  const gt = _commFrozenTiersOf(row, 'gate');
  if (!gt) return { skip: 'แถวนี้ไม่มีเกตที่แช่ไว้ตอนปิดงวด — ต้องตรวจมือ (ไม่ใช้เกตของวันนี้)' };
  let cap = 1.0, zeroBelow = null, halfBelow = null;
  if (!gt.off) {
    gt.tiers.forEach(t => {
      const v = Number(t.payout_value);
      if (v === 0) zeroBelow = t.max_value;
      else if (v > 0 && v < 1) halfBelow = t.max_value;
    });
    const gHit = _commMatchTierInRule(_asRule(gt.tiers), pct);
    if (!gHit) return { skip: 'เกตที่แช่ไว้ไม่ครอบ %NRR ' + _commFmtPct(pct) + ' — ต้องตรวจมือ' };
    cap = Number(gHit.payout_value ?? 1.0);
  }
  const subtotal = nrrPayout + frozen.upsellSku + frozen.upsellOutlet + frozen.handover;
  const gate = { ach_pct: pct, cap_multiplier: cap, gate_active: cap < 1.0, source: 'frozen',
                 zero_below: zeroBelow, half_below: halfBelow,
                 tiers_used: gt.tiers.map(t => ({ min_value: t.min_value, max_value: t.max_value, payout_value: t.payout_value })) };
  return { nrrPayout, subtotal, finalPayout: Math.round(subtotal * cap), gate, tierSource: nt.source };
}

// คำนวณผลลัพธ์ใหม่ของแถวเดียว โดยใช้ %NRR สด + component ที่แช่แข็งไว้
// คืน null เมื่อคำนวณ %NRR ใหม่ไม่ได้ — **ห้ามตีเป็น 0** เพราะจะเป็นการตัดเงิน
// คนโดยที่ข้อมูลแค่หายชั่วคราว
function _commRecomputeRowNrrOnly(row, period) {
  try {
    if (!row) return null;
    // v_r1dom (T7-ก): งวดแบบใหม่ — แถวที่ไม่เข้าเกณฑ์ไม่มีอะไรให้คิดใหม่ (เหมือน /nrr)
    const _explicitP = _commPeriodIsExplicit(period);
    if (_explicitP && row.breakdown && row.breakdown.type === 'skipped') {
      return { skip: 'ไม่เข้าเกณฑ์งวดนี้: ' + (row.breakdown.skip_reason || '') };
    }
    const role = String(row.beneficiary_role || '').toLowerCase();
    const email = row.beneficiary_email;
    if (!email) return { skip: 'ไม่มีอีเมลผู้รับ' };
    const frozen = _commFrozenComponents(row);

    // TL ที่ breakdown ไม่มี upsell_mult เลย = แถวผิดปกติ (backfill มือ / schema เก่า)
    // ห้ามเดาว่าตัวคูณ = 1 เพราะนั่นคือการตั้งฐานจ่ายเงินเอง — ข้ามไปให้คนตรวจ
    if (role === 'tl' && !frozen.hasMultiplier) {
      return { skip: 'แถว TL ไม่มีตัวคูณ upsell ที่ล็อกไว้ — ต้องตรวจมือ' };
    }

    // %NRR สด — waiver ล่าสุดถูกนับเองเพราะ _qnrrCompute อ่าน _nrrExclusions สด
    // ★ ต้องเลือกแหล่งข้อมูลแบบเดียวกับ _commBuildKamPayout/_commBuildTlPayout เป๊ะ
    // (07a:1147-1161) ถ้า hardcode ใช้ตัวไตรมาสอย่างเดียว แล้วเดือนนั้นตั้งเป็น
    // monthly mode ไว้ ฐานคำนวณจะคนละตัวกับตอน lock = ตัวเลขเพี้ยนทั้งแถว
    const scope = (role === 'tl') ? 'tl' : 'kam';
    const policy = _nrrGovGet(period, 'all', 'all');
    const isQ = policy && policy.commission_mode === 'quarterly';
    let raw = null;
    if (isQ && typeof window._qnrrComputeForCommission === 'function') {
      raw = window._qnrrComputeForCommission(email, scope, period);
    } else if (!isQ) {
      // โหมดรายเดือน — ยังไม่รองรับการคำนวณใหม่ เพราะ _tgtComputeKamNRR อ่านจาก
      // bulkHistoryData ซึ่งไม่มีตัวบอกว่าได้เดือนไหนมาจริง จึงกันเดือนสลับไม่ได้
      // ปล่อยผ่านแบบเดาไม่ได้ = เสี่ยงจ่ายผิด → ข้ามให้คนตรวจแทน
      return { skip: 'เดือนนี้ตั้งเป็นโหมดรายเดือน — ยังไม่รองรับการคำนวณ %NRR ใหม่' };
    }
    if (!raw) return { skip: 'ไม่มีข้อมูล %NRR ของเดือนนี้แล้ว' };

    // ★ กันเดือนสลับ — จุดที่อันตรายที่สุดของฟีเจอร์นี้
    // _qnrrComputeForCommission จะ "แทนเดือนให้เงียบๆ" ได้ 2 ทาง:
    //   1. period ที่ขอไม่อยู่ใน QNRR_CFG.q_months (เช่นขึ้น Q4 แล้วขอ ก.ค.)
    //      → ตกไป else แล้วใช้เดือน lag-1 ของ "วันนี้" แทน (07c:524-531)
    //   2. by_month ไม่มีเดือนที่ขอ → หยิบเดือนล่าสุดที่มีมาแทน (07c:541-550)
    // ทั้งสองทางคืนผลลัพธ์หน้าตาปกติ ตัวเช็ค !raw จึงจับไม่ได้เลย
    // ถ้าปล่อยผ่าน = เอา %NRR ของ ต.ค. ไปประทับใต้ชื่อเดือน ก.ค. แล้วจ่ายเงินตามนั้น
    if (raw.currentPeriod && String(raw.currentPeriod) !== String(period)) {
      console.error('[CommRecompute] ' + email + ': ขอเดือน ' + period +
                    ' แต่ระบบคืนข้อมูลเดือน ' + raw.currentPeriod + ' — ข้ามแถวนี้');
      return { skip: 'ข้อมูลที่ได้เป็นของเดือน ' + raw.currentPeriod + ' ไม่ใช่ ' + period };
    }

    const rawPct = (raw.nrr !== null && raw.nrr !== undefined) ? raw.nrr * 100 : null;
    const governedPct = _nrrGovernedPct(raw, scope === 'kam' ? email : null, scope === 'tl' ? email : null);
    const pct = governedPct !== null ? governedPct : rawPct;
    if (pct === null || pct === undefined || isNaN(pct)) return { skip: 'คำนวณ %NRR ใหม่ไม่ได้' };

    // ★ v_cell (2026-09-13): ใช้ "เกณฑ์ที่ใช้จริงตอนปิดงวดนั้น" ไม่ใช่เกณฑ์ของวันนี้
    //
    // เดิมบรรทัดนี้ถาม _commGetAssignmentPlan ใหม่ทุกครั้ง ⇒ ได้เกณฑ์ของ "ตอนนี้"
    // พอเกณฑ์ต่างกันรายเดือน การกดคำนวณใหม่งวด ก.ย. ตอนที่ตั้งเกณฑ์ไตรมาส 4 ไปแล้ว
    // จะเอาเกณฑ์ ต.ค. ไปคิดยอด ก.ย. = แก้เงินย้อนหลังโดยไม่มีใครสั่ง
    //
    // เกณฑ์ที่ใช้จริงถูกจดไว้ในงวดตั้งแต่ v878 แล้ว แค่ไม่เคยมีใครอ่านกลับมาใช้
    // แถวเก่าที่ยังไม่มีที่จด (พ.ค./มิ.ย.) ตกไปทางเดิม — ทางเดิมคือสิ่งที่ถูกต้องสำหรับแถวพวกนั้น
    // เพราะตอนนั้นทั้งบริษัทใช้เกณฑ์ชุดเดียวอยู่แล้ว
    const _frozenPlan = ((row.breakdown || {}).config_snapshot || {}).assigned_plan_code || null;
    let planCode, planSource;
    if (_frozenPlan) {
      // แผนที่จดไว้หายไปจากระบบแล้ว (ถูกลบ/เปลี่ยนชื่อ) = คิดใหม่ไม่ได้อย่างซื่อสัตย์
      // ห้ามเดาด้วยเกณฑ์ของวันนี้ ให้ข้ามแล้วให้คนตรวจ
      const known = ((_commRuleConfig && _commRuleConfig.plans) || {})[_frozenPlan];
      if (!known) return { skip: 'เกณฑ์ที่ใช้ตอนปิดงวด (' + _frozenPlan + ') ไม่มีในระบบแล้ว — ต้องตรวจมือ' };
      planCode = _frozenPlan; planSource = 'frozen';
    } else {
      // v_r1dom: งวดแบบใหม่ต้องมีเกณฑ์ที่แช่ไว้ในแถวเสมอ — ไม่มี = ห้ามหาเกณฑ์ของวันนี้มาแทน
      if (_explicitP) return { skip: 'แถวนี้ไม่ได้จดเกณฑ์ที่ใช้ตอนปิดงวด — ต้องตรวจมือ' };
      planCode = _commGetAssignmentPlan(period, role, email, role); planSource = 'resolved_today';
    }
    // v_r1dom (T7-ข,ค): งวดแบบใหม่ คิดจากขั้นที่แช่ไว้ในแถว + ผลด่านพอร์ตรั่วที่แช่ไว้
    if (_explicitP) {
      const ex = _commRecomputeNrrOnlyExplicit(row, role, pct, frozen);
      if (ex.skip) return { skip: ex.skip };
      return {
        role, email, period,
        oldPct: (row.governed_nrr_pct != null ? Number(row.governed_nrr_pct)
                                              : (row.raw_nrr_pct != null ? Number(row.raw_nrr_pct) : null)),
        newPct: pct,
        oldPayout: Number(row.payout_amount || 0),
        newPayout: ex.finalPayout,
        diff: ex.finalPayout - Number(row.payout_amount || 0),
        nrrPayout: ex.nrrPayout, subtotal: ex.subtotal, gate: ex.gate, frozen,
        planCode, planSource, tierSource: ex.tierSource,
        name: ((row.breakdown || {}).kam_name) || ((row.breakdown || {}).team_lead_name) || email,
        sourceRow: row
      };
    }
    const nrrPayout = _commPayoutForPctByCode(planCode, role, pct);

    let finalPayout, gate = null, subtotal;
    if (role === 'tl') {
      subtotal = nrrPayout;
      finalPayout = Math.round(nrrPayout * frozen.multiplier);
    } else {
      gate = _commComputeGmvGate(email, pct, planCode);
      subtotal = nrrPayout + frozen.upsellSku + frozen.upsellOutlet + frozen.handover;
      finalPayout = Math.round(subtotal * (gate ? gate.cap_multiplier : 1));
    }

    return {
      role, email, period,
      oldPct: (row.governed_nrr_pct != null ? Number(row.governed_nrr_pct)
                                            : (row.raw_nrr_pct != null ? Number(row.raw_nrr_pct) : null)),
      newPct: pct,
      oldPayout: Number(row.payout_amount || 0),
      newPayout: finalPayout,
      diff: finalPayout - Number(row.payout_amount || 0),
      nrrPayout, subtotal, gate, frozen,
      // v_cell: จดไว้ว่าคิดใหม่ครั้งนี้ใช้เกณฑ์ชุดไหน และได้มาจากไหน
      // 'frozen' = เกณฑ์เดียวกับตอนปิดงวด · 'resolved_today' = แถวเก่าที่ไม่ได้จดไว้
      planCode, planSource,
      name: ((row.breakdown || {}).kam_name) || ((row.breakdown || {}).team_lead_name) || email,
      sourceRow: row
    };
  } catch (e) {
    console.error('[CommRecompute] แถว ' + (row && row.beneficiary_email) + ' คำนวณใหม่ไม่ได้', e);
    return { skip: 'เกิดข้อผิดพลาดระหว่างคำนวณ: ' + (e && e.message) };
  }
}

// พรีวิว: อ่านแถว final ของเดือนนั้นจาก DB แล้วคืนรายการเปลี่ยนแปลง — **ไม่เขียนอะไร**
// แยกจากตัวเขียนโดยตั้งใจ เพื่อให้ UI โชว์ตารางเทียบก่อน/หลังได้ และเทสต์ได้ตรงๆ
async function recomputeNrrOnlyPreview(period) {
  // v_asof: งวดที่ล็อกแล้วมักอยู่ไตรมาสก่อน — กติกาของมันไม่อยู่ในหน่วยความจำ
  const _polState = await _nrrGovEnsureLoaded(period);
  if (_polState !== 'ok') return { ok: false, reason: _polState === 'missing' ? 'no_policy' : 'policy_unreachable', changes: [], skipped: [] };
  const st = await _commSnapshotStateFromDb(period);
  if (st === null) return { ok: false, reason: 'db_unreachable', changes: [], skipped: [] };
  const finals = st.rows.filter(r => String(r.snapshot_status || '').toLowerCase() === 'final');
  if (!finals.length) return { ok: false, reason: 'no_final_rows', changes: [], skipped: [] };

  // แถวจาก _commSnapshotStateFromDb เลือกมาไม่ครบคอลัมน์ (ไม่มี breakdown)
  // ต้องดึงเต็มเพราะ component ที่แช่แข็งอยู่ใน breakdown
  let fullRows = finals;
  try {
    const { data, error } = await supa.from('commission_payout_snapshots')
      .select('*').eq('period_month', period).eq('snapshot_status', 'final');
    if (!error && data && data.length) fullRows = data;
  } catch (e) { console.warn('[CommRecompute] ดึงแถวเต็มไม่ได้ ใช้เท่าที่มี', e); }

  const changes = [], skipped = [];
  fullRows.forEach(r => {
    const res = _commRecomputeRowNrrOnly(r, period);
    if (!res || res.skip) {
      skipped.push({ email: r.beneficiary_email, role: r.beneficiary_role,
                     reason: (res && res.skip) || 'คำนวณ %NRR ใหม่ไม่ได้' });
      return;
    }
    // เทียบ %NRR แบบมี tolerance — ค่าเดิมอ่านจาก DB (numeric ปัดทศนิยม)
    // ส่วนค่าใหม่เป็น float เต็ม ถ้าเทียบ !== ตรงๆ แถวที่ยอดไม่ขยับเลย
    // จะโผล่ในรายการ "คนกระทบ" ทั้งที่เงินเท่าเดิม
    const pctMoved = res.oldPct === null || res.oldPct === undefined
      || Math.abs(Number(res.newPct) - Number(res.oldPct)) > 0.005;
    if (res.diff !== 0 || pctMoved) changes.push(res);
  });
  return { ok: true, period, changes, skipped, totalRows: fullRows.length,
           totalDiff: changes.reduce((s, c) => s + c.diff, 0) };
}
window.recomputeNrrOnlyPreview = recomputeNrrOnlyPreview;

// เขียนผลลัพธ์ที่พรีวิวไว้ลง DB — รับ changes ที่ผู้ใช้เห็นแล้วเท่านั้น
// ไม่คำนวณซ้ำเอง เพื่อให้สิ่งที่เขียนคือสิ่งเดียวกับที่ผู้ใช้กดยืนยัน
async function recomputeNrrOnlyApply(period, changes, reason) {
  if (!changes || !changes.length) return false;
  if (_commComputeInFlight === period) {
    console.warn('[CommRecompute] ' + period + ' กำลังทำอยู่ — ข้าม');
    return false;
  }
  _commComputeInFlight = period;
  try {
    const actor = (currentUserProfile && currentUserProfile.email) || '';
    const now = new Date().toISOString();
    const payload = changes.map(c => {
      const row = c.sourceRow;
      const bd = Object.assign({}, row.breakdown || {});
      // เก็บประวัติใน jsonb ไม่เพิ่มคอลัมน์ใหม่ — ถ้า revision ไปอยู่ใน unique index
      // (period,role,email) upsert จะกลายเป็น insert แล้วผู้อ่านที่สมมติว่ามีแถวเดียว
      // ต่อคนจะพัง (ตาราง /nrr นับซ้ำ, summaryFromRows รวมยอดเบิ้ล, nrrIsPeriodLocked เพี้ยน)
      bd.revisions = (bd.revisions || []).concat([{
        at: now, by: actor, kind: 'nrr_only',
        reason: reason || 'waiver updated after lock',
        prev_payout: c.oldPayout, prev_nrr_pct: c.oldPct,
        new_payout: c.newPayout, new_nrr_pct: c.newPct
      }]);
      bd.nrr_pct = c.newPct;
      bd.nrr_payout = c.nrrPayout;
      bd.components_subtotal = c.subtotal;
      if (c.gate) bd.gmv_gate = c.gate;
      bd.final_payout = c.newPayout;
      // ป้ายบอกว่า component พวกนี้เป็นของแช่แข็ง ไม่ได้อ่านจาก R2 รอบนี้
      bd.frozen_components = ['upsell_sku', 'upsell_outlet', 'handover', 'upsell_mult'];
      bd.recomputed_at = now;
      return Object.assign({}, row, {
        breakdown: bd,
        raw_nrr_pct: c.newPct,
        governed_nrr_pct: c.newPct,
        payout_amount: c.newPayout,
        snapshot_status: 'final',      // ยังคง final — ไม่ปลดล็อกกลับเป็น draft
        updated_at: now, updated_by: actor
      });
    });
    const { data, error } = await supa.from('commission_payout_snapshots')
      .upsert(payload, { onConflict: 'period_month,beneficiary_role,beneficiary_email' })
      .select('*');
    if (error) throw new Error(error.message);
    const others = (_commissionSnapshots || []).filter(r =>
      !(r.period_month === period && payload.some(p =>
        p.beneficiary_role === r.beneficiary_role && p.beneficiary_email === r.beneficiary_email)));
    _commissionSnapshots = [...others, ...(data || payload)];
    if (typeof showToast === 'function') showToast('คำนวณใหม่ ' + changes.length + ' รายการเสร็จแล้ว', 'ok');
    return true;
  } catch (e) {
    console.error('[CommRecompute] เขียนผลไม่สำเร็จ', e);
    const _hoTh = _commHoDbErrorTh(e && e.message);   // ด่าน HO ในฐานข้อมูล → ไทย + alert
    if (_hoTh) _commHoAlert(_hoTh);
    else if (typeof showToast === 'function') showToast('คำนวณใหม่ไม่สำเร็จ: ' + e.message, '!');
    return false;
  } finally {
    _commComputeInFlight = null;
  }
}
window.recomputeNrrOnlyApply = recomputeNrrOnlyApply;

// มี waiver ที่ถูกอนุมัติหลังจากเดือนนั้นถูก lock ไหม → ใช้ขึ้นป้ายเตือน
// เทียบเวลาอนุมัติ waiver กับเวลา lock ของ snapshot — ไม่ต้องมีคอลัมน์ใหม่
//
// ชื่อคอลัมน์จริงคือ `reviewed_at` (nrr_exclusions.js:182 เขียนตอน approve/reject
// และอยู่ใน select ทั้ง 2 ที่: 07a:1433, nrr_exclusions.js:48) — ไม่ใช่ decided_at
// ซึ่งไม่มีอยู่จริงในตารางนี้ ถ้าอ่านผิดชื่อ ป้ายเตือนจะไม่เคยขึ้นเลยแบบเงียบๆ
function _commWaiversDecidedAfterLock(period) {
  try {
    const lockedRows = (_commissionSnapshots || []).filter(r =>
      r.period_month === period && String(r.snapshot_status || '').toLowerCase() === 'final');
    if (!lockedRows.length) return [];
    // locked_at เขียนตอน lock (07a:3676) แต่ select หลักไม่ได้ดึงมาเสมอ
    // → ถอยไปใช้ updated_at ซึ่งขยับตอน lock เหมือนกัน และขยับตอน recompute ด้วย
    // (นั่นคือสิ่งที่ต้องการ: waiver ที่นับไปแล้วรอบก่อนจะไม่ถูกเตือนซ้ำ)
    const lockedAt = lockedRows
      .map(r => r.locked_at || r.updated_at).filter(Boolean).sort().pop();
    if (!lockedAt) return [];
    return (_nrrExclusions || []).filter(x => {
      if (String(x.period_month || '') !== String(period)) return false;
      if (String(x.status || '').toLowerCase() !== 'approved') return false;
      const decided = x.reviewed_at || x.decided_at || x.updated_at;
      return decided && decided > lockedAt;
    });
  } catch (e) { return []; }
}
window._commWaiversDecidedAfterLock = _commWaiversDecidedAfterLock;

// ── v_clock: เดือนที่ปุ่ม Lock ควรเล็ง + ป้ายชื่อเดือนไทย ────────────────────
//
// บั๊กเดิม: ปุ่ม Lock เรียก `lockCommissionSnapshot()` แบบไม่ส่ง period
// (07b_commission_cockpit.js:2019, :2437) → ตกไปใช้ `_nrrExclusionCurrentPeriod()`
// ซึ่งคือ "เดือนตามปฏิทินวันนี้" · วันที่ 1 ส.ค. admin ตั้งใจ lock ก.ค. แต่ปุ่ม
// จะ lock ส.ค. ที่มีข้อมูลวันเดียว · แถบเตือน (:3385) แย่กว่านั้น — ข้อความ
// พูดถึงเดือนก่อน แต่ปุ่มข้างๆ ล็อกเดือนปัจจุบัน
//
// ตรรกะ grace (วันที่ 1-3 = ยังปิดเดือนที่แล้วอยู่) มีอยู่แล้วใน _commEomStatus
// ใช้ซ้ำ ไม่สร้างนิยามที่สองให้ขัดกันเอง
function _commTargetLockPeriod() {
  try {
    const eom = _commEomStatus();
    // ช่วง grace และเดือนก่อนยังไม่ถูก lock → เป้าหมายคือเดือนก่อน
    if (eom && eom.isGrace && !eom.prevHasLock) return eom.prevPeriod;
    return (eom && eom.period) || _nrrExclusionCurrentPeriod();
  } catch (e) { return _nrrExclusionCurrentPeriod(); }
}
window._commTargetLockPeriod = _commTargetLockPeriod;

// 'ก.ค. 2569' จาก '2026-07' — ใช้เขียนชื่อเดือนบนปุ่ม ผู้ใช้จะได้ไม่กดผิดเดือน
function _commPeriodLabelTh(period) {
  try {
    const p = String(period || '').split('-');
    const th = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.',
                'ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'][parseInt(p[1], 10) - 1];
    if (!th) return String(period || '');
    return th + ' ' + (parseInt(p[0], 10) + 543);
  } catch (e) { return String(period || ''); }
}
window._commPeriodLabelTh = _commPeriodLabelTh;

// ── v_clock: ป้ายเตือน "ยังไม่ได้ lock ค่าคอมฯ" แบบค้างจอ ────────────────────
//
// ปัญหาเดิม: แถบเตือน EOM (ดูที่ _commOpenTlDetailSheet ~:3385) ฝังอยู่ในโมดัลที่
// ต้องคลิก 2 ชั้น เข้าถึงได้จากการ์ด Teamview จุดเดียว — admin ไม่มีเหตุผลต้องเปิด
// ส่วน showToast() หายไปใน 2.2 วิ (01_core.js:1975) ถ้าแท็บอยู่หลังจออยู่ก็ไม่เห็นเลย
// ผลคือลืม lock ได้ง่ายมาก ซึ่งเป็นเรื่องเงินคน
//
// ตัวนี้ลอกแพตเทิร์น #sense-update-pill (shell.html:2156-2183) ซึ่งเป็นตัวเดียวใน
// แอปที่ค้างข้ามหน้าจอ ปิดได้ และกดแล้วทำงาน · ใช้ id + sessionStorage key ของ
// ตัวเอง ไม่แตะ pill อัปเดตเวอร์ชันเลย (คนละเรื่อง อยู่ร่วมกันได้)
//
// เจตนา: **กดแล้วพาไปหน้า Cockpit ไม่ lock ให้เอง** — การตัดสินใจเรื่องจ่ายเงิน
// ต้องเป็นการกดของคน ไม่ใช่ผลข้างเคียงของการกดป้ายเตือน
function _commLockPillDismissKey(period) {
  // ผูกกับ period → เดือนใหม่ป้ายกลับมาเองแม้เคยกดปิดไปแล้ว
  return 'sense_lock_pill_dismissed_' + (period || '');
}

function _commMaybeShowLockPill() {
  try {
    if (typeof document === 'undefined' || !document.body) return;
    // RF-4 (แผน 1-13): ล็อกได้เฉพาะเจ้าของระบบ ⇒ ป้ายนี้ขึ้นให้เจ้าของเท่านั้น
    // เดิมเช็ค admin ⇒ admin ทุกคนเห็น "ยังไม่ได้ lock … แตะเพื่อไปตรวจ" แต่กดล็อกไม่ได้
    const ownerNow = (typeof isOwner === 'function') ? isOwner() : (window.currentUserIsOwner === true);
    if (!ownerNow) { _commRemoveLockPill(); return; }

    const eom = _commEomStatus();
    // แสดงเฉพาะช่วง grace (วันที่ 1-3) ที่เดือนก่อนยังไม่ถูก lock — เงื่อนไขเดียวกับ
    // ที่ auto-compute ใช้ จึงไม่มีทางเตือนเรื่องที่ไม่มีอยู่จริง
    if (!eom || !eom.showGraceBanner) { _commRemoveLockPill(); return; }

    const period = eom.prevPeriod;
    try { if (sessionStorage.getItem(_commLockPillDismissKey(period)) === '1') return; } catch (e) {}

    const mo = String(period).split('-');
    const thMo = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.',
                  'ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'][parseInt(mo[1], 10) - 1] || '';
    const label = thMo + ' ' + (parseInt(mo[0], 10) + 543);
    // RF-4: งวดนี้ถูกปฏิเสธตอนคิด (เช่น มีคนยังไม่ได้ผูกเกณฑ์) ⇒ "ยังไม่ได้ lock" ไม่จริง
    // เพราะยังไม่มีอะไรให้ล็อก — บอกว่ายังคิดไม่ได้ แตะแล้วไปหน้าเดิมซึ่งโชว์เหตุไว้
    const _why = (typeof _commRefusalTh === 'function') ? _commRefusalTh(period) : '';
    const _refused = !!_why && _why !== COMM_HO_LEDGER_LOADING_TH;
    const pillText = _refused
      ? 'ค่าคอมฯ ' + label + ' ยังคิดไม่ได้ · แตะเพื่อดูเหตุ'
      : 'ยังไม่ได้ lock ค่าคอมฯ ' + label + ' · แตะเพื่อไปตรวจ';
    const _existing = document.getElementById('sense-lock-pill');
    if (_existing) {
      // ป้ายขึ้นไปแล้วก่อนคิด ⇒ เปลี่ยนแค่ข้อความ (เรียกซ้ำหลังคิดไม่สำเร็จ)
      try { const t = _existing.querySelector('[data-pill-text]'); if (t && t.textContent !== pillText) t.textContent = pillText; } catch (e) {}
      return;
    }

    const p = document.createElement('div');
    p.id = 'sense-lock-pill';
    // ยกขึ้นเหนือ pill อัปเดต (bottom +76px) เพื่อไม่ให้ทับกันถ้าโผล่พร้อมกัน
    p.style.cssText = 'position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 124px);' +
      'left:50%;transform:translateX(-50%);z-index:99987;background:var(--tk-bg-base,#0a1220);' +
      'border:1px solid rgba(240,176,0,.45);border-radius:999px;padding:9px 14px;' +
      'display:flex;align-items:center;gap:10px;box-shadow:0 6px 24px rgba(0,0,0,.45);cursor:pointer';
    p.innerHTML =
      '<span data-pill-text="1" style="font-family:\'Noto Sans Thai\',sans-serif;font-size:12px;font-weight:700;' +
      'color:#ffe08a;white-space:nowrap">' + pillText + '</span>' +
      '<button id="sense-lock-pill-x" style="width:20px;height:20px;border-radius:50%;' +
      'background:rgba(255,255,255,.08);border:none;color:rgba(225,238,255,.5);font-size:10px;' +
      'cursor:pointer;flex-shrink:0;line-height:1">✕</button>';
    p.addEventListener('click', function (ev) {
      if (ev.target && ev.target.id === 'sense-lock-pill-x') {
        ev.stopPropagation();
        try { sessionStorage.setItem(_commLockPillDismissKey(period), '1'); } catch (e) {}
        p.remove();
        return;
      }
      // พาไปขั้น Preview & Lock พร้อมเลือกแท็บ Retroactive ให้ เพราะเดือนที่ต้อง
      // lock คือเดือนก่อน ซึ่งอยู่ในแท็บนั้น (แท็บ "เดือนนี้" จะเล็งเดือนปัจจุบัน)
      try {
        window._commRetroactivePeriod = period;
        if (typeof _commLockSubtab !== 'undefined') _commLockSubtab = 'retroactive';
        if (typeof openCommissionCockpit === 'function') openCommissionCockpit('lock');
      } catch (e) { console.warn('[CommEngine] lock pill navigate failed', e); }
      p.remove();
    });
    document.body.appendChild(p);
  } catch (e) { console.warn('[CommEngine] _commMaybeShowLockPill failed', e); }
}

function _commRemoveLockPill() {
  try { const el = document.getElementById('sense-lock-pill'); if (el) el.remove(); } catch (e) {}
}
window._commMaybeShowLockPill = _commMaybeShowLockPill;
window._commRemoveLockPill = _commRemoveLockPill;

// ── v247e: Commission History ────────────────────────────────────────────────
let _commHistoryCache = {};
const _HIST_TTL = 10 * 60 * 1000;

async function _commLoadHistory(lookbackMonths) {
  lookbackMonths = lookbackMonths || 6;
  const now = new Date();
  const periods = [];
  for (let i = 1; i <= lookbackMonths; i++) {
    const d = new Date(now.getFullYear(), now.getMonth() - i, 1);
    periods.push(`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}`);
  }
  // Return cached result if all periods are fresh (within TTL)
  const allCached = periods.every(p => _commHistoryCache[p] && (Date.now() - _commHistoryCache[p].ts) < _HIST_TTL);
  if (allCached) {
    return periods.flatMap(p => _commHistoryCache[p].rows);
  }
  try {
    const { data, error } = await supa
      .from('commission_payout_snapshots')
      .select('period_month,beneficiary_role,beneficiary_email,team_lead_email,payout_amount,snapshot_status,governed_nrr_pct,updated_at,breakdown')
      .in('period_month', periods)
      .order('period_month', { ascending: false });
    if (error) throw new Error(error.message);
    periods.forEach(p => { _commHistoryCache[p] = { rows: (data||[]).filter(r=>r.period_month===p), ts: Date.now() }; });
    return data || [];
  } catch(e) {
    console.warn('[CommHistory] load failed:', e.message);
    return [];
  }
}
window._commLoadHistory = _commLoadHistory;


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v212b-panel-target-ui-js
//////////////////////////////////////////////////////////////////////////////

// v212b — Data panel counter sync + target comma formatting + redundant badge cleanup.
// Scope: UI/freshness visibility only. No NRR, commission, owner, or movement formula changes.
(function(global){
  'use strict';
  var VERSION = 'v212b-pwa-freshness-ui-fix';
  var FOREGROUND_KEYS = ['portview','history','categories','sku_current','outlets','handover'];

  function countObj(o){ try{ return o && typeof o === 'object' ? Object.keys(o).length : 0; }catch(e){ return 0; } }
  function loadedTabs(){ try{ if(typeof _cloudLoadedTabs !== 'undefined' && _cloudLoadedTabs && typeof _cloudLoadedTabs.has === 'function') return _cloudLoadedTabs; }catch(e){} return null; }
  function hasTab(tab){ var t=loadedTabs(); return !!(t && t.has(tab)); }
  function dataLoaded(key){
    try{
      if(key === 'portview') return hasTab('portview') || (Array.isArray(global.portviewBulkData) && global.portviewBulkData.length > 0);
      if(key === 'history') return hasTab('history') || countObj(global.bulkHistoryData) > 0;
      if(key === 'categories') return hasTab('categories') || countObj(global.bulkCatsData) > 0 || countObj(global.bulkCategoriesData) > 0;
      if(key === 'sku_current') return hasTab('sku_current') || countObj(global.bulkSkuCurrentData) > 0;
      if(key === 'outlets') return hasTab('outlets') || countObj(global.bulkOutletsData) > 0;
      if(key === 'handover'){
        var h = global.bulkHandoverData || {};
        return hasTab('handover') || countObj(h.byAccountId) > 0 || countObj(h.byKamName) > 0;
      }
    }catch(e){}
    return false;
  }
  function keyToTab(key){ return key === 'sku_current' ? 'sku_current' : key; }
  function styleChip(key, ok){
    try{
      var id = 'sp-' + keyToTab(key);
      var el = document.getElementById(id);
      if(!el) return;
      el.style.background = ok ? 'var(--tk-ok-dim-2)' : 'rgba(0,0,0,.06)';
      el.style.color = ok ? 'var(--g700)' : 'var(--n500)';
      el.style.fontWeight = ok ? '800' : '600';
    }catch(e){}
  }
  function syncPanelCounter(){
    var loaded = 0;
    FOREGROUND_KEYS.forEach(function(k){ var ok = dataLoaded(k); if(ok) loaded++; styleChip(k, ok); });
    var counter = document.getElementById('sheets-loaded-count');
    if(counter){
      counter.style.display = 'inline-block';
      counter.textContent = loaded >= FOREGROUND_KEYS.length ? (loaded + '/' + FOREGROUND_KEYS.length) : (loaded >= 3 ? 'Core 3/3' : (loaded + '/' + FOREGROUND_KEYS.length));
      counter.title = loaded >= FOREGROUND_KEYS.length
        ? 'Foreground data loaded: portview, history, handover, categories, sku_current, outlets'
        : 'Core data is ready. Enhancement files may still load in background.';
      counter.style.background = loaded >= FOREGROUND_KEYS.length ? 'var(--tk-ok-dim-2)' : 'var(--tk-accent-dim)';
      counter.style.color = loaded >= FOREGROUND_KEYS.length ? 'var(--g700)' : 'var(--tk-accent-solid)';
    }
    return {loaded:loaded,total:FOREGROUND_KEYS.length,keys:FOREGROUND_KEYS.slice()};
  }

  function parseTargetNumber(v){
    try{
      if(typeof global._tgtParseInput === 'function') return global._tgtParseInput(String(v||''));
    }catch(e){}
    var s = String(v||'').replace(/,/g,'').replace(/฿/g,'').trim().toLowerCase();
    if(!s || s === '—') return 0;
    if(s.endsWith('m')) return Math.round((parseFloat(s)||0)*1000000);
    if(s.endsWith('k')) return Math.round((parseFloat(s)||0)*1000);
    return Math.round(parseFloat(s)||0);
  }
  function fmtComma(n){
    n = Number(n||0);
    if(!Number.isFinite(n) || n <= 0) return '';
    return Math.round(n).toLocaleString('en-US');
  }
  function formatTargetInput(el){
    if(!el || !el.classList || !el.classList.contains('tgt-month-input')) return;
    var v = parseTargetNumber(el.value);
    el.value = v > 0 ? fmtComma(v) : '';
    try{ el.classList.toggle('changed', v > 0); }catch(e){}
  }
  function formatAllTargetInputs(root){
    try{ (root||document).querySelectorAll('.tgt-month-input').forEach(formatTargetInput); }catch(e){}
  }

  // Override display helper so freshly rendered target sheets use comma format.
  try{
    global._tgtFmtInput = function(n){ return fmtComma(n); };
    try{ _tgtFmtInput = global._tgtFmtInput; }catch(e){}
  }catch(e){}

  // Wrap target render so existing raw-number targets become readable immediately.
  try{
    var oldRenderTargetSheetBody = global.renderTargetSheetBody;
    if(typeof oldRenderTargetSheetBody === 'function' && !oldRenderTargetSheetBody.__v212bWrapped){
      var wrappedRenderTargetSheetBody = function(){
        var r = oldRenderTargetSheetBody.apply(this, arguments);
        setTimeout(function(){ formatAllTargetInputs(document); }, 0);
        return r;
      };
      wrappedRenderTargetSheetBody.__v212bWrapped = true;
      global.renderTargetSheetBody = wrappedRenderTargetSheetBody;
      try{ renderTargetSheetBody = wrappedRenderTargetSheetBody; }catch(e){}
    }
  }catch(e){}

  // Format on blur, but don't fight the cursor on every keypress.
  document.addEventListener('blur', function(e){
    var el = e && e.target;
    if(el && el.classList && el.classList.contains('tgt-month-input')) formatTargetInput(el);
  }, true);
  document.addEventListener('focus', function(e){
    var el = e && e.target;
    if(el && el.classList && el.classList.contains('tgt-month-input')){
      try{ el.inputMode = 'decimal'; }catch(x){}
    }
  }, true);

  // Keep the panel counter honest after any load/status render, and after opening the panel.
  try{
    var oldUpdateDataStatus = global.updateDataStatus;
    if(typeof oldUpdateDataStatus === 'function' && !oldUpdateDataStatus.__v212bWrapped){
      var wrappedUpdateDataStatus = function(){
        var r = oldUpdateDataStatus.apply(this, arguments);
        setTimeout(syncPanelCounter, 0);
        return r;
      };
      wrappedUpdateDataStatus.__v212bWrapped = true;
      global.updateDataStatus = wrappedUpdateDataStatus;
      try{ updateDataStatus = wrappedUpdateDataStatus; }catch(e){}
    }
  }catch(e){}
  try{
    var oldOpenDataPanel = global.openDataPanel;
    if(typeof oldOpenDataPanel === 'function' && !oldOpenDataPanel.__v212bWrapped){
      var wrappedOpenDataPanel = function(){
        var r = oldOpenDataPanel.apply(this, arguments);
        setTimeout(syncPanelCounter, 80);
        setTimeout(syncPanelCounter, 800);
        return r;
      };
      wrappedOpenDataPanel.__v212bWrapped = true;
      global.openDataPanel = wrappedOpenDataPanel;
      try{ openDataPanel = wrappedOpenDataPanel; }catch(e){}
    }
  }catch(e){}

  // Also resync after foreground/enhancement loads, without forcing network.
  [1200, 3000, 6000, 12000].forEach(function(ms){ setTimeout(syncPanelCounter, ms); });

  var api = Object.freeze({
    version: VERSION,
    syncPanelCounter: syncPanelCounter,
    formatTargetInputs: function(){ formatAllTargetInputs(document); },
    parseTargetNumber: parseTargetNumber,
    formatComma: fmtComma
  });
  global.FreshketSenseV212b = api;
  try{
    var prevA = global.FreshketSenseV212a;
    if(prevA && typeof prevA === 'object'){
      // Do not mutate frozen v212a object; expose v212b separately.
    }
  }catch(e){}
})(window);


//////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================// SECTION:COMMISSION_COCKPIT
// v_cockpit3tabs: the legacy Assignment/Rules tabs are hidden by default —
// everything they did now lives inside the Setup role-detail page (scheme
// switcher + make-default + per-person section). Escape hatch for 1-2 pay
// periods while the merged UI proves itself: ?commAdvanced=1 (or
// localStorage commAdvanced='1') brings the old tabs back unchanged.
function _commAdvancedTabsOn() {
  try {
    return /[?&]commAdvanced=1/.test(location.search) || localStorage.getItem('commAdvanced') === '1';
  } catch (e) { return false; }
}

// v_schemeonly (19 ต.ค. 2569): เกณฑ์ค่าคอมฯ ของงวดตั้งแต่ ต.ค. 2569 ตั้งที่หน้า "ตั้งเกณฑ์" ใน dashboard ที่เดียว
// เดิม Cockpit กับหน้าตั้งเกณฑ์เขียนตารางเดียวกัน แล้ว Cockpit ทับของหน้าตั้งเกณฑ์ได้เงียบ ๆ
// (บันทึกชิ้นส่วนทับทั้งก้อน params/tier_config/ขั้น · บันทึกเป้าเปิดชุดที่ปิดไว้กลับ) และใช้สิทธิ์ admin ไม่ใช่เจ้าของ
// ⇒ งวดนั้นการบันทึกเกณฑ์ใน Cockpit ถูกปิด · ดู คำนวณ ล็อก พรีวิว ยังใช้ได้ · งวดก่อน ต.ค. 2569 เหมือนเดิมทุกอย่าง
// เส้นสุขภาพร้าน (nrr_threshold) ไม่ใช่เกณฑ์เงิน (ใช้ระบายสีร้านเดี่ยว) จึงยังบันทึกจากที่นี่ได้
const COMM_SCHEME_MOVED_TH = 'งวดตั้งแต่ ต.ค. 2569 ตั้งเกณฑ์ที่หน้า ตั้งเกณฑ์ ใน dashboard — ที่นี่ดู คำนวณ และล็อกได้อย่างเดียว';
function _commSchemeQuarterLocked(q) {
  try { return _tgtQuarterMonths(q || _tgtActiveQuarter || _tgtCurrentQuarter()).some(m => _commIsExplicit(m)); }
  catch (e) { return true; }
}
// การผูกเกณฑ์ของงวดตั้งแต่ ต.ค. 2569 อ่านสดจากฐานข้อมูล (รีวิวรอบ D: Cockpit ที่เปิดไตรมาส 3 อยู่มีแต่การผูกของไตรมาส 3
// ในเครื่อง ⇒ ชุดที่ไม่มีเดือนในรหัส เช่น KAM_NRR_STD หรือชุดที่ "สร้างชุดใหม่" แต่ถูกผูกใช้ใน ต.ค.+ หลุดด่าน)
// อ่านเฉพาะงวดตั้งแต่เส้นแบ่ง · คืน { rows } หรือ { error: เหตุภาษาไทย } (อ่านไม่ได้ = ผู้เรียกไม่เขียน และบอกเหตุนี้ตรง ๆ)
async function _commSchemeFreshAsg() {
  const why = m => 'อ่านการผูกเกณฑ์ของงวดตั้งแต่ ต.ค. 2569 ไม่ได้ (' + m + ') — ยังไม่บันทึกอะไร ลองใหม่อีกครั้ง';
  try {
    const { data, error } = await supa.from('commission_plan_assignments').select('period_month,plan_id,plan_code')
      .gte('period_month', _COMM_EXPLICIT_FLOOR);
    if (error) return { error: why(error.message || String(error)) };
    if (!Array.isArray(data)) return { error: why('ไม่มีข้อมูลกลับมา') };
    return { rows: data.filter(a => a && _commIsExplicit(a.period_month)) };
  } catch (e) { return { error: why((e && e.message) || String(e)) }; }
}
// ด่านเดียวของทุกทางที่เขียนเกณฑ์จาก Cockpit (ปุ่ม Save · แผ่นเป้า · และฟังก์ชันบันทึกย่อยที่ถูกเรียกตรง ๆ)
// '' = เขียนได้ · ไม่งั้นข้อความภาษาไทยที่ต้องบอกคน · keep = กรองรายการที่ผู้เรียกไม่เกี่ยว (แผ่นเป้าไม่เขียนการผูก)
// อ่านการผูกสดเฉพาะเมื่อมีชุดเกณฑ์ค้างแก้ (มีแต่เป้า GMV = ไม่ต้องอ่าน และอ่านไม่ได้ก็ไม่บล็อกเป้า)
async function _commSchemeWriteGate(keep) {
  const pend = o => Object.keys((o) || {}).length > 0;
  let rows;
  if (pend(typeof _commRulePending !== 'undefined' && _commRulePending) ||
      pend(typeof _commComponentRulePending !== 'undefined' && _commComponentRulePending)) {
    const fr = await _commSchemeFreshAsg();
    if (fr.error) return fr.error;
    rows = fr.rows;
  }
  let b = _commSchemeBlockers(rows);
  if (typeof keep === 'function') b = b.filter(keep);
  return b.length ? COMM_SCHEME_MOVED_TH + ' (ยกเลิกที่แก้ไว้ก่อน: ' + b.slice(0, 3).join(', ') + ')' : '';
}
// ชุดเกณฑ์นี้ใช้ในงวดตั้งแต่ ต.ค. 2569 ไหม — ดูจากรหัสชุดที่หน้าตั้งเกณฑ์ตั้งชื่อตามเดือน การผูกที่โหลดไว้
// และการผูกที่อ่านสด (fresh: แถวจาก _commSchemeFreshAsg · null = อ่านไม่ได้ · ไม่ส่ง = ดูเฉพาะที่โหลดไว้)
function _commPlanUsedFromOct(planCode, fresh) {
  const code = String(planCode || '');
  if (fresh === null) return true;
  const mm = /_(\d{4})_(\d{2})(_|$)/.exec(code);
  if (mm && _commIsExplicit(mm[1] + '-' + mm[2])) return true;
  const qq = /_(\d{4})Q([1-4])$/.exec(code);
  if (qq && _commIsExplicit(qq[1] + '-' + String((Number(qq[2]) - 1) * 3 + 1).padStart(2, '0'))) return true;
  let rs = null;
  try { rs = _commRuleSetForDomain(); } catch (e) { rs = null; }
  if (!rs) return true;   // ไม่รู้ = ไม่ปล่อยให้เขียน
  const plan = (rs.all_plans || {})[code];
  const hit = a => a && _commIsExplicit(a.period_month) && (a.plan_code === code || (plan && plan.id && a.plan_id === plan.id));
  return (rs.assignments || []).some(hit) || (Array.isArray(fresh) && fresh.some(hit));
}
// ของที่แก้ค้างใน Cockpit ซึ่งเป็นเกณฑ์ของงวดตั้งแต่ ต.ค. 2569 — คืนรายการ (ว่าง = บันทึกได้)
function _commSchemeBlockers(fresh) {
  const out = [];
  const add = t => { if (out.indexOf(t) < 0) out.push(t); };
  const qLocked = _commSchemeQuarterLocked();
  try {
    Object.values((typeof _nrrGovPending !== 'undefined' && _nrrGovPending) || {}).forEach(p => {
      if (p && (qLocked || _commIsExplicit(p.period_month))) add('วิธีวัด %NRR ' + p.period_month);
    });
    Object.keys((typeof _commAssignmentPending !== 'undefined' && _commAssignmentPending) || {}).forEach(k => {
      const per = String(k).split('|')[0];
      if (qLocked || _commIsExplicit(per)) add('การผูกเกณฑ์ ' + per);
    });
    Object.keys((typeof _commRulePending !== 'undefined' && _commRulePending) || {}).forEach(code => {
      if (qLocked || _commPlanUsedFromOct(code, fresh)) add('ชุดเกณฑ์ ' + code);
    });
    Object.keys((typeof _commComponentRulePending !== 'undefined' && _commComponentRulePending) || {}).forEach(k => {
      const code = String(k).split('|')[0];
      if (qLocked || _commPlanUsedFromOct(code, fresh)) add('ชุดเกณฑ์ ' + code);
    });
  } catch (e) { add('ตรวจไม่ได้ว่าแก้เกณฑ์ของงวดไหน'); }
  return out;
}
window._commSchemeBlockers = _commSchemeBlockers;
window._commPlanUsedFromOct = _commPlanUsedFromOct;
window._commSchemeFreshAsg = _commSchemeFreshAsg;
window._commSchemeWriteGate = _commSchemeWriteGate;
function _commSchemeMovedHtml() {
  return '<div class="comm-card" style="margin-bottom:12px"><div class="comm-card-top"><div>' +
    '<div class="comm-name">เกณฑ์ของไตรมาสนี้ตั้งที่ dashboard</div>' +
    '<div class="comm-meta">' + COMM_SCHEME_MOVED_TH + '</div></div></div></div>';
}

function ensureCommissionCockpitOverlay() {
  let ov = document.getElementById('commission-cockpit-overlay');
  if (ov) return ov;

  ov = document.createElement('div');
  ov.id = 'commission-cockpit-overlay';
  ov.className = 'comm-overlay';
  ov.setAttribute('onclick', 'if(event.target===this)closeCommissionCockpit()');
  ov.innerHTML = `
    <div class="comm-sheet">
      <div class="comm-drag"></div>
      <div class="comm-head">
        <div>
          <div class="comm-title">Commission Cockpit</div>
          <div class="comm-sub">ตั้ง policy, assign plan, review payout, lock snapshot ใน flow เดียว</div>
        </div>
        <button class="comm-close" data-comm-close="1" onclick="window.closeCommissionCockpit&&window.closeCommissionCockpit()">×</button>
      </div>
      <div class="comm-steps">
        <button class="comm-step active" id="comm-step-policy" onclick="switchCommissionStep('policy')">1 Policy</button>
        <button class="comm-step" id="comm-step-setup" onclick="switchCommissionStep('setup')">2 Setup</button>
        ${_commAdvancedTabsOn() ? `
        <button class="comm-step comm-step-advanced" id="comm-step-assignment" onclick="switchCommissionStep('assignment')">Assignment<br>(legacy)</button>
        <button class="comm-step comm-step-advanced" id="comm-step-rules" onclick="switchCommissionStep('rules')">Rules<br>(legacy)</button>` : ''}
        <button class="comm-step" id="comm-step-lock" onclick="switchCommissionStep('lock')">3 Preview<br>& Lock</button>
      </div>
      <div class="comm-body" id="commission-cockpit-body"></div>
      <div class="comm-footer">
        <button class="comm-secondary" data-comm-close="1" onclick="window.closeCommissionCockpit&&window.closeCommissionCockpit()">Close</button>
        <button class="comm-secondary" onclick="openCommissionRulebook()" style="color:rgba(var(--ink-blue-hi),.55)">กฎค่าคอมฯ</button>
        <button class="comm-save" onclick="saveCommissionCockpit()">Save changes</button>
      </div>
    </div>
  `;
  document.body.appendChild(ov);
  return ov;
}

function openCommissionCockpit(step) {
  // v210g: governance cockpit is admin-only. TL/KAM get read-only commission scorecards only.
  if (!currentUserProfile || !isAdminRole(getCurrentRole())) {
    if (typeof showToast === 'function') showToast('Commission Cockpit เปิดได้เฉพาะ Admin', '!');
    return;
  }
  _commCockpitStep = step || 'policy';
  const ov = ensureCommissionCockpitOverlay();
  if (ov) {
    ov.classList.remove('closing');
    ov.classList.add('opening');
    ov.style.display = 'flex';
    ov.style.pointerEvents = 'auto';
    ov.style.zIndex = '10080';
    // v210f: let display:flex paint first, then add .open so bottom-sheet transition actually runs.
    requestAnimationFrame(() => {
      ov.classList.add('open');
      window.setTimeout(() => ov.classList.remove('opening'), 280);
    });
  }
  try {
    renderCommissionCockpit();
  } catch(e) {
    console.error('[Commission Cockpit] render failed', e);
  }
  const body=document.getElementById('commission-cockpit-body'); 
  if(body) body.scrollTop=0;
}
window.openCommissionCockpit = openCommissionCockpit;

(function(){
  if (window.__commCockpitClickBound) return;
  window.__commCockpitClickBound = true;
  document.addEventListener('click', function(e){
    const btn = e.target && e.target.closest && e.target.closest('#tv-commission-btn,.commission-open');
    if (!btn) return;
    e.preventDefault();
    e.stopPropagation();
    const step = 'lock'; // v865: 'exceptions' step (NRR Exclusion Governance) retired -- see nrr_waivers.js in /nrr
    if (typeof window.openCommissionCockpit === 'function') window.openCommissionCockpit(step);
  }, true);
})();

function closeCommissionCockpit() {
  if (!_commSuppressCloseGuard && _commHasPendingChanges()) {
    const ok = window.confirm('ยังมี changes ที่ยังไม่ได้ save ต้องการปิด Commission Cockpit โดยไม่บันทึกหรือไม่?');
    if (!ok) return;
  }
  const ov = document.getElementById('commission-cockpit-overlay');
  if (ov) {
    ov.classList.add('closing');
    ov.classList.remove('open','opening');
    ov.style.pointerEvents = 'none';
    setTimeout(()=>{ 
      if (!ov.classList.contains('open')) {
        ov.classList.remove('closing');
        ov.style.display = 'none';
      }
    }, 300);
  }
}
window.closeCommissionCockpit = closeCommissionCockpit;

(function(){
  if (window.__commCloseClickBound) return;
  window.__commCloseClickBound = true;
  document.addEventListener('click', function(e){
    const closeBtn = e.target && e.target.closest && e.target.closest('[data-comm-close="1"], .comm-close, .comm-secondary');
    if (!closeBtn) return;
    const ov = document.getElementById('commission-cockpit-overlay');
    if (ov && ov.contains(closeBtn)) {
      e.preventDefault();
      e.stopPropagation();
      if (typeof window.closeCommissionCockpit === 'function') window.closeCommissionCockpit();
    }
  }, true);
})();

(function(){
  if (window.__commEscBound) return;
  window.__commEscBound = true;
  document.addEventListener('keydown', function(e){
    if (e.key !== 'Escape') return;
    const ov = document.getElementById('commission-cockpit-overlay');
    if (ov && ov.classList.contains('open')) {
      e.preventDefault();
      if (typeof window.closeCommissionCockpit === 'function') window.closeCommissionCockpit();
    }
  });
})();

function switchCommissionStep(step) {
  _commCockpitStep = step;
  renderCommissionCockpit();
}
// v289 C: retroactive subtab state
var _commLockSubtab = 'current';
function switchLockSubtab(tab) { _commLockSubtab = tab || 'current'; renderCommissionCockpit(); }
window.switchLockSubtab = switchLockSubtab;
function _commPlanOptionsFor(role) {
  const plans = Object.values((_commRuleConfig && _commRuleConfig.plans) || {}).filter(p => p.beneficiary_role === role && _commIsActivePlan(p));
  const codes = new Set(plans.map(p => p.plan_code));
  if (!codes.has(_commPlanCode(role))) plans.unshift({plan_code:_commPlanCode(role), plan_name:_commPlanName(role), beneficiary_role:role, status:'active'});
  return plans;
}
function _commAssignmentKey(period, scope, assignee) {
  return `${period}|${scope}|${assignee}`;
}
// v_cell (2026-09-13): ตัวเดียวที่ตอบว่า "คนนี้ เดือนนี้ ใช้เกณฑ์ชุดไหน และเพราะอะไร"
//
// _commGetAssignmentPlan เดิมตอบแค่ชื่อแผน ทำให้ตอบไม่ได้ว่า "ได้แผนนี้มาเพราะอะไร"
// ซึ่งจำเป็นสองเรื่อง: (1) จดลงงวดเพื่อตรวจย้อนหลังได้ว่าจ่ายบนเกณฑ์ไหน
// (2) แยกให้ออกว่า "ตั้งใจใช้เกณฑ์กลาง" กับ "หาเกณฑ์ของเขาไม่เจอเลยตกมาใช้เกณฑ์กลาง"
// ซึ่งอย่างหลังคือจ่ายผิดเงียบ ๆ และต้องปฏิเสธ ไม่ใช่ปล่อยผ่าน
//
// ลำดับ: ที่กำลังแก้ยังไม่บันทึก → รายคน → **ทีม** → เกณฑ์กลางของบทบาท → ค่าตั้งต้น
// ชั้น "ทีม" เป็นของใหม่ ใช้ assignment_scope = 'kam_under_tl' ซึ่งฐานข้อมูลรองรับอยู่แล้ว
// คืน { planCode, via, teamLeadEmail, squad }
//   via: 'pending' | 'person' | 'team' | 'role_default' | 'bootstrap'
// งวดนี้ "ตั้งเกณฑ์แยกรายทีม" ไว้หรือยัง
//
// ⚠️ ตรวจฐานข้อมูลจริง 13 ก.ย. 2026: **ทุกเดือนตั้งแต่ ม.ค. ถึง ธ.ค. 2026 มีแถว role_default อยู่แล้ว**
// ชี้ไปที่ KAM_NRR_STD / TL_NRR_STD ⇒ ในทางปฏิบัติ resolver แทบไม่เคยตกถึงชั้นค่าตั้งต้นเลย
// ถ้าเขียนกติกาว่า "ตกถึงค่าตั้งต้น = ปฏิเสธ" จะไม่มีผลอะไรเลย และถ้าเขียนว่า
// "ได้เกณฑ์กลาง = ปฏิเสธ" จะพังทุกเดือนที่ผ่านมา เพราะเกณฑ์กลางคือสิ่งที่ใช้อยู่จริง
//
// กติกาที่ใช้จริงจึงเป็น "ดูที่เจตนาของงวด ไม่ใช่ดูที่วันที่":
//   งวดไหนมีการตั้งเกณฑ์รายทีมไว้ = ตั้งใจให้ทุกคนมีเกณฑ์ของทีมตัวเอง
//   ⇒ ถ้ามีใครในงวดนั้นไม่เข้าทีมไหนเลย แปลว่าตกหล่น ต้องหยุด ไม่ใช่เอาเกณฑ์กลางมาจ่ายแทน
//   งวดไหนไม่เคยตั้งรายทีม = ทำงานเหมือนเดิมทุกประการ
//
// ข้อดีคือไม่ต้องฝังวันที่ไว้ในโค้ด งวดไหนถูกตั้งค่าก็เข้มขึ้นเอง
// และถ้าวันหนึ่งอยากตั้งเกณฑ์รายทีมให้เดือนย้อนหลัง เดือนนั้นก็เข้มเองโดยไม่ต้องแก้โค้ด
function _commPeriodUsesTeamPlans(period) {
  try {
    const pend = Object.keys(_commAssignmentPending || {})
      .some(k => k.indexOf(period + '|kam_under_tl|') === 0);
    if (pend) return true;
    return ((_commRuleConfig && _commRuleConfig.assignments) || [])
      .some(a => a && a.period_month === period && a.assignment_scope === 'kam_under_tl');
  } catch (e) { return false; }
}
window._commPeriodUsesTeamPlans = _commPeriodUsesTeamPlans;

function _commResolveAssignment(period, scope, assignee, role) {
  const plansOf = () => ((_commRuleConfig && _commRuleConfig.plans) || {});
  const codeOf = (a) => a.plan_code
    || Object.values(plansOf()).find(p => p.id === a.plan_id)?.plan_code
    || _commPlanCode(role);
  // strict = งวดนี้ตั้งเกณฑ์รายทีมไว้แล้ว ⇒ ทุกคนต้องมีเกณฑ์ของตัวเอง
  // missed = งวดเข้ม แต่คนนี้ยังตกมาถึงเกณฑ์กลาง/ค่าตั้งต้น = ตกหล่น ต้องหยุด
  const strict = _commPeriodUsesTeamPlans(period);
  const out = (planCode, via, extra) => {
    const r = Object.assign(
      { planCode: _commActivePlanCode(planCode, role), via, teamLeadEmail: null, squad: null, strict, missed: false },
      extra || {});
    r.missed = strict && (via === 'role_default' || via === 'bootstrap');
    return r;
  };

  const key = _commAssignmentKey(period, scope, assignee);
  if (_commAssignmentPending[key]) return out(_commAssignmentPending[key], 'pending');

  const assigns = (_commRuleConfig && _commRuleConfig.assignments) || [];

  // ชั้น 1 รายคน — ทับทุกอย่าง ใช้ตอนมีข้อตกลงเฉพาะตัว
  const found = assigns.find(a => a.period_month === period && a.assignment_scope === scope && a.assignee_key === assignee);
  if (found) return out(codeOf(found), 'person');

  // ชั้น 2 ทีม — เฉพาะ KAM เท่านั้น (หัวหน้าทีมผูกด้วย scope 'tl' ของตัวเองอยู่แล้ว)
  // หา TL ของเขาในเดือนนั้น แล้วดูว่าทีมนั้นผูกกับแผนไหนไว้
  let tlEmail = null, squad = null;
  if (scope === 'kam') {
    try {
      tlEmail = (typeof _commKamTlForPeriod === 'function') ? _commKamTlForPeriod(assignee, period) : null;
      if (tlEmail && typeof _commSquadForTl === 'function') squad = _commSquadForTl(tlEmail);
    } catch (e) {}
    if (tlEmail) {
      const teamKey = _commAssignmentKey(period, 'kam_under_tl', tlEmail);
      if (_commAssignmentPending[teamKey]) return out(_commAssignmentPending[teamKey], 'team', { teamLeadEmail: tlEmail, squad });
      const team = assigns.find(a => a.period_month === period && a.assignment_scope === 'kam_under_tl'
        && String(a.assignee_key || '').trim().toLowerCase() === tlEmail);
      if (team) return out(codeOf(team), 'team', { teamLeadEmail: tlEmail, squad });
    }
  }

  // ชั้น 3 เกณฑ์กลางของบทบาท
  const roleDefaultKey = _commAssignmentKey(period, 'role_default', role);
  if (_commAssignmentPending[roleDefaultKey]) return out(_commAssignmentPending[roleDefaultKey], 'role_default', { teamLeadEmail: tlEmail, squad });
  const roleDefault = assigns.find(a => a.period_month === period && a.assignment_scope === 'role_default' && a.assignee_key === role);
  if (roleDefault) return out(codeOf(roleDefault), 'role_default', { teamLeadEmail: tlEmail, squad });

  // ชั้น 4 ค่าตั้งต้นที่ฝังในโค้ด — ไม่เคยมีใครตั้งใจเลือก
  // ผู้เรียกที่คิดเงินจริงต้องถือว่านี่คือ "หาไม่เจอ" สำหรับงวดที่ต้องมีเกณฑ์ของตัวเอง
  return out(_commPlanCode(role), 'bootstrap', { teamLeadEmail: tlEmail, squad });
}
window._commResolveAssignment = _commResolveAssignment;

// ลายเซ็นเดิมทุกประการ — 19 ที่ที่เรียกอยู่ และ harness เดิม ไม่ต้องแก้สักบรรทัด
function _commGetAssignmentPlan(period, scope, assignee, role) {
  return _commResolveAssignment(period, scope, assignee, role).planCode;
}
function _commSetAssignment(period, scope, assignee, planCode) {
  _commAssignmentPending[_commAssignmentKey(period, scope, assignee)] = planCode;
  _commMarkChanged();
}

function _commCloneLocalPlan(role, baseCode, ownerLabel) {
  const baseDraft = _commGetDraft(role);
  const clean = String(ownerLabel || role || 'Custom').replace(/[^a-zA-Z0-9]+/g,'_').replace(/^_+|_+$/g,'').slice(0,24) || 'Custom';
  const code = `${role.toUpperCase()}_NRR_${clean}_${Date.now().toString().slice(-5)}`;
  const planName = `${ownerLabel || clean} NRR Plan`;
  _commRulePending[code] = {
    ...JSON.parse(JSON.stringify(baseDraft)),
    role,
    plan_code: code,
    plan_name: planName,
    beneficiary_role: role
  };
  if (!_commRuleConfig.plans) _commRuleConfig.plans = {};
  _commRuleConfig.plans[code] = {
    id: null,
    plan_code: code,
    plan_name: planName,
    beneficiary_role: role,
    status:'draft'
  };
  return code;
}
// [UNUSED] — no callers found; safe to delete in future refactor
function cloneTlPlanForAssignment(tlEmail, tlName) {
  const period = _nrrExclusionCurrentPeriod();
  const code = _commCloneLocalPlan('tl', _commPlanCode('tl'), tlName || tlEmail);
  _commSetAssignment(period, 'tl', tlEmail, code);
  renderCommissionCockpit();
}
// [UNUSED] — no callers found; safe to delete in future refactor
function cloneKamPlanForAssignment(kamEmail, kamName) {
  const period = _nrrExclusionCurrentPeriod();
  const code = _commCloneLocalPlan('kam', _commPlanCode('kam'), kamName || kamEmail);
  _commSetAssignment(period, 'kam', kamEmail, code);
  renderCommissionCockpit();
}

function _commPlanNameByCode(code, role) {
  const p = ((_commRuleConfig && _commRuleConfig.plans) || {})[code];
  return p ? p.plan_name : (code || _commPlanName(role));
}
// v_period: group the ACTUAL snapshot rows by team — the same rows that get
// written to the DB on Compute/Lock and shown in the KPI tiles above.
//
// This used to build its own numbers from _commBuildPreviewModel, which is a
// bare NRR-tier lookup: no upsell, no outlet, no handover, no GMV gate, and no
// TL multiplier. On one real team that made the card read ฿115,000 against a
// true locked total of ฿195,685 — understated by 41% — while the KPI tiles at
// the top of the same screen (fed by _commBuildSnapshotRows) showed the right
// figure. Two answers to the same question on one page, neither labelled.
//
// Taking `rows` as an argument is what keeps them in agreement: the caller
// computes the rows once, for one explicit period, and everything on the
// screen is a view of that single array.
function _commBuildTeamPreviewGroups(rows, period) {
  rows = rows || [];
  period = period || (typeof _commTargetLockPeriod === 'function' ? _commTargetLockPeriod() : _nrrExclusionCurrentPeriod());

  const tlRowByEmail = {};
  rows.forEach(r => {
    if (String(r.beneficiary_role || '').toLowerCase() === 'tl') {
      tlRowByEmail[String(r.beneficiary_email || '').toLowerCase()] = r;
    }
  });

  const tlMap = {};
  const ensure = (email, name) => {
    const key = String(email || 'unassigned').toLowerCase();
    if (!tlMap[key]) tlMap[key] = {
      tlEmail: email || 'unassigned', tlName: name || email || 'ไม่ได้สังกัดทีม',
      kamRows: [], kamTotal: 0, tlPayout: 0, teamNrr: null, total: 0, tlRow: null
    };
    return tlMap[key];
  };

  // TL rows first so a team with no members still shows up
  Object.keys(tlRowByEmail).forEach(k => {
    const r = tlRowByEmail[k];
    const bd = r.breakdown || {};
    const g = ensure(r.beneficiary_email, bd.team_lead_name);
    g.tlRow     = r;
    g.tlPayout  = Number(r.payout_amount || 0);   // POST-multiplier, as locked
    g.teamNrr   = r.governed_nrr_pct != null ? Number(r.governed_nrr_pct) : null;
    // CL-5: รหัสแผนที่จดไว้ในแถวอยู่ที่ breakdown.config_snapshot.assigned_plan_code (bd.assigned_plan_code ไม่มีจริง
    // ⇒ เดิมป้ายแผนมาจากแถวผูกของวันนี้เสมอ) · แถวที่ไม่ได้จดจึงค่อยถามตัวหาแผน
    g.tlPlanCode = ((bd.config_snapshot || {}).assigned_plan_code) || bd.assigned_plan_code || _commGetAssignmentPlan(period, 'tl', r.beneficiary_email, 'tl');
    g.tlPlanName = _commPlanNameByCode(g.tlPlanCode, 'tl');
    g.tlMult    = (bd.upsell_mult && bd.upsell_mult.multiplier) || null;
    // CL-6: upsell ทีมที่ใช้เลือกขั้นตัวคูณ (ค่าปัด 1 ตำแหน่งแบบที่ตัวคิดเงินเทียบ)
    g.tlUpsellPct = (bd.upsell_mult && typeof bd.upsell_mult === 'object')
      ? (Number(bd.upsell_mult.team_baseline_gmv) > 0
          ? Math.round(Number(bd.upsell_mult.team_upsell_gmv || 0) / Number(bd.upsell_mult.team_baseline_gmv) * 1000) / 10
          : (bd.upsell_mult.team_upsell_pct != null ? Math.round(Number(bd.upsell_mult.team_upsell_pct) * 10) / 10 : null))
      : null;
  });

  // R1 UI #10: AD/PM (และตำแหน่งอื่นที่ไม่ใช่ KAM) ไม่ได้อยู่ใต้ตัวคูณของหัวหน้าทีม และมีแผนของตำแหน่งตัวเอง
  // เดิมตกไปกลุ่ม "ไม่ได้สังกัดทีม · unassigned · TL rule · TL NRR Standard" (ชื่อแผน Q3 ของหัวหน้าทีม) บนจอ ต.ค.
  // ⇒ กลุ่มของตำแหน่งนั้น + แผนที่จดไว้ในแถว (ไม่จด = ถามตัวหาแผนของงวดนั้น)
  const ROLE_TH = { ad: 'AD', pm: 'PM', ad_tl: 'หัวหน้า AD' };
  const ensureRole = (role, r) => {
    const key = 'role:' + role;
    if (!tlMap[key]) {
      const bd0 = (r && r.breakdown) || {};
      const code = ((bd0.config_snapshot || {}).assigned_plan_code) || bd0.assigned_plan_code || _commGetAssignmentPlan(period, role, r && r.beneficiary_email, role);
      tlMap[key] = { tlEmail: key, tlName: ROLE_TH[role] || String(role).toUpperCase(), roleGroup: role,
        rolePlanCode: code || null, rolePlanName: code ? _commPlanNameByCode(code, role) : null,
        kamRows: [], kamTotal: 0, tlPayout: 0, teamNrr: null, total: 0, tlRow: null };
    }
    return tlMap[key];
  };
  // everyone who is not a TL hangs under their team_lead_email
  rows.forEach(r => {
    const role = String(r.beneficiary_role || '').toLowerCase();
    if (role === 'tl') return;
    const bd = r.breakdown || {};
    const tlEmail = r.team_lead_email || '';
    const g = (role && role !== 'kam') ? ensureRole(role, r) : ensure(tlEmail, (tlRowByEmail[String(tlEmail).toLowerCase()] || {}).breakdown &&
                              tlRowByEmail[String(tlEmail).toLowerCase()].breakdown.team_lead_name);
    const _pct = r.governed_nrr_pct != null ? Number(r.governed_nrr_pct) : null;
    // the tier label is not stored on the row — look it up from the same pct
    // the payout used, so label and money can never disagree
    let _tierLabel = '';
    try {
      const _t = _commMatchTierByCode(((bd.config_snapshot || {}).assigned_plan_code) || bd.assigned_plan_code || _commGetAssignmentPlan(period, role, r.beneficiary_email, role), role, _pct);   // CL-5
      _tierLabel = _t ? (_t.payout_label || '') : '';
    } catch (e) { /* label is cosmetic — never let it break the row */ }
    g.kamRows.push({
      kamEmail: r.beneficiary_email,
      kamName:  bd.kam_name || r.beneficiary_email,
      role,
      pct:      _pct,
      tierLabel: _tierLabel,
      payout:   Number(r.payout_amount || 0),      // FULL payout, as locked
      breakdown: bd
    });
    g.kamTotal += Number(r.payout_amount || 0);
  });

  Object.values(tlMap).forEach(t => {
    t.kamRows.sort((a, b) => (b.payout - a.payout) || ((a.pct ?? -1) - (b.pct ?? -1)));
    t.total = t.tlPayout + t.kamTotal;
  });
  // real teams first, then role groups (AD/PM), the "no team" bucket last so nobody is hidden but it
  // never outranks an actual team lead
  const rank = t => t.tlEmail === 'unassigned' ? 2 : (t.roleGroup ? 1 : 0);
  return Object.values(tlMap).sort((a, b) => (rank(a) - rank(b)) || (b.total - a.total));
}

// ══════════════════════════════════════════════════════════════
// SECTION:COMMISSION_SETUP_COMPONENT_DRAFTS (Commission Setup redesign, phase 1)
// New per-scheme draft/preview layer for the 5 non-NRR components (Gate,
// Upsell P1/P3/Expansion, Handover, TL-mult). Fully separate from the OLD
// global-blob path (_commComponentPending; its saver was deleted in DD-11,
// which stays untouched and reachable only via the Advanced tab).
//
// Keyed by plan_code (not plan.id) — a brand-new, never-saved role's plan
// has id:null, so keying by id would make previewing a new role's
// components permanently impossible. Mirrors the proven NRR pattern
// (_commRulePending is also plan_code-keyed).
let _commComponentRulePending = {};

function _commComponentDraftKey(planCode, metricCode, metricVariant) {
  return `${planCode}|${metricCode}|${metricVariant || ''}`;
}

// Read the current value for an editor: pending draft first, else the real
// saved rule (if this plan has been persisted), else null (unconfigured).
function _commGetComponentDraft(planCode, metricCode, metricVariant) {
  const key = _commComponentDraftKey(planCode, metricCode, metricVariant);
  if (Object.prototype.hasOwnProperty.call(_commComponentRulePending, key)) return _commComponentRulePending[key];
  return (typeof _commGetRuleForMetric === 'function') ? _commGetRuleForMetric(planCode, metricCode, metricVariant) : null;
}

// Lazily create a draft (cloned from the real saved rule if one exists,
// else a sensible empty shape) so an editor has something to mutate.
function _commEnsureComponentDraft(planCode, metricCode, metricVariant) {
  const key = _commComponentDraftKey(planCode, metricCode, metricVariant);
  if (!_commComponentRulePending[key]) {
    const existing = (typeof _commGetRuleForMetric === 'function') ? _commGetRuleForMetric(planCode, metricCode, metricVariant) : null;
    _commComponentRulePending[key] = existing
      ? JSON.parse(JSON.stringify(existing))
      : { active: true, params: {}, tiers: [], tier_config: null };
  }
  return _commComponentRulePending[key];
}
function _commSetComponentDraftActive(planCode, metricCode, metricVariant, active) {
  const d = _commEnsureComponentDraft(planCode, metricCode, metricVariant);
  d.active = !!active;
  _commMarkChanged();
}
window._commGetComponentDraft = _commGetComponentDraft;
window._commEnsureComponentDraft = _commEnsureComponentDraft;
window._commSetComponentDraftActive = _commSetComponentDraftActive;

// Builds the previewResolver closure threaded into _commBuildKamPayout/
// _commBuildTlPayout's new optional last param (07a_commission_engine.js).
// Not scoped to a single plan_code — _commBuildKamPayout/_commBuildTlPayout
// resolve their own planCode internally (same as today, via
// _commGetAssignmentPlan) and pass it to every _commCompute* call; the
// resolver just answers "is there a staged draft for THIS (planCode,
// metricCode, variant)" fresh each call, which is always the one planCode
// actually in play for that build — no separate scoping needed. Returns
// undefined (not the pending map's value) for anything with no staged
// draft, so the real compute functions fall back to exactly today's
// saved-state resolution — this is what keeps real Compute/Lock (which
// never pass a resolver at all) provably unaffected.
function _commComponentPreviewResolver() {
  return function(planCode, metricCode, metricVariant) {
    const key = _commComponentDraftKey(planCode, metricCode, metricVariant);
    if (Object.prototype.hasOwnProperty.call(_commComponentRulePending, key)) return _commComponentRulePending[key];
    return undefined;
  };
}
// Preview-only wrappers — the new Setup UI's live-preview panel calls these;
// real Compute/Lock (computeCommissionDraft/lockCommissionSnapshot) never do.
function _commBuildKamPayoutPreview(kamEmail, role) {
  return _commBuildKamPayout(kamEmail, undefined, role, _commComponentPreviewResolver());
}
function _commBuildTlPayoutPreview(tlEmail) {
  return _commBuildTlPayout(tlEmail, undefined, _commComponentPreviewResolver());
}
window._commBuildKamPayoutPreview = _commBuildKamPayoutPreview;
window._commBuildTlPayoutPreview = _commBuildTlPayoutPreview;

window.debugCommissionRules = function(){
  const plans = Object.values((_commRuleConfig && _commRuleConfig.plans) || {});
  const assignments = ((_commRuleConfig && _commRuleConfig.assignments) || []);
  // plan/assignment dump removed — use Commission Cockpit UI instead
  return { plans, assignments, pending:_commRulePending };
};

function renderCommissionCockpit() {
  const stepChanged = _commLastRenderedStep !== _commCockpitStep;
  document.querySelectorAll('.comm-step').forEach(b=>b.classList.remove('active'));
  const btn = document.getElementById('comm-step-' + _commCockpitStep);
  if (btn) btn.classList.add('active');
  const body = document.getElementById('commission-cockpit-body');
  if (!body) return;
  if (stepChanged) {
    body.classList.remove('comm-body-in');
    void body.offsetWidth;
    body.classList.add('comm-body-in');
  } else {
    body.classList.remove('comm-body-in');
  }
  let out;
  if (_commCockpitStep === 'policy') out = renderCommPolicyStep(body);
  else if (_commCockpitStep === 'setup') out = renderCommSetupStep(body);
  else if (_commCockpitStep === 'assignment') out = renderCommAssignmentStep(body);
  else if (_commCockpitStep === 'rules') out = renderCommRulesStep(body);
  else out = renderCommLockStep(body);
  // v_schemeonly: ขั้นที่แก้เกณฑ์ บอกตั้งแต่บนสุดว่าไตรมาสนี้บันทึกจากที่นี่ไม่ได้
  if (_commCockpitStep !== 'lock' && _commSchemeQuarterLocked() && typeof body.insertAdjacentHTML === 'function') {
    body.insertAdjacentHTML('afterbegin', _commSchemeMovedHtml());
  }
  _commLastRenderedStep = _commCockpitStep;
  _commUpdateSaveButtonState();
  return out;
}
function renderCommPolicyStep(body) {
  const q = _tgtActiveQuarter || _tgtCurrentQuarter();
  const months = _tgtQuarterMonths(q);
  const pendingPolicy = Object.keys(_nrrGovPending || {}).length;
  body.innerHTML = `
    <div class="comm-hero">
      <div class="comm-hero-top">
        <div>
          <div class="comm-hero-title">1. Period & NRR Base Policy</div>
          <div class="comm-hero-sub">กำหนดฐาน NRR ก่อน payout ทุกคนจะยึด policy ชุดนี้เป็น source of truth</div>
        </div>
        <span class="comm-badge ${pendingPolicy?'dirty':'blue'}">${pendingPolicy?pendingPolicy+' unsaved':_tgtQuarterLabel(q)}</span>
      </div>
      <div class="comm-readiness-bar ${pendingPolicy?'warn':'ready'}"><span class="comm-readiness-dot"></span><div class="comm-readiness-copy">${pendingPolicy?'มี policy change ที่ยังไม่ได้ save':'Policy state พร้อมใช้งานจากข้อมูลล่าสุด'}</div></div>
    </div>
    ${months.map(m=>{
      const key = _nrrGovKey(m,'all','all');
      const dirty = !!(_nrrGovPending || {})[key];
      const p = _nrrGovGetPending(m,'all','all');
      const opts = _nrrGovBaseMonthOptions(m);
      return `<div class="comm-card comm-policy-card ${dirty?'dirty':''}">
        <div class="comm-card-top"><div><div class="comm-name">${_nrrGovMonthLabel(m)}${dirty?'<span class="comm-unsaved">Unsaved</span>':''}</div><div class="comm-meta">ใช้กับทุกทีม</div></div><span class="comm-badge ${p.status==='published'?'ok':'warn'}">${p._defaulted?'ค่าตั้งต้น':(p.status||'draft')}</span></div>
        <div class="comm-grid2">
          <div class="comm-field"><label>Base mode</label><select class="comm-select" onchange="onNrrPolicyChange('${m}','base_mode',this.value)">
            <option value="rolling_mom" ${p.base_mode==='rolling_mom'?'selected':''}>Rolling MoM</option>
            <option value="fixed_month" ${p.base_mode==='fixed_month'?'selected':''}>Fixed base month</option>
          </select></div>
          <div class="comm-field"><label>Base month</label><select class="comm-select" ${p.base_mode==='fixed_month'?'':'disabled'} onchange="onNrrPolicyChange('${m}','base_month',this.value)">
            ${opts.map(o=>`<option value="${o}" ${p.base_month===o?'selected':''}>${_nrrGovMonthLabel(o)}</option>`).join('')}
          </select></div>
          <div class="comm-field"><label>Status</label><select class="comm-select" onchange="onNrrPolicyChange('${m}','status',this.value)">
            <option value="draft" ${p.status==='draft'?'selected':''}>Draft</option>
            <option value="published" ${(p.status==='published'||p.status==='auto')?'selected':''}>Published</option>
          </select></div>
          <div class="comm-field"><label>Scope</label><input class="comm-input" value="All teams" disabled></div>
        </div>
      </div>`;
    }).join('')}
    <div class="comm-card" style="margin-top:12px;border:1.5px solid rgba(255,210,80,.18);background:rgba(255,200,60,.04)">
      <div class="comm-card-top">
        <div>
          <div class="comm-name" style="color:#f0c040">Commission Mode — ${_tgtQuarterLabel(q)}</div>
          <div class="comm-meta">NRR + Expansion + Upsell P1/P3 ใช้ฐานไหน &middot; Handover เทียบเดือนหลังรับกับเดือนที่รับ &middot; ตั้งแต่ ต.ค. 2569 สาขาหนึ่งนับ HO ได้ครั้งเดียว &middot; ตั้งได้ที่หน้า "ตั้งเกณฑ์" ใน /nrr ด้วย</div>
        </div>
        <span class="comm-badge" style="background:rgba(255,200,60,.15);color:#f0c040">${_tgtMonthLabel(months[0])}&ndash;${_tgtMonthLabel(months[2])}</span>
      </div>
      <div class="comm-grid2" style="margin-top:10px">
        <div class="comm-field" style="grid-column:1/-1">
          <label>Mode</label>
          <div style="display:flex;gap:16px;margin-top:6px;align-items:center">
            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--text-base);color:rgba(255,255,255,.75)">
              <input type="radio" name="comm_mode_q3" value="monthly"
                ${(_nrrGovGetQuarterlyMode()||'monthly')==='monthly'?'checked':''}
                onchange="onNrrPolicyChangeMode('monthly')">
              Monthly (Rolling MoM)
            </label>
            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--text-base);color:rgba(255,255,255,.75)">
              <input type="radio" name="comm_mode_q3" value="quarterly"
                ${(_nrrGovGetQuarterlyMode()||'monthly')==='quarterly'?'checked':''}
                onchange="onNrrPolicyChangeMode('quarterly')">
              Quarterly (Fixed Base ${_tgtMonthLabel(_nrrGovQuarterOf(months[0]).base_month)})
            </label>
          </div>
        </div>
        <div class="comm-field">
          <label>NRR</label>
          <div class="comm-input" style="color:rgba(255,255,255,.55);height:auto;line-height:1.5">${(_nrrGovGetQuarterlyMode()||'monthly')==='quarterly'?'เทียบ ' + _nrrGovMonthLabel(_nrrGovQuarterOf(months[0]).base_month) + ' ทั้งไตรมาส · ร้านกลับมาซื้อนับเพิ่ม · ย้ายเข้า/ออกปรับฐานตั้งแต่เดือนที่ย้าย · หักร้านยกเว้นทั้งสองฝั่ง · ปัด 1 ตำแหน่ง':'เทียบเดือนก่อน'}</div>
        </div>
        <div class="comm-field">
          <label>Expansion</label>
          <div class="comm-input" style="color:rgba(255,255,255,.55);height:auto;line-height:1.5">ยอดเดือนนั้นของสาขาที่ไฟล์ NRR ติดป้ายสาขาใหม่ · ไม่นับใน P1/P3</div>
        </div>
        <div class="comm-field">
          <label>Upsell P1/P3</label>
          <div class="comm-input" style="color:rgba(255,255,255,.55);height:auto;line-height:1.5">${(_nrrGovGetQuarterlyMode()||'monthly')==='quarterly'?(() => { const _bm = _nrrGovQuarterOf(months[0]).base_month; const _from = _nrrGovPrevMonth(_nrrGovPrevMonth(_bm)); return 'ฐาน 3 เดือน ' + _nrrGovMonthLabel(_from).split(' ')[0] + '–' + _nrrGovMonthLabel(_bm) + ' ตายตัวทั้งไตรมาส · จ่ายรายเดือนจากยอดเดือนนั้น'; })():'ฐาน 3 เดือนล่าสุด เลื่อนทุกเดือน'}</div>
        </div>
        <div class="comm-field" style="grid-column:1/-1">
          <label>Handover</label>
          <div class="comm-input" style="color:rgba(255,255,255,.52);height:auto;line-height:1.5">&#128274; รายเดือนเสมอ — ไม่ขึ้นกับโหมด · นับครั้งเดียวต่อสาขาตั้งแต่ ต.ค. 2569</div>
        </div>
      </div>
    </div>
    ${(() => {
      // v302: ค่าเตือน NRR ย้ายมาจากแผ่น Target (ปุ่ม Target ถูกซ่อนจาก KAM/TL แล้ว) — input/handler/save เดิม
      // (#tgt-nrr-input · onTgtNrrInput · _tgtSaveNrrThreshold)
      // จ14 (15 ต.ค. 2569): nrr_threshold = เส้นสุขภาพร้านเดี่ยว (_dispShopHealthBands) อย่างเดียว ไม่ใช่เส้นเงิน
      const thr = Number((_tgtPendingEdits && _tgtPendingEdits['__nrr_threshold'] !== undefined) ? _tgtPendingEdits['__nrr_threshold'] : (_tgtSettings.nrr_threshold || 98));
      const dirty = _tgtPendingEdits && _tgtPendingEdits['__nrr_threshold'] !== undefined;
      // CP-5: เกตอ่านอย่างเดียว = ตารางเดือน × ทีมจากแผนของเดือนนั้น (RuleView) — เดิมอ่านค่ากลาง 98/95
      // และเขียนว่า "สีของตัวเลข … ใช้เกตจ่ายเงิน" ซึ่งไม่จริง · แก้เกตได้ที่ /nrr หน้าตั้งเกณฑ์
      const gateTable = _commPolicyGateTableHtml(months);
      return `<div class="comm-card ${dirty ? 'dirty' : ''}" style="margin-top:12px">
        <div class="comm-card-top"><div><div class="comm-name">เส้นสุขภาพร้าน${dirty ? '<span class="comm-unsaved">Unsaved</span>' : ''}</div><div class="comm-meta">สีของร้านเดี่ยว: เขียวตั้งแต่ค่านี้ · เหลืองต่ำกว่าไม่เกิน 3 จุด · แดงต่ำกว่านั้น · ไม่ใช่เกตค่าคอมฯ</div></div></div>
        <div class="comm-grid2">
          <div class="comm-field"><label>ร้านเดี่ยวเป็นสีเขียวตั้งแต่</label>
            <div style="display:flex;align-items:center;gap:6px"><input class="comm-input tgt-nrr-config-input" id="tgt-nrr-input" type="number" min="50" max="110" step="1" value="${thr}" oninput="onTgtNrrInput(this.value)" style="width:90px"><span style="color:var(--tk-text-muted)">%</span></div>
          </div>
        </div>
      </div>
      <div class="comm-card" style="margin-top:12px">
        <div class="comm-card-top"><div><div class="comm-name">เกตค่าคอมฯ (อ่านอย่างเดียว)</div><div class="comm-meta">ต่ำกว่าเส้นครึ่งได้ 0 · หัวหน้าทีมไม่มีเกต · แก้ที่ /nrr หน้าตั้งเกณฑ์</div></div></div>
        ${gateTable}
        <div class="comm-meta" style="margin-top:6px">สีของ %NRR: KAM/AD ใช้เกตของตัวเอง · หัวหน้าทีมใช้ขั้นเงินขั้นแรกของตัวเอง · ร้านเดี่ยวใช้เส้นสุขภาพร้านข้างบน</div>
      </div>`;
    })()}`;
}
// CP-5: ตารางเกตรายเดือน × ทีม จากแผนที่ผูกกับทีมในเดือนนั้น (ตัวอ่านเกณฑ์ RuleView ตัวเดียวกับจออื่น)
// ทีม = หัวหน้าทีมที่อยู่ในพอร์ตวันนี้ จัดกลุ่มตาม squad · ไม่มีเกต/ยังอ่านไม่ได้ = "—" พร้อมเหตุ ไม่เติม 98/95
function _commPolicyGateTableHtml(months) {
  try {
    if (typeof _dispRuleView !== 'function') return '<div class="comm-meta">—</div>';
    const seen = {}, teams = [];
    (_commGetTlListFromPortview() || []).forEach(t => {
      const sq = (typeof _commSquadForTl === 'function') ? _commSquadForTl(t.email) : null;
      const key = sq || String(t.email || '').toLowerCase();
      if (seen[key]) return;
      seen[key] = true;
      teams.push({ tl: String(t.email || '').toLowerCase(), label: sq === 'chain' ? 'Chain' : sq === 'sa_mc' ? 'SA/MC' : (t.name || t.email) });
    });
    if (!teams.length) return '<div class="comm-meta">ยังไม่มีรายชื่อทีม</div>';
    const cell = (m, t) => {
      const v = _dispRuleView(m, null, 'kam', t.tl);
      const g = _dispGateOf(v);
      if (g) return 'เต็ม ' + _commFormatPts(g.full) + '% · ครึ่ง ' + _commFormatPts(g.zero) + '–' + _commFormatPts(Math.round((g.full - 0.1) * 10) / 10) + '%';
      return '— ' + _commEscapeHtml(v && v.status !== 'loading' ? (v.reason_th || 'ยังไม่มีเกต') : 'กำลังโหลด');
    };
    return '<div class="comm-gate-table" style="display:grid;grid-template-columns:auto repeat(' + teams.length + ',minmax(0,1fr));gap:6px 10px;margin-top:8px;font-size:var(--text-sm)">'
      + '<div></div>' + teams.map(t => '<div style="font-weight:var(--fw-bold);color:rgba(255,255,255,.75)">' + _commEscapeHtml(t.label) + '</div>').join('')
      + months.map(m => '<div style="color:rgba(255,255,255,.6)">' + _nrrGovMonthLabel(m).split(' ')[0] + '</div>'
          + teams.map(t => '<div style="color:rgba(255,255,255,.85)">' + cell(m, t) + '</div>').join('')).join('')
      + '</div>';
  } catch (e) { return '<div class="comm-meta">—</div>'; }
}
window._commPolicyGateTableHtml = _commPolicyGateTableHtml;
// v878 (phase 6): role-wide default scheme selector for the 6 roles beyond
// tl/kam (pm/admin/sales/sales_tl/ad/ad_tl) — no per-person roster source
// exists client-side for these roles yet (portviewBulkData is KAM/TL-only),
// so this section only exposes the ROLE-LEVEL default (assignment_scope=
// 'role_default', assignee_key=the role bucket itself), not per-person
// override — that stays a future enhancement once a people-by-role source
// is wired in. A role default here is a real no-op today for kam/tl (their
// existing per-person assignments always win first, per
// _commGetAssignmentPlan's 3-tier resolution) and is the ONLY lever for the
// other 6 roles until someone is individually assigned.
const _COMM_OTHER_ROLES = ['pm','admin','sales','sales_tl','ad','ad_tl'];
function _renderCommRoleDefaultsSection(period, isUnsaved) {
  const cards = _COMM_OTHER_ROLES.map(role => {
    const plans = _commRulesForRole(role, { activeOnly:true });
    const currentCode = _commGetAssignmentPlan(period, 'role_default', role, role);
    const unsaved = isUnsaved('role_default', role);
    const label = _commPlanName(role).replace(' NRR Standard', '');
    return `<div class="comm-card">
      <div class="comm-card-top"><div><div class="comm-name">${label}${unsaved?'<span class="comm-unsaved">Unsaved</span>':''}</div><div class="comm-meta">Role default · ใช้ก็ต่อเมื่อคนนั้นไม่มี assignment ส่วนตัว</div></div><span class="comm-badge blue">${role.toUpperCase()}</span></div>
      <div class="comm-field" style="margin-top:10px"><label>Default scheme สำหรับ role นี้</label>
        <select class="comm-select" onchange="_commSetAssignment('${period}','role_default','${role}',this.value);this.classList.add('flash')">
          ${plans.map(p=>`<option value="${p.plan_code}" ${currentCode===p.plan_code?'selected':''}>${p.plan_name || p.plan_code}</option>`).join('')}
        </select>
      </div>
      <div class="comm-assignment-summary">ยังไม่มี Rule เฉพาะสำหรับ role นี้? ไป Step 3 Rules → Create Rule แล้วกลับมาเลือกที่นี่</div>
    </div>`;
  }).join('');
  return `<div class="comm-section-title">Role defaults — PM / Admin / Sales / AD</div>${cards}`;
}

// ══════════════════════════════════════════════════════════════
// SECTION:COMMISSION_SETUP (Commission Setup redesign, phase 2)
// Role-first home: one honest status per role, no synthesized-but-
// real-looking placeholders. _commRulesForRole/_commGetDraftByCode both
// inject a synthetic bootstrap entry for dropdown convenience (exactly the
// pattern that confused Bush originally) — this section deliberately does
// NOT reuse those for status detection; it checks real saved/pending state
// directly instead.
const _ALL_ROLES = ['kam', 'tl', ..._COMM_OTHER_ROLES];

function _commRoleHasRealNrrTiers(planCode) {
  const plan = ((_commRuleConfig && _commRuleConfig.plans) || {})[planCode];
  if (!plan || !plan.id) return false;
  const rule = _commRuleConfig.rules && _commRuleConfig.rules[plan.id];
  const tiers = rule && _commRuleConfig.tiers ? (_commRuleConfig.tiers[rule.id] || []) : [];
  return tiers.length > 0;
}
const _COMM_SETUP_COMPONENT_METRICS = [
  ['portfolio_gate', null], ['tl_upsell_mult', null],
  ['upsell_gmv', 'p1_new_sku'], ['upsell_gmv', 'p3_growth'], ['upsell_gmv', 'outlet_expansion'],
  ['handover', null],
];
function _commRoleHasAnySavedComponent(planCode) {
  if (_commRoleHasRealNrrTiers(planCode)) return true;
  return _COMM_SETUP_COMPONENT_METRICS.some(([mc, variant]) => {
    const found = (typeof _commGetRuleForMetric === 'function') ? _commGetRuleForMetric(planCode, mc, variant) : null;
    if (!found || found.active === false) return false;
    return (Array.isArray(found.tiers) && found.tiers.length > 0) || !!found.tier_config;
  });
}
function _commRoleHasAnyPendingComponent(planCode) {
  if (_commRulePending && _commRulePending[planCode]) return true;
  return Object.keys(_commComponentRulePending || {}).some(k => k.indexOf(planCode + '|') === 0);
}
// Real status for the role's OWN default scheme — 'active' only once a real
// saved plan+component exists; 'draft' if something's staged but not saved;
// 'not_set' otherwise. Never returns 'active' for the synthetic bootstrap
// placeholder alone (matches _commPlanCode(role)'s fallback name but has no
// real row) — that placeholder exists only so dropdowns aren't empty, not as
// a signal that anything is actually configured.
function _commRoleSetupStatus(role) {
  const period = _nrrExclusionCurrentPeriod();
  const planCode = _commGetAssignmentPlan(period, 'role_default', role, role);
  const realPlan = ((_commRuleConfig && _commRuleConfig.plans) || {})[planCode];
  const isRealSavedPlan = !!(realPlan && realPlan.id);
  const rawStatus = isRealSavedPlan ? (realPlan.status || 'active') : null;
  const isArchived = rawStatus === 'inactive' || rawStatus === 'archived';
  const hasSaved = isRealSavedPlan && !isArchived && _commRoleHasAnySavedComponent(planCode);
  const hasPending = _commRoleHasAnyPendingComponent(planCode);
  let state = 'not_set';
  if (hasSaved) state = 'active';
  else if (hasPending) state = 'draft';
  return { planCode, state };
}
function _commRolePeopleCount(role) {
  const other = _commOtherRoleEmailSet();
  if (role === 'kam') {
    const groups = (typeof _buildKamGroups === 'function') ? (_buildKamGroups() || []) : [];
    return groups.filter(g => g.kamEmail && !other.has(g.kamEmail.toLowerCase())).length;
  }
  if (role === 'tl') {
    const tls = (typeof _commGetTlListFromPortview === 'function') ? (_commGetTlListFromPortview() || []) : [];
    return tls.filter(t => t.email && !other.has(t.email.toLowerCase())).length;
  }
  return (_commOtherRoleRoster || []).filter(p => p.role === role).length;
}
const _COMM_ROLE_LABEL = { kam:'KAM', tl:'Team Lead', pm:'PM', admin:'Admin', sales:'Sales', sales_tl:'Sales TL', ad:'AD', ad_tl:'AD TL' };

function renderCommSetupStep(body) {
  if (_commSetupDetailRole) return renderCommRoleDetail(body, _commSetupDetailRole);
  const cards = _ALL_ROLES.map(role => {
    const { state } = _commRoleSetupStatus(role);
    const people = _commRolePeopleCount(role);
    const badgeClass = state === 'active' ? 'ok' : state === 'draft' ? 'warn' : '';
    const badgeLabel = state === 'active' ? 'Active' : state === 'draft' ? 'Draft' : 'Not set up';
    const peopleLbl = people === 1 ? '1 คน' : `${people} คน`;
    return `<div class="comm-rule-item comm-role-card" onclick="_commOpenRoleDetail('${role}')">
      <div class="comm-role-card-top">
        <div class="comm-rule-item-name">${_COMM_ROLE_LABEL[role] || role.toUpperCase()}</div>
        <span class="comm-badge ${badgeClass}">${badgeLabel}</span>
      </div>
      <div class="comm-rule-item-meta">${peopleLbl}${people === 0 ? ' — ยังไม่มีคนใน role นี้' : ''}</div>
    </div>`;
  }).join('');
  body.innerHTML = `
    <div class="comm-hero">
      <div class="comm-hero-top">
        <div><div class="comm-hero-title">Commission Setup</div><div class="comm-hero-sub">เลือก role แล้วตั้งค่าว่าได้ค่าคอมฯ อะไรบ้าง — ครบในหน้าเดียว</div></div>
      </div>
    </div>
    <div class="comm-role-grid">${cards}</div>
  `;
}
window._commOpenRoleDetail = function(role) {
  _commSetupDetailRole = role;
  _commSetupDetailScheme = null; // fresh detail always opens on the role's default scheme
  _commCockpitStep = 'setup';
  renderCommissionCockpit();
};
window._commCloseRoleDetail = function() {
  _commSetupDetailRole = null;
  _commSetupDetailScheme = null;
  renderCommissionCockpit();
};
let _commSetupDetailRole = null;
// Which of the role's schemes the detail page is currently editing (v_cockpit3tabs:
// scheme switcher). null = follow the role's default scheme. Replaces the old
// Rules tab's _commSelectedRuleCode for the Setup flow.
let _commSetupDetailScheme = null;

// ── Scheme switcher handlers (v_cockpit3tabs) ────────────────────────────
// All four are thin wrappers over the SAME staging primitives the old
// Assignment/Rules tabs used — no new write paths, only new navigation.
window._commSetupSelectScheme = function(role, code) {
  _commSetupDetailScheme = code;
  renderCommissionCockpit();
};
window._commSetupCreateScheme = function(role) {
  // _commCreateRule stages the draft + re-renders (Rules-tab shaped); we
  // re-point the Setup detail at the new scheme and render once more so the
  // user stays exactly where they were, now editing the new scheme.
  const code = _commCreateRule(role);
  _commSetupDetailScheme = code || null;
  renderCommissionCockpit();
};
window._commSetupArchiveScheme = function(role, code) {
  archiveCommissionRule(code); // existing confirm-dialog + usage-count flow
  _commSetupDetailScheme = null; // fall back to the role default after archive
};
window._commSetupMakeDefault = function(role, code) {
  _commSetAssignment(_nrrExclusionCurrentPeriod(), 'role_default', role, code);
  _commMarkChanged();
  renderCommissionCockpit();
};

// Switcher bar — one line that replaces the entire old Rules tab for this
// role: pick which scheme to edit, see who uses it, create/archive, and an
// explicit "make default" action (replaces the deleted Assignment
// "Role defaults" dropdowns with something scoped to what you're looking at).
function _renderSchemeSwitcher(role, activeCode, defaultCode) {
  const schemes = _commRulesForRole(role, { activeOnly:true });
  if (schemes.length === 1 && activeCode === defaultCode) {
    // Single-scheme role: no dropdown noise, just the create affordance.
    return `<div class="comm-card comm-scheme-bar">
      <div class="comm-meta">Scheme เดียว: <b>${_commEscapeHtml((schemes[0].plan_name)||activeCode)}</b> (default ของ role)</div>
      <button class="comm-role-override-link" onclick="_commSetupCreateScheme('${role}')">+ สร้าง scheme ที่ 2 ›</button>
    </div>`;
  }
  const usedTh = _commRuleUsageSummaryTh(activeCode);   // CS-3
  const isDefault = activeCode === defaultCode;
  return `<div class="comm-card comm-scheme-bar">
    <div class="comm-field" style="flex:1;min-width:0"><label>Scheme ที่กำลังแก้</label>
      <select class="comm-select" onchange="_commSetupSelectScheme('${role}', this.value)">
        ${schemes.map(p => `<option value="${p.plan_code}" ${p.plan_code===activeCode?'selected':''}>${_commEscapeHtml(p.plan_name || p.plan_code)}${p.plan_code===defaultCode?' · default':''}</option>`).join('')}
      </select>
    </div>
    <div class="comm-scheme-bar-side">
      <div class="comm-meta">${_commEscapeHtml(usedTh)}</div>
      ${isDefault
        ? `<div class="comm-meta" style="color:var(--tk-ok-bright)">✓ default ของ role นี้</div>`
        : `<button class="comm-role-override-link" onclick="_commSetupMakeDefault('${role}','${activeCode}')">ตั้งเป็น default ของ role</button>`}
      <button class="comm-role-override-link" onclick="_commSetupCreateScheme('${role}')">+ สร้าง scheme ใหม่</button>
      ${isDefault
        ? ''
        : `<button class="comm-role-override-link" style="color:rgba(255,100,60,.75)" onclick="_commSetupArchiveScheme('${role}','${activeCode}')">Archive</button>`}
    </div>
  </div>`;
}

// portviewBulkData's kamEmail/tlEmail fields track who currently OWNS a
// portfolio, independent of profiles.role — someone whose real role is
// pm/admin/sales/sales_tl/ad/ad_tl can still show up there if they hold
// accounts (confirmed live: Ornpreya "Ice" Sukthai, role='ad', still owns
// a portfolio and appeared in the KAM people list/count/preview). Exclude
// them everywhere Setup enumerates "real KAM/TL people" — mirrors the
// identical skip already applied in the payout builder
// (_commBuildSnapshotRows, commit 23f3517) so the UI's roster always
// matches who the engine will actually pay as a KAM/TL.
function _commOtherRoleEmailSet() {
  return new Set((_commOtherRoleRoster || []).map(p => (p.email || '').toLowerCase()));
}

// Pick one real person currently in this role to preview against — first
// match is enough (the goal is "does this look right", not a full roster
// audit). Returns null if nobody is in the role yet (e.g. AD/AD TL today).
function _commRolePreviewPerson(role) {
  const other = _commOtherRoleEmailSet();
  if (role === 'kam') {
    const groups = (typeof _buildKamGroups === 'function') ? (_buildKamGroups() || []) : [];
    const g = groups.find(x => x.kamEmail && !other.has(x.kamEmail.toLowerCase()));
    return g ? { email: g.kamEmail, name: g.kamName || g.kamEmail } : null;
  }
  if (role === 'tl') {
    const tls = (typeof _commGetTlListFromPortview === 'function') ? (_commGetTlListFromPortview() || []) : [];
    const t = tls.find(x => x.email && !other.has(x.email.toLowerCase()));
    return t ? { email: t.email, name: t.name || t.email } : null;
  }
  // Pre-existing bug (predates today's kam/tl fix, just now surfaced by
  // real testing): this never filtered by role at all — it grabbed the
  // FIRST person in the whole cross-role roster (pm/admin/sales/ad/...)
  // regardless of which role's detail page was open. Opening AD showed
  // whichever person happened to load first (e.g. a PM), never Ice.
  const p = (_commOtherRoleRoster || []).find(x => x.email && x.role === role);
  return p ? { email: p.email, name: p.name || p.email } : null;
}
// Draft-aware preview card — reuses _commBuildKamPayoutPreview/
// _commBuildTlPayoutPreview (Phase 1) so this updates live as NRR tiers
// (and, from Phase 4 onward, other components) are edited, before Save.
function _renderRoleLivePreview(role, person) {
  const isTl = role === 'tl';
  // รอบ B: งวดแบบใหม่ และไม่มีเกณฑ์ที่แก้ค้าง ⇒ ยอดจริงสดของคนนี้ (ตัวเดียวกับที่ระบบจะร่าง/ล็อก)
  // มีเกณฑ์แก้ค้าง ⇒ ทางเดิม (พรีวิวเกณฑ์ที่ยังไม่บันทึก) — ยอดจริงอ่านเฉพาะเกณฑ์ที่บันทึกแล้ว
  const _per = _nrrExclusionCurrentPeriod();
  if (_commIsExplicit(_per) && !_commHasPendingChanges()) {
    const x = _commLiveExactFor(person.email, role, _per);
    const p = x.payout || {};
    const amt = x.status === 'ok' ? _commFmtPayout(x.amount) : x.status === 'loading' ? COMM_LIVE_LOADING_TH : '—';
    const why = x.status === 'ok' ? (x.skipped ? x.reason_th : '') : x.status === 'loading' ? '' : (x.reason_th || '');
    return `<div class="comm-card comm-role-preview" id="comm-role-live-preview" data-role="${_commEscapeHtml(role)}" data-email="${_commEscapeHtml(person.email)}" data-name="${_commEscapeHtml(person.name)}">
    <div class="comm-role-preview-label">ยอดจริงสด — คนจริง, เกณฑ์ที่บันทึกแล้ว</div>
    <div style="display:flex;align-items:center;justify-content:space-between;gap:10px">
      <div><div class="comm-name">${_commEscapeHtml(person.name)}</div><div class="comm-meta">NRR ${p.nrr_pct != null ? _commFmtPct(p.nrr_pct) : '—'}</div></div>
      <div class="comm-role-preview-amt">${amt}</div>
    </div>${why ? `<div class="comm-meta">${_commEscapeHtml(why)}</div>` : ''}
  </div>`;
  }
  let payout = null;
  try {
    payout = isTl ? _commBuildTlPayoutPreview(person.email) : _commBuildKamPayoutPreview(person.email, role);
  } catch(e) { console.warn('[Commission Setup] preview failed', e); }
  const amt = payout ? Number(payout.final_payout || 0) : 0;
  const nrrPct = payout ? _commFmtPct(payout.nrr_pct) : '—';
  // เกณฑ์แก้ค้าง + upsell ของคนนี้มาจากไฟล์สรุปทีม (งวดรายทีม) ⇒ เป็นยอดประมาณ บอกให้รู้
  const _estTh = (_commIsExplicit(_per) && !isTl && typeof _dispUsesTeamFile === 'function' && _dispUsesTeamFile(person.email, _per)) ? ' (ประมาณ)' : '';
  // HO ครั้งเดียวต่อสาขา (สัญญา v2 E1): คิด HO ไม่ได้เพราะรายชื่อโหลดไม่ได้ ⇒ บอกว่ายอดนี้ยังไม่รวม
  const hoExcl = (payout && typeof _commHoExclHtml === 'function') ? _commHoExclHtml(payout.handover) : '';
  return `<div class="comm-card comm-role-preview">
    <div class="comm-role-preview-label">Live preview — คนจริง, อัตราที่ยังไม่ save${_estTh}</div>
    <div style="display:flex;align-items:center;justify-content:space-between;gap:10px">
      <div><div class="comm-name">${_commEscapeHtml(person.name)}</div><div class="comm-meta">NRR ${nrrPct}</div></div>
      <div class="comm-role-preview-amt">${_commFmtPayout(amt)}${hoExcl}</div>
    </div>
  </div>`;
}
// รอบ B: ยอดจริงของคนในพรีวิวมาถึง ⇒ วาดเฉพาะการ์ดนี้ใหม่ (ไม่วาดทั้งขั้น — ช่องที่กำลังพิมพ์ต้องไม่หาย)
function _commRefreshRoleLivePreview() {
  const el = document.getElementById('comm-role-live-preview');
  if (!el || !el.dataset) return;
  el.outerHTML = _renderRoleLivePreview(el.dataset.role, { email: el.dataset.email, name: el.dataset.name });
}
window._commRefreshRoleLivePreview = _commRefreshRoleLivePreview;
// Master on/off toggle. Turning ON a role with nothing real/staged yet is a
// pure staging operation (_commSetDraftByCode + _commSetAssignment),
// deferred to the existing global "Save changes" button — mirrors how
// _commCloneLocalPlan already stages a brand-new plan without any eager DB
// write, so an abandoned edit never leaves an orphan row behind. Turning
// OFF a real, already-saved scheme reuses the existing, tested
// archiveCommissionRule() flow (confirm dialog + usage-count check) rather
// than inventing a second, parallel deactivation path.
function _commRoleSetupToggle(role, planCode) {
  const { state } = _commRoleSetupStatus(role);
  if (state === 'active') {
    archiveCommissionRule(planCode);
    return;
  }
  const draft = _commGetDraftByCode(planCode, role);
  draft.beneficiary_role = role;
  draft.plan_name = draft.plan_name || _commPlanName(role);
  _commSetDraftByCode(planCode, draft);
  _commSetAssignment(_nrrExclusionCurrentPeriod(), 'role_default', role, planCode);
  _commMarkChanged();
  renderCommissionCockpit();
}
window._commRoleSetupToggle = _commRoleSetupToggle;

// v879 (Commission Setup redesign, phase 7): "N people on a custom rate"
// subordinate section — counts real per-person overrides (assignment_scope
// === the role bucket itself, e.g. 'kam'/'pm' — the same scope
// _commSetAssignment('kam', kamEmail, ...) already uses today), and deep-
// links into the existing Advanced (Assignment) tab rather than rebuilding
// a second per-person assignment UI. Zero new assignment logic — reuses
// what's already there.
function _commRoleOverrideCount(role) {
  const period = _nrrExclusionCurrentPeriod();
  return ((_commRuleConfig && _commRuleConfig.assignments) || [])
    .filter(a => a.period_month === period && a.assignment_scope === role).length;
}
window._commGoToAdvancedAssignment = function() {
  switchCommissionStep('assignment');
};

// CS-2: ชื่อทีมบนป้าย "ตามทีม …" (squad_params ใช้ 'chain' / 'sa_mc')
function _commSquadLabelTh(squad, tlEmail) {
  if (squad === 'chain') return 'Chain';
  if (squad === 'sa_mc') return 'SA/MC';
  return squad || tlEmail || 'ทีม';
}
// CS-2: คนที่ได้แผนจากทีม ⇒ เลือกแผนในช่องรายคนจะเขียนแถวผูกรายคนทับทีม ต้องถามก่อน
// คืน true = ไปต่อ · false = ยกเลิก (ช่องเลือกกลับเป็นค่าเดิม)
function _commConfirmPersonOverride(via, teamTh) {
  if (via !== 'team') return true;
  try {
    return window.confirm('คนนี้ใช้เกณฑ์' + (teamTh || 'ตามทีม') + ' อยู่\n\n'
      + 'ถ้าเลือกตรงนี้ ระบบจะบันทึกเกณฑ์ "รายคน" ทับเกณฑ์ทีม และจะไม่เปลี่ยนตามทีมอีก\n\nทำต่อไหม?');
  } catch (e) { return false; }
}
window._commConfirmPersonOverride = _commConfirmPersonOverride;

// ── People section (v_cockpit3tabs) — per-person scheme overrides for
// kam/tl, INSIDE the Setup role detail. Replaces the old Assignment tab:
// identical staging (_commSetAssignment scope 'kam'/'tl'), identical option
// source (_commRulesForRole activeOnly), same Unsaved detection — only the
// location changed, so the person-level lever no longer lives on a page
// the Setup flow dead-ends into. Collapsed by default: the common
// single-scheme case shouldn't pay a 20-row tax just to see the page.
function _renderRolePeopleSection(role, defaultCode) {
  if (role !== 'kam' && role !== 'tl') return '';
  const period = _nrrExclusionCurrentPeriod();
  const plans = _commRulesForRole(role, { activeOnly:true });
  const isUnsaved = (email) => !!_commAssignmentPending[_commAssignmentKey(period, role, email)];
  const rowHtml = (email, name, subLabel) => {
    // CS-2 (แผน 1-13): ดูว่าได้แผนมาจาก "ชั้นไหน" ไม่ใช่แค่ว่าต่างจาก default ไหม
    // เดิม current !== defaultCode ⇒ KAM ทุกคนใน Q4 (ได้แผนจากทีม) ขึ้น "scheme เฉพาะตัว" ทั้งที่ไม่มีแถวรายคน
    const res = _commResolveAssignment(period, role, email, role);
    const current = res.planCode;
    const viaTeam = res.via === 'team';
    const isCustom = res.via === 'person' || res.via === 'pending';
    const teamTh = viaTeam ? 'ตามทีม ' + _commSquadLabelTh(res.squad, res.teamLeadEmail) : '';
    const badge = isCustom ? '<span class="comm-people-custom">scheme เฉพาะตัว</span>'
      : viaTeam ? '<span class="comm-people-custom comm-people-team">' + _commEscapeHtml(teamTh) + '</span>'
      : (res.missed ? '<span class="comm-people-custom comm-people-missed">ยังไม่ได้ผูกเกณฑ์ของเดือนนี้</span>' : '');
    // เลือกในช่องนี้ = เขียนแถวผูก "รายคน" ซึ่งทับเกณฑ์ทีม (และจะไม่ตามทีมอีกเมื่อทีมเปลี่ยนเกณฑ์)
    const warn = viaTeam ? `<div class="comm-person-sub comm-people-override-warn">เลือกตรงนี้ = ผูกรายคน ทับเกณฑ์${_commEscapeHtml(teamTh)}</div>` : '';
    return `<div class="comm-person-row">
      <div><div class="comm-person-name">${_commEscapeHtml(name || email)}${badge}${isUnsaved(email) ? '<span class="comm-unsaved">Unsaved</span>' : ''}</div>
      <div class="comm-person-sub">${_commEscapeHtml(subLabel || email)}</div>${warn}</div>
      <select class="comm-select" onchange="if(!_commConfirmPersonOverride('${res.via}','${teamTh.replace(/[^\w฀-๿ \/.@-]/g, '')}')){this.value='${current}';return;}_commSetAssignment('${period}','${role}','${email}',this.value);this.classList.add('flash');_commMarkChanged()">
        ${plans.map(p => `<option value="${p.plan_code}" ${current===p.plan_code?'selected':''}>${_commEscapeHtml(p.plan_name || p.plan_code)}${p.plan_code===defaultCode?' · default':''}</option>`).join('')}
      </select>
    </div>`;
  };

  const other = _commOtherRoleEmailSet();
  let inner = '';
  let count = 0;
  if (role === 'tl') {
    const tls = ((typeof _commGetTlListFromPortview === 'function') ? (_commGetTlListFromPortview() || []) : [])
      .filter(t => t.email && !other.has(t.email.toLowerCase()));
    count = tls.length;
    inner = tls.map(t => rowHtml(t.email, t.name, t.email)).join('') || '<div class="comm-empty">ไม่พบ TL</div>';
  } else {
    const tls = (typeof _commGetTlListFromPortview === 'function') ? (_commGetTlListFromPortview() || []) : [];
    const groups = ((typeof _buildKamGroups === 'function') ? (_buildKamGroups() || []) : [])
      .filter(g => g.kamEmail && !other.has(g.kamEmail.toLowerCase()));
    count = groups.length;
    inner = tls.map(t => {
      const kams = groups.filter(g => (g.accounts || []).some(a => a.tlEmail === t.email));
      if (!kams.length) return '';
      return `<div class="comm-rule-group-title">${_commEscapeHtml(t.name || t.email)}</div>` +
        kams.map(g => rowHtml(g.kamEmail, g.kamName, g.kamEmail)).join('');
    }).join('') || '<div class="comm-empty">ไม่พบ KAM</div>';
  }
  const customCount = _commRoleOverrideCount(role);
  return `<details class="comm-card comm-people-section">
    <summary>คนใน role นี้ (${count})<span class="comm-meta" style="font-weight:400">${customCount ? customCount + ' คนใช้ scheme เฉพาะตัว · ' : ''}กดเพื่อดู/สลับ scheme รายคน</span></summary>
    <div style="margin-top:10px">${inner}</div>
  </details>`;
}

// ข้อความเมื่อเกณฑ์ยังไม่มีขั้น (ตัวคูณ TL / เกตพอร์ต) — งวดแบบใหม่ ตัวคิดเงินไม่ถือว่า ×1.0 แต่ไม่คิดเงินของคนที่ใช้เกณฑ์นี้
// (planComponents: ก้อนที่จำเป็นหาย ⇒ ปฏิเสธพร้อมเหตุ) · งวดเก่ายังเป็น ×1.0 ตามเดิม
function _commEmptyTierNoteTh(metric) {
  const explicit = _commIsExplicit(_nrrExclusionCurrentPeriod());
  if (metric === 'tl_upsell_mult') {
    return explicit ? 'ยังไม่มี tier — งวดตั้งแต่ ต.ค. 2569 ระบบจะไม่คิดค่าคอมฯ ของหัวหน้าทีมที่ใช้เกณฑ์นี้ (ขึ้น "—" พร้อมเหตุ ไม่ใช่ ×1.0) จนกว่าจะเพิ่ม tier'
      : 'ยังไม่มี tier — multiplier default ×1.0 เสมอ';
  }
  return explicit ? 'ยังไม่มี Gate tier — งวดตั้งแต่ ต.ค. 2569 ระบบจะไม่คิดค่าคอมฯ ของคนที่ใช้เกณฑ์นี้ (ขึ้น "—" พร้อมเหตุ ไม่ใช่ cap ×1.0) จนกว่าจะเพิ่ม tier'
    : 'ยังไม่มี Gate tier — role นี้จะไม่ถูกหักค่าคอมฯ เลย (cap ×1.0 เสมอ) จนกว่าจะเพิ่ม tier';
}
function renderCommRoleDetail(body, role) {
  const { planCode, state } = _commRoleSetupStatus(role);
  // v_cockpit3tabs: planCode = the role's DEFAULT scheme (drives the on/off
  // toggle + status). The editors below instead follow the scheme selected
  // in the switcher bar (activeCode) so multi-scheme roles (KAM SA/MC vs
  // KAM Chain) are fully editable here — this replaces the old Rules tab.
  const schemes = _commRulesForRole(role, { activeOnly:true });
  const activeCode = (_commSetupDetailScheme && schemes.some(p => p.plan_code === _commSetupDetailScheme))
    ? _commSetupDetailScheme : planCode;
  const people = _commRolePeopleCount(role);
  const isOn = state === 'active' || state === 'draft';
  const roleLabel = _COMM_ROLE_LABEL[role] || role.toUpperCase();
  const previewPerson = isOn ? _commRolePreviewPerson(role) : null;
  // v879: matches the ENGINE's actual branching (_commBuildTlPayout vs
  // _commBuildKamPayout), not a role-name guess. Only the literal 'tl' role
  // uses _commBuildTlPayout (NRR tiers + TL-mult only, no Gate/Handover/
  // Upsell — that function never calls those compute functions at all).
  // Every other role (including sales_tl/ad_tl, per Phase 8's design) goes
  // through _commBuildKamPayout instead, which supports the full component
  // set except TL-mult. Showing the wrong editor for a role would silently
  // do nothing when saved — worse than the confusing-placeholder bug this
  // whole redesign exists to fix.
  const isTl = role === 'tl';

  const gateBody = isOn
    ? `${roleLabel} ได้ค่าคอมฯ — ตั้งค่า component ด้านล่าง`
    : `ปิดอยู่ — ${roleLabel} ได้ ฿0 ทุกคนจนกว่าจะเปิด`;

  body.innerHTML = `
    <div class="comm-hero">
      <div class="comm-hero-top">
        <div>
          <button class="comm-role-back-btn" onclick="_commCloseRoleDetail()" style="margin-bottom:8px">‹ Commission Setup</button>
          <div class="comm-hero-title">${roleLabel}</div>
          <div class="comm-hero-sub">${people} คนใน role นี้</div>
        </div>
      </div>
    </div>
    <div class="comm-card comm-role-gate">
      <div><div class="comm-name">Role นี้ได้ค่าคอมฯ ไหม?</div><div class="comm-meta">${gateBody}</div></div>
      <button class="comm-role-toggle ${isOn ? 'on' : ''}" onclick="_commRoleSetupToggle('${role}','${planCode}')"></button>
    </div>
    ${isOn ? `
      ${_renderSchemeSwitcher(role, activeCode, planCode)}
      <div class="comm-section-title">NRR tiers</div>
      ${_renderCommRuleEditorByCode(activeCode, role)}
      ${isTl ? `
        <div class="comm-section-title">TL Upsell Multiplier</div>
        ${_renderRoleTierLadderEditor(activeCode, 'tl_upsell_mult', {
          title: 'TL Upsell Multiplier', unitLabel: 'Upsell%', accentColor: 'rgba(120,200,255,.85)',
          emptyNote: _commEmptyTierNoteTh('tl_upsell_mult')
        })}
      ` : `
        <div class="comm-section-title">Handover</div>
        ${_renderRoleHandoverEditor(activeCode)}
        <div class="comm-section-title">NRR / GMV Gate</div>
        ${_renderRoleTierLadderEditor(activeCode, 'portfolio_gate', {
          title: 'NRR / GMV Gate', unitLabel: 'NRR%', accentColor: 'rgba(255,140,110,.85)',
          emptyNote: _commEmptyTierNoteTh('portfolio_gate')
        })}
        <div class="comm-section-title">Upsell — สินค้าใหม่ (P1)</div>
        ${_renderRoleUpsellRateEditor(activeCode, 'p1_new_sku', {
          title: 'Upsell P1 — สินค้าใหม่', accentColor: 'rgba(255,224,138,.85)', showMinGmv: true
        })}
        <div class="comm-section-title">Upsell — ยอดเติบโต (P3)</div>
        ${_renderRoleUpsellRateEditor(activeCode, 'p3_growth', {
          title: 'Upsell P3 — ยอดเติบโต', accentColor: 'rgba(255,224,138,.85)', showGrowthParams: true
        })}
        <div class="comm-section-title">Expansion (ร้านขยาย)</div>
        ${_renderRoleUpsellRateEditor(activeCode, 'outlet_expansion', {
          title: 'Expansion — ร้านขยาย', accentColor: 'rgba(0,200,176,.85)'
        })}
        <div class="comm-section-title">โบนัสตามกลุ่มสินค้า (P1 + P3)</div>
        ${_renderRoleUpsellCategoryBonusEditor(activeCode)}
      `}
      ${previewPerson ? _renderRoleLivePreview(role, previewPerson) : `<div class="comm-empty">ยังไม่มีคนใน role นี้ให้ preview</div>`}
      ${_renderRolePeopleSection(role, planCode)}
    ` : `<div class="comm-empty">เปิด role นี้เพื่อเริ่มตั้งค่า NRR tiers และดู live preview</div>`}
  `;
}

function renderCommAssignmentStep(body) {
  const period = _nrrExclusionCurrentPeriod();
  const tls = _commGetTlListFromPortview();
  const groups = (typeof _buildKamGroups === 'function') ? (_buildKamGroups() || []) : [];
  const tlPlans = _commRulesForRole('tl', { activeOnly:true });
  const kamPlans = _commRulesForRole('kam', { activeOnly:true });
  const isUnsaved = (scope, assignee) => !!_commAssignmentPending[_commAssignmentKey(period, scope, assignee)];
  body.innerHTML = `
    <div class="comm-hero">
      <div class="comm-hero-top">
        <div><div class="comm-hero-title">Assignment (legacy)</div><div class="comm-hero-sub">หน้าเดิมก่อนรวมทุกอย่างเข้า 2 Setup — งานทั้งหมดในหน้านี้ทำได้จากหน้า role detail ใน Setup แล้ว</div></div>
        <span class="comm-badge ${Object.keys(_commAssignmentPending||{}).length?'dirty':'blue'}">${Object.keys(_commAssignmentPending||{}).length?Object.keys(_commAssignmentPending||{}).length+' unsaved':_nrrGovMonthLabel(period)}</span>
      </div>
      <div class="comm-readiness-bar ${Object.keys(_commAssignmentPending||{}).length?'warn':'ready'}"><span class="comm-readiness-dot"></span><div class="comm-readiness-copy">${Object.keys(_commAssignmentPending||{}).length?'มี assignment change ที่ยังไม่ได้ save':'Assignments ใช้ active rules เท่านั้น · inactive rules ถูกซ่อนแล้ว'}</div></div>
    </div>
    <div class="comm-section-title">Team Lead rules</div>
    ${tls.map(t=>`<div class="comm-card">
      <div class="comm-card-top"><div><div class="comm-name">${t.name||t.email}${isUnsaved('tl',t.email)?'<span class="comm-unsaved">Unsaved</span>':''}</div><div class="comm-meta">${t.email}</div></div><span class="comm-badge blue">TL</span></div>
      <div class="comm-field" style="margin-top:10px"><label>Assigned TL rule</label><select class="comm-select" onchange="_commSetAssignment('${period}','tl','${t.email}',this.value);this.classList.add('flash')">
        ${tlPlans.map(p=>`<option value="${p.plan_code}" ${_commGetAssignmentPlan(period,'tl',t.email,'tl')===p.plan_code?'selected':''}>${p.plan_name || p.plan_code}</option>`).join('')}
      </select></div>
      <div class="comm-assignment-summary">สร้าง criteria ใหม่ได้ที่ 2 Setup → Team Lead → "+ สร้าง scheme ใหม่"</div>
    </div>`).join('') || `<div class="comm-empty">ไม่พบ TL</div>`}
    <div class="comm-section-title">KAM rules by team</div>
    ${tls.map(t=>{
      const kams = groups.filter(g => (g.accounts||[]).some(a=>a.tlEmail===t.email));
      return `<div class="comm-card comm-team-card">
        <div class="comm-team-header"><div><div class="comm-name">${t.name||t.email}</div><div class="comm-meta">${kams.length} KAM under team</div></div></div>
        ${kams.map(g=>`<div class="comm-person-row">
          <div><div class="comm-person-name">${g.kamName||g.kamEmail}${isUnsaved('kam',g.kamEmail)?'<span class="comm-unsaved">Unsaved</span>':''}</div><div class="comm-person-sub">${g.kamEmail}</div></div>
          <select class="comm-select" onchange="_commSetAssignment('${period}','kam','${g.kamEmail}',this.value);this.classList.add('flash')">
            ${kamPlans.map(p=>`<option value="${p.plan_code}" ${_commGetAssignmentPlan(period,'kam',g.kamEmail,'kam')===p.plan_code?'selected':''}>${p.plan_name || p.plan_code}</option>`).join('')}
          </select>
        </div>`).join('') || `<div class="comm-empty">ไม่มี KAM ใต้ทีมนี้</div>`}
      </div>`;
    }).join('')}`;
}

// v226: Component Rates editor — admin-configurable params for Upsell SKU / Outlet / Handover / Gate / TL Mult
// Reads/writes to commission_rules params jsonb via _commGetConfig
// UI uses the same _commRuleConfig cache · DEAD (no caller) — its save path was deleted (DD-11)
function _renderComponentRatesEditor() {
  const c = (k,p,d) => { try{ const v=_commGetConfig(k,p,d); return v!=null?v:d; }catch(e){return d;} };
  const fB = n => '฿'+Math.round(Number(n||0)).toLocaleString('en-US');
  const fP = n => (Math.round(Number(n||0)*1000)/10)+'%'; // v92-fix: was whole-number round (1.5% showed as "2%")

  function rateCard(title, color, fields, note) {
    const flds = fields.map(([lbl,k,p,def,step,unit]) => {
      const v = c(k,p,def);
      const isPctD = unit==='pct-d';
      const disp = isPctD ? (Math.round(v*10000)/100) : v;
      const uLbl = isPctD?'%':unit==='pct-i'?'%':unit==='mul'?'×':'฿';
      const expr = isPctD?'this.value/100':'Number(this.value)';
      return `<div>
        <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.78);margin-bottom:5px">${lbl}</div>
        <div style="display:flex;align-items:center;gap:6px">
          <input style="flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid rgba(var(--ink-blue),.12);border-radius:var(--r-9);padding:9px 11px;color:rgba(var(--ink-blue-hi),.90);font-size:var(--text-md);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;text-align:right;outline:none" type="number" step="${step||'any'}" value="${disp}"
            oninput="_commSetComponentParam('${k}','${p}',${expr});_commMarkChanged()" onfocus="this.style.borderColor='rgba(var(--ink-blue),.35)'" onblur="this.style.borderColor='rgba(var(--ink-blue),.12)'">
          <span style="font-size:var(--text-sm);color:rgba(var(--ink-blue),.60);flex-shrink:0">${uLbl}</span>
        </div>
      </div>`;
    }).join('');
    return `<div style="border-radius:13px;border:1px solid rgba(var(--ink-blue),.09);background:rgba(255,255,255,.025);padding:13px;margin-bottom:10px">
      <div style="display:flex;align-items:center;gap:8px;margin-bottom:11px">
        <span style="width:3px;height:16px;border-radius:var(--r-xxs);background:${color};flex-shrink:0"></span>
        <span style="font-size:var(--text-md);font-weight:800;color:rgba(var(--ink-blue-hi),.85)">${title}</span>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:${note?'10':'0'}px">${flds}</div>
      ${note?`<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.65);line-height:1.6;padding:8px 10px;background:rgba(0,0,0,.20);border-radius:var(--r-8)">${note}</div>`:''}
    </div>`;
  }

  const p1r = c('upsell_sku','p1_rate',0.03); const p3r = c('upsell_sku','p3_rate',0.03);
  const p3t = c('upsell_sku','p3_threshold_pct',2.00); const p1mg = c('upsell_sku','p1_min_gmv',5000);
  const p3mi = c('upsell_sku','p3_min_incremental',8000);
  const outr = c('upsell_outlet','rate',0.015);
  const gt1 = c('gmv_gate','threshold_1',95); const gt2 = c('gmv_gate','threshold_2',90);
  const gc1 = c('gmv_gate','cap_1',0.70); const gc2 = c('gmv_gate','cap_2',0.35);

  return rateCard('สินค้าใหม่ + ยอดเติบโต (P1 / P3)', '#ffe08a', [
      ['P1 rate — กลุ่มสินค้าใหม่','upsell_sku','p1_rate',0.03,0.005,'pct-d'],
      ['P1 min GMV ต่อกลุ่มสินค้า','upsell_sku','p1_min_gmv',5000,100,'฿'],
      ['P3 rate — ยอดเติบโต','upsell_sku','p3_rate',0.03,0.005,'pct-d'],
      ['P3 threshold (เติบโตกี่เท่า)','upsell_sku','p3_threshold_pct',2.00,0.05,'mul'],
      ['P3 min incremental','upsell_sku','p3_min_incremental',8000,100,'฿'],
    ],
    `P1: กลุ่มสินค้าที่ outlet ไม่เคยซื้อมาก่อน → GMV ≥ ${fB(p1mg)} → ได้ ${fP(p1r)} · P3: กลุ่มที่เคยซื้อแล้ว ยอดโตเกิน ${p3t}× baseline และ incremental ≥ ${fB(p3mi)} → ได้ ${fP(p3r)} × incremental`
  )
  + rateCard('Expansion (สาขาใหม่)', '#00c8b0', [
      ['Expansion rate','upsell_outlet','rate',0.015,0.005,'pct-d'],
    ],
    `outlet ที่ไม่เคยซื้อมาก่อนเลย (first purchase date) → GMV ทั้งหมด × ${Math.round(outr*1000)/10}% · ไม่แบ่ง P1/P3`
  )
  + _renderHandoverGmvTierEditor()
  + rateCard('NRR Gate (KAM เท่านั้น)', 'rgba(255,107,61,.80)', [
      ['เกณฑ์ผ่าน full (%)','gmv_gate','threshold_1',95,1,'pct-i'],
      ['Cap เมื่อต่ำกว่าเกณฑ์ผ่าน','gmv_gate','cap_1',0.70,0.05,'mul'],
      ['เกณฑ์ขั้นต่ำ (%)','gmv_gate','threshold_2',90,1,'pct-i'],
      ['Cap เมื่อต่ำมาก','gmv_gate','cap_2',0.35,0.05,'mul'],
    ],
    `≥ ${gt1}% = ×1.00 · ${gt2}–${gt1}% = ×${gc1} · < ${gt2}% = ×${gc2} · คูณกับยอดรวมทั้งหมดก่อน lock`
  );
}

// ── Handover GMV-tier editor (v91) ────────────────────────────────────
// Two-level: a card per GMV tier, each containing its own retention%→payout
// threshold ladder. Replaces the old flat 4-scalar rate card (tier2_pct/
// tier2_payout/tier3_pct/tier3_bonus) — those legacy keys stay in
// target_settings untouched (engine falls back to them when gmv_tiers is
// empty) so this is purely additive.
//
// Staged as a WHOLE ARRAY unit in _commComponentPending.handover.gmv_tiers
// (see _commHandoverGmvTiersStage below) — NOT through _commSetComponentParam,
// which does Number(value) per scalar field and would coerce an array to NaN.
// Visually modeled on _renderCommRuleEditorByCode's tier cards (reuses the
// same inpBase/inpPay input styles) but do NOT copy _renderTlUpsellTierRows'
// wiring — that pattern is already broken/unused, kept only as a layout
// reference elsewhere in this file.
let _commHandoverGmvTiersDraft = null;

function _commHandoverGmvTiersLive() {
  try {
    const raw = _tgtSettings && _tgtSettings['handover_params'];
    const params = raw ? (typeof raw === 'object' ? raw : JSON.parse(raw)) : null;
    return (params && Array.isArray(params.gmv_tiers)) ? params.gmv_tiers : [];
  } catch(e) { return []; }
}
function _commHandoverGmvTiersGetDraft() {
  if (_commHandoverGmvTiersDraft === null) {
    const pending = _commComponentPending.handover && _commComponentPending.handover.gmv_tiers;
    const src = pending || _commHandoverGmvTiersLive();
    _commHandoverGmvTiersDraft = JSON.parse(JSON.stringify(src));
  }
  return _commHandoverGmvTiersDraft;
}
function _commHandoverGmvTiersStage() {
  if (!_commComponentPending.handover) _commComponentPending.handover = {};
  _commComponentPending.handover.gmv_tiers = _commHandoverGmvTiersDraft;
  _commMarkChanged();
}
function _commAddHandoverGmvTier() {
  const tiers = _commHandoverGmvTiersGetDraft();
  tiers.push({ tier_order: tiers.length + 1, gmv_min: 0, gmv_max: null, label: '',
               thresholds: [{ min_retention_pct: 100, payout: 0 }] });
  _commHandoverGmvTiersStage();
  renderCommissionCockpit();
}
function _commRemoveHandoverGmvTier(tierIdx) {
  const tiers = _commHandoverGmvTiersGetDraft();
  tiers.splice(tierIdx, 1);
  _commHandoverGmvTiersStage();
  renderCommissionCockpit();
}
function _commAddHandoverThreshold(tierIdx) {
  const tiers = _commHandoverGmvTiersGetDraft();
  if (!tiers[tierIdx]) return;
  if (!tiers[tierIdx].thresholds) tiers[tierIdx].thresholds = [];
  tiers[tierIdx].thresholds.push({ min_retention_pct: 100, payout: 0 });
  _commHandoverGmvTiersStage();
  renderCommissionCockpit();
}
function _commRemoveHandoverThreshold(tierIdx, threshIdx) {
  const tiers = _commHandoverGmvTiersGetDraft();
  if (!tiers[tierIdx] || !tiers[tierIdx].thresholds) return;
  tiers[tierIdx].thresholds.splice(threshIdx, 1);
  _commHandoverGmvTiersStage();
  renderCommissionCockpit();
}
function _commSetHandoverField(tierIdx, threshIdx, field, value) {
  const tiers = _commHandoverGmvTiersGetDraft();
  const t = tiers[tierIdx];
  if (!t) return;
  if (threshIdx === null || threshIdx === undefined) {
    if (field === 'label') t.label = value;
    else t[field] = value === '' ? null : Number(value);
  } else {
    const th = (t.thresholds || [])[threshIdx];
    if (!th) return;
    th[field] = value === '' ? null : Number(value);
  }
  _commHandoverGmvTiersStage();
}
window._commAddHandoverGmvTier = _commAddHandoverGmvTier;
window._commRemoveHandoverGmvTier = _commRemoveHandoverGmvTier;
window._commAddHandoverThreshold = _commAddHandoverThreshold;
window._commRemoveHandoverThreshold = _commRemoveHandoverThreshold;
window._commSetHandoverField = _commSetHandoverField;

// Advisory-only checks (this file's save pipeline, saveCommissionComponentRates,
// is shared across 4 unrelated metrics — hard-blocking it on a Handover typo
// would also block saving unrelated Upsell/Gate edits, so these render as a
// visible warning banner rather than a save-blocking gate).
function _commValidateHandoverGmvTiers(tiers) {
  const errs = [];
  const sorted = tiers.map((t, i) => ({ t, i })).slice()
    .sort((a, b) => Number(a.t.gmv_min || 0) - Number(b.t.gmv_min || 0));
  for (let i = 0; i < sorted.length; i++) {
    const t = sorted[i].t;
    const label = t.label || ('Tier ' + (sorted[i].i + 1));
    const min = Number(t.gmv_min || 0);
    const max = (t.gmv_max === null || t.gmv_max === undefined || t.gmv_max === '') ? null : Number(t.gmv_max);
    if (max != null && max <= min) errs.push(`"${label}": ค่า "ถึง" ต้องมากกว่า "ตั้งแต่"`);
    const next = sorted[i + 1];
    if (next && (max == null || max >= Number(next.t.gmv_min || 0))) {
      errs.push(`"${label}" ทับซ้อนช่วง GMV กับ "${next.t.label || ('Tier ' + (next.i + 1))}"`);
    }
    const seen = {};
    (t.thresholds || []).forEach(th => {
      const key = Number(th.min_retention_pct || 0);
      if (seen[key]) errs.push(`"${label}": มี threshold retention ≥${key}% ซ้ำกัน`);
      seen[key] = true;
    });
  }
  return errs;
}

function _renderHandoverGmvTierEditor() {
  const tiers = _commHandoverGmvTiersGetDraft();
  const inpBase = 'background:rgba(255,255,255,.08);border:1px solid rgba(var(--ink-blue),.18);border-radius:var(--r-9);padding:8px 11px;color:#e8eeff;font-size:var(--text-md);font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
  const inpLbl  = 'background:rgba(255,255,255,.08);border:1px solid rgba(var(--ink-blue),.18);border-radius:var(--r-9);padding:8px 11px;color:#e8eeff;font-size:var(--text-md);font-family:var(--tk-font-body),system-ui,sans-serif;text-align:left;outline:none;width:100%';
  const inpPay  = 'background:rgba(255,224,138,.08);border:1px solid rgba(255,224,138,.28);border-radius:var(--r-9);padding:9px 11px;color:#ffe08a;font-size:var(--text-base);font-weight:800;font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
  const fB = n => '฿'+Math.round(Number(n||0)).toLocaleString('en-US');

  const tierCards = tiers.map((t, ti) => {
    const gmvMax = t.gmv_max;
    const rangeLbl = gmvMax == null ? `≥ ${fB(t.gmv_min)}` : `${fB(t.gmv_min)}–${fB(gmvMax)}`;
    const threshRows = (t.thresholds || []).map((th, thi) => `
      <div style="display:flex;align-items:flex-end;gap:7px;margin-bottom:6px">
        <div style="flex:1">
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">Retention ตั้งแต่ (%)</div>
          <input style="${inpBase}" value="${th.min_retention_pct ?? ''}" inputmode="decimal"
            oninput="_commSetHandoverField(${ti},${thi},'min_retention_pct',this.value)">
        </div>
        <div style="flex:1">
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,224,138,.85);margin-bottom:3px">ได้รับ (฿)</div>
          <input style="${inpPay}" value="${th.payout ?? 0}" inputmode="numeric"
            oninput="_commSetHandoverField(${ti},${thi},'payout',this.value)">
        </div>
        <button onclick="_commRemoveHandoverThreshold(${ti},${thi})" style="font-size:var(--text-lg);color:var(--tk-text-faint);background:none;border:none;cursor:pointer;padding:8px 4px" onmouseover="this.style.color='rgba(255,80,60,.70)'" onmouseout="this.style.color='rgba(255,255,255,.25)'">×</button>
      </div>`).join('');

    return `<div style="border-radius:var(--r-card);border:1px solid rgba(var(--ink-blue),.14);background:rgba(255,255,255,.03);padding:12px;margin-bottom:9px">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:9px">
        <span style="font-size:var(--text-sm);font-weight:800;color:rgba(var(--ink-blue),.85);font-family:'IBM Plex Mono',monospace">GMV ${rangeLbl}</span>
        <button onclick="_commRemoveHandoverGmvTier(${ti})" style="font-size:var(--text-lg2);color:rgba(255,255,255,.52);background:none;border:none;cursor:pointer;padding:0 4px" onmouseover="this.style.color='rgba(255,80,60,.75)'" onmouseout="this.style.color='rgba(255,255,255,.28)'">×</button>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px">
        <div>
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">GMV ตั้งแต่ (฿)</div>
          <input style="${inpBase}" value="${t.gmv_min ?? ''}" inputmode="numeric"
            oninput="_commSetHandoverField(${ti},null,'gmv_min',this.value)">
        </div>
        <div>
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">ถึง (฿) — ว่าง=∞</div>
          <input style="${inpBase}" value="${gmvMax ?? ''}" placeholder="∞" inputmode="numeric"
            oninput="_commSetHandoverField(${ti},null,'gmv_max',this.value)">
        </div>
      </div>
      <div style="margin-bottom:9px">
        <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">ชื่อ tier</div>
        <input style="${inpLbl}" value="${_commEscapeHtml(t.label||'')}" placeholder="เช่น 20,000–49,999"
          oninput="_commSetHandoverField(${ti},null,'label',this.value)">
      </div>
      ${threshRows}
      <button onclick="_commAddHandoverThreshold(${ti})" style="width:100%;padding:7px;border-radius:var(--r-8);background:rgba(var(--ink-blue),.05);border:1px dashed rgba(var(--ink-blue),.20);color:rgba(var(--ink-blue),.65);font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer;margin-top:2px">+ เพิ่ม threshold</button>
    </div>`;
  }).join('');

  const errs = _commValidateHandoverGmvTiers(tiers);
  const errHtml = errs.length ? `<div style="font-size:var(--text-xs);color:rgba(255,120,80,.90);padding:8px 10px;background:rgba(255,80,60,.10);border-radius:var(--r-8);margin-bottom:9px;line-height:1.6">${errs.map(_commEscapeHtml).join('<br>')}</div>` : '';
  const emptyNote = !tiers.length ? `<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);padding:8px 10px;background:rgba(0,0,0,.20);border-radius:var(--r-8);margin-bottom:9px;line-height:1.6">ยังไม่มี GMV tier — ระบบใช้อัตราเดิม (flat, ไม่มี GMV tier) จนกว่าจะเพิ่ม tier แรก</div>` : '';

  return `<div style="border-radius:13px;border:1px solid rgba(var(--ink-blue),.09);background:rgba(255,255,255,.025);padding:13px;margin-bottom:10px">
    <div style="display:flex;align-items:center;gap:8px;margin-bottom:11px">
      <span style="width:3px;height:16px;border-radius:var(--r-xxs);background:#bcd7ff;flex-shrink:0"></span>
      <span style="font-size:var(--text-md);font-weight:800;color:rgba(var(--ink-blue-hi),.85)">Handover (Sales → KAM) — แบ่งตาม GMV tier</span>
    </div>
    ${errHtml}${emptyNote}${tierCards}
    <button onclick="_commAddHandoverGmvTier()" style="width:100%;padding:10px;border-radius:var(--r-md);background:rgba(var(--ink-blue),.06);border:1px dashed rgba(var(--ink-blue),.22);color:rgba(var(--ink-blue),.70);font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;margin-top:2px">+ เพิ่ม GMV tier</button>
    <div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.45);margin-top:8px;line-height:1.6">ยอด handover ของ KAM (รวมทั้งหมดในงวดนั้น) ต่ำกว่า tier แรกสุด → ได้ ฿0 · Retention คิดจากยอดรวมของ KAM ไม่ใช่รายบัญชี</div>
  </div>`;
}

// ══════════════════════════════════════════════════════════════
// SECTION:COMMISSION_SETUP_HANDOVER (Commission Setup redesign, phase 4)
// Per-scheme Handover editor — visually identical to
// _renderHandoverGmvTierEditor above (same markup/inputs/validation), but
// data-sourced from the new per-scheme _commComponentRulePending draft
// (writing tier_config, not the global target_settings blob). Deliberately
// a SEPARATE function, not a parameterized version of the one above — that
// one stays wired to the global blob for the "Advanced" tab, untouched.
function _commRoleHandoverTiers(planCode) {
  const d = _commEnsureComponentDraft(planCode, 'handover', null);
  if (!d.tier_config || !Array.isArray(d.tier_config.gmv_tiers)) d.tier_config = { gmv_tiers: [] };
  return d.tier_config.gmv_tiers;
}
function _commRoleAddHandoverGmvTier(planCode) {
  const tiers = _commRoleHandoverTiers(planCode);
  tiers.push({ tier_order: tiers.length + 1, gmv_min: 0, gmv_max: null, label: '',
               thresholds: [{ min_retention_pct: 100, payout: 0 }] });
  _commMarkChanged();
  renderCommissionCockpit();
}
function _commRoleRemoveHandoverGmvTier(planCode, tierIdx) {
  _commRoleHandoverTiers(planCode).splice(tierIdx, 1);
  _commMarkChanged();
  renderCommissionCockpit();
}
function _commRoleAddHandoverThreshold(planCode, tierIdx) {
  const tiers = _commRoleHandoverTiers(planCode);
  if (!tiers[tierIdx]) return;
  if (!tiers[tierIdx].thresholds) tiers[tierIdx].thresholds = [];
  tiers[tierIdx].thresholds.push({ min_retention_pct: 100, payout: 0 });
  _commMarkChanged();
  renderCommissionCockpit();
}
function _commRoleRemoveHandoverThreshold(planCode, tierIdx, threshIdx) {
  const tiers = _commRoleHandoverTiers(planCode);
  if (!tiers[tierIdx] || !tiers[tierIdx].thresholds) return;
  tiers[tierIdx].thresholds.splice(threshIdx, 1);
  _commMarkChanged();
  renderCommissionCockpit();
}
function _commRoleSetHandoverField(planCode, tierIdx, threshIdx, field, value) {
  const tiers = _commRoleHandoverTiers(planCode);
  const t = tiers[tierIdx];
  if (!t) return;
  if (threshIdx === null || threshIdx === undefined) {
    if (field === 'label') t.label = value;
    else t[field] = value === '' ? null : Number(value);
  } else {
    const th = (t.thresholds || [])[threshIdx];
    if (!th) return;
    th[field] = value === '' ? null : Number(value);
  }
  _commMarkChanged();
}
window._commRoleAddHandoverGmvTier = _commRoleAddHandoverGmvTier;
window._commRoleRemoveHandoverGmvTier = _commRoleRemoveHandoverGmvTier;
window._commRoleAddHandoverThreshold = _commRoleAddHandoverThreshold;
window._commRoleRemoveHandoverThreshold = _commRoleRemoveHandoverThreshold;
window._commRoleSetHandoverField = _commRoleSetHandoverField;

function _renderRoleHandoverEditor(planCode) {
  // Read-only: must NOT stage a pending draft just from rendering, or
  // merely opening this role's page would make "Save changes" write back
  // an unedited/never-configured component (the exact ghost-row bug this
  // redesign exists to eliminate). Staging only happens inside the actual
  // mutators (_commRoleAdd/Remove/SetHandover*), via _commRoleHandoverTiers.
  const draft = _commGetComponentDraft(planCode, 'handover', null);
  const tiers = (draft && draft.tier_config && Array.isArray(draft.tier_config.gmv_tiers)) ? draft.tier_config.gmv_tiers : [];
  const inpBase = 'background:rgba(255,255,255,.08);border:1px solid rgba(var(--ink-blue),.18);border-radius:var(--r-9);padding:8px 11px;color:#e8eeff;font-size:var(--text-md);font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
  const inpLbl  = 'background:rgba(255,255,255,.08);border:1px solid rgba(var(--ink-blue),.18);border-radius:var(--r-9);padding:8px 11px;color:#e8eeff;font-size:var(--text-md);font-family:var(--tk-font-body),system-ui,sans-serif;text-align:left;outline:none;width:100%';
  const inpPay  = 'background:rgba(255,224,138,.08);border:1px solid rgba(255,224,138,.28);border-radius:var(--r-9);padding:9px 11px;color:#ffe08a;font-size:var(--text-base);font-weight:800;font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
  const fB = n => '฿'+Math.round(Number(n||0)).toLocaleString('en-US');

  const tierCards = tiers.map((t, ti) => {
    const gmvMax = t.gmv_max;
    const rangeLbl = gmvMax == null ? `≥ ${fB(t.gmv_min)}` : `${fB(t.gmv_min)}–${fB(gmvMax)}`;
    const threshRows = (t.thresholds || []).map((th, thi) => `
      <div style="display:flex;align-items:flex-end;gap:7px;margin-bottom:6px">
        <div style="flex:1">
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">Retention ตั้งแต่ (%)</div>
          <input style="${inpBase}" value="${th.min_retention_pct ?? ''}" inputmode="decimal"
            oninput="_commRoleSetHandoverField('${planCode}',${ti},${thi},'min_retention_pct',this.value)">
        </div>
        <div style="flex:1">
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,224,138,.85);margin-bottom:3px">ได้รับ (฿)</div>
          <input style="${inpPay}" value="${th.payout ?? 0}" inputmode="numeric"
            oninput="_commRoleSetHandoverField('${planCode}',${ti},${thi},'payout',this.value)">
        </div>
        <button onclick="_commRoleRemoveHandoverThreshold('${planCode}',${ti},${thi})" style="font-size:var(--text-lg);color:var(--tk-text-faint);background:none;border:none;cursor:pointer;padding:8px 4px" onmouseover="this.style.color='rgba(255,80,60,.70)'" onmouseout="this.style.color='rgba(255,255,255,.25)'">×</button>
      </div>`).join('');

    return `<div style="border-radius:var(--r-card);border:1px solid rgba(var(--ink-blue),.14);background:rgba(255,255,255,.03);padding:12px;margin-bottom:9px">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:9px">
        <span style="font-size:var(--text-sm);font-weight:800;color:rgba(var(--ink-blue),.85);font-family:'IBM Plex Mono',monospace">GMV ${rangeLbl}</span>
        <button onclick="_commRoleRemoveHandoverGmvTier('${planCode}',${ti})" style="font-size:var(--text-lg2);color:rgba(255,255,255,.52);background:none;border:none;cursor:pointer;padding:0 4px" onmouseover="this.style.color='rgba(255,80,60,.75)'" onmouseout="this.style.color='rgba(255,255,255,.28)'">×</button>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px">
        <div>
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">GMV ตั้งแต่ (฿)</div>
          <input style="${inpBase}" value="${t.gmv_min ?? ''}" inputmode="numeric"
            oninput="_commRoleSetHandoverField('${planCode}',${ti},null,'gmv_min',this.value)">
        </div>
        <div>
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">ถึง (฿) — ว่าง=∞</div>
          <input style="${inpBase}" value="${gmvMax ?? ''}" placeholder="∞" inputmode="numeric"
            oninput="_commRoleSetHandoverField('${planCode}',${ti},null,'gmv_max',this.value)">
        </div>
      </div>
      <div style="margin-bottom:9px">
        <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">ชื่อ tier</div>
        <input style="${inpLbl}" value="${_commEscapeHtml(t.label||'')}" placeholder="เช่น 20,000–49,999"
          oninput="_commRoleSetHandoverField('${planCode}',${ti},null,'label',this.value)">
      </div>
      ${threshRows}
      <button onclick="_commRoleAddHandoverThreshold('${planCode}',${ti})" style="width:100%;padding:7px;border-radius:var(--r-8);background:rgba(var(--ink-blue),.05);border:1px dashed rgba(var(--ink-blue),.20);color:rgba(var(--ink-blue),.65);font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer;margin-top:2px">+ เพิ่ม threshold</button>
    </div>`;
  }).join('');

  const errs = _commValidateHandoverGmvTiers(tiers);
  const errHtml = errs.length ? `<div style="font-size:var(--text-xs);color:rgba(255,120,80,.90);padding:8px 10px;background:rgba(255,80,60,.10);border-radius:var(--r-8);margin-bottom:9px;line-height:1.6">${errs.map(_commEscapeHtml).join('<br>')}</div>` : '';
  const emptyNote = !tiers.length ? `<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);padding:8px 10px;background:rgba(0,0,0,.20);border-radius:var(--r-8);margin-bottom:9px;line-height:1.6">ยังไม่มี GMV tier — role นี้จะได้ Handover ฿0 จนกว่าจะเพิ่ม tier แรก</div>` : '';

  return `<div style="border-radius:13px;border:1px solid rgba(var(--ink-blue),.09);background:rgba(255,255,255,.025);padding:13px;margin-bottom:10px">
    <div style="display:flex;align-items:center;gap:8px;margin-bottom:11px">
      <span style="width:3px;height:16px;border-radius:var(--r-xxs);background:#bcd7ff;flex-shrink:0"></span>
      <span style="font-size:var(--text-md);font-weight:800;color:rgba(var(--ink-blue-hi),.85)">Handover — แบ่งตาม GMV tier</span>
    </div>
    ${errHtml}${emptyNote}${tierCards}
    <button onclick="_commRoleAddHandoverGmvTier('${planCode}')" style="width:100%;padding:10px;border-radius:var(--r-md);background:rgba(var(--ink-blue),.06);border:1px dashed rgba(var(--ink-blue),.22);color:rgba(var(--ink-blue),.70);font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;margin-top:2px">+ เพิ่ม GMV tier</button>
  </div>`;
}

// ══════════════════════════════════════════════════════════════
// SECTION:COMMISSION_SETUP_TIER_LADDER (Commission Setup redesign, phase 5)
// Generic per-scheme tier-ladder editor shared by Gate and TL-mult — both
// are structurally identical (a multi-tier ladder keyed on a %, with
// payout_value used as a multiplier rather than a flat ฿ amount), so one
// parameterized editor covers both rather than duplicating the NRR-tier-
// card pattern twice. metricVariant is always null for these two (only
// Upsell uses variants, phase 6).
function _commRoleComponentTiers(planCode, metricCode) {
  const d = _commEnsureComponentDraft(planCode, metricCode, null);
  if (!Array.isArray(d.tiers)) d.tiers = [];
  return d.tiers;
}
function _commRoleAddComponentTier(planCode, metricCode) {
  _commRoleComponentTiers(planCode, metricCode).push({ min_value: null, max_value: null, payout_value: 1.0, payout_label: '' });
  _commMarkChanged();
  renderCommissionCockpit();
}
function _commRoleRemoveComponentTier(planCode, metricCode, idx) {
  _commRoleComponentTiers(planCode, metricCode).splice(idx, 1);
  _commMarkChanged();
  renderCommissionCockpit();
}
function _commRoleSetComponentTier(planCode, metricCode, idx, field, value) {
  const t = _commRoleComponentTiers(planCode, metricCode)[idx];
  if (!t) return;
  t[field] = (field === 'payout_label') ? value : (value === '' ? null : Number(value));
  _commMarkChanged();
}
window._commRoleAddComponentTier = _commRoleAddComponentTier;
window._commRoleRemoveComponentTier = _commRoleRemoveComponentTier;
window._commRoleSetComponentTier = _commRoleSetComponentTier;

function _renderRoleTierLadderEditor(planCode, metricCode, opts) {
  // Read-only for the same reason as _renderRoleHandoverEditor above —
  // staging happens only in the real mutators (_commRoleAdd/Remove/SetComponentTier).
  const draft = _commGetComponentDraft(planCode, metricCode, null);
  const tiers = (draft && Array.isArray(draft.tiers)) ? draft.tiers : [];
  const inpBase = 'background:rgba(255,255,255,.08);border:1px solid rgba(var(--ink-blue),.18);border-radius:var(--r-9);padding:8px 11px;color:#e8eeff;font-size:var(--text-md);font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
  const inpPay  = 'background:rgba(255,224,138,.08);border:1px solid rgba(255,224,138,.28);border-radius:var(--r-9);padding:9px 11px;color:#ffe08a;font-size:var(--text-base);font-weight:800;font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
  const fmtMult = v => Number(v||0).toFixed(2)+'×';

  const tierCards = tiers.map((t, i) => `<div style="border-radius:var(--r-card);border:1px solid rgba(var(--ink-blue),.14);background:rgba(255,255,255,.03);padding:12px;margin-bottom:9px">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:9px">
        <span style="font-size:var(--text-sm);font-weight:800;color:rgba(var(--ink-blue),.85);font-family:'IBM Plex Mono',monospace">Tier ${i+1} — ${fmtMult(t.payout_value)}</span>
        <button onclick="_commRoleRemoveComponentTier('${planCode}','${metricCode}',${i})" style="font-size:var(--text-lg2);color:rgba(255,255,255,.52);background:none;border:none;cursor:pointer;padding:0 4px" onmouseover="this.style.color='rgba(255,80,60,.75)'" onmouseout="this.style.color='rgba(255,255,255,.28)'">×</button>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px">
        <div>
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">${opts.unitLabel} ตั้งแต่</div>
          <input style="${inpBase}" value="${t.min_value ?? ''}" inputmode="decimal"
            oninput="_commRoleSetComponentTier('${planCode}','${metricCode}',${i},'min_value',this.value)">
        </div>
        <div>
          <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">ถึง — ว่าง=∞</div>
          <input style="${inpBase}" value="${t.max_value ?? ''}" placeholder="∞" inputmode="decimal"
            oninput="_commRoleSetComponentTier('${planCode}','${metricCode}',${i},'max_value',this.value)">
        </div>
      </div>
      <div>
        <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,224,138,.85);margin-bottom:3px">Multiplier (×)</div>
        <input style="${inpPay}" value="${t.payout_value ?? 1}" inputmode="decimal"
          oninput="_commRoleSetComponentTier('${planCode}','${metricCode}',${i},'payout_value',this.value)">
      </div>
    </div>`).join('');

  const emptyNote = !tiers.length ? `<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);padding:8px 10px;background:rgba(0,0,0,.20);border-radius:var(--r-8);margin-bottom:9px;line-height:1.6">${opts.emptyNote}</div>` : '';

  return `<div style="border-radius:13px;border:1px solid rgba(var(--ink-blue),.09);background:rgba(255,255,255,.025);padding:13px;margin-bottom:10px">
    <div style="display:flex;align-items:center;gap:8px;margin-bottom:11px">
      <span style="width:3px;height:16px;border-radius:var(--r-xxs);background:${opts.accentColor || '#bcd7ff'};flex-shrink:0"></span>
      <span style="font-size:var(--text-md);font-weight:800;color:rgba(var(--ink-blue-hi),.85)">${opts.title}</span>
    </div>
    ${emptyNote}${tierCards}
    <button onclick="_commRoleAddComponentTier('${planCode}','${metricCode}')" style="width:100%;padding:10px;border-radius:var(--r-md);background:rgba(var(--ink-blue),.06);border:1px dashed rgba(var(--ink-blue),.22);color:rgba(var(--ink-blue),.70);font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;margin-top:2px">+ เพิ่ม tier</button>
  </div>`;
}

// ══════════════════════════════════════════════════════════════
// SECTION:COMMISSION_SETUP_UPSELL (Commission Setup redesign, phase 6)
// Upsell P1/P3/Expansion editors — all 3 are the "1 tier row for a flat
// rate" shape (never a real multi-tier ladder), so one shared single-rate
// editor covers all 3 upsell_gmv variants. P3 additionally needs 2 scalar
// params (threshold_pct, min_incremental) that don't fit a tier boundary —
// those live in the rule's own params jsonb (see the target model table in
// the Commission Setup plan).
function _commRoleSingleRateTier(planCode, metricCode, metricVariant) {
  const d = _commEnsureComponentDraft(planCode, metricCode, metricVariant);
  if (!Array.isArray(d.tiers) || !d.tiers.length) d.tiers = [{ min_value: null, max_value: null, payout_value: 0, payout_label: '' }];
  return d.tiers[0];
}
function _commRoleSetRatePercent(planCode, metricCode, metricVariant, value) {
  const t = _commRoleSingleRateTier(planCode, metricCode, metricVariant);
  // CS-9: ลบอัตราทิ้ง = "ยังไม่มีอัตรา" (null) ไม่ใช่ 0% — ตัวตรวจก่อนบันทึกจะบล็อก P1 ที่ไม่มีอัตรา
  // (ตอนบันทึก null กลายเป็น 0 เหมือนเดิม ⇒ P3/Expansion ได้ผลเท่าเดิม)
  t.payout_value = value === '' ? null : Number(value) / 100;
  if (typeof _commClearValidationForPlan === 'function' && Number(t.payout_value) > 0) _commClearValidationForPlan(planCode);
  _commMarkChanged();
}
function _commRoleSetSingleRateField(planCode, metricCode, metricVariant, field, value) {
  // CS-9: ช่องนี้สร้างแถวขั้นให้เอง ⇒ ถ้ายังไม่เคยมีอัตรา ให้อัตราเริ่มเป็น "ยังไม่มี" (null) ไม่ใช่ 0%
  const fresh = !(_commComponentRulePending || {})[_commComponentDraftKey(planCode, metricCode, metricVariant)];
  const t = _commRoleSingleRateTier(planCode, metricCode, metricVariant);
  if (fresh && !(Number(t.payout_value) > 0)) t.payout_value = null;
  t[field] = value === '' ? null : Number(value);
  _commMarkChanged();
}
function _commRoleSetComponentParam(planCode, metricCode, metricVariant, param, value) {
  const d = _commEnsureComponentDraft(planCode, metricCode, metricVariant);
  if (!d.params) d.params = {};
  d.params[param] = value === '' ? null : Number(value);
  _commMarkChanged();
}
window._commRoleSetRatePercent = _commRoleSetRatePercent;
window._commRoleSetSingleRateField = _commRoleSetSingleRateField;
window._commRoleSetComponentParam = _commRoleSetComponentParam;

function _renderRoleUpsellRateEditor(planCode, metricVariant, opts) {
  // Read-only for the same reason as _renderRoleHandoverEditor above —
  // staging happens only in the real mutators (_commRoleSetRatePercent/
  // SetSingleRateField/SetComponentParam).
  const draft = _commGetComponentDraft(planCode, 'upsell_gmv', metricVariant);
  const t = (draft && Array.isArray(draft.tiers) && draft.tiers[0]) ? draft.tiers[0] : { min_value: null, max_value: null, payout_value: 0, payout_label: '' };
  const d = { params: (draft && draft.params) || {} };
  const inpBase = 'background:rgba(255,255,255,.08);border:1px solid rgba(var(--ink-blue),.18);border-radius:var(--r-9);padding:8px 11px;color:#e8eeff;font-size:var(--text-md);font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
  const inpPay  = 'background:rgba(255,224,138,.08);border:1px solid rgba(255,224,138,.28);border-radius:var(--r-9);padding:9px 11px;color:#ffe08a;font-size:var(--text-base);font-weight:800;font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
  const ratePct = (t.payout_value !== null && t.payout_value !== undefined) ? Math.round(Number(t.payout_value) * 10000) / 100 : '';
  // CS-9 (แผน 1-13): P1 ที่มีขั้นต่ำ GMV แต่ยังไม่มีอัตรา = ขั้น 0% ⇒ บอกตรงช่องอัตรา และ Save ถูกบล็อก
  const _pending = Object.prototype.hasOwnProperty.call(_commComponentRulePending || {}, _commComponentDraftKey(planCode, 'upsell_gmv', metricVariant));
  const _minSet = t.min_value !== null && t.min_value !== undefined && t.min_value !== '';
  const _valErr = (((_commValidationErrors || {})[planCode] || {}).components || {})[metricVariant] || '';
  const _needRate = metricVariant === 'p1_new_sku' && (!!_valErr || (_pending && _minSet && !(Number(t.payout_value) > 0)));
  const _inpRate = _needRate ? inpPay + ';border-color:rgba(255,100,60,.70)' : inpPay;

  const rateField = `<div>
    <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,224,138,.85);margin-bottom:3px">Rate (%)</div>
    <input style="${_inpRate}" value="${ratePct}" inputmode="decimal"
      oninput="_commRoleSetRatePercent('${planCode}','upsell_gmv','${metricVariant}',this.value)">
    ${_needRate ? '<div class="comm-p1-need-rate" style="font-size:var(--text-xs);color:rgba(255,120,80,.95);padding-top:4px">ต้องใส่อัตรา — ไม่มีอัตรา = P1 จ่าย 0%</div>' : ''}
  </div>`;

  let extraFields = '';
  if (opts.showMinGmv) {
    extraFields = `<div>
      <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">Min GMV gate (฿)</div>
      <input style="${inpBase}" value="${t.min_value ?? ''}" inputmode="numeric"
        oninput="_commRoleSetSingleRateField('${planCode}','upsell_gmv','${metricVariant}','min_value',this.value)">
    </div>`;
  } else if (opts.showGrowthParams) {
    const threshPct = d.params.threshold_pct ?? '';
    const minIncr = d.params.min_incremental ?? '';
    // CS-10 (แผน 1-13): ตัวเทียบ P3 เป็น "เท่าของฐาน" (2.0 = โตเกิน 2 เท่า) ไม่ใช่ %
    // แผน Q4 มี params.gates (สองด่านตามขนาดส่วนเพิ่ม) ซึ่งตัวคิดเงินใช้แทนสองช่องนี้
    // ⇒ ถ้ามีด่าน: โชว์ด่านแบบอ่านอย่างเดียว ปิดสองช่อง (แก้ไปก็ไม่มีผลกับเงิน) และชี้ไปหน้าตั้งเกณฑ์ของ /nrr
    const gates = Array.isArray(d.params.gates) ? d.params.gates.filter(g => g && g.threshold_pct != null) : [];
    const hasGates = gates.length > 0;
    const dis = hasGates ? ' disabled title="แผนนี้ใช้ด่าน P3 ตามขนาดส่วนเพิ่ม — แก้ที่ /nrr หน้าตั้งเกณฑ์"' : '';
    const inpScalar = hasGates ? inpBase + ';opacity:.45;cursor:not-allowed' : inpBase;
    let gatesHtml = '';
    if (hasGates) {
      const fB = n => '฿' + Math.round(Number(n || 0)).toLocaleString('en-US');
      const fX = n => String(Math.round(Number(n) * 100) / 100);
      const sorted = gates.slice().sort((a, b) => Number(b.min_incremental || 0) - Number(a.min_incremental || 0));
      const lines = sorted.map((g, i) => {
        const lo = Number(g.min_incremental || 0);
        const range = i === 0 ? 'ส่วนเพิ่มตั้งแต่ ' + fB(lo)
          : fB(lo) + '–' + Math.round(Number(sorted[i - 1].min_incremental || 0) - 1).toLocaleString('en-US');
        return range + ' ต้องเกิน ' + fX(g.threshold_pct) + ' เท่า';
      });
      gatesHtml = `<div class="comm-p3-gates" style="grid-column:1/-1;font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.82);line-height:1.6;padding:8px 10px;background:rgba(0,0,0,.20);border-radius:var(--r-8)">
        <div style="font-weight:var(--fw-bold);margin-bottom:2px">ด่าน P3 ของแผนนี้ (อ่านอย่างเดียว)</div>
        ${lines.map(l => '<div>' + _commEscapeHtml(l) + '</div>').join('')}
        <div style="color:rgba(var(--ink-blue),.65)">ต่ำกว่า ${fB(sorted[sorted.length - 1].min_incremental)} ไม่นับ · <a href="/nrr#/scheme" target="_blank" rel="noopener" style="color:#bcd7ff">แก้ที่ /nrr หน้าตั้งเกณฑ์</a></div>
      </div>`;
    }
    extraFields = `<div>
      <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">ต้องโตเกิน (เท่าของฐาน)</div>
      <input style="${inpScalar}" value="${threshPct}" inputmode="decimal"${dis}
        oninput="_commRoleSetComponentParam('${planCode}','upsell_gmv','${metricVariant}','threshold_pct',this.value)">
    </div>
    <div>
      <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">Min incremental (฿)</div>
      <input style="${inpScalar}" value="${minIncr}" inputmode="numeric"${dis}
        oninput="_commRoleSetComponentParam('${planCode}','upsell_gmv','${metricVariant}','min_incremental',this.value)">
    </div>${gatesHtml}`;
  }

  return `<div style="border-radius:13px;border:1px solid rgba(var(--ink-blue),.09);background:rgba(255,255,255,.025);padding:13px;margin-bottom:10px">
    <div style="display:flex;align-items:center;gap:8px;margin-bottom:11px">
      <span style="width:3px;height:16px;border-radius:var(--r-xxs);background:${opts.accentColor || '#bcd7ff'};flex-shrink:0"></span>
      <span style="font-size:var(--text-md);font-weight:800;color:rgba(var(--ink-blue-hi),.85)">${opts.title}</span>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:7px">${rateField}${extraFields}</div>
  </div>`;
}

// ══════════════════════════════════════════════════════════════
// SECTION:COMMISSION_SETUP_UPSELL_CATEGORY_BONUS (v_catbonus, 2026-07-19)
// Per-category / per-group_key Upsell bonus rates — ONE shared override map
// applied to BOTH P1 and P3 (Bush's decision). Stored on a single
// upsell_gmv/category_bonus rule's tier_config as {category_rates,
// group_rates} (the shape the engine's _commResolveUpsellRateMap reads),
// plus a `rows` working array for the editor (harmless extra jsonb, ignored
// by the engine). Modeled on the handover gmv_tiers editor. An override
// REPLACES the base rate (not additive); precedence group > category > base.
// ══════════════════════════════════════════════════════════════
const _COMM_CATEGORIES = ['Beverage Alcohol','Beverage Non-alcohol','DG Food','DG Non-food','Egg','Fish & Seafood','Fruit','Meat','Processed Food','Vegetable'];

// Rebuild the engine-facing maps from the editor's rows (skip incomplete rows).
function _commSyncBonusMaps(tc) {
  const cat = {}, grp = {};
  (tc.rows || []).forEach(r => {
    if (!r || r.key == null || r.key === '' || r.rate == null || r.rate === '' || isNaN(r.rate)) return;
    const frac = Number(r.rate) / 100;
    if (r.level === 'group') grp[r.key] = frac; else cat[r.key] = frac;
  });
  tc.category_rates = cat;
  tc.group_rates = grp;
}
// Ensure the draft's tier_config exists + has a rows working array. On first
// open of a DB-saved scheme (which has category_rates/group_rates but no rows),
// reconstruct rows from the maps so the editor shows existing overrides.
function _commRoleBonusRows(planCode) {
  const d = _commEnsureComponentDraft(planCode, 'upsell_gmv', 'category_bonus');
  if (!d.tier_config || typeof d.tier_config !== 'object') d.tier_config = {};
  const tc = d.tier_config;
  if (!Array.isArray(tc.rows)) {
    const rows = [];
    Object.keys(tc.category_rates || {}).forEach(k => rows.push({ level:'category', key:k, rate: Number(tc.category_rates[k]) * 100 }));
    Object.keys(tc.group_rates || {}).forEach(k => rows.push({ level:'group', key:k, rate: Number(tc.group_rates[k]) * 100 }));
    tc.rows = rows;
  }
  return tc.rows;
}
function _commRoleAddBonusRow(planCode) {
  const rows = _commRoleBonusRows(planCode);
  rows.push({ level:'category', key:'', rate:'' });
  _commMarkChanged();
  renderCommissionCockpit();
}
function _commRoleRemoveBonusRow(planCode, idx) {
  const rows = _commRoleBonusRows(planCode);
  rows.splice(idx, 1);
  const d = _commEnsureComponentDraft(planCode, 'upsell_gmv', 'category_bonus');
  _commSyncBonusMaps(d.tier_config);
  _commMarkChanged();
  renderCommissionCockpit();
}
function _commRoleSetBonusField(planCode, idx, field, value) {
  const rows = _commRoleBonusRows(planCode);
  if (!rows[idx]) return;
  if (field === 'level') { rows[idx].level = value; rows[idx].key = ''; }       // reset key when switching level
  else if (field === 'rate') rows[idx].rate = value;
  else rows[idx].key = value;
  const d = _commEnsureComponentDraft(planCode, 'upsell_gmv', 'category_bonus');
  _commSyncBonusMaps(d.tier_config);
  _commMarkChanged();
  if (field === 'level') renderCommissionCockpit(); // re-render to swap key input type
}
window._commRoleAddBonusRow = _commRoleAddBonusRow;
window._commRoleRemoveBonusRow = _commRoleRemoveBonusRow;
window._commRoleSetBonusField = _commRoleSetBonusField;

// Distinct group_key list (with category) observed in the loaded fast-path
// file — powers the group typeahead so admins pick real groups, not free text.
function _commObservedGroupKeys() {
  const out = [];
  try {
    const byKam = (typeof bulkUpsellTeamGroups !== 'undefined' && bulkUpsellTeamGroups) || {};
    const seen = new Set();
    Object.keys(byKam).forEach(k => (byKam[k] || []).forEach(r => {
      if (r.group_key && !seen.has(r.group_key)) { seen.add(r.group_key); out.push(r.group_key); }
    }));
    out.sort();
  } catch (e) {}
  return out;
}
function _commValidateUpsellCategoryBonus(rows) {
  const errs = [], notes = [];
  const seen = {};
  const catKeys = new Set(rows.filter(r => r.level === 'category' && r.key).map(r => r.key));
  rows.forEach((r, i) => {
    if (!r.key) return;
    const id = r.level + '|' + r.key;
    if (seen[id]) errs.push(`ซ้ำ: ${r.level==='group'?'กลุ่ม':'หมวด'} "${r.key}" มีมากกว่า 1 แถว`);
    seen[id] = true;
    if (r.rate === '' || r.rate == null || isNaN(r.rate) || Number(r.rate) < 0 || Number(r.rate) > 100)
      errs.push(`เรตของ "${r.key}" ต้องอยู่ระหว่าง 0–100%`);
  });
  return { errs, notes };
}

function _renderRoleUpsellCategoryBonusEditor(planCode) {
  // Read-only render (staging only in mutators — same ghost-row guard as the
  // handover/upsell editors above).
  const draft = _commGetComponentDraft(planCode, 'upsell_gmv', 'category_bonus');
  let rows = [];
  if (draft && draft.tier_config) {
    if (Array.isArray(draft.tier_config.rows)) rows = draft.tier_config.rows;
    else {
      Object.keys(draft.tier_config.category_rates || {}).forEach(k => rows.push({ level:'category', key:k, rate: Number(draft.tier_config.category_rates[k])*100 }));
      Object.keys(draft.tier_config.group_rates || {}).forEach(k => rows.push({ level:'group', key:k, rate: Number(draft.tier_config.group_rates[k])*100 }));
    }
  }
  const inpSel = 'background:rgba(255,255,255,.08);border:1px solid rgba(var(--ink-blue),.18);border-radius:var(--r-9);padding:8px 9px;color:#e8eeff;font-size:var(--text-md);font-family:var(--tk-font-body),system-ui,sans-serif;outline:none;width:100%';
  const inpKey = inpSel;
  const inpPay = 'background:rgba(255,224,138,.08);border:1px solid rgba(255,224,138,.28);border-radius:var(--r-9);padding:8px 9px;color:#ffe08a;font-size:var(--text-base);font-weight:800;font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
  const groupKeys = _commObservedGroupKeys();
  const dlId = 'comm-grpkeys-' + planCode.replace(/[^a-zA-Z0-9]/g,'');
  const datalist = `<datalist id="${dlId}">${groupKeys.map(g=>`<option value="${_commEscapeHtml(g)}"></option>`).join('')}</datalist>`;

  const rowCards = rows.map((r, i) => {
    const catOpts = _COMM_CATEGORIES.map(c => `<option value="${c}" ${r.key===c?'selected':''}>${c}</option>`).join('');
    const keyField = r.level === 'group'
      ? `<input list="${dlId}" style="${inpKey}" value="${_commEscapeHtml(r.key||'')}" placeholder="พิมพ์/เลือกกลุ่มสินค้า"
           oninput="_commRoleSetBonusField('${planCode}',${i},'key',this.value)">`
      : `<select style="${inpSel}" onchange="_commRoleSetBonusField('${planCode}',${i},'key',this.value)">
           <option value="">— เลือกหมวด —</option>${catOpts}</select>`;
    return `<div style="display:flex;align-items:flex-end;gap:7px;margin-bottom:7px">
      <div style="width:96px">
        <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">ระดับ</div>
        <select style="${inpSel}" onchange="_commRoleSetBonusField('${planCode}',${i},'level',this.value)">
          <option value="category" ${r.level!=='group'?'selected':''}>หมวด</option>
          <option value="group" ${r.level==='group'?'selected':''}>กลุ่มย่อย</option>
        </select>
      </div>
      <div style="flex:1">
        <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.70);margin-bottom:3px">${r.level==='group'?'กลุ่มย่อย (group_key)':'หมวด (category)'}</div>
        ${keyField}
      </div>
      <div style="width:86px">
        <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,224,138,.85);margin-bottom:3px">เรต (%)</div>
        <input style="${inpPay}" value="${r.rate ?? ''}" inputmode="decimal"
          oninput="_commRoleSetBonusField('${planCode}',${i},'rate',this.value)">
      </div>
      <button onclick="_commRoleRemoveBonusRow('${planCode}',${i})" style="font-size:var(--text-lg);color:var(--tk-text-faint);background:none;border:none;cursor:pointer;padding:8px 4px" onmouseover="this.style.color='rgba(255,80,60,.70)'" onmouseout="this.style.color='rgba(255,255,255,.25)'">×</button>
    </div>`;
  }).join('');

  const { errs } = _commValidateUpsellCategoryBonus(rows);
  const errHtml = errs.length ? `<div style="font-size:var(--text-xs);color:rgba(255,120,80,.90);padding:8px 10px;background:rgba(255,80,60,.10);border-radius:var(--r-8);margin-bottom:9px;line-height:1.6">${errs.map(_commEscapeHtml).join('<br>')}</div>` : '';
  const emptyNote = !rows.length ? `<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);padding:8px 10px;background:rgba(0,0,0,.20);border-radius:var(--r-8);margin-bottom:9px;line-height:1.6">ยังไม่มีโบนัส — ทุกกลุ่มใช้เรต P1/P3 พื้นฐานด้านบน เพิ่มแถวเพื่อกำหนดเรตพิเศษต่อหมวด/กลุ่มสินค้า</div>` : '';

  return `<div style="border-radius:13px;border:1px solid rgba(var(--ink-blue),.09);background:rgba(255,255,255,.025);padding:13px;margin-bottom:10px">
    ${datalist}
    <div style="display:flex;align-items:center;gap:8px;margin-bottom:6px">
      <span style="width:3px;height:16px;border-radius:var(--r-xxs);background:rgba(120,220,150,.85);flex-shrink:0"></span>
      <span style="font-size:var(--text-md);font-weight:800;color:rgba(var(--ink-blue-hi),.85)">โบนัสตามกลุ่มสินค้า</span>
    </div>
    <div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.62);line-height:1.6;margin-bottom:10px">เรตพิเศษนี้ <b>แทนที่</b>เรต P1/P3 พื้นฐาน และใช้กับ<b>ทั้ง P1 และ P3</b> — ถ้าตั้งทั้งหมวดและกลุ่มย่อยที่ทับกัน กลุ่มย่อยจะชนะ</div>
    ${errHtml}${emptyNote}${rowCards}
    <button onclick="_commRoleAddBonusRow('${planCode}')" style="width:100%;padding:10px;border-radius:var(--r-md);background:rgba(120,220,150,.06);border:1px dashed rgba(120,220,150,.30);color:rgba(150,230,175,.85);font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;margin-top:2px">+ เพิ่มโบนัสกลุ่มสินค้า</button>
  </div>`;
}
window._renderRoleUpsellCategoryBonusEditor = _renderRoleUpsellCategoryBonusEditor;

function _renderTlUpsellTierRows() {
  let tiers = [];
  try {
    const rules = _commRuleConfig && _commRuleConfig.rules && _commRuleConfig.rules['tl_upsell_mult'];
    tiers = (rules && rules[0] && rules[0].tiers) ? rules[0].tiers : [];
  } catch(e) {}
  if (!tiers.length) tiers = [
    {min_pct:0,max_pct:1.99,multiplier:1.00},
    {min_pct:2,max_pct:2.99,multiplier:1.20},
    {min_pct:3,max_pct:3.99,multiplier:1.35},
    {min_pct:4,max_pct:4.99,multiplier:1.50},
    {min_pct:5,max_pct:null,multiplier:1.80}
  ];
  const fmtMult = v => Number(v||1).toFixed(2)+'×';
  return tiers.map((t,i) => {
    const minV = t.min_pct != null ? Number(t.min_pct) : null;
    const maxV = t.max_pct != null ? Number(t.max_pct) : null;
    const mult = Number(t.multiplier || 1.0);
    const isBase = mult <= 1.0;
    const accentColor = isBase ? 'rgba(var(--ink-blue),.30)' : mult >= 1.5 ? 'var(--tk-ok-bright)' : '#ffe08a';
    const prevTxt = minV != null && maxV != null ? `Upsell ${minV}–${maxV}%`
                  : minV != null ? `Upsell ≥ ${minV}%` : `Upsell < ${maxV}%`;
    return `<div style="border-radius:var(--r-card);border:1px solid rgba(var(--ink-blue),.09);background:rgba(255,255,255,.025);padding:12px;margin-bottom:8px">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
        <div style="display:flex;align-items:center;gap:6px">
          <span style="width:3px;height:14px;border-radius:var(--r-xxs);background:${accentColor};flex-shrink:0"></span>
          <span style="font-size:var(--text-sm);font-weight:800;color:rgba(var(--ink-blue-hi),.75)">${prevTxt} → ${fmtMult(mult)}</span>
        </div>
        <button onclick="_commRemoveTlUpsellTier(${i})" style="font-size:var(--text-lg);color:rgba(255,255,255,.52);background:none;border:none;cursor:pointer;padding:2px 5px;line-height:1" onmouseover="this.style.color='rgba(255,80,60,.70)'" onmouseout="this.style.color='rgba(255,255,255,.20)'">×</button>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px">
        <div>
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.78);margin-bottom:4px">Upsell ตั้งแต่ (%)</div>
          <input style="width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(var(--ink-blue),.10);border-radius:var(--r-8);padding:8px 9px;color:rgba(var(--ink-blue-hi),.88);font-size:var(--text-sm);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;text-align:right;outline:none"
            value="${minV ?? ''}" placeholder="0" inputmode="decimal"
            oninput="_commSetTlUpsellTier(${i},'min_pct',this.value);_commMarkChanged()">
        </div>
        <div>
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.78);margin-bottom:4px">ถึง (%) — ว่าง=∞</div>
          <input style="width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(var(--ink-blue),.10);border-radius:var(--r-8);padding:8px 9px;color:rgba(var(--ink-blue-hi),.88);font-size:var(--text-sm);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;text-align:right;outline:none"
            value="${maxV ?? ''}" placeholder="∞" inputmode="decimal"
            oninput="_commSetTlUpsellTier(${i},'max_pct',this.value);_commMarkChanged()">
        </div>
        <div>
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.78);margin-bottom:4px">Multiplier ×</div>
          <input style="width:100%;background:rgba(255,224,138,.05);border:1px solid rgba(255,224,138,.18);border-radius:var(--r-8);padding:8px 9px;color:#ffe08a;font-size:var(--text-sm);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;text-align:right;outline:none"
            value="${mult}" placeholder="1.0" inputmode="decimal"
            oninput="_commSetTlUpsellTier(${i},'multiplier',this.value);_commMarkChanged()">
        </div>
      </div>
    </div>`;
  }).join('');
}


// DD-11 (แผน 1-13): ลบ saveCommissionComponentRates + _COMPONENT_CATALOG + _commSetComponentParam ออกแล้ว
// แคตตาล็อกถือค่าผิด (P1/P3 3%, P3 ขั้นต่ำ ฿5,000, Expansion 1.5%, เกต 95/90/0.70/0.35) และตัว "self-heal"
// จะเขียนค่าเหล่านี้ลง target_settings (ค่ากลางที่ AD/แผนสำรองพึ่งอยู่) ทุกครั้งที่ map ข้างล่างมีของ
// ไม่มีจอไหนเรียกแล้ว (ตัวแก้เดียวที่เติม map นี้คือ _renderComponentRatesEditor ซึ่งไม่มีใครเรียก)
// ⇒ map นี้เหลือไว้ให้ตัวแก้ Handover รุ่นเก่า (_commHandoverGmvTiers*) ที่ตายแล้วอ้างถึงเท่านั้น ไม่มีทางบันทึก
let _commComponentPending = {};
function _commAddTlUpsellTier() {
  try {
    const rules = _commRuleConfig.rules || {};
    if (!rules.tl_upsell_mult) rules.tl_upsell_mult = [{ tiers:[] }];
    if (!rules.tl_upsell_mult[0].tiers) rules.tl_upsell_mult[0].tiers = [];
    rules.tl_upsell_mult[0].tiers.push({min_pct:null,max_pct:null,multiplier:1.0});
    _commMarkChanged();
    renderCommissionCockpit();
  } catch(e) {}
}
function _commRemoveTlUpsellTier(idx) {
  try {
    _commRuleConfig.rules.tl_upsell_mult[0].tiers.splice(idx, 1);
    _commMarkChanged();
    renderCommissionCockpit();
  } catch(e) {}
}
function _commSetTlUpsellTier(idx, field, value) {
  try {
    const t = _commRuleConfig.rules.tl_upsell_mult[0].tiers[idx];
    if (!t) return;
    t[field] = value === '' ? null : Number(value);
    _commMarkChanged();
  } catch(e) {}
}
window._commAddTlUpsellTier = _commAddTlUpsellTier;
window._commRemoveTlUpsellTier = _commRemoveTlUpsellTier;
window._commSetTlUpsellTier = _commSetTlUpsellTier;

function renderCommRulesStep(body) {
  const tlRules = _commRulesForRole('tl', { activeOnly:true });
  const kamRules = _commRulesForRole('kam', { activeOnly:true });
  // v878 (phase 6): rules for the 6 roles beyond tl/kam, grouped together
  // (each individually would mostly be empty until an admin creates one).
  const otherRules = _COMM_OTHER_ROLES.flatMap(r => _commRulesForRole(r, { activeOnly:true }));
  const allRules = [...tlRules, ...kamRules, ...otherRules];
  if (!_commSelectedRuleCode || !allRules.some(p => p.plan_code === _commSelectedRuleCode)) _commSelectedRuleCode = (tlRules[0] && tlRules[0].plan_code) || _commPlanCode('tl');
  const selected = allRules.find(p => p.plan_code === _commSelectedRuleCode) || tlRules[0] || kamRules[0];
  const role = selected?.beneficiary_role || 'tl';
  body.innerHTML = `
    <div class="comm-hero">
      <div class="comm-hero-top">
        <div><div class="comm-hero-title">Rule Library (legacy)</div><div class="comm-hero-sub">หน้าเดิมก่อนรวมทุกอย่างเข้า 2 Setup — สร้าง/แก้/archive scheme ทำได้จากหน้า role detail ใน Setup แล้ว</div></div>
      </div>
    </div>
    <div class="comm-section-title">Component Rates (Upsell & Gate)</div>
    <!-- v_cockpit3tabs: the global "Component Rates" card was REMOVED here.
         It edited the LEGACY global blob (_commComponentPending →
         target_settings) — a second, different data model from the
         per-scheme editors in Setup (_commComponentRulePending →
         commission_rules). Two editors over two models for the same concept
         was the most dangerous confusion in this dialog. The engine still
         READS the global blob as fallback for un-migrated values, so
         removing the editor freezes those values byte-for-byte rather than
         changing any payout. -->
    <div class="comm-card"><div class="comm-meta">อัตรา Upsell/Gate/Handover ตั้งต่อ scheme ที่ 2 Setup → เลือก role → เลือก scheme</div></div>
    <div class="comm-rule-actions">
      <button class="comm-create-rule-btn" onclick="_commCreateRule('tl')">+ Create TL Rule</button>
      <button class="comm-create-rule-btn" onclick="_commCreateRule('kam')">+ Create KAM Rule</button>
      <select class="comm-select" id="comm-other-role-select" style="width:auto">
        ${_COMM_OTHER_ROLES.map(r=>`<option value="${r}">${r.toUpperCase()}</option>`).join('')}
      </select>
      <button class="comm-create-rule-btn" onclick="_commCreateRule(document.getElementById('comm-other-role-select').value)">+ Create Rule</button>
    </div>
    <div class="comm-rule-group-title">TL Rules (NRR Tiers)</div>
    <div class="comm-rule-library">${tlRules.map(p=>_renderRuleLibraryItem(p)).join('')}</div>
    <div class="comm-rule-group-title">KAM Rules</div>
    <div class="comm-rule-library">${kamRules.map(p=>_renderRuleLibraryItem(p)).join('')}</div>
    <div class="comm-rule-group-title">Other roles (PM / Admin / Sales / AD)</div>
    <div class="comm-rule-library">${otherRules.map(p=>_renderRuleLibraryItem(p)).join('') || `<div class="comm-empty">ยังไม่มี rule สำหรับ role อื่น — กด "+ Create Rule" ด้านบน</div>`}</div>
    <div class="comm-section-title">Edit selected rule</div>
    ${selected ? _renderCommRuleEditorByCode(selected.plan_code, role) : `<div class="comm-empty">ยังไม่มี rule ให้แก้</div>`}
  `;
}
function _renderRuleLibraryItem(p) {
  const active = p.plan_code === _commSelectedRuleCode;
  const pending = !!_commRulePending[p.plan_code];
  const used = _commRuleUsageCount(p.plan_code);
  const isActive = _commIsActivePlan(p);
  return `<div class="comm-rule-item ${active?'active':''} ${isActive?'':'archived'}" onclick="_commSelectedRuleCode='${p.plan_code}';renderCommissionCockpit()">
    <div>
      <div class="comm-rule-item-name">${p.plan_name || p.plan_code}${pending?'<span class="comm-unsaved">Unsaved</span>':''}</div>
      <div class="comm-rule-item-meta">${p.plan_code} · ${(p.beneficiary_role||'').toUpperCase()} · ${p.status || 'active'}</div>
    </div>
    <div class="comm-rule-item-right">
      <span class="comm-used-pill ${used?'used':''}">Used ${used}</span>
      <span class="comm-badge ${p.beneficiary_role==='tl'?'blue':'ok'}">${(p.beneficiary_role||'').toUpperCase()}</span>
    </div>
  </div>`;
}
function _renderCommRuleEditorByCode(planCode, role) {
  const d = _commGetDraftByCode(planCode, role);
  const usedTh = _commRuleUsageSummaryTh(planCode);   // CS-3
  const isStandard = planCode === _commPlanCode(role);
  const err = (_commValidationErrors || {})[planCode] || {};
  const tiers = (d && d.tiers) || [];

  const tierCards = tiers.map((t,i) => {
    const minV = t.min_value != null ? Number(t.min_value) : null;
    const maxV = t.max_value != null ? Number(t.max_value) : null;
    const pay  = Number(t.payout_value || 0);
    const te = (err.tiers || {})[i] || {};

    // Pill style by pay value
    const pillStyle = pay === 0
      ? 'background:rgba(255,100,60,.18);color:rgba(255,120,80,1);border:1px solid rgba(255,100,60,.35)'
      : pay >= 30000
      ? 'background:var(--tk-ok-dim-2);color:var(--tk-ok-bright);border:1px solid var(--tk-ok-border)'
      : 'background:rgba(255,224,138,.14);color:#ffe08a;border:1px solid rgba(255,224,138,.30)';
    const pillLbl = pay === 0 ? 'ไม่ถึงเกณฑ์' : `Tier ${i+1}`;

    // Range label
    const rangeLbl = minV != null && maxV != null ? `${minV}–${maxV}%`
                   : minV != null ? `≥ ${minV}%` : maxV != null ? `< ${maxV}%` : '—';
    const payLbl = pay ? '฿'+Math.round(pay).toLocaleString('en-US') : '฿0';
    const previewColor = pay === 0 ? 'rgba(255,120,80,.85)' : pay >= 30000 ? 'var(--tk-ok-bright)' : '#ffe08a';
    const borderLeft = pay === 0 ? 'rgba(255,100,60,.50)' : pay >= 30000 ? 'var(--tk-ok-border)' : 'rgba(255,224,138,.40)';

    // Compact: range fields on one row, payout prominent below
    const inpBase = 'background:rgba(255,255,255,.08);border:1px solid rgba(var(--ink-blue),.18);border-radius:var(--r-9);padding:8px 11px;color:#e8eeff;font-size:var(--text-base);font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';
    const inpPay  = 'background:rgba(255,224,138,.08);border:1px solid rgba(255,224,138,.28);border-radius:var(--r-9);padding:10px 12px;color:#ffe08a;font-size:var(--text-lg2);font-weight:900;font-family:\'IBM Plex Mono\',monospace;text-align:right;outline:none;width:100%';

    return `<div style="border-radius:var(--r-card);border:1px solid rgba(var(--ink-blue),.12);background:rgba(255,255,255,.04);padding:12px;margin-bottom:7px${te.range||te.payout?';border-color:rgba(255,100,60,.40)':''}">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
        <span style="font-size:var(--text-xs);font-weight:800;padding:3px 9px;border-radius:99px;${pillStyle}">${pillLbl}</span>
        <button onclick="removeRuleTier('${planCode}',${i})" style="font-size:var(--text-xl);color:rgba(255,255,255,.52);background:none;border:none;cursor:pointer;padding:0 4px;line-height:1" onmouseover="this.style.color='rgba(255,80,60,.80)'" onmouseout="this.style.color='rgba(255,255,255,.30)'">×</button>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px">
        <div>
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.75);margin-bottom:4px">${pay===0?'NRR ต่ำกว่า (%)':'NRR ตั้งแต่ (%)'}</div>
          <input style="${inpBase}" value="${pay===0?(maxV??''):(minV??'')}" placeholder="—" inputmode="decimal"
            oninput="onRuleTierInput('${planCode}',${i},'${pay===0?'max_value':'min_value'}',this.value)">
        </div>
        <div>
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.75);margin-bottom:4px">${pay===0?'\u00a0':'ถึง (%) — ว่าง=∞'}</div>
          ${pay===0?'<div style="height:38px"></div>':`<input style="${inpBase}" value="${maxV??''}" placeholder="∞" inputmode="decimal" oninput="onRuleTierInput('${planCode}',${i},'max_value',this.value)">`}
        </div>
      </div>
      <div style="margin-bottom:8px">
        <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.75);margin-bottom:4px">ได้รับ (฿)</div>
        <input style="${inpPay}" value="${pay}" inputmode="numeric"
          oninput="onRuleTierInput('${planCode}',${i},'payout_value',this.value)">
      </div>
      <div style="display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:var(--r-7);background:rgba(0,0,0,.25);border-left:2px solid ${borderLeft}">
        <span style="font-size:var(--text-sm);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;color:rgba(var(--ink-blue),.65)">NRR ${rangeLbl} → <span style="font-weight:800;color:${previewColor}">${payLbl}</span></span>
      </div>
      ${te.range||te.payout?`<div style="font-size:var(--text-xs);color:rgba(255,120,80,.90);padding:5px 0 0">${_commEscapeHtml(te.range||te.payout)}</div>`:''}
    </div>`;
  }).join('');

  const generalErr = err.general ? `<div style="font-size:var(--text-sm);color:rgba(255,100,60,.90);padding:8px 10px;background:rgba(255,80,60,.10);border-radius:var(--r-8);margin-bottom:10px">${_commEscapeHtml(err.general)}</div>` : '';
  // Empty ladder = valid no-op (role gets ฿0 NRR, other components still
  // pay) — same convention as the Gate/TL-mult editors' emptyNote. Shown as
  // an informational note, NOT a validation error (see _commValidateDrafts).
  const emptyNote = !tiers.length ? `<div style="font-size:var(--text-sm);color:rgba(var(--ink-blue),.60);padding:8px 10px;background:rgba(255,255,255,.04);border:1px dashed rgba(var(--ink-blue),.20);border-radius:var(--r-8);margin-bottom:10px">ยังไม่มี NRR tier — role นี้ได้ NRR ฿0 (component อื่น เช่น Upsell ยังจ่ายตามที่ตั้งไว้) · กด "+ เพิ่ม tier" ถ้าต้องการให้ role นี้ได้ค่าคอมฯ จาก NRR ด้วย</div>` : '';

  return `<div style="border-radius:var(--r-lg);border:1px solid rgba(var(--ink-blue),.12);background:rgba(255,255,255,.03);padding:14px;margin-bottom:8px">
    <div style="display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:10px">
      <div>
        <input style="background:transparent;border:none;border-bottom:1px solid rgba(var(--ink-blue),.22);color:var(--tk-text-primary);font-size:var(--text-lg);font-weight:900;padding:2px 0;outline:none;width:210px;font-family:var(--tk-font-body),system-ui,sans-serif"
          value="${_commEscapeHtml(d.plan_name||'')}" placeholder="ชื่อ rule"
          oninput="onRuleHeaderInput('${planCode}','plan_name',this.value)">
        ${_commRulePending[planCode]?'<span style="font-size:var(--text-2xs);color:#ffe08a;font-weight:800;margin-left:6px;vertical-align:middle">Unsaved</span>':''}
        <div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;margin-top:5px">${planCode} · ${_commEscapeHtml(usedTh)}</div>
      </div>
      <button onclick="archiveCommissionRule('${planCode}')" ${isStandard?'disabled title="Standard rule ลบไม่ได้"':''}
        style="font-size:var(--text-xs);color:${isStandard?'rgba(var(--ink-blue),.25)':'rgba(255,100,60,.70)'};background:none;border:1px solid ${isStandard?'rgba(var(--ink-blue),.10)':'rgba(255,100,60,.28)'};border-radius:var(--r-7);padding:5px 10px;cursor:${isStandard?'default':'pointer'};white-space:nowrap">Archive</button>
    </div>
    ${generalErr}
    ${emptyNote}
    ${tierCards}
    <button class="comm-add" onclick="addRuleTier('${planCode}')"
      style="width:100%;padding:10px;border-radius:var(--r-md);background:rgba(var(--ink-blue),.06);border:1px dashed rgba(var(--ink-blue),.22);color:rgba(var(--ink-blue),.70);font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;margin-top:2px;font-family:var(--tk-font-body),system-ui,sans-serif">+ เพิ่ม tier</button>
    <div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.45);margin-top:8px;line-height:1.5">Rule นี้กระทบทุกคนที่ถูก assign ให้ใช้ scheme นี้ · กด Save changes ที่ footer ด้านล่าง</div>
  </div>`;
}

function onRuleHeaderInput(planCode, field, value) {
  const d = _commGetDraftByCode(planCode);
  d[field] = value;
  _commClearValidationForPlan(planCode);
  _commSetDraftByCode(planCode, d);
  if (field === 'plan_name' && _commRuleConfig.plans && _commRuleConfig.plans[planCode]) _commRuleConfig.plans[planCode].plan_name = value;
  _commMarkChanged();
}
function onRuleTierInput(planCode, idx, field, value) {
  const d = _commGetDraftByCode(planCode);
  if (!d.tiers[idx]) return;
  d.tiers[idx][field] = field === 'payout_label' ? value : (value === '' ? null : Number(value));
  _commClearValidationForPlan(planCode);
  _commSetDraftByCode(planCode, d);
  _commMarkChanged();
}
function addRuleTier(planCode) {
  const d = _commGetDraftByCode(planCode);
  d.tiers.push({min_value:null,max_value:null,payout_value:0,payout_label:'New tier'});
  _commClearValidationForPlan(planCode);
  _commSetDraftByCode(planCode, d);
  _commMarkChanged();
  renderCommissionCockpit();
}
function removeRuleTier(planCode, idx) {
  const d = _commGetDraftByCode(planCode);
  d.tiers.splice(idx,1);
  _commClearValidationForPlan(planCode);
  _commSetDraftByCode(planCode,d);
  _commMarkChanged();
  renderCommissionCockpit();
}

async function archiveCommissionRule(planCode) {
  // v_schemeonly: ชุดที่ใช้ในงวดตั้งแต่ ต.ค. 2569 เปิดปิดที่หน้าตั้งเกณฑ์ใน dashboard
  const _fr = await _commSchemeFreshAsg();
  if (_fr.error) {
    if (typeof showToast === 'function') showToast(_fr.error, '!');
    return;
  }
  if (_commPlanUsedFromOct(planCode, _fr.rows)) {
    if (typeof showToast === 'function') showToast(COMM_SCHEME_MOVED_TH, '!');
    return;
  }
  const plan = ((_commRuleConfig && _commRuleConfig.plans) || {})[planCode];
  const role = (plan && plan.beneficiary_role) || (planCode && planCode.startsWith('TL_') ? 'tl' : 'kam');
  if (planCode === _commPlanCode(role)) {
    if (typeof showToast === 'function') showToast('Standard rule archive ไม่ได้', '!');
    return;
  }
  const used = _commRuleUsageCount(planCode);
  if (used > 0) {
    const ok = window.confirm(`Rule นี้ถูก assign อยู่ ${used} รายการในเดือนนี้

Archive ต่อหรือไม่? หลัง archive rule นี้จะไม่ถูกใช้ใน Assignment/Preview ใหม่ และจะ fallback ไป Standard rule`);
    if (!ok) return;
  } else {
    const ok = window.confirm('Archive rule นี้หรือไม่? Rule จะถูกซ่อนจาก Assignment และ Rule Library active list แต่ไม่ถูก hard delete');
    if (!ok) return;
  }
  const actor = (currentUserProfile && currentUserProfile.email) || '';
  try {
    if (plan && plan.id) {
      const { error } = await supa.from('commission_plans').update({
        status:'inactive',
        updated_by: actor,
        updated_at: new Date().toISOString()
      }).eq('id', plan.id);
      if (error) throw new Error(error.message);
    }
    if (_commRulePending && _commRulePending[planCode]) delete _commRulePending[planCode];
    if (_commRuleConfig && _commRuleConfig.plans && _commRuleConfig.plans[planCode]) {
      _commRuleConfig.plans[planCode].status = 'inactive';
    }
    Object.keys(_commAssignmentPending || {}).forEach(k => {
      if (_commAssignmentPending[k] === planCode) delete _commAssignmentPending[k];
    });
    const activeRules = _commRulesForRole(role, { activeOnly:true });
    _commSelectedRuleCode = (activeRules[0] && activeRules[0].plan_code) || _commPlanCode(role);
    if (_tgtActiveQuarter) delete _tgtQuarterCache[_tgtActiveQuarter];
    if (typeof showToast === 'function') showToast('Archive rule สำเร็จ', 'ok');
    renderCommissionCockpit();
  } catch(e) {
    console.error('[Commission rules] archive failed', e);
    if (typeof showToast === 'function') showToast('Archive ไม่สำเร็จ: ' + (e.message || ''), '!');
  }
}

function renderCommLockStep(body) {
  // v_period: ONE period for the whole screen, and it is the period the Lock
  // button targets. Every builder below used to be called with no period, so
  // they all defaulted to today's calendar month while the button locked the
  // previous one — on 2 Aug the page showed August figures under a button
  // reading "Lock ก.ค. 2569".
  const period = _commTargetLockPeriod();
  const periodLabel = _commPeriodLabelTh(period);
  // CL-1: _commBuildPreviewModel (ขั้น NRR ล้วนด้วย TL_NRR_STD — R8) ใช้แค่กับช่อง "Team NRR / Target 98%" ที่ถูกถอดแล้ว
  // รอบ B: งวดแบบใหม่ เงินในแต่ละแถวเป็นยอดจริงสด (ตัวเดียวกับที่ร่าง/ล็อก) · งวดเก่าคืนแถวเดิม
  const rows = _commLiveExactRows(_commBuildSnapshotRows(period), period).rows;
  // teams are a VIEW of `rows` — not a second computation. That is what keeps
  // the cards, the KPI tiles and the CSV showing the same money.
  const teams = _commBuildTeamPreviewGroups(rows, period);
  const summary = _commBuildPayoutSummary((currentUserProfile&&currentUserProfile.role)==='tl'?'tl':undefined, { period });
  // ยอดจริงยังคิดไม่ครบทุกคน ⇒ ช่องยอดรวมบอกความคืบหน้า ไม่ใช่ผลรวมครึ่งเดียว
  const _lockLive = (lv) => (lv && !lv.complete) ? (lv.pending ? COMM_LIVE_LOADING_TH : '—') : null;
  // E2 (สัญญา v2): งวดที่ใช้กติกา HO ครั้งเดียว ถูกปฏิเสธทั้งรอบ ⇒ บอกเหตุแทน ฿0 / "กด Compute"
  const refusalTh = (!rows.length && !summary.rows.length && typeof _commHoOnceApplies === 'function' && _commHoOnceApplies(period)
    && typeof _commRefusalTh === 'function') ? _commRefusalTh(period) : '';
  const moneyOrDash = (v, lv) => refusalTh ? '—' : (_lockLive(lv) || _commFmtPayout(v));
  const pending = (_nrrExclusions || []).filter(r => r.status === 'submitted' || r.status === 'pending').length;
  // CL-1: ช่อง "ทีม" เดิมระบายถึง/ไม่ถึงด้วย nrr_threshold 98 ซึ่งไม่ใช่เส้นเงิน · ทาง TL ("Target 98%") ไม่มีวันถึง
  // (หน้านี้เปิดได้เฉพาะ admin) ⇒ นับทีมอย่างเดียว ไม่ลงสี
  const ready = rows.length > 0 && pending === 0;
  if (_commLockSubtab === 'retroactive') {
    body.innerHTML = `<div class="comm-hero"><div class="comm-hero-top"><div><div class="comm-hero-title">3. Preview &amp; Lock</div><div class="comm-hero-sub">ตรวจสอบก่อน lock snapshot และ export CSV</div></div><span class="comm-badge blue">EXPOSURE</span></div></div><div class="comm-lock-subtabs" style="margin:8px 0 4px"><button class="comm-lock-subtab" onclick="_commLockSubtab='current';renderCommissionCockpit()">เดือนนี้</button><button class="comm-lock-subtab active">Retroactive</button></div>` + _commRenderRetroactiveSection();
    return;
  }
  body.innerHTML = `
    <div class="comm-hero">
      <div class="comm-hero-top">
        <div><div class="comm-hero-title">3. Preview & Lock · ${periodLabel}</div><div class="comm-hero-sub">ทุกตัวเลขในหน้านี้คือเดือน ${periodLabel} — เดือนเดียวกับที่ปุ่ม Lock จะบันทึก</div></div>
        <div class="comm-total"><div class="comm-total-lbl">Exposure</div><div class="comm-total-val">${moneyOrDash(summary.total, summary.liveExact)}</div>${summary.liveExact && !summary.liveExact.complete ? `<div class="comm-total-lbl">${_commEscapeHtml(_commLiveProgressTh(summary.liveExact))}</div>` : ''}</div>
      </div>
      <div class="comm-lock-subtabs" style="margin:10px 0 -2px"><button class="comm-lock-subtab ${_commLockSubtab==='current'?'active':''}" onclick="switchLockSubtab('current')">เดือนนี้</button><button class="comm-lock-subtab ${_commLockSubtab==='retroactive'?'active':''}" onclick="switchLockSubtab('retroactive')">Retroactive ↩</button></div>
      <div class="comm-kpis">
        <div class="comm-kpi"><div class="comm-kpi-lbl">ทีม</div><div class="comm-kpi-val">${summary.teamCount}</div><div class="comm-kpi-sub">ทีมในรอบนี้</div></div>
        <div class="comm-kpi ${summary.tlPayout>0?'hit payout-hit':'miss'}"><div class="comm-kpi-lbl">หัวหน้าทีม</div><div class="comm-kpi-val">${moneyOrDash(summary.tlPayout, summary.liveTl)}</div><div class="comm-kpi-sub">${summary.tlRows.length} คน</div></div>
        <div class="comm-kpi ${summary.kamPayout>0?'hit payout-hit':'miss'}"><div class="comm-kpi-lbl">KAM</div><div class="comm-kpi-val">${moneyOrDash(summary.kamPayout, summary.liveKam)}</div><div class="comm-kpi-sub">${summary.hitKams}/${summary.kamCount} คนได้ค่าคอมฯ</div></div>
      </div>
      <div class="comm-readiness-bar ${ready?'ready':'warn'}"><span class="comm-readiness-dot"></span><div class="comm-readiness-copy">${refusalTh ? _commEscapeHtml(refusalTh) : ready?'พร้อม lock: ไม่มี pending exception และมี snapshot rows แล้ว': pending?'ยังมี exclusion pending ' + pending + ' รายการ ถ้า lock ตอนนี้จะไม่ถูกนับ':'ยังไม่มีข้อมูล payout ให้ lock'}</div></div>
      <div class="tgt-lock-actions"><button class="tgt-lock-btn secondary" onclick="exportCommissionSnapshotCsv('${period}')">Export CSV</button><button class="tgt-lock-btn outline" onclick="computeCommissionDraft('${period}')">Compute</button><button class="tgt-lock-btn primary" onclick="lockCommissionSnapshot('${period}')" title="ล็อกเดือนที่ยังไม่ปิด — ช่วงวันที่ 1-3 จะเล็งเดือนก่อนหน้าให้อัตโนมัติ">Lock ${periodLabel}</button></div>
    </div>
    <div id="comm-lock-detail-body">
    <div class="comm-section-title comm-preview-section-title"><span>แยกตามทีม</span><em>ยอดเต็มที่จะถูกล็อก — รวม upsell · สาขาใหม่ · handover · เกต แล้ว</em></div>
    ${teams.map(t=>`<div class="comm-card comm-team-card comm-preview-team-card">
      <div class="comm-preview-tl-band">
        <div class="comm-preview-tl-left">
          <div class="comm-team-eyebrow">${t.roleGroup ? 'ตำแหน่ง' : (t.tlRow ? 'หัวหน้าทีม' : 'ไม่มีหัวหน้าทีม')}</div>
          <div class="comm-name">${_commEscapeHtml(t.roleGroup ? t.tlName : (t.tlRow ? (t.tlName||t.tlEmail) : 'ไม่ได้สังกัดทีม'))}</div>
          ${t.roleGroup ? `<div class="comm-meta">ไม่อยู่ใต้ตัวคูณของหัวหน้าทีม</div>`
            : t.tlRow ? `<div class="comm-meta">${_commEscapeHtml(t.tlEmail||'')} · %NRR ทีม ${_commFmtPct(t.teamNrr)}</div>`
            : `<div class="comm-meta">KAM ที่งวดนี้ไม่มีหัวหน้าทีม</div>`}
          ${t.roleGroup ? (t.rolePlanName ? `<div class="comm-rule-chip">แผน ${_commEscapeHtml(t.rolePlanName)}</div>` : '')
            : t.tlRow ? `<div class="comm-rule-chip">แผนหัวหน้าทีม · ${_commEscapeHtml(t.tlPlanName || _commPlanNameByCode(t.tlPlanCode,'tl'))}${t.tlMult?' · ×'+t.tlMult:''}${t.tlUpsellPct!=null?' · upsell ทีม '+t.tlUpsellPct.toFixed(1)+'%':''}</div>` : ''}
        </div>
        <div class="comm-preview-tl-money"><span>${t.roleGroup ? 'รวม' : 'รวมทั้งทีม'}</span><strong>${_lockLive(_commLiveSummary([t.tlRow].concat(t.kamRows.map(k => ({ live_exact: (k.breakdown || {}).live_exact, live_reason: (k.breakdown || {}).live_reason }))).filter(Boolean))) || _commFmtPayout(t.total)}</strong>${t.tlRow ? `<em>หัวหน้าทีม ${_lockLive(_commLiveSummary([t.tlRow])) || _commFmtPayout(t.tlPayout)}</em>` : ''}</div>
      </div>
      <div class="comm-kam-subhead"><span>${t.roleGroup ? 'คนในตำแหน่งนี้' : 'สมาชิกในทีม'}</span><em>${t.kamRows.filter(k=>k.payout>0).length}/${t.kamRows.length} ได้ค่าคอมฯ</em></div>
      ${t.kamRows.map(k=>{
        // CL-3 (แผน 1-13): แถวที่ถูกข้าม (ไม่เข้าเกณฑ์ เช่น เริ่มงานหลังเดือนฐาน) เดิมขึ้นแค่ ฿0
        // ⇒ คนล็อกไม่รู้ว่าทำไม · ตอนนี้บอกเหตุจาก skip_reason ที่จดไว้ในแถว แทนตัวเลข ฿0
        const _skip = !!(k.breakdown && k.breakdown.type === 'skipped');
        // รอบ B: ยอดจริงของคนนี้ยังคิดไม่เสร็จ/คิดไม่ได้ ⇒ ไม่มีตัวเลข
        const _lx = kk => (kk.breakdown && kk.breakdown.live_exact && kk.breakdown.live_exact !== 'ok') ? kk.breakdown.live_exact : '';
        return `<div class="comm-person-row comm-kam-payout-row ${k.payout>0?'hit':''}${_skip?' skipped':''}">
          <div style="min-width:0">
            <div class="comm-person-name">${_commEscapeHtml(k.kamName||k.kamEmail)}</div>
            <div class="comm-person-sub">${_skip ? 'ไม่ได้คิดค่าคอมฯ งวดนี้' : 'NRR '+_commFmtPct(k.pct)+(k.tierLabel?' · '+_commEscapeHtml(k.tierLabel):'')}</div>
            <div class="comm-person-parts">${_skip ? 'เหตุ: '+_commEscapeHtml((typeof _commHistReasonTh === 'function') ? _commHistReasonTh(k.breakdown.skip_reason || 'ไม่ได้จดเหตุไว้') : (k.breakdown.skip_reason || 'ไม่ได้จดเหตุไว้')) : _commPayoutPartsHtml(k.breakdown)}</div>
          </div>
          <div class="comm-person-payout ${k.payout>0?'comm-row-money hit':'comm-row-money'}"${_lx(k) && k.breakdown.live_reason ? ` title="${_commEscapeHtml(k.breakdown.live_reason)}"` : ''}>${_skip ? 'ข้าม' : (_lx(k) === 'loading' ? COMM_LIVE_LOADING_TH : _lx(k) ? '—' : _commFmtPayout(k.payout))}</div>
        </div>`;}).join('')
        || '<div class="comm-meta comm-more-note">ไม่มีสมาชิกในทีมนี้</div>'}
    </div>`).join('') || `<div class="comm-empty">ยังไม่มีทีมให้ preview</div>`}
    </div>
    ${rows.length===0?`<div class="comm-empty" style="padding:16px;text-align:center">${refusalTh ? _commEscapeHtml(refusalTh) : `ยังไม่มีข้อมูลของ ${periodLabel} · กด Compute เพื่อสร้าง`}</div>`:''}
  `;
}

// v_period: one renderer for "what makes up this payout", used by every KAM row
// in the team cards. Shows the gate as its own multiply step rather than
// folding it into the components, so the parts always reconcile with the total
// printed beside them — they did not before, because the parts were pre-gate
// and pre-rounding while the total was post-both.
function _commPayoutPartsHtml(bd) {
  bd = bd || {};
  if (bd.nrr_payout === undefined) return '';
  const parts = [];
  const add = (label, v) => { if (Number(v) > 0) parts.push(label + ' ' + _commFmtPayout(v)); };
  parts.push('NRR ' + _commFmtPayout(bd.nrr_payout || 0));
  add('Upsell', bd.upsell_sku && bd.upsell_sku.total_commission);
  add('Expansion', bd.upsell_outlet && bd.upsell_outlet.commission);   // CL-2: "Outlet" → ชื่อเดียวกับทุกจอ
  add('HO',     bd.handover && bd.handover.payout);
  // HO ครั้งเดียวต่อสาขา: บอกว่ามีสาขาที่ไม่นับซ้ำในแถวนี้ (รายชื่ออยู่ในใบแจกแจงของคนนั้น)
  const _hoSkipN = (bd.handover && Array.isArray(bd.handover.repeat_skipped)) ? bd.handover.repeat_skipped.length : 0;
  if (_hoSkipN) parts.push('ไม่นับซ้ำ ' + _hoSkipN + ' สาขา');
  let html = _commEscapeHtml(parts.join(' · '));
  // cap_multiplier is the real field name — the old code read `.cap`, which
  // does not exist, and rendered the literal text "Gate×undefined"
  // CL-2: บอกเส้นที่ทำให้โดนเกต — จากที่จดในแถว (half_below = ได้เต็มตั้งแต่ · zero_below = ต่ำกว่านี้ได้ 0)
  if (bd.gmv_gate && bd.gmv_gate.gate_active) {
    const _g = bd.gmv_gate, _cs = bd.config_snapshot || {};
    const _cap = Number(_g.cap_multiplier ?? 1);
    const _line = _cap > 0
      ? (_g.half_below != null ? _g.half_below : _cs.gate_half_below)
      : (_g.zero_below != null ? _g.zero_below : _cs.gate_zero_below);
    html += ' <span class="comm-parts-gate">× เกต ' + _cap + (_line != null ? ' (ต่ำกว่า ' + _commFormatPts(Number(_line)) + '%)' : '') + '</span>';
  }
  return html;
}

// v879 (Commission Setup redesign, phase 4): generic save for the 5
// non-NRR per-scheme components (Gate/TL-mult/Upsell P1/P3/Expansion/
// Handover) staged in _commComponentRulePending. Handles both tier-shaped
// metrics (draft.tiers -> commission_rule_tiers, like NRR) and Handover's
// tier_config jsonb (no tier rows at all) uniformly. MUST run after
// saveCommissionRules() in the save sequence — that's what guarantees
// _commRuleConfig.plans[planCode].id is a real, persisted uuid by the time
// this reads it (a brand-new role's plan has id:null until saved).
const _COMM_METRIC_DEFAULTS = {
  portfolio_gate: { measurement_scope:'governed_nrr', payout_type:'lock_percent' },
  tl_upsell_mult: { measurement_scope:'team_upsell_pct', payout_type:'lock_percent' },
  upsell_gmv:     { measurement_scope:'gmv_raw', payout_type:'rate_percent' },
  handover:       { measurement_scope:'governed_nrr', payout_type:'flat_amount' },
};
async function saveCommissionComponentRulesByScheme() {
  const keys = Object.keys(_commComponentRulePending || {});
  if (!keys.length) return;
  // รีวิวรอบ D: เรียกตรง ๆ (console / ทางอื่น) ต้องผ่านด่านเดียวกับปุ่ม Save — งวดตั้งแต่ ต.ค. 2569 ไม่เขียนจากที่นี่
  const _schemeG = await _commSchemeWriteGate();
  if (_schemeG) throw new Error(_schemeG);
  const skipped = [];
  for (const key of keys) {
    const parts = key.split('|');
    const planCode = parts[0], metricCode = parts[1], metricVariant = parts[2] || null;
    const plan = (_commRuleConfig.plans || {})[planCode];
    if (!plan || !plan.id) {
      // Should be unreachable in the normal save order (saveCommissionRules
      // persists every _commRulePending plan first) — but if it ever fires,
      // the user MUST know their component edit didn't land. The old code
      // console.warn'd and then wiped the draft below, silently losing the
      // staged rates while the save toast still said สำเร็จ.
      console.warn('[Commission Setup] skipped component save — plan not persisted yet', key);
      skipped.push(key);
      continue;
    }
    const draft = _commComponentRulePending[key];
    const defaults = _COMM_METRIC_DEFAULTS[metricCode] || { measurement_scope:'governed_nrr', payout_type:'flat_amount' };

    let existQuery = supa.from('commission_rules').select('id').eq('plan_id', plan.id).eq('metric_code', metricCode);
    existQuery = metricVariant ? existQuery.eq('metric_variant', metricVariant) : existQuery.is('metric_variant', null);
    const { data: existingRows, error: exErr } = await existQuery.limit(1);
    if (exErr) throw new Error(exErr.message);
    const existingId = existingRows && existingRows[0] && existingRows[0].id;

    const rulePayload = {
      plan_id: plan.id,
      metric_code: metricCode,
      metric_variant: metricVariant,
      measurement_scope: draft.measurement_scope || defaults.measurement_scope,
      payout_type: draft.payout_type || defaults.payout_type,
      active: draft.active !== false,
      params: draft.params || {},
      tier_config: draft.tier_config || null,
      updated_at: new Date().toISOString()
    };

    let ruleId;
    if (existingId) {
      const { error } = await supa.from('commission_rules').update(rulePayload).eq('id', existingId);
      if (error) throw new Error(error.message);
      ruleId = existingId;
    } else {
      const { data, error } = await supa.from('commission_rules').insert(rulePayload).select('id').single();
      if (error) throw new Error(error.message);
      ruleId = data.id;
    }

    if (Array.isArray(draft.tiers)) {
      const { error: delErr } = await supa.from('commission_rule_tiers').delete().eq('rule_id', ruleId);
      if (delErr) throw new Error(delErr.message);
      const tierRows = draft.tiers.map((t, idx) => ({
        rule_id: ruleId,
        tier_order: idx + 1,
        min_value: t.min_value === '' ? null : t.min_value,
        max_value: t.max_value === '' ? null : t.max_value,
        payout_value: Number(t.payout_value || 0),
        payout_label: t.payout_label || ''
      }));
      if (tierRows.length) {
        const { error: insErr } = await supa.from('commission_rule_tiers').insert(tierRows);
        if (insErr) throw new Error(insErr.message);
      }
      if (!_commRuleConfig.tiers) _commRuleConfig.tiers = {};
      _commRuleConfig.tiers[ruleId] = tierRows.map((t, idx) => ({ ...t, id: `local-${ruleId}-${idx}` }));
    }

    if (!_commRuleConfig.componentRules) _commRuleConfig.componentRules = {};
    const cacheKey = `${plan.id}|${metricCode}|${metricVariant || ''}`;
    _commRuleConfig.componentRules[cacheKey] = {
      id: ruleId, plan_id: plan.id, metric_code: metricCode, metric_variant: metricVariant,
      active: rulePayload.active, params: rulePayload.params, tier_config: rulePayload.tier_config
    };
    delete _commComponentRulePending[key];
  }
  // Only successfully-saved keys were deleted above — skipped drafts stay
  // staged (Save button stays lit) instead of being silently discarded.
  if (skipped.length && typeof showToast === 'function') {
    showToast(`บาง component ยังไม่ถูกบันทึก (${skipped.length}) — กด Save อีกครั้ง ถ้ายังไม่หายให้แจ้ง dev`, '!');
  }
}
window.saveCommissionComponentRulesByScheme = saveCommissionComponentRulesByScheme;

async function saveCommissionRules() {
  const drafts = Object.values(_commRulePending || {});
  if (!drafts.length) return;
  // รีวิวรอบ D: เรียกตรง ๆ (console / ทางอื่น) ต้องผ่านด่านเดียวกับปุ่ม Save — งวดตั้งแต่ ต.ค. 2569 ไม่เขียนจากที่นี่
  const _schemeG = await _commSchemeWriteGate();
  if (_schemeG) throw new Error(_schemeG);
  const actor = (currentUserProfile && currentUserProfile.email) || '';

  for (const draft of drafts) {
    const planPayload = {
      plan_code: draft.plan_code,
      plan_name: draft.plan_name || _commPlanName(draft.role),
      beneficiary_role: draft.beneficiary_role || draft.role,
      status: 'active',
      updated_by: actor,
      updated_at: new Date().toISOString()
    };

    const { data: savedPlan, error: planErr } = await supa.from('commission_plans')
      .upsert(planPayload, { onConflict: 'plan_code' })
      .select('id,plan_code,plan_name,beneficiary_role,status')
      .single();
    if (planErr) throw new Error(planErr.message);

    let ruleId = null;
    const { data: existingRules, error: exRuleErr } = await supa.from('commission_rules')
      .select('id')
      .eq('plan_id', savedPlan.id)
      .eq('metric_code', 'nrr')
      .limit(1);
    if (exRuleErr) throw new Error(exRuleErr.message);

    ruleId = existingRules && existingRules[0] && existingRules[0].id;
    if (ruleId) {
      const { error: updRuleErr } = await supa.from('commission_rules').update({
        measurement_scope: draft.measurement_scope || 'governed_nrr',
        payout_type: draft.payout_type || 'flat_amount',
        stacking_mode: 'best_match',
        active: true,
        updated_at: new Date().toISOString()
      }).eq('id', ruleId);
      if (updRuleErr) throw new Error(updRuleErr.message);
    } else {
      const { data: ruleRow, error: insRuleErr } = await supa.from('commission_rules').insert({
        plan_id: savedPlan.id,
        metric_code: 'nrr',
        measurement_scope: draft.measurement_scope || 'governed_nrr',
        payout_type: draft.payout_type || 'flat_amount',
        stacking_mode: 'best_match',
        active: true
      }).select('id').single();
      if (insRuleErr) throw new Error(insRuleErr.message);
      ruleId = ruleRow.id;
    }

    const { error: delTierErr } = await supa.from('commission_rule_tiers').delete().eq('rule_id', ruleId);
    if (delTierErr) throw new Error(delTierErr.message);

    const tierRows = (draft.tiers || []).map((t, idx) => ({
      rule_id: ruleId,
      tier_order: idx + 1,
      min_value: t.min_value === '' ? null : t.min_value,
      max_value: t.max_value === '' ? null : t.max_value,
      payout_value: Number(t.payout_value || 0),
      payout_label: t.payout_label || ''
    }));
    if (tierRows.length) {
      const { error: tierErr } = await supa.from('commission_rule_tiers').insert(tierRows);
      if (tierErr) throw new Error(tierErr.message);
    }

    if (!_commRuleConfig.plans) _commRuleConfig.plans = {};
    if (!_commRuleConfig.rules) _commRuleConfig.rules = {};
    if (!_commRuleConfig.tiers) _commRuleConfig.tiers = {};
    _commRuleConfig.plans[draft.plan_code] = savedPlan;
    _commRuleConfig.rules[savedPlan.id] = {
      id: ruleId,
      plan_id: savedPlan.id,
      metric_code: 'nrr',
      measurement_scope: draft.measurement_scope || 'governed_nrr',
      payout_type: draft.payout_type || 'flat_amount',
      stacking_mode: 'best_match',
      active: true
    };
    _commRuleConfig.tiers[ruleId] = tierRows.map((t, idx) => ({ ...t, id: `local-${ruleId}-${idx}` }));
  }

  _commRulePending = {};
  if (_tgtActiveQuarter) delete _tgtQuarterCache[_tgtActiveQuarter];
  // v210f: keep cockpit stable after save. Do not full-reload/render here; next open/quarter load will verify Supabase persistence.
}

async function saveCommissionCockpit() {
  if (!currentUserProfile || !isAdminRole(getCurrentRole())) {
    if (typeof showToast === 'function') showToast('Commission settings บันทึกได้เฉพาะ Admin', '!');
    return;
  }
  const btn = document.querySelector('#commission-cockpit-overlay .comm-save');
  if (!_commHasPendingChanges()) {
    if (typeof showToast === 'function') showToast('ยังไม่มี change ใหม่ให้บันทึก', 'ok');
    _commUpdateSaveButtonState();
    return;
  }
  // v_schemeonly: เกณฑ์ของงวดตั้งแต่ ต.ค. 2569 บันทึกจากที่นี่ไม่ได้ — ไม่เขียนอะไรเลยแม้แต่ชิ้นเดียว
  const _schemeMsg = await _commSchemeWriteGate();
  if (_schemeMsg) {
    console.warn('[Commission cockpit] ไม่บันทึก —', _schemeMsg);
    if (typeof showToast === 'function') showToast(_schemeMsg, '!');
    _commUpdateSaveButtonState();
    return;
  }
  const validation = _commValidateDrafts();
  const firstInvalid = _commFirstValidationPlan(validation);
  if (firstInvalid) {
    // Route the user to the FAILING scheme's Setup role-detail page — the
    // NRR editor there renders the same inline validation errors. The old
    // bounce to the Advanced 'rules' step read as "save silently failed and
    // dumped me somewhere else" (reported during the AD-role setup), and
    // once the Rules tab is hidden (v_cockpit3tabs) an invalid draft would
    // otherwise be unreachable entirely.
    const failPlan = ((_commRuleConfig && _commRuleConfig.plans) || {})[firstInvalid];
    const failDraft = (_commRulePending || {})[firstInvalid];
    const failRole = (failPlan && failPlan.beneficiary_role)
      || (failDraft && (failDraft.beneficiary_role || failDraft.role)) || null;
    if (failRole) {
      _commCockpitStep = 'setup';
      _commSetupDetailRole = failRole;
      _commSetupDetailScheme = firstInvalid;
    } else {
      // No role resolvable (shouldn't happen) — old behavior as fallback.
      _commSelectedRuleCode = firstInvalid;
      _commCockpitStep = 'rules';
    }
    renderCommissionCockpit();
    if (typeof showToast === 'function') showToast('กรุณาแก้ rule ที่ยังไม่ครบก่อน save', '!');
    setTimeout(()=>{
      const el = document.querySelector('#commission-cockpit-overlay .comm-input.invalid, #commission-cockpit-overlay .comm-select.invalid');
      if (el) el.focus({preventScroll:false});
    }, 80);
    return;
  }
  if (btn) { btn.disabled = true; btn.classList.add('saving'); btn.classList.remove('no-changes','has-changes'); btn.textContent = 'Saving'; }
  try {
    await saveCommissionPoliciesFromCockpit();
    await saveCommissionRules();
    await saveCommissionComponentRulesByScheme();
    await _tgtSaveNrrThreshold(); // v302: ค่าเตือน NRR แก้ได้จาก Cockpit (Policy step)
    await saveCommissionAssignments();
    _commValidationErrors = {};
    if (btn) { btn.classList.remove('saving'); btn.classList.add('saved'); btn.textContent = 'Saved'; }
    _commSoftenPostSaveUi();
    if (typeof showToast === 'function') showToast('บันทึก Commission สำเร็จ', 'ok');
    try { renderTeamviewSummary(); renderTeamviewKamList(); } catch(e) {}
    setTimeout(()=>{
      if(btn){ btn.classList.remove('saved'); }
      _commUpdateSaveButtonState();
    }, 520);
  } catch(e) {
    console.error('[Commission cockpit] save failed', e);
    if (typeof showToast === 'function') showToast('Save ไม่สำเร็จ: ' + (e.message || ''), '!');
    if (btn) { btn.classList.remove('saving'); btn.textContent = 'Save changes'; btn.disabled = false; }
    _commUpdateSaveButtonState();
  }
}
async function saveCommissionAssignments() {
  const entries = Object.entries(_commAssignmentPending || {});
  if (!entries.length) return;
  // รีวิวรอบ D: เรียกตรง ๆ (console / ทางอื่น) ต้องผ่านด่านเดียวกับปุ่ม Save — งวดตั้งแต่ ต.ค. 2569 ไม่เขียนจากที่นี่
  const _schemeG = await _commSchemeWriteGate();
  if (_schemeG) throw new Error(_schemeG);
  const actor = (currentUserProfile && currentUserProfile.email) || '';
  // Persist any locally cloned plan first so assignment has a real plan_id.
  for (const [, planCode] of entries) {
    const plan = ((_commRuleConfig && _commRuleConfig.plans) || {})[planCode];
    if (plan && !plan.id) {
      const draft = _commRulePending[planCode] || {
        role: plan.beneficiary_role,
        plan_code: plan.plan_code,
        plan_name: plan.plan_name,
        beneficiary_role: plan.beneficiary_role,
        payout_type:'flat_amount',
        measurement_scope:'governed_nrr',
        tiers:_commDefaultTiers(plan.beneficiary_role)
      };
      const { data: savedPlan, error: planErr } = await supa.from('commission_plans')
        .upsert({
          plan_code: draft.plan_code,
          plan_name: draft.plan_name,
          beneficiary_role: draft.beneficiary_role || draft.role,
          status:'active',
          updated_by: actor,
          updated_at: new Date().toISOString()
        }, { onConflict:'plan_code' })
        .select('id,plan_code,plan_name,beneficiary_role,status')
        .single();
      if (planErr) throw new Error(planErr.message);
      _commRuleConfig.plans[planCode] = savedPlan;
      plan.id = savedPlan.id;
    }
  }
  const rows = entries.map(([key, planCode]) => {
    const [period, scope, assignee] = key.split('|');
    const plan = ((_commRuleConfig && _commRuleConfig.plans) || {})[planCode] || {};
    return {
      period_month: period,
      plan_id: plan.id,
      plan_code: planCode,
      assignment_scope: scope,
      assignee_key: assignee,
      team_lead_email: scope === 'tl' ? assignee : null,
      created_by: actor,
      updated_by: actor,
      updated_at: new Date().toISOString()
    };
  }).filter(r => r.plan_id);
  try {
    let { error } = await supa.from('commission_plan_assignments').upsert(rows, { onConflict:'period_month,assignment_scope,assignee_key' });
    if (error && /plan_code/.test(error.message || '')) {
      const writeRows = rows.map(({ plan_code, ...r }) => r);
      const fb = await supa.from('commission_plan_assignments').upsert(writeRows, { onConflict:'period_month,assignment_scope,assignee_key' });
      error = fb.error;
    }
    if (error) throw new Error(error.message);
    _commRuleConfig.assignments = [
      ...(((_commRuleConfig && _commRuleConfig.assignments) || []).filter(a => !entries.some(([key]) => {
        const [p,s,k] = key.split('|'); return a.period_month===p && a.assignment_scope===s && a.assignee_key===k;
      }))),
      ...rows
    ];
    _commAssignmentPending = {};
    // v210f: parent saveCommissionCockpit owns success feedback. Avoid inner render/toast that caused visible flash.
  } catch(e) {
    console.error('[Commission assignments] save failed', e);
    if (typeof showToast === 'function') showToast('บันทึก assignment ไม่สำเร็จ: ' + (e.message || ''), '!');
  }
}


// v288: renderCommissionLockTab — shows stored draft/final rows from Supabase
// Compute button = _commBuildSnapshotRows() → save draft
// Lock button    = draft → final (no recompute)
function renderCommissionLockTab() {
  const body = document.getElementById('tgt-sheet-body');
  if (!body) return;
  // v_clock: ถ้ากำลังรอยืนยันการคำนวณใหม่ ให้โชว์ตารางเทียบก่อน/หลังแทนหน้าปกติ
  // — เรนเดอร์ในหน้าเดียวกันไม่ใช้ modal ซ้อน sheet (z-index จะตีกัน)
  if (window._commRecomputePreview) { _commRenderRecomputeDiff(body); return; }
  // v_clock: เล็งเดือนเดียวกับที่ปุ่ม Lock เล็ง — เดิมหน้านี้โชว์เดือนปฏิทินวันนี้
  // ขณะที่ปุ่มเขียนว่า "Lock ก.ค." → วันที่ 1-3 จะเห็นตารางเดือนหนึ่งแต่กดล็อกอีกเดือน
  // ถ้าเดือนเป้าหมายยังไม่มี snapshot เลย ให้ถอยไปเดือนล่าสุดที่มีแถวจริง —
  // ไม่งั้นพอ lock ก.ค. เสร็จ หน้านี้จะเด้งไป ส.ค. ที่ยังว่าง แล้วป้ายเตือน
  // "มี waiver มาหลัง lock" ของ ก.ค. จะไม่มีที่โผล่
  let period = _commTargetLockPeriod();
  // v_retro: เดือนเป้าหมายอยู่นอกไตรมาสที่โหลดไว้ (เช่น ก.ย. ตอนเข้า Q4) ⇒ เรียกมาเองก่อน อย่าเพิ่งตีว่าไม่มี
  const _lockSnapState = (typeof _commSnapshotPeriodState === 'function') ? _commSnapshotPeriodState(period) : 'done';
  if (_lockSnapState === 'done' && !(_commissionSnapshots || []).some(r => r.period_month === period)) {
    const newest = (_commissionSnapshots || [])
      .map(r => r.period_month).filter(Boolean).sort().pop();
    if (newest) period = newest;
  }
  // Prefer stored rows — live compute only if nothing stored yet
  const storedRows = (_commissionSnapshots || []).filter(r => r.period_month === period);
  const finalRows  = storedRows.filter(r => r.snapshot_status === 'final');
  const draftRows  = storedRows.filter(r => r.snapshot_status === 'draft');
  const displayRows = finalRows.length ? finalRows : draftRows.length ? draftRows : [];
  const pending = (_nrrExclusions || []).filter(r => r.period_month === period && (r.status === 'submitted' || r.status === 'pending')).length;
  const isLocked = finalRows.length > 0;
  const isDraft  = !isLocked && draftRows.length > 0;
  const total    = displayRows.reduce((s,r)=>s+Number(r.payout_amount||0),0);
  // v_clock: waiver ที่อนุมัติหลัง locked_at → ตัวเลขที่ล็อกไว้ยังไม่นับรวม
  const lateWaivers = (typeof _commWaiversDecidedAfterLock === 'function')
    ? _commWaiversDecidedAfterLock(period) : [];
  // Status label
  const statusLabel = _lockSnapState !== 'done'
    ? (_lockSnapState === 'error' ? 'โหลดค่าคอมฯ ที่บันทึกไว้ไม่สำเร็จ — ปิดแล้วเปิดหน้านี้ใหม่' : 'กำลังโหลดค่าคอมฯ ที่บันทึกไว้…')
    : isLocked
    ? `🔒 Locked · ${finalRows.length} rows · ${_commFmtPayout(total)}`
    : isDraft
      ? `Draft · ${draftRows.length} rows · ${_commFmtPayout(total)} · ยังไม่ได้ lock`
      : 'ยังไม่มี snapshot — กด Compute ก่อน';
  const statusCls = isLocked ? 'final' : isDraft ? 'draft' : '';
  body.innerHTML = `
    <div class="tgt-lock-hero">
      <div class="tgt-lock-title">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="rgba(var(--ink-blue),.95)" stroke-width="2.3" stroke-linecap="round"><rect x="4" y="11" width="16" height="9" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg>
        Period Lock & Snapshot
      </div>
      <div class="tgt-lock-sub">${period} · Compute เพื่อ freeze ตัวเลข → ตรวจ → Lock เพื่อ confirm จ่ายเงิน</div>
      <span class="tgt-lock-status ${statusCls}">${statusLabel}</span>
      ${pending ? `<div class="tgt-lock-warning">ยังมี exclusion pending ${pending} รายการ — approve ก่อน lock จะได้ตัวเลขถูกต้อง</div>` : ''}
      ${isLocked ? (lateWaivers.length
        ? `<div class="tgt-lock-warning recompute">
             มี waiver ${lateWaivers.length} รายการที่อนุมัติ<u>หลัง</u>ล็อกเดือนนี้ไปแล้ว — ตัวเลขที่ล็อกไว้ยังไม่ได้นับ
             <div class="tgt-lock-warning-sub">กด “คำนวณ %NRR ใหม่” ด้านล่างเพื่อดูว่าใครกระทบก่อนตัดสินใจ · <b>อย่ากด Compute</b> เพราะจะไปอ่าน P1/P3 จากไฟล์ upsell ล่าสุดบน R2 ซึ่งเป็นของเดือนปัจจุบัน ไม่ใช่ของเดือนที่ล็อกไว้</div>
           </div>`
        : `<div class="tgt-lock-warning">เดือนนี้ล็อกแล้ว — ถ้ามี waiver เพิ่มทีหลัง ให้ใช้ “คำนวณ %NRR ใหม่” อย่ากด Compute
             <div class="tgt-lock-warning-sub">Compute จะอ่าน P1/P3 จากไฟล์ upsell ล่าสุดบน R2 ซึ่งเป็นของเดือนปัจจุบัน ไม่ใช่ของเดือนที่ล็อกไว้</div>
           </div>`) : ''}
      <div class="tgt-lock-actions">
        <button class="tgt-lock-btn secondary" onclick="exportCommissionSnapshotCsv('${period}')" ${!displayRows.length?'disabled':''}>Export CSV</button>
        <button class="tgt-lock-btn outline" onclick="_commComputeFromLockPanel('${period}')" ${_lockSnapState!=='done'?'disabled':''}>Compute</button>
        <button class="tgt-lock-btn ${isLocked ? 'secondary' : 'primary'}" onclick="lockCommissionSnapshot('${period}')" ${(!isDraft&&!isLocked)||_lockSnapState!=='done'?'disabled':''}>${isLocked ? 'Re-lock ' : 'Lock '}${_commPeriodLabelTh(period)}</button>
      </div>
      ${isLocked ? `<div class="tgt-lock-actions">
        <button class="tgt-lock-btn ${lateWaivers.length ? 'primary' : 'outline'}" style="flex:1 1 100%"
                onclick="openRecomputeNrrOnly('${period}')">คำนวณ %NRR ใหม่ (ไม่แตะ upsell/handover)</button>
      </div>` : ''}
    </div>
    ${displayRows.length ? `<div class="tgt-snap-table-wrap">
      <table class="tgt-snap-table">
        <thead><tr><th>Role</th><th>Beneficiary</th><th>TL</th><th>NRR%</th><th>Payout</th><th>Status</th></tr></thead>
        <tbody>
          ${displayRows.map(r => { const _sk = r.breakdown && r.breakdown.type === 'skipped'; return `<tr class="${_sk ? 'tgt-snap-skipped' : ''}">
            <td><span class="tgt-snap-role ${r.beneficiary_role}">${r.beneficiary_role.toUpperCase()}</span></td>
            <td><div class="tgt-snap-name">${r.breakdown?.kam_name || r.breakdown?.team_lead_name || r.beneficiary_email}</div><div class="tgt-preview-meta">${_sk ? _commEscapeHtml(r.breakdown.skip_reason || '') : r.beneficiary_email}</div></td>
            <td>${r.team_lead_email || '—'}</td>
            <td class="tgt-snap-mono">${_sk ? '—' : _commFmtPct(r.governed_nrr_pct)}</td>
            <td class="tgt-snap-mono">${_sk ? '—' : _commFmtPayout(r.payout_amount)}</td>
            <td><span class="tgt-snap-status ${_sk ? 'skipped' : (r.snapshot_status||'')}">${_sk ? 'ไม่เข้าเกณฑ์' : (r.snapshot_status==='final'?'🔒':'Draft')}</span></td>
          </tr>`; }).join('')}
        </tbody>
      </table>
    </div>` : `<div class="tgt-lock-empty">กด Compute เพื่อสร้าง snapshot</div>`}
    <div class="tgt-rule-note">Compute = บันทึก draft · Lock = confirm final · Export ดึงจาก stored rows ไม่ recompute</div>
    </div>
  `;
}


// ══════════════════════════════════════════════════════════════════════════
// v_clock: คำนวณ %NRR ใหม่หลัง lock — พรีวิว → ตารางเทียบก่อน/หลัง → ยืนยัน
// ══════════════════════════════════════════════════════════════════════════
// ทำไมต้องมีขั้นพรีวิว: นี่คือเงินของคน การกด confirm() เปล่าๆ แล้วเขียนทับเลย
// แปลว่า admin ไม่มีทางรู้ว่าใครโดนกระทบจนกว่าจะเขียนไปแล้ว

// Compute จากหน้า Lock — ถามยืนยันก่อนถ้าเล็งเดือนย้อนหลัง
//
// ทำไมต้องมี: เดิมปุ่มนี้ไม่ส่ง period จึงเล็ง "เดือนปฏิทินวันนี้" เสมอ พอเปลี่ยนให้
// ส่ง period ของหน้า (ซึ่งถอยไปเดือนล่าสุดที่มีแถวได้) ปุ่มก็เล็งเดือนย้อนหลังได้
// ตัวกันทับของ computeCommissionDraft กันแค่แถวที่ final แล้ว — แถว draft ไม่กัน
// → ถ้าไฟล์ upsell บน R2 หมุนไปเดือนใหม่แล้ว การ Compute ทับ draft เดือนเก่า
// จะเอา P1/P3 ของเดือนใหม่มาใส่ใต้ชื่อเดือนเก่าเงียบๆ ซึ่งเป็นความเสี่ยงที่
// การเปลี่ยนปุ่มนี้สร้างขึ้นมาเอง จึงต้องมีด่านถามก่อน
async function _commComputeFromLockPanel(period) {
  try {
    const natural = (typeof _commTargetLockPeriod === 'function') ? _commTargetLockPeriod() : period;
    if (period && natural && String(period) !== String(natural)) {
      const label = (typeof _commPeriodLabelTh === 'function') ? _commPeriodLabelTh(period) : period;
      const ok = confirm('Compute จะคำนวณ ' + label + ' ใหม่ทั้งก้อนจากไฟล์ล่าสุดบน R2\n\n'
        + 'ถ้าทีม data อัปโหลดไฟล์ upsell ของเดือนใหม่ไปแล้ว ยอด P1/P3 ที่ได้จะเป็น'
        + 'ของเดือนใหม่ ไม่ใช่ของ ' + label + '\n\n'
        + 'ถ้าต้องการอัปเดตเพราะมี waiver เพิ่ม ให้กดยกเลิกแล้วใช้ “คำนวณ %NRR ใหม่” แทน\n\n'
        + 'ยืนยัน Compute ' + label + ' ต่อ?');
      if (!ok) return false;
    }
  } catch (e) { /* ถามไม่ได้ก็ไม่บล็อก — ปล่อยไปตามเดิม */ }
  return computeCommissionDraft(period);
}
window._commComputeFromLockPanel = _commComputeFromLockPanel;

async function openRecomputeNrrOnly(period) {
  const body = document.getElementById('tgt-sheet-body');
  if (body) body.innerHTML = '<div class="tgt-lock-empty">กำลังคำนวณ %NRR ใหม่...</div>';
  let res;
  try {
    res = await recomputeNrrOnlyPreview(period);
  } catch (e) {
    console.error('[Recompute] พรีวิวล้มเหลว', e);
    res = { ok: false, reason: 'error', changes: [], skipped: [] };
  }
  if (!res.ok) {
    const msg = res.reason === 'db_unreachable'
      ? 'ต่อฐานข้อมูลไม่ได้ — ยังไม่ได้แก้อะไร ลองใหม่อีกครั้ง'
      : res.reason === 'no_final_rows'
        ? 'เดือนนี้ยังไม่มีแถวที่ล็อกไว้ — ไม่มีอะไรให้คำนวณใหม่'
        : 'คำนวณใหม่ไม่สำเร็จ — ยังไม่ได้แก้อะไร';
    if (typeof showToast === 'function') showToast(msg, '!');
    renderCommissionLockTab();
    return;
  }
  window._commRecomputePreview = res;
  renderCommissionLockTab();
}
window.openRecomputeNrrOnly = openRecomputeNrrOnly;

function closeRecomputeNrrOnly() {
  window._commRecomputePreview = null;
  renderCommissionLockTab();
}
window.closeRecomputeNrrOnly = closeRecomputeNrrOnly;

async function confirmRecomputeNrrOnly() {
  const pv = window._commRecomputePreview;
  if (!pv || !pv.changes || !pv.changes.length) { closeRecomputeNrrOnly(); return; }
  const btn = document.getElementById('comm-recompute-confirm');
  if (btn) { btn.disabled = true; btn.textContent = 'กำลังบันทึก...'; }
  const ok = await recomputeNrrOnlyApply(pv.period, pv.changes, 'waiver อนุมัติหลัง lock');
  window._commRecomputePreview = null;
  if (ok && typeof _commRemoveLockPill === 'function') _commRemoveLockPill();
  renderCommissionLockTab();
}
window.confirmRecomputeNrrOnly = confirmRecomputeNrrOnly;

function _commRenderRecomputeDiff(body) {
  const pv = window._commRecomputePreview || {};
  const changes = pv.changes || [];
  const skipped = pv.skipped || [];
  const label = (typeof _commPeriodLabelTh === 'function') ? _commPeriodLabelTh(pv.period) : pv.period;
  // เครื่องหมายต้องอยู่หน้า ฿ ไม่ใช่หลัง — _commFmtPayout(-10700) ให้ "฿-10,700" ซึ่งอ่านยาก
  const sign = n => (n > 0 ? '+' : n < 0 ? '−' : '') + _commFmtPayout(Math.abs(n));

  // แถวแบบซ้อน ไม่ใช่ตาราง 4 คอลัมน์ — จอกว้าง 440px ตารางจะดันคอลัมน์
  // "ส่วนต่าง" ซึ่งเป็นตัวเลขสำคัญที่สุด ตกขอบจอไปซ่อนอยู่หลัง scroll
  const rowsHtml = changes.map(c => `<div class="comm-diff-row">
      <div class="comm-diff-who">
        <div class="comm-role-dot ${c.role}">${String(c.role || '').toUpperCase()}</div>
        <div style="flex:1;min-width:0">
          <div class="comm-person-name">${_commEscapeHtml(c.name)}</div>
          <div class="comm-person-sub">${_commEscapeHtml(c.email)}</div>
        </div>
        <div class="comm-diff-delta ${c.diff > 0 ? 'up' : c.diff < 0 ? 'down' : ''}">${c.diff === 0 ? '—' : sign(c.diff)}</div>
      </div>
      <div class="comm-diff-detail">
        <span>%NRR <b>${_commFmtPct(c.oldPct)}</b><span class="comm-diff-arrow">→</span><b>${_commFmtPct(c.newPct)}</b></span>
        <span>ยอด <b>${_commFmtPayout(c.oldPayout)}</b><span class="comm-diff-arrow">→</span><b>${_commFmtPayout(c.newPayout)}</b></span>
      </div>
    </div>`).join('');

  body.innerHTML = `
    <div class="tgt-lock-hero">
      <div class="tgt-lock-title">ตรวจก่อนยืนยัน · ${label}</div>
      <div class="tgt-lock-sub">
        คำนวณ <b>เฉพาะ %NRR</b> ใหม่จาก waiver ล่าสุด · ยอด upsell (P1/P3) · outlet · handover
        ใช้ค่าที่แช่แข็งไว้ตอน lock ไม่ได้อ่านจากไฟล์ใหม่
      </div>
      ${changes.length
        ? `<span class="tgt-lock-status draft">${changes.length} คนกระทบ · รวม ${sign(pv.totalDiff || 0)}</span>`
        : `<span class="tgt-lock-status">ไม่มีใครกระทบ — ตัวเลขที่ล็อกไว้ถูกต้องอยู่แล้ว</span>`}
      ${skipped.length ? `<div class="tgt-lock-warning">
        ข้าม ${skipped.length} รายการ — <b>แถวเดิมไม่ถูกแตะ ยอดที่ล็อกไว้ยังอยู่ครบ</b>
        <div class="tgt-lock-warning-sub">${
          // จัดกลุ่มตามเหตุผลจริง ไม่ใช่ประโยคตายตัว — เหตุผลต่างกันแปลว่าต้องแก้คนละแบบ
          Object.entries(skipped.reduce((m, s) => {
            (m[s.reason] = m[s.reason] || []).push(s.email); return m;
          }, {})).map(([reason, emails]) =>
            `<div>${_commEscapeHtml(reason)} — ${emails.slice(0, 4).map(e => _commEscapeHtml(e)).join(' · ')}${emails.length > 4 ? ' และอีก ' + (emails.length - 4) : ''}</div>`
          ).join('')
        }</div>
      </div>` : ''}
      <div class="tgt-lock-actions">
        <button class="tgt-lock-btn secondary" onclick="closeRecomputeNrrOnly()">ยกเลิก</button>
        <button class="tgt-lock-btn primary" id="comm-recompute-confirm"
                onclick="confirmRecomputeNrrOnly()" ${changes.length ? '' : 'disabled'}>ยืนยันเขียนทับ ${changes.length} รายการ</button>
      </div>
    </div>
    ${changes.length ? `<div class="comm-diff-list">${rowsHtml}</div>` : ''}
    <div class="tgt-rule-note">ประวัติการคำนวณใหม่จะถูกเก็บไว้ใน breakdown.revisions ของแต่ละแถว · สถานะยังเป็น Locked ไม่ถูกปลดกลับเป็น draft</div>
  `;
}


function renderCommissionPreviewTab() {
  const body = document.getElementById('tgt-sheet-body');
  if (!body) return;
  const model = _commBuildPreviewModel();
  if (!model.kamRows.length && model.teamPct === null) {
    body.innerHTML = `<div class="tgt-preview-empty">ยังไม่มีข้อมูลพอสำหรับ preview<br><span style="font-size:var(--text-xs);color:rgba(255,255,255,.52)">โหลด portview.csv / history ก่อน แล้วกลับมาที่หน้านี้</span></div>`;
    return;
  }
  const teamTier = _commMatchTier('tl', model.teamPct);
  body.innerHTML = `
    <div class="tgt-preview-hero">
      <div class="tgt-preview-head">
        <div>
          <div class="tgt-preview-title">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="rgba(100,170,255,.9)" stroke-width="2.2" stroke-linecap="round"><path d="M3 3v18h18"/><path d="M7 14l3-3 4 4 5-8"/></svg>
            Commission Preview
          </div>
          <div class="tgt-preview-sub">Estimate จาก NRR ปัจจุบัน + payout tier ที่ admin ตั้งไว้ ยังไม่ใช่ยอดจ่าย final</div>
        </div>
        <div class="tgt-preview-total">
          <div class="tgt-preview-total-label">Exposure</div>
          <div class="tgt-preview-total-val">${_commFmtPayout(model.totalExposure)}</div>
        </div>
      </div>
      <div class="tgt-preview-grid">
        <div class="tgt-preview-kpi">
          <div class="tgt-preview-kpi-label">Team NRR</div>
          <div class="tgt-preview-kpi-val">${_commFmtPct(model.teamPct)}</div>
        </div>
        <div class="tgt-preview-kpi">
          <div class="tgt-preview-kpi-label">TL payout</div>
          <div class="tgt-preview-kpi-val">${_commFmtPayout(model.tlPayout)}</div>
        </div>
        <div class="tgt-preview-kpi">
          <div class="tgt-preview-kpi-label">KAM payout</div>
          <div class="tgt-preview-kpi-val">${_commFmtPayout(model.kamTotal)}</div>
        </div>
      </div>
      <div class="tgt-rule-note">TL tier: ${teamTier ? (teamTier.payout_label || 'matched tier') : 'no matched tier'} · Governed NRR currently equals Raw NRR until exclusion workflow is active</div>
    </div>
    <div class="tgt-preview-section-title">
      <span>KAM payout estimate</span>
      <span style="font-family:monospace;color:rgba(255,255,255,.52)">${model.kamRows.length} KAM</span>
    </div>
    ${model.kamRows.map(r => {
      // 24 ต.ค. 2569: สีตามช่วงเกณฑ์ค่าคอมฯ ของ KAM คนนี้ (05b nrrZoneFor) — เดิมเทียบ nrr_threshold 98 ตายตัว
      const cls = (r.pct === null || typeof nrrZoneFor !== 'function') ? '' : nrrZoneCls(nrrZoneFor(r.pct, { email: r.kamEmail, scope: 'kam' }));
      return `<div class="tgt-preview-row">
        <div class="tgt-preview-row-top">
          <div>
            <div class="tgt-preview-name">${r.kamName || r.kamEmail || 'ไม่ระบุ'}</div>
            <div class="tgt-preview-meta">${r.accounts || 0} accounts · ${r.kamEmail || ''}</div>
          </div>
          <div class="tgt-preview-payout">${_commFmtPayout(r.payout)}</div>
        </div>
        <div class="tgt-preview-row-bottom">
          <span class="tgt-preview-chip ${cls}">NRR ${_commFmtPct(r.pct)}</span>
          <span class="tgt-preview-chip">Tier ${r.tierLabel || '—'}</span>
          <span class="tgt-preview-chip">Pace ${r.pace !== null ? r.pace + '%' : '—'}</span>
        </div>
      </div>`;
    }).join('')}`;
}


function renderPayoutRulesTab() {
  const body = document.getElementById('tgt-sheet-body');
  if (!body) return;
  const roles = ['tl','kam'];
  body.innerHTML = `
    <div class="tgt-rule-note" style="margin:0 2px 12px">
      Admin ตั้ง NRR payout tier ได้จากตรงนี้ รอบนี้รองรับ standard plan สำหรับ TL และ KAM ก่อน ส่วน assignment per TL / KAM-under-TL จะต่อยอด phase ถัดไป
    </div>
    ${roles.map(role => _renderPayoutRuleBlock(role)).join('')}`;
}
function _renderPayoutRuleBlock(role) {
  const d = _commGetDraft(role);
  const title = role === 'tl' ? 'TL NRR Commission' : 'KAM NRR Commission';
  const sub = role === 'tl'
    ? 'ใช้กับ Team Lead payout จาก Team Governed NRR'
    : 'ใช้กับ KAM payout จาก Individual Governed NRR';
  return `<div class="tgt-rule-block" data-role="${role}">
    <div class="tgt-rule-head">
      <div>
        <div class="tgt-rule-title">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="var(--tk-ok-bright)" stroke-width="2.2" stroke-linecap="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7H14.5a3.5 3.5 0 0 1 0 7H6"/></svg>
          ${title}
        </div>
        <div class="tgt-rule-sub">${sub}</div>
      </div>
      <span class="tgt-rule-pill">${d.measurement_scope === 'governed_nrr' ? 'Governed NRR' : 'Raw NRR'}</span>
    </div>
    <div class="tgt-rule-grid">
      <div class="tgt-rule-field">
        <label>Plan name</label>
        <input class="tgt-rule-input" value="${d.plan_name || ''}" oninput="onPayoutRuleHeader('${role}','plan_name',this.value)">
      </div>
      <div class="tgt-rule-field">
        <label>Payout type</label>
        <select class="tgt-rule-select" onchange="onPayoutRuleHeader('${role}','payout_type',this.value)">
          <option value="flat_amount" ${d.payout_type === 'flat_amount' ? 'selected' : ''}>Flat amount</option>
          <option value="bonus_amount" ${d.payout_type === 'bonus_amount' ? 'selected' : ''}>Bonus amount</option>
        </select>
      </div>
    </div>
    <table class="tgt-rule-table">
      <thead><tr><th style="width:22%">Min %</th><th style="width:22%">Max %</th><th style="width:24%">Payout</th><th>Label</th><th style="width:30px"></th></tr></thead>
      <tbody>
        ${(d.tiers || []).map((t, i) => `<tr>
          <td><input class="tgt-rule-tier-input" value="${t.min_value ?? ''}" placeholder="-" oninput="onPayoutTierInput('${role}',${i},'min_value',this.value)"></td>
          <td><input class="tgt-rule-tier-input" value="${t.max_value ?? ''}" placeholder="∞" oninput="onPayoutTierInput('${role}',${i},'max_value',this.value)"></td>
          <td><input class="tgt-rule-tier-input" value="${t.payout_value ?? 0}" oninput="onPayoutTierInput('${role}',${i},'payout_value',this.value)"></td>
          <td><input class="tgt-rule-tier-label" value="${t.payout_label || ''}" oninput="onPayoutTierInput('${role}',${i},'payout_label',this.value)"></td>
          <td><button class="tgt-rule-del" onclick="removePayoutTier('${role}',${i})">×</button></td>
        </tr>`).join('')}
      </tbody>
    </table>
    <button class="tgt-rule-add" onclick="addPayoutTier('${role}')">+ เพิ่ม tier</button>
    <div class="tgt-rule-note">ช่วง tier ใช้หลัก min inclusive / max exclusive เช่น 98.5 ถึง 99.0 หมายถึง ≥98.5 และ &lt;99.0</div>
  </div>`;
}
function onPayoutRuleHeader(role, field, value) {
  const d = _commGetDraft(role);
  d[field] = value;
  _commSetDraft(role, d);
}
function onPayoutTierInput(role, idx, field, value) {
  const d = _commGetDraft(role);
  if (!d.tiers[idx]) return;
  if (field === 'payout_label') d.tiers[idx][field] = value;
  else d.tiers[idx][field] = value === '' ? null : Number(value);
  _commSetDraft(role, d);
}
function addPayoutTier(role) {
  const d = _commGetDraft(role);
  d.tiers.push({ min_value:null, max_value:null, payout_value:0, payout_label:'New tier' });
  _commSetDraft(role, d);
  renderPayoutRulesTab();
}
function removePayoutTier(role, idx) {
  const d = _commGetDraft(role);
  d.tiers.splice(idx, 1);
  _commSetDraft(role, d);
  renderPayoutRulesTab();
}


function onTgtInput(level, email, period, rawVal) {
  const key = `${period}|${level}|${email}`;
  const v = _tgtParseInput(rawVal);
  _tgtPendingEdits[key] = v;
  const inpId = `tgt-inp-${level}-${_tgtSafeId(email)}-${period}`;
  const inp = document.getElementById(inpId);
  if (inp) inp.classList.toggle('changed', v > 0);
  if (_tgtMode === 'tl') _tgtRefreshAllocBar();
}

function onTgtNrrInput(val) {
  const v = parseFloat(val);
  if (v >= 50 && v <= 110) {
    _tgtPendingEdits['__nrr_threshold'] = v;
    // v302: input นี้อยู่ใน Commission Cockpit ด้วย — ให้ปุ่ม Save ของ Cockpit รู้ว่ามีของค้าง
    try { if (typeof _commUpdateSaveButtonState === 'function') _commUpdateSaveButtonState(); } catch (e) {}
  }
}

// v302: บันทึกค่าเตือน NRR (target_settings.nrr_threshold) — เดิมฝังอยู่ใน saveTargets เท่านั้น
// ตอนนี้ช่องแก้ค่านี้อยู่ใน Commission Cockpit (ปุ่ม Target ถูกซ่อนจาก KAM/TL แล้ว) จึงต้องเรียกได้จากทั้งสองทาง
async function _tgtSaveNrrThreshold(setBy) {
  if (_tgtPendingEdits['__nrr_threshold'] === undefined) return false;
  const v = _tgtPendingEdits['__nrr_threshold'];
  const by = setBy || ((typeof currentUserProfile !== 'undefined' && currentUserProfile && currentUserProfile.email) || '');
  const { error: settingsErr } = await supa.from('target_settings').upsert({
    key: 'nrr_threshold',
    value: String(v),
    updated_by: by,
    updated_at: new Date().toISOString()
  }, { onConflict: 'key' });
  if (settingsErr) throw new Error(settingsErr.message);
  _tgtSettings.nrr_threshold = v;
  delete _tgtPendingEdits['__nrr_threshold'];
  return true;
}

function onNrrPolicyChange(periodMonth, field, value) {
  const key = _nrrGovKey(periodMonth, 'all', 'all');
  const current = _nrrGovGetPending(periodMonth, 'all', 'all');
  const next = { ...current, [field]: value };
  if (field === 'base_mode' && value === 'rolling_mom') next.base_month = _nrrGovPrevMonth(periodMonth);
  _nrrGovPending[key] = next;
  _commMarkChanged();
  const commOpen = document.getElementById('commission-cockpit-overlay')?.classList.contains('open');
  if (field === 'base_mode') {
    if (commOpen) renderCommissionCockpit(); else renderNrrPolicyTab();
  } else if (commOpen) {
    _commUpdateSaveButtonState();
  }
}

// ── Quarterly mode helpers ─────────────────────────────────────────────
// Get current commission_mode from all visible periods' policies
function _nrrGovGetQuarterlyMode() {
  // Read from published/pending policies — any period with commission_mode='quarterly' wins
  // v_qdefault (2026-10-02): ดูเฉพาะเดือนของไตรมาสที่เปิดอยู่ เดิมอ่านทุกแถวที่เคยโหลด ⇒ แถว Q3 ทำให้
  // วิทยุขึ้น "Quarterly" ทั้งที่ Q4 ยังไม่มีแถว · เดือนที่ไม่มีแถวใช้ค่าตั้งต้น (รายไตรมาสตั้งแต่ ก.ค. 2026)
  const _qMonths = _tgtQuarterMonths(_tgtActiveQuarter || _tgtCurrentQuarter());
  const combined = _qMonths.map(function(m) { return _nrrGovGetPending(m, 'all', 'all'); });
  const q = combined.find(function(p) { return p && p.commission_mode === 'quarterly'; });
  if (q) return 'quarterly';
  const m = combined.find(function(p) { return p && p.commission_mode === 'monthly'; });
  return m ? 'monthly' : 'monthly'; // default monthly
}

// Called from Quarterly Mode UI radio button change
function onNrrPolicyChangeMode(mode) {
  // Apply commission_mode to all visible period policies
  const now = new Date();
  const q   = _tgtActiveQuarter || _tgtCurrentQuarter();
  const months = _tgtQuarterMonths(q);
  months.forEach(function(m) {
    const key     = _nrrGovKey(m, 'all', 'all');
    const current = _nrrGovGetPending(m, 'all', 'all');
    // v_qdefault (2026-10-02): เดิมตอก quarter_id '2026-Q3' ทุกไตรมาส และไม่แตะฐาน ⇒ เลือก Quarterly
    // ใน Q4 จะได้ฐานเป็นเดือนก่อนหน้าของแต่ละเดือน (พ.ย. เทียบ ต.ค.) แทน ก.ย.
    const _qi = _nrrGovQuarterOf(m);
    _nrrGovPending[key] = mode === 'quarterly'
      ? { ...current, commission_mode: 'quarterly', quarter_id: _qi.quarter_id,
          base_mode: 'fixed_month', base_month: _qi.base_month }
      : { ...current, commission_mode: 'monthly', quarter_id: null,
          base_mode: 'rolling_mom', base_month: _nrrGovPrevMonth(m) };
  });
  _commMarkChanged();
  const commOpen = document.getElementById('commission-cockpit-overlay')?.classList.contains('open');
  if (commOpen) renderCommissionCockpit(); else renderNrrPolicyTab();
}
window.onNrrPolicyChangeMode = onNrrPolicyChangeMode;

function _tgtRefreshAllocBar() {
  const tlEmail = (currentUserProfile && currentUserProfile.email) || '';
  const months = _tgtQuarterMonths(_tgtActiveQuarter);
  const kams = _tgtGetKamsForTL(tlEmail);
  months.forEach(m => {
    const col = document.getElementById('tgt-alloc-mo-' + m);
    if (!col) return;
    const vp = _tgtGet(m, 'team', tlEmail);
    if (!vp) return;
    let alloc = 0;
    kams.forEach(k => {
      const key = m + '|kam|' + k.email;
      alloc += _tgtPendingEdits[key] !== undefined ? _tgtPendingEdits[key] : _tgtGet(m, 'kam', k.email);
    });
    const diff = alloc - vp;
    const pct = Math.min(110, Math.round(alloc / vp * 100));
    const barPct = Math.min(100, pct);
    const fill = col.querySelector('.tgt-alloc-fill');
    if (fill) {
      fill.className = 'tgt-alloc-fill kav-ss-bar-fill ' + (pct >= 100 ? 'great' : 'warn');
      fill.style.width = barPct + '%';
    }
    const allocEl = col.querySelector('.tgt-alloc-mo-alloc');
    if (allocEl) allocEl.textContent = alloc > 0 ? _tgtFmtM(alloc) : '';
    const diffEl = col.querySelector('.tgt-alloc-mo-diff');
    if (diffEl) {
      if (alloc === 0)     { diffEl.textContent = 'ยังไม่แบ่ง';         diffEl.className = 'tgt-alloc-mo-diff warn'; }
      else if (diff < 0)   { diffEl.textContent = 'ขาด ' + _tgtFmtM(-diff); diffEl.className = 'tgt-alloc-mo-diff warn'; }
      else if (diff === 0) { diffEl.textContent = 'ครบแล้ว';             diffEl.className = 'tgt-alloc-mo-diff ok'; }
      else                 { diffEl.textContent = '+' + _tgtFmtM(diff);  diffEl.className = 'tgt-alloc-mo-diff over'; }
    }
  });
}

// ── Save ────────────────────────────────────────────────────────
async function saveTargets() {
  const btn = document.getElementById('tgt-save-btn');
  const status = document.getElementById('tgt-status');
  if (btn) btn.disabled = true;
  if (status) { status.className = 'tgt-status'; status.style.display = 'none'; }

  const upsertRows = [];
  const setBy = (currentUserProfile && currentUserProfile.email) || '';
  // v_schemeonly: แผ่นเป้าเขียนวิธีวัด %NRR และชุดเกณฑ์ด้วย (และเปิดชุดที่ปิดไว้กลับ) — งวดตั้งแต่ ต.ค. 2569 ไม่ให้
  const _schemeMsgT = await _commSchemeWriteGate(t => t.indexOf('การผูกเกณฑ์') !== 0);
  if (_schemeMsgT) {
    if (status) { status.textContent = _schemeMsgT; status.className = 'tgt-status err'; status.style.display = 'block'; }
    if (btn) btn.disabled = false;
    return;
  }

  Object.entries(_tgtPendingEdits).forEach(([key, val]) => {
    if (key === '__nrr_threshold') return;
    const [period, level, email] = key.split('|');
    if (!period || !level || !email) return;
    const [y, mo] = period.split('-');
    const q = Math.ceil(parseInt(mo, 10) / 3);
    upsertRows.push({
      period,
      quarter: `${y}-Q${q}`,
      level,
      set_by: setBy,
      for_email: email,
      gmv_target: val,
      updated_at: new Date().toISOString()
    });
  });

  const policyRows = Object.values(_nrrGovPending).map(p => ({
    period_month: p.period_month,
    scope_type: p.scope_type || 'all',
    scope_key: p.scope_key || 'all',
    base_mode: p.base_mode || 'rolling_mom',
    base_month: p.base_mode === 'fixed_month' ? (p.base_month || _nrrGovPrevMonth(p.period_month)) : _nrrGovPrevMonth(p.period_month),
    // v_qdefault: เดิมไม่ส่งสองคอลัมน์นี้ ⇒ แถวใหม่ได้ค่า default ของตาราง ('monthly') เงียบ ๆ
    commission_mode: p.commission_mode || 'monthly',
    quarter_id: p.commission_mode === 'quarterly' ? (p.quarter_id || _nrrGovQuarterOf(p.period_month).quarter_id) : null,
    status: (p.status === 'auto') ? 'published' : (p.status || 'draft'),   // บันทึกค่าตั้งต้น = ยืนยันแล้ว
    updated_by: setBy,
    updated_at: new Date().toISOString()
  }));

  try {
    if (upsertRows.length > 0) {
      const { error } = await supa.from('targets').upsert(upsertRows, {
        onConflict: 'period,level,for_email'
      });
      if (error) throw new Error(error.message);
    }
    await _tgtSaveNrrThreshold(setBy); // v302: แยกออกมาให้ Commission Cockpit เรียกได้ด้วย
    if (policyRows.length > 0) {
      const { error: policyErr } = await supa.from('nrr_policies').upsert(policyRows, {
        onConflict: 'period_month,scope_type,scope_key'
      });
      if (policyErr) throw new Error(policyErr.message);
      policyRows.forEach(r => {
        _nrrGovPolicies[_nrrGovKey(r.period_month, r.scope_type, r.scope_key)] = { ...r };
      });
      _nrrGovPending = {};
    }

    for (const draft of Object.values(_commRulePending)) {
      const planPayload = {
        plan_code: draft.plan_code,
        plan_name: draft.plan_name || _commPlanName(draft.role),
        beneficiary_role: draft.beneficiary_role || draft.role,
        status: 'active',
        updated_by: setBy,
        updated_at: new Date().toISOString()
      };
      const { data: planRows, error: planErr } = await supa.from('commission_plans')
        .upsert(planPayload, { onConflict: 'plan_code' })
        .select('id,plan_code,plan_name,beneficiary_role,status')
        .single();
      if (planErr) throw new Error(planErr.message);
      const plan = planRows;
      const { data: existingRules, error: exRuleErr } = await supa.from('commission_rules')
        .select('id')
        .eq('plan_id', plan.id)
        .eq('metric_code', 'nrr')
        .limit(1);
      if (exRuleErr) throw new Error(exRuleErr.message);
      let ruleId = existingRules && existingRules[0] && existingRules[0].id;
      if (ruleId) {
        const { error: updRuleErr } = await supa.from('commission_rules').update({
          measurement_scope: draft.measurement_scope || 'governed_nrr',
          payout_type: draft.payout_type || 'flat_amount',
          stacking_mode: 'best_match',
          active: true,
          updated_at: new Date().toISOString()
        }).eq('id', ruleId);
        if (updRuleErr) throw new Error(updRuleErr.message);
      } else {
        const { data: ruleRow, error: insRuleErr } = await supa.from('commission_rules').insert({
          plan_id: plan.id,
          metric_code: 'nrr',
          measurement_scope: draft.measurement_scope || 'governed_nrr',
          payout_type: draft.payout_type || 'flat_amount',
          stacking_mode: 'best_match',
          active: true
        }).select('id').single();
        if (insRuleErr) throw new Error(insRuleErr.message);
        ruleId = ruleRow.id;
      }
      const { error: delTierErr } = await supa.from('commission_rule_tiers').delete().eq('rule_id', ruleId);
      if (delTierErr) throw new Error(delTierErr.message);
      const tierRows = (draft.tiers || []).map((t, idx) => ({
        rule_id: ruleId,
        tier_order: idx + 1,
        min_value: t.min_value === '' ? null : t.min_value,
        max_value: t.max_value === '' ? null : t.max_value,
        payout_value: Number(t.payout_value || 0),
        payout_label: t.payout_label || ''
      }));
      if (tierRows.length) {
        const { error: tierErr } = await supa.from('commission_rule_tiers').insert(tierRows);
        if (tierErr) throw new Error(tierErr.message);
      }
      _commRuleConfig.plans[draft.plan_code] = plan;
    }
    _commRulePending = {};

    upsertRows.forEach(r => {
      _tgtCache[`${r.period}|${r.level}|${r.for_email}`] = r.gmv_target;
    });
    _tgtPendingEdits = {};
    if (_tgtActiveQuarter) delete _tgtQuarterCache[_tgtActiveQuarter];
    if (status) { status.textContent = '✓ บันทึกสำเร็จ'; status.className = 'tgt-status ok'; status.style.display = 'block'; }
    setTimeout(() => closeTargetSetup(), 900);
  } catch (e) {
    console.error('[Target] save failed:', e);
    if (status) { status.textContent = 'บันทึกไม่สำเร็จ: ' + (e.message || 'กรุณาลองใหม่'); status.className = 'tgt-status err'; status.style.display = 'block'; }
  } finally {
    if (btn) btn.disabled = false;
  }
}

// ── NRR computation (Outlet-aware, Method 3, daily-rate normalized) ─────
// v198: cohort classification — Core / Transfer in / New from Sales / Transfer out


// v_retro (5 ต.ค. 2026): ค่าคอมฯ ที่บันทึกไว้ถูกโหลดมาเฉพาะไตรมาสปัจจุบัน (_loadTargetsInner)
// ⇒ พอไตรมาสขยับเป็น Q4 เดือน ก.ย. ที่ล็อกไว้แล้วขึ้น "ไม่มี snapshot" ในหน้าล็อก ทั้งที่อยู่ครบในฐานข้อมูล
//   (เจอจริง 5 ต.ค.: 20 แถว ฿209,792 final) — เสี่ยงให้คนกด Compute ทับเดือนที่ปิดไปแล้ว
// ⇒ หน้าล็อกเรียกเดือนที่กำลังดูมาเองถ้ายังไม่อยู่ในหน่วยความจำ · ระหว่างโหลด/โหลดพลาด ห้ามกด Compute/Lock
const _commSnapLoad = {};
function _commSnapshotPeriodState(period) {
  if (!period) return 'done';
  if ((_commissionSnapshots || []).some(r => r.period_month === period)) return 'done';
  const st = _commSnapLoad[period];
  if (st && st.state === 'loading') return 'loading';
  if (st && st.state === 'done' && st.n === 0 && Date.now() - st.at < 60000) return 'done';   // ไม่มีจริงในฐานข้อมูล
  if (st && st.state === 'error' && Date.now() - st.at < 30000) return 'error';
  _commLoadSnapshotPeriod(period);
  return 'loading';
}
async function _commLoadSnapshotPeriod(period) {
  _commSnapLoad[period] = { state: 'loading', at: Date.now() };
  try {
    const { data, error } = await supa.from('commission_payout_snapshots')
      .select('id,period_month,beneficiary_role,beneficiary_email,team_lead_email,raw_nrr_pct,governed_nrr_pct,payout_amount,snapshot_status,breakdown,updated_at,updated_by,locked_at')
      .eq('period_month', period);
    if (error) throw new Error(error.message);
    const others = (_commissionSnapshots || []).filter(r => r.period_month !== period);
    _commissionSnapshots = others.concat(data || []);
    _commSnapLoad[period] = { state: 'done', at: Date.now(), n: (data || []).length };
  } catch (e) {
    console.warn('[commission] โหลดค่าคอมฯ ที่บันทึกของเดือน ' + period + ' ไม่ได้', e && e.message);
    _commSnapLoad[period] = { state: 'error', at: Date.now() };
  }
  try { if (typeof renderCommissionCockpit === 'function') renderCommissionCockpit(); } catch (e) {}
}
window._commSnapshotPeriodState = _commSnapshotPeriodState;

// v289 C: retroactive lock section
function _commRenderRetroactiveSection() {
  const now = new Date();
  const months = [];
  for (let i = 1; i <= 12; i++) {
    const d = new Date(now.getFullYear(), now.getMonth() - i, 1);
    const val = d.getFullYear() + '-' + String(d.getMonth()+1).padStart(2,'0');
    const moNames = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
    months.push({ val, label: moNames[d.getMonth()] + ' ' + (d.getFullYear()+543) });
  }
  const stored = new Set((_commissionSnapshots||[]).map(r=>r.period_month));
  const sel = window._commRetroactivePeriod || months[0].val;
  const snapState = _commSnapshotPeriodState(sel);   // v_retro: เดือนนอกไตรมาสปัจจุบันต้องโหลดมาเอง
  const snapReady = snapState === 'done';
  const opts = months.map(m => '<option value="' + m.val + '"' + (m.val===sel?' selected':'') + '>' + m.label + (stored.has(m.val)?' ✓':'') + '</option>').join('');
  const sRows  = (_commissionSnapshots||[]).filter(r => r.period_month === sel);
  const sFinal = sRows.filter(r => r.snapshot_status==='final');
  const sDraft  = sRows.filter(r => r.snapshot_status==='draft');
  const disp    = sFinal.length ? sFinal : sDraft.length ? sDraft : [];
  const locked  = sFinal.length > 0;
  const draft   = !locked && sDraft.length > 0;
  const stTxt   = !snapReady ? (snapState === 'error' ? 'โหลดไม่สำเร็จ' : 'กำลังโหลด…') : locked ? 'Locked' : draft ? 'Draft' : 'ไม่มี snapshot';
  const stClr   = locked ? '#ffe08a' : draft ? 'rgba(255,224,138,.55)' : 'rgba(var(--ink-blue-hi),.30)';
  const tot     = disp.reduce((s,r)=>s+Number(r.payout_amount||0),0);

  // CL-4: ตาราง tRows/tHtml (มีเหตุผล) ถูกสร้างแต่ไม่เคยแสดง ⇒ ลบ · เหตุผลย้ายไปอยู่ในรายการที่แสดงจริง (tRows2)
    // subtabs — allow switching back to current
  const subtabHtml = '<div class="comm-lock-subtabs" style="margin-bottom:12px">'
    + '<button class="comm-lock-subtab" onclick="_commLockSubtab=\'current\';renderCommissionCockpit()">เดือนนี้</button>'
    + '<button class="comm-lock-subtab active">Retroactive</button>'
    + '</div>';

  // status badge
  const stBadge = locked
    ? '<span style="font-size:var(--text-xs);font-weight:800;padding:3px 9px;border-radius:99px;background:rgba(255,224,138,.16);color:#ffe08a;border:1px solid rgba(255,224,138,.30)">Locked</span>'
    : draft
    ? '<span style="font-size:var(--text-xs);font-weight:800;padding:3px 9px;border-radius:99px;background:rgba(var(--ink-blue),.10);color:rgba(var(--ink-blue),.70);border:1px solid rgba(var(--ink-blue),.20)">Draft</span>'
    : '<span style="font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.52)">' + stTxt + '</span>';

  // row status badge
  const rowStatusBadge = (status) => status === 'final'
    ? '<span style="font-size:var(--text-2xs);font-weight:800;padding:2px 7px;border-radius:99px;background:rgba(255,224,138,.14);color:#ffe08a;border:1px solid rgba(255,224,138,.25)">Locked</span>'
    : '<span style="font-size:var(--text-2xs);font-weight:var(--fw-bold);padding:2px 7px;border-radius:99px;background:rgba(var(--ink-blue),.08);color:rgba(var(--ink-blue),.55);border:1px solid rgba(var(--ink-blue),.14)">Draft</span>';

  const tRows2 = disp.map(r => {
    const bd = r.breakdown || {};
    const sk = bd.type === 'skipped';   // ไม่เข้าเกณฑ์งวดนี้ — บอกเหตุแทน ฿0 (RF-3)
    const nm = _commEscapeHtml(bd.kam_name||bd.team_lead_name||r.beneficiary_email);
    const why = sk ? ((typeof _commHistReasonTh === 'function') ? _commHistReasonTh(bd.skip_reason || 'ไม่ได้จดเหตุไว้') : (bd.skip_reason || 'ไม่ได้จดเหตุไว้')) : '';
    return '<div class="comm-lock-row' + (sk ? ' skipped' : '') + '">'
      + '<div class="comm-role-dot ' + r.beneficiary_role + '">' + r.beneficiary_role.toUpperCase() + '</div>'
      + '<div style="flex:1;min-width:0"><div class="comm-person-name">' + nm + '</div>'
      + '<div class="comm-person-sub" style="font-size:var(--text-xs)">' + _commEscapeHtml(sk ? 'ไม่เข้าเกณฑ์งวดนี้: ' + why : (r.beneficiary_email||'')) + '</div></div>'
      + '<div style="text-align:right;flex-shrink:0">'
      + '<div class="comm-row-money ' + (Number(r.payout_amount||0)>0?'hit':'') + '">' + (sk ? 'ข้าม' : _commFmtPayout(r.payout_amount)) + '</div>'
      + '<div style="margin-top:3px">' + rowStatusBadge(r.snapshot_status) + '</div>'
      + '</div>'
      + '</div>';
  }).join('');

  const tHtml2 = disp.length
    ? '<div style="margin-top:8px">' + tRows2 + '</div>'
    : !snapReady
    ? '<div class="comm-empty">' + (snapState === 'error' ? 'โหลดค่าคอมฯ ที่บันทึกไว้ของเดือนนี้ไม่สำเร็จ — ปิดแล้วเปิดหน้านี้ใหม่' : 'กำลังโหลดค่าคอมฯ ที่บันทึกไว้…') + '</div>'
    : '<div class="comm-empty">ยังไม่มี snapshot — กด Compute draft</div>';

  return '<div class="comm-section-title" style="margin-top:4px"><span>Retroactive Lock</span><em>ล็อคย้อนหลังสำหรับเดือนที่ผ่านไปแล้ว</em></div>'
    + '<div class="comm-card" style="padding:14px 16px;margin-bottom:8px">'
    + '<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px">'
    + '<label style="font-size:var(--text-sm);color:rgba(var(--ink-blue),.75);white-space:nowrap">Period</label>'
    + '<select class="comm-select" style="flex:1" onchange="window._commRetroactivePeriod=this.value;renderCommissionCockpit()">' + opts + '</select>'
    + stBadge
    + '</div>'
    + '<div style="display:flex;gap:7px;flex-wrap:wrap">'
    + '<button class="tgt-lock-btn outline" style="flex:1;min-width:100px"' + (!snapReady?' disabled':'') + ' onclick="computeCommissionDraft(window._commRetroactivePeriod||\'' + sel.replace(/'/g,"\\'") + '\')">↻ Compute</button>'
    + '<button class="tgt-lock-btn secondary" style="flex:1;min-width:100px"' + (!disp.length?' disabled':'') + ' onclick="exportCommissionSnapshotCsv(window._commRetroactivePeriod||\'' + sel.replace(/'/g,"\\'") + '\')">Export CSV</button>'
    + '<button class="tgt-lock-btn primary" style="flex:1;min-width:100px"' + ((!draft&&!locked)||!snapReady?' disabled':'') + ' onclick="lockCommissionSnapshot(window._commRetroactivePeriod||\'' + sel.replace(/'/g,"\\'") + '\')">' + (locked ? 'Re-lock' : 'Lock Final') + '</button>'
    + '</div>'
    // v_clock: เดือนที่ล็อกแล้ว ให้ใช้ "คำนวณ %NRR ใหม่" แทน Compute
    // Compute จะอ่าน P1/P3 จากไฟล์ upsell ปัจจุบัน ซึ่งเป็นของเดือนล่าสุดไม่ใช่เดือนนี้
    + (locked ? '<div style="display:flex;gap:7px;margin-top:7px">'
        + '<button class="tgt-lock-btn outline" style="flex:1" onclick="openRecomputeNrrOnly(\'' + sel.replace(/'/g,"\\'") + '\')">คำนวณ %NRR ใหม่ (ไม่แตะ upsell/handover)</button>'
        + '</div>'
        + '<div class="tgt-lock-warning" style="margin-top:8px">เดือนนี้ล็อกแล้ว — ถ้ามี waiver เพิ่ม ให้ใช้ปุ่ม “คำนวณ %NRR ใหม่” อย่ากด Compute'
        + '<div class="tgt-lock-warning-sub">Compute จะอ่าน P1/P3 จากไฟล์ upsell ล่าสุดบน R2 ซึ่งเป็นของเดือนปัจจุบัน ไม่ใช่ของเดือนที่ล็อกไว้</div></div>'
      : '')
    + (disp.length ? '<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.45);margin-top:8px">' + disp.length + ' rows · ' + _commFmtPayout(tot) + '</div>' : '')
    + '</div>'
    + tHtml2
    + '<div class="tgt-rule-note" style="margin-top:8px">Backfill: BigQuery SQL → Compute → Lock Final</div>';
}
window._commRenderRetroactiveSection = _commRenderRetroactiveSection;
window._commRetroactivePeriod = null;
// SECTION:NRR_COMPUTE
function _tgtComputeKamNRR(kamEmail, tlEmail, asOfPeriod) {
  if (typeof bulkHistoryData === 'undefined' || !bulkHistoryData) return null;
  let allAccounts = (typeof portviewBulkData !== 'undefined' ? portviewBulkData : [])
    .filter(a => {
      if (kamEmail) return a.kamEmail === kamEmail;
      if (tlEmail)  return a.tlEmail  === tlEmail;
      return true;
    });
  // v6-fix5: capture this BEFORE the v_stab1 fallback below can overwrite allAccounts.
  // Root cause of the v843 fix not actually working: v_stab1 populates allAccounts with
  // EVERY account in bulkHistoryData (the whole org, not just this kamEmail) whenever the
  // real per-KAM filter above comes up empty -- which is exactly what happens for a non-KAM
  // identity like Admin/VP. That made `allAccounts.length > 0` true even for Admin, so the
  // v843 guard never triggered and the buggy transferOutList fallback (matching an arbitrary
  // KAM name) kept firing. This flag reflects reality: does this kamEmail actually own any
  // real accounts, independent of the stability fallback.
  const _hasRealOwnAccounts = allAccounts.length > 0;
  // v_stab1: portviewBulkData can be briefly empty during token refresh.
  // If allAccounts is empty but we have a kamEmail and history data, build a minimal account list
  // from bulkHistoryData keys so NRR+Expansion+Comeback still compute correctly.
  // v_augfix: this fallback hands EVERY account in the org to whoever asked, so
  // it may only fire for the transient case it was written for — portviewBulkData
  // briefly empty during a token refresh. When portviewBulkData IS populated and
  // simply contains no rows for this person, they genuinely own nothing, and
  // pretending otherwise credits them the whole company's GMV. That is exactly
  // what happened in July: 24 sales/admin/sales_tl rows each earned ฿8,954 off
  // the same org-wide ฿1,790,879 expansion pool. Own nothing → get nothing.
  const _pvLoaded = typeof portviewBulkData !== 'undefined' &&
                    Array.isArray(portviewBulkData) && portviewBulkData.length > 0;
  if (!allAccounts.length && !_pvLoaded && kamEmail &&
      typeof bulkHistoryData !== 'undefined' && bulkHistoryData) {
    const _fallbackIds = Object.keys(bulkHistoryData).filter(id => {
      const rows = bulkHistoryData[id];
      return rows && rows.length > 0;
    });
    if (_fallbackIds.length > 0) {
      allAccounts = _fallbackIds.map(id => ({ id, kamEmail, tlEmail: '' }));
    }
  }
  if (!allAccounts.length) return null;

  const mo = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
  const moSort = m => { const p=(m||'').split(' '); return (parseInt(p[1]||0)*12)+mo.indexOf(p[0]); };

  // prevMonth from Q9 history
  const allMonths = new Set();
  allAccounts.forEach(a => (bulkHistoryData[a.id]||[]).forEach(h => { if(h.m) allMonths.add(h.m); }));
  const sortedMonths = Array.from(allMonths).sort((a,b) => moSort(a)-moSort(b));
  if (!sortedMonths.length) return null;
  let prevMonth, currentMonthLabel, daysElapsed;
  // v826: _isFrozen = true when asOfPeriod is given — compute NRR for a CLOSED historical
  // month (e.g. '2026-06') by comparing two FULL, already-closed months (May vs June),
  // instead of the default live mode (closed month vs today's partial MTD).
  // Used by Retroactive Lock and the auto-compute-at-start-of-month feature — without this,
  // "locking June" a few days into July would compare June's cohort against July's first
  // 1-3 days of GMV, producing near-zero NRR for everyone.
  const _isFrozen = !!asOfPeriod;
  // v865 (waived-account feature): period_month key ('YYYY-MM') for the
  // nrr_exclusions lookup -- frozen mode already gets it for free (asOfPeriod
  // IS this format); live mode derives "today" the same lag-1 way
  // _nrrExclusionCurrentPeriod() does, so both stay consistent with the
  // quarterly engine's own period_month convention.
  const periodMonth = asOfPeriod || (typeof _nrrExclusionCurrentPeriod === 'function' ? _nrrExclusionCurrentPeriod() : null);
  // v922 (hasCM hoist): must be FUNCTION-scoped — the nested _groupNRR closure
  // below reads hasCM. d9940f6 (frozen-mode work) moved this const into the
  // live-mode else{} block, out of _groupNRR's lexical scope, making _groupNRR's
  // account-level fallback branch throw "ReferenceError: hasCM is not defined"
  // whenever an account lacked a bulkOutletsData entry (e.g. teamview repaints
  // in the boot window before bulk_outlets loads) — crashing the teamview
  // summary and freezing whatever partial %NRR the last non-crashing repaint
  // had computed.
  const hasCM = typeof bulkCurrentMonthData !== 'undefined' && bulkCurrentMonthData;
  if (_isFrozen) {
    const _parts = asOfPeriod.split('-');
    const asYr = parseInt(_parts[0], 10);
    const asMo = parseInt(_parts[1], 10); // 1-12
    const _sampleYr = parseInt((sortedMonths[0]||'').split(' ')[1]||'0');
    const _yrOffset = _sampleYr > 2500 ? 543 : 0; // detect Thai (2567+) vs CE year format
    currentMonthLabel = mo[asMo-1] + ' ' + (asYr + _yrOffset);
    const _prevD = new Date(asYr, asMo-2, 1); // asMo-2 (0-based) = one month before asMo
    prevMonth = mo[_prevD.getMonth()] + ' ' + (_prevD.getFullYear() + _yrOffset);
    daysElapsed = getThaiMonthDays(currentMonthLabel);
    if (!sortedMonths.includes(currentMonthLabel) && !sortedMonths.includes(prevMonth)) {
      console.warn('%c[Sense NRR] ⚠️ asOfPeriod outside loaded history window','color:#f08000',
        {asOfPeriod, currentMonthLabel, prevMonth, sortedMonths});
      return null;
    }
  } else {
    prevMonth = sortedMonths[sortedMonths.length - 1];
    // daysElapsed + currentMonthLabel from bulkCurrentMonthData
    currentMonthLabel = '';
    daysElapsed = 0;
    if (hasCM) {
      for (const a of allAccounts) {
        const cm = bulkCurrentMonthData[a.id];
        if (cm && cm.month_label && cm.days_elapsed > 0) {
          currentMonthLabel = cm.month_label;
          daysElapsed = cm.days_elapsed;
          break;
        }
      }
    }
    // Fallback: compute currentMonthLabel from today's date (match history year format)
    if (!daysElapsed && allAccounts.length) {
      daysElapsed = allAccounts.find(a => a.daysElapsed > 0)?.daysElapsed || 0;
      if (daysElapsed && !currentMonthLabel) {
        const _nd = new Date();
        const _moN = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
        // Detect year format from history data (CE ~2024 vs Thai ~2567)
        const _sampleYr2 = parseInt((Array.from(allMonths)[0]||'').split(' ')[1]||'0');
        const _yr = _sampleYr2 > 2500 ? _nd.getFullYear() + 543 : _nd.getFullYear();
        currentMonthLabel = _moN[_nd.getMonth()] + ' ' + _yr;
      }
    }
  }
  if (!currentMonthLabel || !daysElapsed) {
    console.warn('%c[Sense NRR] ⚠️ no label/days','color:#f08000',{kamEmail,tlEmail,currentMonthLabel,daysElapsed});
    return null;
  }
  const _nrrGatePass = moSort(currentMonthLabel) > moSort(prevMonth);
  if (!_nrrGatePass) return null;

  const prevDays = getThaiMonthDays(prevMonth);
  const hasOutlets = typeof bulkOutletsData !== 'undefined' && bulkOutletsData;
  const hd = (typeof bulkHandoverData !== 'undefined' && bulkHandoverData) ? bulkHandoverData : { byAccountId:{}, byKamName:{} };
  // v251: ใช้ Q11 current movements สำหรับ classify transfer_in vs new_sales
  const cm = (typeof bulkCurrentMovementData !== 'undefined' && bulkCurrentMovementData) ? bulkCurrentMovementData : null;

  // ── Classify accounts into cohorts ─────────────────────────────
  // Core NRR: account อยู่กับ KAM นี้ก่อนเดือนปัจจุบัน
  // Transfer In:    ใหม่เดือนนี้ + มาจาก KAM/PM/ADMIN (Q11 transfer_in)
  // New from Sales: ใหม่เดือนนี้ + มาจาก SALE (Q11 new_sales)
  // v298: OUTLET-LEVEL classification.
  // Q11 (cm) is outlet-grain: each row = ONE outlet that moved. byOutletId keeps every
  // outlet row (vs byAccountId which collapsed to 1 row/account and dragged whole
  // multi-outlet accounts into new_sales). Build per-movement OUTLET SETS, then each
  // account can appear in MULTIPLE groups — e.g. account with 2 core outlets + 1 handover
  // outlet shows correctly as core(2) + handover(1), not all-3 in one bucket.
  const coreAccounts=[], transferInAccounts=[], newFromSalesAccounts=[];
  const transferInOutlets=new Set(), newFromSalesOutlets=new Set(), movedOutlets=new Set();
  // v299: handoverOutlets are EXCLUDED from core (they belong to the Handover commission
  // channel via Q10/CDS, not to the portview NRR cohort). They are NOT pushed into
  // newFromSales — handover_perf (Sales→KAM previous month) is its own bucket.
  const handoverOutlets=new Set();
  const cmByOutlet = (cm && cm.byOutletId) ? cm.byOutletId : null;
  const hoByOutlet = (hd && hd.byOutletId) ? hd.byOutletId : null;

  // Pass 1: Q11 outlet rows → per-outlet movement sets (transfer_in / new_sales)
  const acctMoves = {}; // acctId → {ti:bool, ns:bool}
  if (cmByOutlet) {
    Object.keys(cmByOutlet).forEach(oid => {
      const row = cmByOutlet[oid];
      const mvType = (row.movementType || '').toLowerCase();
      if (mvType === 'transfer_out') return; // not a current-cohort movement
      const key = String(oid);
      movedOutlets.add(key);
      const aid = String(row.accountId==null?'':row.accountId).trim();
      if (!acctMoves[aid]) acctMoves[aid] = {ti:false, ns:false};
      if (mvType === 'transfer_in') { transferInOutlets.add(key); acctMoves[aid].ti=true; }
      else { newFromSalesOutlets.add(key); acctMoves[aid].ns=true; }
    });
  }

  // Pass 2: Q10 handover outlet rows → exclude these outlets from core cohort.
  // Skip any outlet already claimed by Q11 (Q11 is the higher-priority current-month source).
  if (hoByOutlet) {
    Object.keys(hoByOutlet).forEach(oid => {
      const key = String(oid);
      if (movedOutlets.has(key)) return; // Q11 already owns it
      handoverOutlets.add(key);
      movedOutlets.add(key); // exclude from core
    });
  }

  // Pass 3: assign accounts to movement groups (outlet-level membership).
  // An account appears in transfer_in / new_sales only for the outlets that actually moved.
  // Core gets every account but with movedOutlets excluded → only its non-moved outlets count.
  allAccounts.forEach(a => {
    const acctId = String(a.id==null?'':a.id).trim();
    const mv = acctMoves[acctId];
    if (mv && mv.ti) transferInAccounts.push(a);
    if (mv && mv.ns) newFromSalesAccounts.push(a);
    coreAccounts.push(a); // core candidate; non-moved outlets only (exclude filter)
  });


  // ── Helper: compute NRR for a group of accounts ─────────────────
  // v298: outletFilter (optional Set of outlet_ids) — when provided, only outlets in the
  // set are included. Used for outlet-level movement groups (new_sales/transfer_in/handover)
  // where Q11 says only SPECIFIC outlets of an account moved, not the whole account.
  // When omitted (core path), all outlets of each account are included as before.
  function _groupNRR(group, outletFilter, excludeFilter) {
    if (!group.length) return null;
    const _useFilter = outletFilter instanceof Set && outletFilter.size > 0;
    const _useExclude = excludeFilter instanceof Set && excludeFilter.size > 0;
    // positive filter: outlet must be IN outletFilter. negative filter: outlet must NOT be
    // in excludeFilter. Core group uses excludeFilter=movedOutlets so moved outlets drop out.
    const _passFilter = oid => {
      const k = String(oid);
      if (_useFilter && !outletFilter.has(k)) return false;
      if (_useExclude && excludeFilter.has(k)) return false;
      return true;
    };
    // v865/v866 (waived-account feature): checked per-outlet below, where
    // outlet_id is known (real outlet-level exclusion support) -- the
    // account-level fallback branch (no outlet breakdown available) can
    // only honor a WHOLE-ACCOUNT waiver, never an outlet-scoped one, since
    // there's no per-outlet split to apply it against in that data shape.
    const _waived = (acctId, oid) => periodMonth && typeof _nrrAccountWaivedForPeriod === 'function'
      && _nrrAccountWaivedForPeriod(acctId, periodMonth, oid);
    // v_fallbackwaiver: the account-level fallback (bulkHistoryData/Q9 has no
    // outlet_id column at all) cannot resolve an outlet-scoped nrr_exclusions
    // row to a specific outlet's GMV -- there's no per-outlet split in this data
    // shape to subtract just one outlet from. This checks ONLY for that specific
    // unresolvable case: an approved waiver for this account+period that names a
    // real outlet_id. Returns false for whole-account waivers (outlet_id null --
    // those already work via the existing _waived(a.id, null) check).
    const _nrrHasApprovedOutletWaiverForAccount = (accountId, pm) => {
      if (!accountId || !pm) return false;
      return (typeof _nrrExclusions !== 'undefined' ? (_nrrExclusions || []) : []).some(x =>
        x.status === 'approved' &&
        x.period_month === pm &&
        x.account_id === accountId &&
        !!x.outlet_id
      );
    };
    let prevGmvByOutlet={}, currGmvByOutlet={};
    // v_fdd: firstDollarMap tracks all-time first purchase date per outlet_id
    // Used for comeback vs expansion: comeback = first_dollar_date exists AND < prevMonthStart
    // Falls back to everSeen (6-month window) if firstDollarDate not present in CSV (old format)
    const firstDollarMap={}, everSeen=new Set(); // everSeen kept as fallback for old CSV format
    // v206: track outlet→account mapping for drill-down detail
    const outletToAcct={}, outletName={};
    group.forEach(a => {
      const acctName=(typeof bulkAccountNames!=='undefined'&&bulkAccountNames[a.id])||a.name||a.id;
      const outletMonths = hasOutlets ? bulkOutletsData[a.id] : null;
      if (outletMonths && typeof outletMonths === 'object' && !Array.isArray(outletMonths)) {
        Object.entries(outletMonths).forEach(([mLabel,entries]) => {
          if (moSort(mLabel) >= moSort(prevMonth)) return;
          (entries||[]).forEach(o => {
            const oid=o.outlet_id||o.outletId||o.id;
            if(oid) {
              everSeen.add(oid);
              // store first_dollar_date if available (Q5B v3+)
              if(o.firstDollarDate && !firstDollarMap[oid]) firstDollarMap[oid]=o.firstDollarDate;
            }
          });
        });
        (outletMonths[prevMonth]||[]).forEach(o => {
          const oid=o.outlet_id||o.outletId||o.id;
          if(oid && o.gmv>0 && _passFilter(oid) && !_waived(a.id, oid)){
            prevGmvByOutlet[oid]=(prevGmvByOutlet[oid]||0)+o.gmv;
            outletToAcct[oid]={acctId:a.id,acctName};
            if(!outletName[oid])outletName[oid]=o.outlet_name||o.outletName||oid;
          }
        });
        (outletMonths[currentMonthLabel]||[]).forEach(o => {
          const oid=o.outlet_id||o.outletId||o.id;
          if(oid && o.gmv>0 && _passFilter(oid) && !_waived(a.id, oid)){
            currGmvByOutlet[oid]=(currGmvByOutlet[oid]||0)+o.gmv;
            if(!outletToAcct[oid])outletToAcct[oid]={acctId:a.id,acctName};
            if(!outletName[oid])outletName[oid]=o.outlet_name||o.outletName||oid;
          }
        });
      } else {
        // v298: account-level fallback (no outlet breakdown). A positive outletFilter
        // (movement groups) can't match account-id keys, so skip fallback there — those
        // groups always have outlet data from Q11. Core (exclude-only filter) keeps fallback
        // unless this account id itself is a moved outlet (rare; res_id≠account_guid).
        if (_useFilter) return; // positive filter active → no account-level fallback rows
        if (_useExclude && excludeFilter.has(String(a.id))) return;
        if (_waived(a.id, null)) return; // whole-account waiver only -- no outlet grain here
        // v_fallbackwaiver: bulkHistoryData (Q9) has no outlet_id column, so an
        // APPROVED outlet-scoped waiver for this account+period can never be
        // resolved to just that outlet's GMV here -- there is no per-outlet
        // split in this data shape to subtract. Conservatively drop the WHOLE
        // account from this group rather than silently ignore an
        // admin-approved exclusion (an approved TL request going unheeded is
        // worse than over-excluding for one month).
        if (_nrrHasApprovedOutletWaiverForAccount(a.id, periodMonth)) {
          console.warn('%c[Sense NRR] ⚠️ approx whole-account waiver (fallback, no outlet grain)','color:#f08000',
            { accountId: a.id, acctName, periodMonth });
          return;
        }
        const hist=bulkHistoryData[a.id]||[];
        hist.filter(h=>moSort(h.m)<moSort(prevMonth)).forEach(()=>everSeen.add(a.id));
        const prevRow=hist.find(h=>h.m===prevMonth);
        if(prevRow&&(prevRow.gmv||prevRow.s||0)>0){
          prevGmvByOutlet[a.id]=prevRow.gmv||prevRow.s||0;
          outletToAcct[a.id]={acctId:a.id,acctName};
          outletName[a.id]=acctName;
        }
        // v826: frozen mode reads "current" month GMV from bulkHistoryData (both months
        // are closed/historical); live mode reads MTD from bulkCurrentMonthData as before.
        let _currVal = 0;
        if (_isFrozen) {
          const _currRow = hist.find(h => h.m === currentMonthLabel);
          _currVal = _currRow ? (_currRow.gmv || _currRow.s || 0) : 0;
        } else {
          const cm = hasCM ? bulkCurrentMonthData[a.id] : null;
          _currVal = (cm && cm.gmv_to_date > 0) ? cm.gmv_to_date : 0;
        }
        if(_currVal>0){
          currGmvByOutlet[a.id]=_currVal;
          if(!outletToAcct[a.id])outletToAcct[a.id]={acctId:a.id,acctName};
          if(!outletName[a.id])outletName[a.id]=acctName;
        }
      }
    });
    const cohort=Object.keys(prevGmvByOutlet);
    const currentIds=Object.keys(currGmvByOutlet);
    // v207h: comeback/expansion can exist even when there is no prev-month NRR cohort.
    // Do not return null just because cohort is empty; otherwise transfer-in/new-sales current GMV
    // gets hidden and may look like 0 even when the account already purchased this month.
    if(!cohort.length && !currentIds.length) return null;
    const baselinePrevGmv=cohort.reduce((s,id)=>s+(prevGmvByOutlet[id]||0),0);
    const baseCurrGmv=cohort.reduce((s,id)=>s+(currGmvByOutlet[id]||0),0);
    const prevDailyRate=prevDays>0?baselinePrevGmv/prevDays:0;
    const currDailyRate=daysElapsed>0?baseCurrGmv/daysElapsed:0;
    const nrr=prevDailyRate>0?currDailyRate/prevDailyRate:null;
    // v241-fix: rawRetention = actual MTD ÷ baseline (no day-normalization)
    // used for handover/new-sales display to be consistent with _commComputeHandoverRetention
    const rawRetention=baselinePrevGmv>0?baseCurrGmv/baselinePrevGmv:null;
    const nonCohortIds=currentIds.filter(id=>!prevGmvByOutlet[id]);
    // v_fdd: use first_dollar_date for comeback vs expansion when available (all-time history)
    // prevMonthStart = YYYY-MM-01 derived from prevMonth label e.g. 'พ.ค. 2569'
    const _mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
    const _pmParts=(prevMonth||'').split(' ');
    const _pmMonthIdx=_mo.indexOf(_pmParts[0])+1; // 1-12
    const _pmYear=parseInt(_pmParts[1]||'0');
    const _pmYearCE=_pmYear>2500?_pmYear-543:_pmYear;
    const _pmM=String(_pmMonthIdx).padStart(2,'0');
    const prevMonthStart=(_pmMonthIdx>0&&_pmYearCE>0)?(_pmYearCE+'-'+_pmM+'-01'):null;
    const hasFddData=Object.keys(firstDollarMap).length>0;
    const comebackIds=nonCohortIds.filter(function(id){
      if(hasFddData){
        var fdd=firstDollarMap[id];
        // comeback = has all-time purchase history before prevMonth
        return fdd && prevMonthStart && fdd < prevMonthStart;
      }
      return everSeen.has(id); // fallback: old CSV without firstDollarDate
    });
    const expansionIds=nonCohortIds.filter(function(id){
      if(hasFddData){
        var fdd=firstDollarMap[id];
        // expansion = no purchase history before prevMonth (true new customer)
        return !fdd || !prevMonthStart || fdd >= prevMonthStart;
      }
      return !everSeen.has(id); // fallback: old CSV without firstDollarDate
    });
    // ── v206: build grouped detail arrays ────────────────────────
    function _buildDetail(ids,type){
      // group by account, sort each account's outlets by delta (NRR) or currGmv (CB/EX)
      const byAcct={};
      ids.forEach(oid=>{
        const info=outletToAcct[oid]||{acctId:oid,acctName:oid};
        if(!byAcct[info.acctId])byAcct[info.acctId]={acctId:info.acctId,acctName:info.acctName,outlets:[],prevTotal:0,currTotal:0};
        const prev=prevGmvByOutlet[oid]||0;
        const curr=currGmvByOutlet[oid]||0;
        const delta=prev>0?Math.round((curr-prev)/prev*100):null;
        byAcct[info.acctId].outlets.push({outletId:oid,outletName:outletName[oid]||oid,prevGmv:prev,currGmv:curr,delta});
        byAcct[info.acctId].prevTotal+=prev;
        byAcct[info.acctId].currTotal+=curr;
      });
      return Object.values(byAcct).map(g=>{
        // sort outlets: NRR → delta% asc (worst first); CB/EX → currGmv desc
        g.outlets.sort((a,b)=>type==='nrr'?(a.delta??0)-(b.delta??0):b.currGmv-a.currGmv);
        g.delta=g.prevTotal>0?Math.round((g.currTotal-g.prevTotal)/g.prevTotal*100):null;
        return g;
      }).sort((a,b)=>type==='nrr'?(a.delta??0)-(b.delta??0):b.currTotal-a.currTotal);
    }
    const cohortDetail=_buildDetail(cohort,'nrr');
    const comebackDetail=_buildDetail(comebackIds,'cb');
    const expansionDetail=_buildDetail(expansionIds,'ex');
    return {
      nrr, rawRetention, cohortCount:cohort.length, cohortGmv:baseCurrGmv, baselinePrevGmv,
      comebackGmv:comebackIds.reduce((s,id)=>s+(currGmvByOutlet[id]||0),0),
      comebackCount:comebackIds.length,
      expansionGmv:expansionIds.reduce((s,id)=>s+(currGmvByOutlet[id]||0),0),
      expansionCount:expansionIds.length,
      cohortDetail, comebackDetail, expansionDetail,
      // v753c: expose time fields for run rate calculation in total bar
      daysElapsed, daysInMonth:prevDays, prevMonth:prevMonth
    };
  }

  // v298: outlet filters per group. Core EXCLUDES moved outlets (negative filter);
  // transfer_in / new_sales INCLUDE only their moved outlets (positive filter).
  let coreResult = _groupNRR(coreAccounts, null, movedOutlets);
  const transferInResult = _groupNRR(transferInAccounts, transferInOutlets);
  const newFromSalesResult = _groupNRR(newFromSalesAccounts, newFromSalesOutlets);

  // v_TIFOLD (going-forward fix): fold transfer-in's own incoming base into the
  // reported %NRR ratio, symmetric with _qnrrCompute's transfer fold (which is
  // MONTH-SCOPED since 2026-08-07 — this monthly path is single-month/MoM so it
  // is inherently month-scoped already). Before this, `nrr` came from `core.nrr`
  // alone -- a transferred-in outlet's own baselinePrevGmv/cohortGmv (already
  // computed by transferInResult above, already waiver-filtered via _waived()
  // inside _groupNRR) never touched the ratio, only the separate
  // `transferIn: {...}` reporting bucket below (untouched by this block --
  // that bucket keeps reporting the exact same numbers as before). Deliberately
  // does NOT touch cohortCount/cohortDetail (left core-only), mirroring
  // _qnrrCompute's own "original cohort count" design (07c_qnrr_view.js:245) --
  // avoids double-listing the same outlet in both cohortDetail and
  // transferIn.cohortDetail in the drill-down sheet (_tgtShowCohortSheet).
  if (transferInResult && (transferInResult.baselinePrevGmv || 0) > 0) {
    if (!coreResult) {
      coreResult = { cohortCount: 0, cohortGmv: 0, baselinePrevGmv: 0,
        comebackGmv: 0, comebackCount: 0, expansionGmv: 0, expansionCount: 0,
        cohortDetail: [], comebackDetail: [], expansionDetail: [] };
    }
    const _blendedPrev = (coreResult.baselinePrevGmv || 0) + (transferInResult.baselinePrevGmv || 0);
    const _blendedCurr = (coreResult.cohortGmv || 0) + (transferInResult.cohortGmv || 0);
    const _prevRate = prevDays > 0 ? _blendedPrev / prevDays : 0;
    const _currRate = daysElapsed > 0 ? _blendedCurr / daysElapsed : 0;
    coreResult.nrr = _prevRate > 0 ? _currRate / _prevRate : (coreResult.nrr ?? null);
    coreResult.baselinePrevGmv = _blendedPrev;
    coreResult.cohortGmv = _blendedCurr;
  }

  // ── Transfer out: Q11 current_movements (fallback Q10) ──────────
  // v251: ใช้ Q11 transfer_out rows แทน Q10 Apr handover
  let transferOutList = [];
  if (cm && cm.byMovementType && cm.byMovementType['transfer_out']) {
    const allToRows = cm.byMovementType['transfer_out'] || [];
    if (kamEmail) {
      // v6-fix6: dropped the name-based OR-fallback entirely. It was meant as a backup
      // for rows missing r.kamEmail, but it's fundamentally unsafe -- it can match
      // ANY identity whose portviewBulkData happens to contain even one row with a
      // kamName that coincidentally equals some unrelated transfer-out row's kamName
      // (confirmed live: boonwirat.t@freshket.co, a true Admin, had allAccounts.length>0
      // for unrelated reasons, and the fallback matched a completely different KAM's
      // transfer this way). A direct, unambiguous email match is the only safe check --
      // if a row is missing kamEmail on the CSV side, that's a data-quality issue to fix
      // at the source, not something to paper over with a name guess here.
      transferOutList = _hasRealOwnAccounts
        ? allToRows.filter(r => r.kamEmail === kamEmail)
        : [];
    } else if (tlEmail) {
      const teamKamNames = new Set(allAccounts.map(a => a.kamName).filter(Boolean));
      transferOutList = allToRows.filter(r => teamKamNames.has(r.kamName));
    } else {
      // v6-fix7: this branch (no kamEmail, no tlEmail = true org-wide/VP view) had NO
      // concept of portfolio boundaries at all -- it showed every transfer_out row
      // unfiltered, including pure KAM<->KAM reassignments that never actually left
      // the company (confirmed live: Napat->Siriprapa, both ownerFromType/ownerToType
      // ='KAM', showing up on a true Admin's own summary). This mirrors the same
      // business rule already applied in the QNRR system (07c_qnrr_view.js v840) --
      // at true VP scope there's no portfolio boundary between individual KAMs, so a
      // pure KAM<->KAM move should be invisible here. Moves involving PM/ADMIN/SALE
      // are a genuine portfolio-TYPE change and stay visible.
      transferOutList = allToRows.filter(r => !(r.ownerFromType === 'KAM' && r.ownerToType === 'KAM'));
    }
    // map Q11 fields → Q10-compatible shape for downstream rendering
    // v293: keep ownerToType + ownerToName for breakdown display
    transferOutList = transferOutList.map(r => ({
      accountId:    r.accountId,
      accountName:  r.accountName,
      accountType:  r.accountType,
      kamName:      r.ownerFromName,
      newKamName:   r.ownerToName,
      ownerToType:  r.ownerToType || '',
      lastMonthGmv: r.baselineGmv || 0,
      prevOwner:    'KAM',
      transferMonth: r.movementMonth,
    }));
  } else {
    // fallback Q10 Apr
    if (kamEmail) {
      const kamName = allAccounts.find(a => a.kamName)?.kamName || '';
      transferOutList = kamName ? (hd.byKamName[kamName] || []) : [];
    } else if (tlEmail) {
      const teamKamNames = new Set(allAccounts.map(a => a.kamName).filter(Boolean));
      teamKamNames.forEach(n => { (hd.byKamName[n] || []).forEach(r => transferOutList.push(r)); });
    } else {
      const allKamNames = new Set(allAccounts.map(a => a.kamName).filter(Boolean));
      allKamNames.forEach(n => { (hd.byKamName[n] || []).forEach(r => transferOutList.push(r)); });
    }
  }
  // v207h: dedupe transfer-out rows defensively. Q10 should be unique, but TL/Admin aggregation
  // can otherwise double-count if the CSV is regenerated with overlapping old-owner rows.
  const _seenTransferOut = new Set();
  transferOutList = transferOutList.filter(r=>{
    const key=(r.accountId||'')+'|'+(r.kamName||'')+'|'+(r.newKamName||'');
    if(_seenTransferOut.has(key)) return false;
    _seenTransferOut.add(key); return true;
  });
  const transferOutGmv = transferOutList.reduce((s,a)=>s+(a.lastMonthGmv||0),0);
  if (transferOutList.length > 0) {
    console.log('%c[Sense NRR] transfer_out','color:#ff9f7f',
      {scope:kamEmail||('TL:'+tlEmail), count:transferOutList.length,
       total_gmv:Math.round(transferOutGmv),
       accounts:transferOutList.map(a=>a.accountName||a.accountId).slice(0,5).join(', ')
                +(transferOutList.length>5?' …+'+( transferOutList.length-5):'')});
  }
  const _movementGmv = r => (r ? ((r.cohortGmv||0)+(r.comebackGmv||0)+(r.expansionGmv||0)) : 0);
  // v299: count distinct accounts that actually have qualifying outlets in the result
  // (replaces account.length which counted accounts pushed before outlet-filtering — those
  // could end up empty after filter, causing "4 ร้าน" header to mismatch 1 shown account).
  const _movementAcctCount = r => {
    if (!r) return 0;
    const ids = new Set();
    ['cohortDetail','comebackDetail','expansionDetail'].forEach(k => {
      (r[k]||[]).forEach(g => { if (g && g.acctId != null) ids.add(String(g.acctId)); });
    });
    return ids.size;
  };

  // ── Build return value (core fields stay backward-compatible) ───
  const core = coreResult || {};
  const _nrrFinalPct = core.nrr!==null&&core.nrr!==undefined ? Math.round(core.nrr*100) : null;
  console.log(
    '%c[Sense NRR] ✓ result', 'color:'+(_nrrFinalPct===null?'#f08000':_nrrFinalPct>=95?'var(--tk-ok-bright)':'#ffb347')+';font-weight:bold',
    { scope: kamEmail||('TL:'+tlEmail),
      nrr: _nrrFinalPct!==null ? _nrrFinalPct+'%' : 'null',
      cohort_gmv:    Math.round(core.cohortGmv||0),
      comeback_gmv:  Math.round(core.comebackGmv||0),
      expansion_gmv: Math.round(core.expansionGmv||0),
      transfer_in_gmv: Math.round(_movementGmv(transferInResult)),
      new_sales_gmv:   Math.round(_movementGmv(newFromSalesResult)),
      cohort_accounts: core.cohortCount||0,
      prevMonth, currentMonth: currentMonthLabel });
  return {
    // Core NRR (backward-compatible fields)
    nrr: core.nrr ?? null,
    daysElapsed, prevDays, prevMonth, currentMonthLabel,
    currentPeriod: periodMonth, // v865: 'YYYY-MM', for nrr_exclusions period_month lookups downstream
    cohortCount:   core.cohortCount   || 0,
    cohortGmv:     core.cohortGmv     || 0,
    baselinePrevGmv: core.baselinePrevGmv || 0,
    comebackGmv:   core.comebackGmv   || 0,
    comebackCount: core.comebackCount || 0,
    expansionGmv:  core.expansionGmv  || 0,
    expansionCount:core.expansionCount|| 0,
    // v206: drill-down detail arrays (account-grouped, sorted)
    cohortDetail:    core.cohortDetail    || [],
    comebackDetail:  core.comebackDetail  || [],
    expansionDetail: core.expansionDetail || [],
    // Movement groups (v198)
    transferIn: {
      count: _movementAcctCount(transferInResult),
      // v207h: movement GMV = all current-month GMV in this movement group, not only NRR cohort GMV.
      // This keeps transfer-in with no prev-month cohort from showing as ฿0 when it has CB/EX current GMV.
      gmv:   _movementGmv(transferInResult),
      nrr:   transferInResult?.nrr ?? null,
      cohortGmv: transferInResult?.cohortGmv || 0,
      comebackGmv: transferInResult?.comebackGmv || 0,
      expansionGmv: transferInResult?.expansionGmv || 0,
      cohortDetail: transferInResult?.cohortDetail || [],
      comebackDetail: transferInResult?.comebackDetail || [],
      expansionDetail: transferInResult?.expansionDetail || []
    },
    newFromSales: {
      count: _movementAcctCount(newFromSalesResult),
      gmv:   _movementGmv(newFromSalesResult),
      nrr:   newFromSalesResult?.rawRetention ?? null,
      cohortGmv: newFromSalesResult?.cohortGmv || 0,
      comebackGmv: newFromSalesResult?.comebackGmv || 0,
      expansionGmv: newFromSalesResult?.expansionGmv || 0,
      cohortDetail: newFromSalesResult?.cohortDetail || [],
      comebackDetail: newFromSalesResult?.comebackDetail || [],
      expansionDetail: newFromSalesResult?.expansionDetail || []
    },
    transferOut: {
      count: transferOutList.length,
      gmv:   transferOutGmv,
      detail: transferOutList
    }
  };
}


// ── NRR Cohort Drill-down Sheet (v206) ──────────────────────────
// _tgtShowCohortSheet(tab, kamLabel)
// tab: 'nrr' | 'cb' | 'ex'
// reads window._ncsLastNrrResult set by renderPortviewTargetBar
function _tgtShowCohortSheet(tab) {
  const nr = window._ncsLastNrrResult;
  const kamLabel = window._ncsKamLabel || '';
  if (!nr) {
    if (typeof showToast === 'function') showToast('\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 NRR \u2014 \u0e42\u0e2b\u0e25\u0e14 portview.csv \u0e01\u0e48\u0e2d\u0e19', '!');
    return;
  }

  // ── Formatting helpers ─────────────────────────────────────────
  const _fmtK = function(v) {
    if (!v) return '\u0e3f0';
    const av = Math.abs(v);
    if (av >= 1000000) return '\u0e3f' + (v / 1000000).toFixed(1) + 'M';
    if (av >= 1000)    return '\u0e3f' + Math.round(v / 1000) + 'K';
    return '\u0e3f' + Math.round(v);
  };

  // ── Days in current month (for run-rate) ─────────────────────
  const _moNames = ['\u0e21.\u0e04.','\u0e01.\u0e1e.','\u0e21\u0e35.\u0e04.','\u0e40\u0e21.\u0e22.','\u0e1e.\u0e04.','\u0e21\u0e34.\u0e22.','\u0e01.\u0e04.','\u0e2a.\u0e04.','\u0e01.\u0e22.','\u0e15.\u0e04.','\u0e1e.\u0e22.','\u0e18.\u0e04.'];
  const _cp = (nr.currentMonthLabel || '').split(' ');
  const _mi = _moNames.indexOf(_cp[0]);
  const _yr = parseInt(_cp[1] || '0') - 543;
  const daysInCurrMonth = (_mi >= 0 && _yr > 1900) ? new Date(_yr, _mi + 1, 0).getDate() : 30;
  const _rr = function(v) { return nr.daysElapsed > 0 ? Math.round(v / nr.daysElapsed * daysInCurrMonth) : v; };

  // ── Ensure overlay + sheet DOM ─────────────────────────────────
  let overlay = document.getElementById('ncs-overlay');
  let sheet   = document.getElementById('ncs-sheet');
  if (!overlay) { overlay = document.createElement('div'); overlay.id = 'ncs-overlay'; overlay.className = 'ncs-overlay'; overlay.setAttribute('onclick', '_ncsClose()'); document.body.appendChild(overlay); }
  if (!sheet)   { sheet   = document.createElement('div'); sheet.id = 'ncs-sheet'; sheet.className = 'ncs-sheet'; document.body.appendChild(sheet); }

  // ── State ──────────────────────────────────────────────────────
  let activeTab = tab || 'nrr';
  const tabs = [
    {key:'nrr', label:'NRR',       count:nr.cohortCount,    gmv:nr.cohortGmv,    data:nr.cohortDetail,    color:'#1AE87B'},
    {key:'cb',  label:'Comeback',  count:nr.comebackCount,  gmv:nr.comebackGmv,  data:nr.comebackDetail,  color:'#64a0ff'},
    {key:'ex',  label:'Expansion', count:nr.expansionCount, gmv:nr.expansionGmv, data:nr.expansionDetail, color:'#00c8b0'}
  ];

  // ── Tab meta line ─────────────────────────────────────────────
  function _tabMeta(t) {
    if (t.key === 'nrr') return t.count + ' outlets \u00b7 ' + _fmtK(t.gmv) + ' MTD \u00b7 \u0e10\u0e32\u0e19 ' + nr.prevMonth;
    if (t.key === 'cb')  return t.count + ' outlets \u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e0b\u0e37\u0e49\u0e2d \u00b7 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e22\u0e2d\u0e14 ' + nr.prevMonth;
    return t.count + ' outlets \u0e43\u0e2b\u0e21\u0e48 \u00b7 \u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e0b\u0e37\u0e49\u0e2d\u0e21\u0e32\u0e01\u0e48\u0e2d\u0e19';
  }

  // ── Render account groups (Option B: chip separator + flat outlet rows) ───
  function _renderRows(t) {
    if (!t.data || !t.data.length) return '<div class="ncs-empty">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25</div>';
    const isNrr = t.key === 'nrr';
    const colCls = isNrr ? 'nrr-cols' : 'simple-cols';
    const cbColor = t.key === 'cb' ? '#64a0ff' : '#00c8b0';

    return t.data.map(function(g, gi) {
      const autoOpen = gi < 4;
      // ── Chip row ────────────────────────────────────────────────
      const chipRR = isNrr ? _fmtK(_rr(g.currTotal)) : _fmtK(g.currTotal);
      const chipColor = isNrr ? 'rgba(26,232,123,.7)' : (t.key === 'cb' ? 'rgba(100,160,255,.8)' : 'rgba(0,200,176,.8)');
      const chip = '<div class="ncs-chip' + (autoOpen ? ' open' : '') + '" onclick="_ncsChipToggle(this)">'
        + '<span class="ncs-chip-chev">&#8250;</span>'
        + '<span class="ncs-chip-name">' + g.acctName + '</span>'
        + '<span class="ncs-chip-rr" style="color:' + chipColor + '">' + chipRR + '</span>'
        + '</div>';

      // ── Outlet rows ─────────────────────────────────────────────
      const outletRows = g.outlets.map(function(o) {
        const nameStr = (o.outletName || '\u2014').slice(0, 38);
        if (isNrr) {
          const rrVal = _rr(o.currGmv);
          const rrCls = rrVal >= o.prevGmv ? 'ncs-gmv rr-up' : 'ncs-gmv rr-dn';
          return '<div class="ncs-outlet-row nrr-cols">'
            + '<div class="ncs-outlet-name">' + nameStr + '</div>'
            + '<div class="ncs-gmv base">' + (o.prevGmv > 0 ? _fmtK(o.prevGmv) : '\u2014') + '</div>'
            + '<div class="' + rrCls + '">' + _fmtK(rrVal) + '</div>'
            + '<div class="ncs-gmv mtd">' + _fmtK(o.currGmv) + '</div>'
            + '</div>';
        } else {
          return '<div class="ncs-outlet-row simple-cols">'
            + '<div class="ncs-outlet-name">' + nameStr + '</div>'
            + '<div class="ncs-gmv" style="text-align:right;color:' + cbColor + '">' + _fmtK(o.currGmv) + '</div>'
            + '</div>';
        }
      }).join('');

      return chip + '<div class="ncs-outlet-rows' + (autoOpen ? ' open' : '') + '">' + outletRows + '</div>';
    }).join('');
  }

  // ── Main render ───────────────────────────────────────────────
  function _render() {
    const t = tabs.find(function(x) { return x.key === activeTab; }) || tabs[0];
    const isNrr = t.key === 'nrr';

    const tabStrip = tabs.map(function(x) {
      return '<button class="ncs-tab t-' + x.key + (x.key === activeTab ? ' on' : '') + '" onclick="_ncsSetTab(\'' + x.key + '\')">'
        + x.label + '<br><span style="font-size:var(--text-2xs);opacity:.7">' + x.count + ' outlets</span></button>';
    }).join('');

    const thRow = isNrr
      ? '<div class="ncs-th">Outlet</div>'
        + '<div class="ncs-th r">\u0e10\u0e32\u0e19</div>'
        + '<div class="ncs-th r" style="color:rgba(26,232,123,.65)">Run Rate</div>'
        + '<div class="ncs-th r">MTD</div>'
      : '<div class="ncs-th">Outlet / Account</div>'
        + '<div class="ncs-th r">MTD</div>';

    const colCls = isNrr ? 'nrr-cols' : 'simple-cols';
    const totalColor = t.key === 'nrr' ? '#1AE87B' : t.key === 'cb' ? '#64a0ff' : '#00c8b0';
    const totalPrefix = t.key === 'nrr' ? '' : '+';

    sheet.innerHTML =
      '<div class="ncs-handle"><div></div></div>'
      + '<div class="ncs-header">'
        + '<div class="ncs-title">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 GMV \u2014 ' + kamLabel + '</div>'
        + '<div class="ncs-tabs">' + tabStrip + '</div>'
      + '</div>'
      + '<div class="ncs-meta">'
        + '<span class="ncs-meta-text">' + _tabMeta(t) + '</span>'
        + '<button id="ncs-toggle-btn" class="ncs-sort-btn" onclick="_ncsToggleAll()">\u0e22\u0e48\u0e2d\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14</button>'
      + '</div>'
      + '<div class="ncs-tbl-head ' + colCls + '">' + thRow + '</div>'
      + '<div class="ncs-body" id="ncs-body">' + _renderRows(t) + '</div>'
      + '<div class="ncs-total">'
        + '<span class="ncs-total-lbl">\u0e23\u0e27\u0e21 ' + t.label + '</span>'
        + '<span class="ncs-total-val" style="color:' + totalColor + '">' + totalPrefix + _fmtK(t.gmv) + '</span>'
      + '</div>'
      + '<div class="ncs-footer">'
        + '<button class="ncs-btn primary" onclick="_ncsExportCSV()">&#8595; \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 CSV</button>'
        + '<button class="ncs-btn secondary" onclick="_ncsCopyTSV()">&#9112; Copy TSV</button>'
      + '</div>';
  }

  // ── Chip toggle (single account group) ───────────────────────
  window._ncsChipToggle = function(chip) {
    chip.classList.toggle('open');
    var r = chip.nextElementSibling;
    if (r) r.classList.toggle('open');
  };

  // ── Toggle all expand / collapse ─────────────────────────────
  window._ncsToggleAll = function() {
    var body = document.getElementById('ncs-body');
    if (!body) return;
    var chips   = Array.from(body.querySelectorAll('.ncs-chip'));
    var outlets = Array.from(body.querySelectorAll('.ncs-outlet-rows'));
    var anyOpen = outlets.some(function(r) { return r.classList.contains('open'); });
    chips.forEach(function(r)   { r.classList.toggle('open', !anyOpen); });
    outlets.forEach(function(r) { r.classList.toggle('open', !anyOpen); });
    var btn = document.getElementById('ncs-toggle-btn');
    if (btn) btn.textContent = anyOpen ? '\u0e02\u0e22\u0e32\u0e22\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14' : '\u0e22\u0e48\u0e2d\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14';
  };

  // ── Tab switch ───────────────────────────────────────────────
  window._ncsSetTab = function(key) {
    activeTab = key;
    _render();
    var body = document.getElementById('ncs-body');
    if (body) body.scrollTop = 0;
  };

  // ── Export helpers ────────────────────────────────────────────
  function _buildRows(t) {
    const isNrr = t.key === 'nrr';
    const rows = [];
    const hdr = isNrr
      ? ['Account ID', 'Account', 'Outlet ID (res_id)', 'Outlet', 'GMV \u0e10\u0e32\u0e19 (' + nr.prevMonth + ')', 'Run Rate', 'GMV MTD']
      : ['Account ID', 'Account', 'Outlet ID (res_id)', 'Outlet', 'GMV MTD'];
    rows.push(hdr);
    (t.data || []).forEach(function(g) {
      g.outlets.forEach(function(o) {
        if (isNrr) rows.push([g.acctId || '', g.acctName, o.outletId || '', o.outletName || o.outletId, Math.round(o.prevGmv), Math.round(_rr(o.currGmv)), Math.round(o.currGmv)]);
        else       rows.push([g.acctId || '', g.acctName, o.outletId || '', o.outletName || o.outletId, Math.round(o.currGmv)]);
      });
    });
    return rows;
  }

  window._ncsExportCSV = function() {
    var t = tabs.find(function(x) { return x.key === activeTab; }) || tabs[0];
    var rows = _buildRows(t);
    var csv = rows.map(function(r) { return r.map(function(c) { return '"' + String(c).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
    var blob = new Blob(['\uFEFF' + csv], {type: 'text/csv;charset=utf-8'});
    var url = URL.createObjectURL(blob);
    var a = document.createElement('a');
    var mo = (nr.currentMonthLabel || '').replace(/\s/g, '_');
    a.href = url; a.download = 'freshket_' + t.label + '_' + kamLabel + '_' + mo + '.csv';
    a.click(); URL.revokeObjectURL(url);
    if (typeof showToast === 'function') showToast('\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 CSV \u0e41\u0e25\u0e49\u0e27', '\u2193');
  };

  window._ncsCopyTSV = function() {
    var t = tabs.find(function(x) { return x.key === activeTab; }) || tabs[0];
    var rows = _buildRows(t);
    var tsv = rows.map(function(r) { return r.join('\t'); }).join('\n');
    if (navigator.clipboard && navigator.clipboard.writeText) {
      navigator.clipboard.writeText(tsv).then(function() {
        if (typeof showToast === 'function') showToast('Copy \u0e41\u0e25\u0e49\u0e27 \u2014 paste \u0e25\u0e07 Sheets \u0e44\u0e14\u0e49\u0e40\u0e25\u0e22', '\u2713');
      }).catch(function() {
        if (typeof showToast === 'function') showToast('Copy \u0e44\u0e21\u0e48\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 \u2014 \u0e25\u0e2d\u0e07 CSV \u0e41\u0e17\u0e19', '!');
      });
    }
  };

  window._ncsClose = function() {
    var o = document.getElementById('ncs-overlay');
    var s = document.getElementById('ncs-sheet');
    if (o) o.classList.remove('on');
    if (s) s.classList.remove('on');
  };

  // ── Show ──────────────────────────────────────────────────────
  try {
    _render();
    overlay.classList.remove('on'); sheet.classList.remove('on');
    void overlay.offsetHeight;
    overlay.classList.add('on');
    sheet.classList.add('on');
  } catch(err) {
    if (typeof showToast === 'function') showToast('Sheet error: ' + err.message, '!');
    console.error('[NCS]', err);
  }
}


// ── renderPortviewNRRBar: retired — merged into renderPortviewTargetBar ──
function renderPortviewNRRBar() {
  const bar = document.getElementById('tgt-nrr-bar');
  if (bar) bar.innerHTML = '';
}

// ── %NRR หัวจอ — ตัวอ่านกลางตัวเดียวสำหรับ Portfolio bar / Team bar / วงแหวนหน้าแรก (v302) ──
// SECTION:NRR_HEADLINE
//
// กติกา 4 สถานะ ไม่มีเลขผิดหลุดขึ้นจอ:
//   live          bulkQnrrData โหลดแล้ว → เลขจาก _qnrrComputeForCommission (ตัวจ่ายเงิน)
//   cached        ยังไม่โหลด แต่เครื่องจำเลขล่าสุดของ scope นี้ (uid+quarter ตรง อายุ ≤7 วัน)
//   none          ไม่มีทั้งคู่ → shimmer
//   stale_quarter QNRR_CFG ล้าสมัย (window._qnrrCfgStale จาก 07c) → "รอตั้งค่าไตรมาสใหม่"
// สิ่งที่ *ห้าม*: หลุดไป _tgtComputeKamNRR (MoM) — _nrrGovDefaultPolicy ไม่มี commission_mode
// ⇒ ถ้า nrr_policies โหลดไม่ขึ้น ของเดิมโชว์ MoM ใต้ป้าย NRR โดยไม่มีใครรู้ (พบ 2026-09-08)
// Sales/sales_tl: คืน none ทันที ไม่แตะ _qnrrComputeForCommission (มันเรียก _qnrrEnsureLoaded = fetch 5MB)
const NRR_HEADLINE_LS_KEY = 'sense_nrr_headline_v1';
const NRR_HEADLINE_TTL_MS = 7 * 24 * 60 * 60 * 1000;

function _nrrHeadlineScopeKey(scope, email) { return scope + '|' + String(email || 'all').toLowerCase(); }

function _nrrHeadlineCacheRead() {
  try {
    const raw = localStorage.getItem(NRR_HEADLINE_LS_KEY);
    if (!raw) return null;
    const obj = JSON.parse(raw);
    if (!obj || obj.v !== 1 || !obj.entries) return null;
    const uid = (typeof currentUser !== 'undefined' && currentUser && currentUser.id) || null;
    if (!uid || obj.uid !== uid) return null; // คนละคนบนเครื่องเดียวกัน — ห้ามเห็นเลขของกันและกัน
    return obj;
  } catch (e) { return null; }
}
function _nrrHeadlineCacheGet(scopeKey) {
  const obj = _nrrHeadlineCacheRead();
  if (!obj) return null;
  const e = obj.entries[scopeKey];
  if (!e || typeof e.pct !== 'number') return null;
  if (typeof QNRR_CFG === 'undefined' || !QNRR_CFG || e.quarter !== QNRR_CFG.quarter) return null; // ข้ามไตรมาส = ทิ้ง
  if (!(Date.now() - (e.savedAt || 0) <= NRR_HEADLINE_TTL_MS)) return null;
  return e;
}
function _nrrHeadlineCacheSet(scopeKey, entry) {
  try {
    const uid = (typeof currentUser !== 'undefined' && currentUser && currentUser.id) || null;
    if (!uid) return;
    let obj = _nrrHeadlineCacheRead();
    if (!obj) obj = { v: 1, uid, entries: {} };
    const prev = obj.entries[scopeKey];
    if (prev && prev.pct === entry.pct && prev.asOf === entry.asOf && prev.baseGmv === entry.baseGmv) return; // ไม่เขียนซ้ำของเดิม
    obj.entries[scopeKey] = { ...entry, savedAt: Date.now() };
    localStorage.setItem(NRR_HEADLINE_LS_KEY, JSON.stringify(obj));
  } catch (e) {}
}
function _nrrHeadlineClearCache() { try { localStorage.removeItem(NRR_HEADLINE_LS_KEY); } catch (e) {} }

function _nrrTodayISO() { const d = new Date(); return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0'); }
// '2026-09-07' → '7 ก.ย.' สำหรับ caption "ข้อมูลเมื่อ …"
function _nrrShortThaiDate(iso) {
  try { const p = String(iso).split('-'); const mo = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.']; return parseInt(p[2], 10) + ' ' + mo[parseInt(p[1], 10) - 1]; } catch (e) { return ''; }
}

// PB-1 / HR-1 / TV-1 (DL-7 · จ1): สีของเลข %NRR หัวจอ ใช้เกณฑ์ของ "คนที่จอกำลังพูดถึง"
//   24 ต.ค. 2569 (Bucci): สีตามช่วงเกณฑ์ค่าคอมฯ — ได้ 0 / ได้ 50% / ยังไม่ถึงขั้นแรก / ขั้น 1 / 2 / 3 (05b nrrZoneFor · src/domain/nrr/bands.js)
//   kam/ad/pm = เกณฑ์พอร์ตของตัวเอง · tl = ขั้นเงินหัวหน้าทีม (ไม่มีเกต) · admin (ทั้งบริษัท) หรือยังอ่านเกณฑ์ไม่ได้ = ไม่ลงสี ('')
// คืน class 'zc z-<ช่วง>' (หรือ '') · _nrrHeadlineZone คืนตัวช่วงเต็ม (คำ + อีกกี่จุดถึงขั้นถัดไป)
function _nrrHeadlineZone(scope, email, pct, period) {
  if (pct === null || pct === undefined || isNaN(pct) || typeof nrrZoneFor !== 'function' || !email || scope === 'admin') return null;
  try { return nrrZoneFor(pct, { email, scope, period: period || null }); } catch (e) { return null; }
}
function _nrrHeadlineCls(scope, email, pct, period) {
  return (typeof nrrZoneCls === 'function') ? nrrZoneCls(_nrrHeadlineZone(scope, email, pct, period)) : '';
}
// scope: 'kam' | 'tl' | 'admin' · email: KAM email | TL email | null (admin ทั้งบริษัท)
function _nrrHeadlineFor(scope, email) {
  const none = (source) => ({ source, pct: null, cls: '', cohortGmv: null, baseGmv: null, baseMonth: null, baseLabel: null,
                              period: null, quarter: null, cohortCount: null, asOf: null, raw: null });
  try {
    const role = (typeof getCurrentRole === 'function') ? getCurrentRole() : ((typeof currentUserProfile !== 'undefined' && currentUserProfile && currentUserProfile.role) || '');
    if (role === 'sales' || role === 'sales_tl') return none('none');
    if (typeof QNRR_CFG === 'undefined' || !QNRR_CFG) return none('none');
    if (window._qnrrCfgStale) return none('stale_quarter');   // v_autoq: ไม่ถูกตั้งแล้ว (ไตรมาสตามข้อมูลเสมอ) — คงไว้เป็นทางถอย
    // v_autoq: นาฬิกาขึ้นไตรมาสใหม่แล้วแต่ไฟล์ยังเป็นไตรมาสเก่า (เช้าวันที่ 2 / ไฟล์ในเครื่องค้าง)
    // ⇒ ยังโชว์ตัวเลขของไฟล์ (ป้ายเดือนตรงกับตัวเลขเสมอ) แต่บอกว่าข้อมูลไตรมาสใหม่ยังไม่มา
    let quarterNotice = null;
    try { const _qs = (typeof QnrrQuarter !== 'undefined' && QnrrQuarter) ? QnrrQuarter.status() : null;
          if (_qs && _qs.mismatch) quarterNotice = 'ข้อมูลไตรมาสใหม่ยังไม่มา'; } catch (e) {}

    const scopeKey = _nrrHeadlineScopeKey(scope, email);
    const policy = (typeof _nrrGovResolveForVisibleScope === 'function') ? _nrrGovResolveForVisibleScope() : null;
    const quarterly = !!(policy && policy.commission_mode === 'quarterly');

    // live — เรียกแม้ยังไม่ loaded (คืน null) เพื่อให้ _qnrrEnsureLoaded เริ่ม/ร่วม fetch และ finally ของมัน hook ไว้ (พฤติกรรม self-heal เดิม)
    if (quarterly && typeof window._qnrrComputeForCommission === 'function') {
      const r = window._qnrrComputeForCommission(email, scope);
      if (r && r.nrr !== null && r.nrr !== undefined && r.commission_mode === 'quarterly' && window.bulkQnrrData && window.bulkQnrrData.loaded) {
        const pct = r.nrr * 100;
        const baseGmv = Math.round(r.baselinePrevGmv || 0);
        const _z = _nrrHeadlineZone(scope, email, pct, r.currentPeriod);
        const live = {
          source: 'live', pct, cls: (typeof nrrZoneCls === 'function') ? nrrZoneCls(_z) : '', zone: _z,
          // ตัวเศษที่แสดงต้องหารกับฐานได้เลขใหญ่พอดี — raw.cohortGmv เป็น core อย่างเดียว ไม่ตรงกับ nrr (07c:445 vs :616)
          cohortGmv: Math.round(r.nrr * baseGmv), baseGmv,
          baseMonth: r.base_month || QNRR_CFG.base_month, baseLabel: r.prevMonth || ((typeof nrrMonthThLabel === 'function') ? nrrMonthThLabel(QNRR_CFG.base_month) : null),
          period: r.currentPeriod || null, quarter: r.quarter_id || QNRR_CFG.quarter, cohortCount: r.cohortCount || 0,
          asOf: _nrrTodayISO(), raw: r, quarterNotice
        };
        _nrrHeadlineCacheSet(scopeKey, { pct: live.pct, cohortGmv: live.cohortGmv, baseGmv: live.baseGmv, baseMonth: live.baseMonth,
          baseLabel: live.baseLabel, period: live.period, quarter: live.quarter, cohortCount: live.cohortCount, asOf: live.asOf });
        return live;
      }
    }
    // cached
    const c = _nrrHeadlineCacheGet(scopeKey);
    const _cz = c ? _nrrHeadlineZone(scope, email, c.pct, c.period) : null;
    if (c) return { source: 'cached', pct: c.pct, cls: (typeof nrrZoneCls === 'function') ? nrrZoneCls(_cz) : '', zone: _cz, cohortGmv: c.cohortGmv, baseGmv: c.baseGmv,
                    baseMonth: c.baseMonth, baseLabel: c.baseLabel, period: c.period, quarter: c.quarter, cohortCount: c.cohortCount, asOf: c.asOf, raw: null, quarterNotice };
    return none('none');
  } catch (e) { console.warn('[NRR headline]', e && e.message); return none('none'); }
}
window._nrrHeadlineFor = _nrrHeadlineFor;
window._nrrHeadlineClearCache = _nrrHeadlineClearCache;

// ── Portview NRR + Target Widget ────────────────────────────────
// SECTION:NRR_WIDGET
// ── v_stormfix (2026-08-25): กันวาดซ้อนกัน ──────────────────────────────────
//
// อาการ: บุชใช้ admin (เห็นทุกบัญชี) แล้วแอปค้างและเด้งออก ตอนเปิดแอปใหม่ๆ
// ที่ข้อมูลกำลังโหลด · app_errors ยืนยัน: renderPortviewTargetBar ยิง 7 ครั้ง
// ใน 10 วิ ยังเกิดอยู่บน v281 (17 คน) ทั้งที่ v273 เพิ่มตัวรวมคำสั่งไปแล้ว
//
// ทำไม v273 ปิดไม่หมด: มันเปลี่ยนแค่ "จุดที่เรียกจากข้างนอก" ให้ผ่านตัวรวมคำสั่ง
// แต่ตัวฟังก์ชันเองยังกันการทำงานซ้อนไม่ได้ · ฟังก์ชันนี้เป็น async และมี
// `await loadTargets(...)` อยู่ตรงกลาง ⇒ ระหว่างที่รอ (นานเป็นวินาทีสำหรับ admin
// เพราะข้อมูลเยอะ) ตัวกันรัวที่ตั้งไว้ 300ms หมดอายุไปแล้ว คนเรียกรายถัดไปจึงเข้ามา
// ได้และ await ซ้อนกันอีกชุด · พอชุดแรกทำเสร็จมันสั่ง `bar._lastRenderMs = 0`
// (ตั้งใจ reset เพื่อให้วาดใหม่ด้วยค่า target ที่เพิ่งได้) = เปิดประตูให้ทุกคน
// ที่ค้างอยู่วิ่งเข้าพร้อมกัน · ซ้ำร้ายทางกู้ตัวเอง 2 จุดข้างล่างก็ตั้งใจข้ามตัวกันรัว
// ด้วย ⇒ ตอนบูตของ admin ตัวกันรัวแทบไม่ทำงานเลย
//
// แก้ที่ราก: ให้ทำงานได้ทีละชุดเท่านั้น · ถ้ามีคนเรียกระหว่างที่ยังทำอยู่ ไม่ต้อง
// เข้าคิวซ้อน แค่จำไว้ว่า "ขอวาดอีกรอบ" แล้วค่อยวาดรอบเดียวตอนจบ
let _tgtBarRunning = false, _tgtBarRerunWanted = false;
async function renderPortviewTargetBar() {
  if (_tgtBarRunning) { _tgtBarRerunWanted = true; return; }
  _tgtBarRunning = true;
  try {
    return await _renderPortviewTargetBarInner();
  } finally {
    _tgtBarRunning = false;
    if (_tgtBarRerunWanted) {
      _tgtBarRerunWanted = false;
      // ผ่านตัวรวมคำสั่ง ไม่เรียกตรง — คนที่ขอมาระหว่างนั้นหลายรายยุบเหลือรอบเดียว
      if (typeof scheduleRenderPortviewTargetBar === 'function') scheduleRenderPortviewTargetBar(120);
    }
  }
}

async function _renderPortviewTargetBarInner() {
  const bar = document.getElementById('tgt-portview-bar');
  if (!bar) return;
  // Debounce: skip if rendered within last 300ms AND same KAM context (prevents flicker)
  // v198c: bypass debounce when portviewLevel/portviewRepEmail changes — fixes TL/Admin stuck transfer data
  const _now = Date.now();
  const _ctxKey = `${(typeof portviewLevel!=='undefined'?portviewLevel:'')}|${(typeof portviewRepEmail!=='undefined'?portviewRepEmail:'')}`;
  if (bar._lastRenderMs && _now - bar._lastRenderMs < 300 && bar._lastCtxKey === _ctxKey) return;
  bar._lastRenderMs = _now;
  bar._lastCtxKey = _ctxKey;

  const role  = (currentUserProfile && currentUserProfile.role)  || 'rep';
  const email = (currentUserProfile && currentUserProfile.email) || '';
  const isTL  = role === 'tl' || role === 'admin';

  // Micro-interaction: show calculating state while awaiting Supabase targets
  if (!_tgtLoaded) {
    const _calcEl=document.getElementById('tgt-nrr-bar');
    if(_calcEl&&!_calcEl.innerHTML.trim()){
      _calcEl.innerHTML='<div style="display:flex;align-items:center;gap:8px;padding:10px 14px;color:rgba(255,255,255,.52);font-size:var(--text-sm)"><span class="spl-dot-pulse" style="display:inline-flex;gap:3px">'+'<span style="width:4px;height:4px;border-radius:50%;background:var(--tk-ok-border);animation:_dotBlink .9s ease-in-out infinite"></span>'.repeat(3)+'</span>กำลังคำนวณ NRR...</div>';
    }
    await loadTargets(_tgtCurrentQuarter());
    if(_calcEl)_calcEl.innerHTML=''; // clear placeholder before real render
    // Reset debounce: targets freshly loaded — allow immediate re-render on next call
    bar._lastRenderMs = 0;
    // v224e: re-render teamview KAM list so each KAM's pace% uses real target, not baseline
    // (fixes "stuck at baseline" case where KAM cards never updated after targets loaded)
    try{
      // v_renderstorm: ผ่านตัวรวมคำสั่งแทน setTimeout ตรงๆ — จุดนี้อยู่ในเส้นทาง
      // "targets เพิ่งโหลดเสร็จ" ที่ยิงพร้อมกับอีกหลายจุดตอนบูตของ admin ได้
      if(document.getElementById('scr-teamview')?.classList.contains('on')&&typeof scheduleRenderTeamviewKamList==='function'){
        scheduleRenderTeamviewKamList();
      }
    }catch(e){}
  }

  // v_asof2: งวดของแถบเป้าต้องเป็นเดือนของข้อมูล (day-1) — วันที่ 1 เคยไปหาเป้าของเดือนใหม่
  const now    = (typeof _commLagDate === 'function') ? _commLagDate()
    : (function () { const d = new Date(); d.setDate(d.getDate() - 1); return d; })();
  const period = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`;

  // ── Accounts + run-rate ──────────────────────────────────────
  // v182: TL/admin now filter by tlEmail (was incorrectly using all accounts → inflated runRate)
  const _pvData = (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []);
  // v673: guard pace=0% flash — if portview data not loaded yet, show nothing (self-heal retry fires below)
  if (_pvData.length === 0) {
    bar.style.display = 'none';
    if (!bar._healPending) {
      bar._healPending = true;
      // v_stormfix: จำกัดจำนวนครั้ง — ของเดิมวนได้ไม่จำกัดทุก 1.5 วิ ตราบใดที่
      // ข้อมูลยังไม่มา ซึ่งคือสภาพปกติของ admin ตอนบูต
      setTimeout(() => {
        bar._healPending = false; bar._lastRenderMs = 0;
        bar._healTries = (bar._healTries || 0) + 1;
        if (bar._healTries > 3) return;
        try { if (typeof scheduleRenderPortviewTargetBar === 'function') scheduleRenderPortviewTargetBar(0); else renderPortviewTargetBar(); } catch(e) {}
      }, 1500);
    }
    return;
  }
  const _hasEmailCols = _pvData.some(a => a.kamEmail || a.tlEmail);

  // ── rep-detail: TL/admin drilling into a specific KAM's portfolio ──
  const _repDetail = (typeof portviewLevel !== 'undefined' && portviewLevel === 'rep-detail' &&
                      typeof portviewRepEmail !== 'undefined' && portviewRepEmail);
  const _repEmail  = _repDetail ? portviewRepEmail : null;

  // Admin fallback: admin email ≠ any tlEmail in CSV → show all teams combined
  const _tlHasMatch = !_repDetail && isTL && _hasEmailCols && _pvData.some(a => a.tlEmail === email);
  const _showAll = !_repDetail && isTL && !_tlHasMatch; // admin with no tlEmail match → all accounts
  const accounts = _pvData.filter(a => {
      if (_repDetail) return a.kamEmail === _repEmail || a.kamName === _repEmail; // rep-detail: filter to this KAM
      if (!_hasEmailCols || _showAll) return true;
      if (isTL) return a.tlEmail === email;
      return a.kamEmail === email;
    });
  const withPace = accounts.filter(a => a.paceSignal && a.paceSignal.runrate > 0);
  const runRate = withPace.reduce((s,a) => s+(a.paceSignal.runrate||0), 0);

  // Bug fix: daysElapsed lives on account object, not inside paceSignal
  const daysElapsed = withPace.length ? (withPace[0].daysElapsed || withPace[0].paceSignal?.daysElapsed || 0) : 0;
  const daysInMonth = withPace.length ? (withPace[0].daysInMonth || withPace[0].paceSignal?.daysInMonth || 30) : 30;

  // ── Target: Case A → B → C ──────────────────────────────────
  // In rep-detail mode: always treat as KAM-level target for the viewed KAM
  const _targetEmail = _repDetail ? _repEmail : (_showAll ? null : email);
  const level = _showAll ? 'all' : ((isTL && !_repDetail) ? 'team' : 'kam');
  let target = _showAll
    ? Array.from(new Set(accounts.map(a => a.tlEmail).filter(Boolean))).reduce((s,tl)=>s+(_tgtGet(period,'team',tl)||0),0)
    : _tgtGet(period, level, _targetEmail);
  let fbMode = _showAll && target > 0 ? 'team' : null;

  if (!target && (!isTL || _repDetail)) {
    // Primary: tlEmail from portview CSV col 18
    let tlEmail = accounts.length ? (accounts[0].tlEmail||'') : '';
    // v205b fallback: if CSV missing tl_email col, scan _tgtCache for any team-level entry
    // that belongs to a TL whose accounts overlap with this KAM's accounts
    if (!tlEmail) {
      const kamAccountIds = new Set(accounts.map(a => a.id));
      const allPvData = (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []);
      // Find a row from same squad where tlEmail is known
      const sameSqRow = allPvData.find(a => a.tlEmail && accounts.some(b => b.kamEmail === a.kamEmail));
      if (sameSqRow) tlEmail = sameSqRow.tlEmail;
      // Final fallback: pick first team-level entry in _tgtCache for current period
      if (!tlEmail) {
        const teamKey = Object.keys(_tgtCache).find(k => k.startsWith(period + '|team|'));
        if (teamKey) tlEmail = teamKey.split('|')[2] || '';
      }
    }
    const tlTarget = tlEmail ? _tgtGet(period, 'team', tlEmail) : 0;
    if (tlTarget > 0) {
      const kamBaseline  = _tgtKamBaseline3mo(_targetEmail, null, 'kam');
      const teamBaseline = _tgtKamBaseline3mo(null, tlEmail, 'tl');
      const share = teamBaseline > 0 ? kamBaseline/teamBaseline : 1/Math.max(1,accounts.length);
      target = Math.round(tlTarget * share);
      fbMode = 'team';
    }
  }
  // 3mo avg baseline — for parens display when real/allocated target exists
  const _baseline3mo = _showAll
    ? _tgtKamBaseline3mo(null, null, 'all')
    : _tgtKamBaseline3mo(_repDetail ? _repEmail : (isTL ? null : email), _repDetail ? null : (isTL ? email : null), _repDetail ? 'kam' : (isTL ? 'tl' : 'kam'));

  if (!target) {
    target = _baseline3mo;
    if (target > 0) fbMode = 'base';
  }

  // ── %NRR หัวจอ (v302) — ตัวอ่านกลาง 4 สถานะ ดู SECTION:NRR_HEADLINE ────────
  // จอไม่พึ่ง target อีกแล้ว · target ยังคิดไว้ข้างบนเพื่อบรรทัด "วิธีเดิมจะได้ X%" ในแผง ⓘ เท่านั้น
  const _hlScope = _repDetail ? 'kam' : (_showAll ? 'admin' : (isTL ? 'tl' : 'kam'));
  const _hlEmail = _repDetail ? _repEmail : (_showAll ? null : email);
  const H = _nrrHeadlineFor(_hlScope, _hlEmail);
  if (H.source === 'none') {
    // ยังไม่มีทั้ง live/cached → วาด shimmer ต่อไป (ไม่ return) แต่ตั้งตัวกู้แบบมีเพดานไว้ด้วย
    // เผื่อไฟล์ qnrr มาแล้วแต่ไม่มีใครปลุก (defense-in-depth ซ้อน _qnrrNotifyConsumers)
    if (!bar._healPending) {
      bar._healPending = true;
      setTimeout(() => {
        bar._healPending = false;
        bar._lastRenderMs = 0; // bypass debounce for retry
        // v_stormfix: จำกัดจำนวนครั้ง + ผ่านตัวรวมคำสั่ง (เหตุผลเดียวกับจุดบน)
        bar._healTries = (bar._healTries || 0) + 1;
        if (bar._healTries > 3) return;
        try { if (typeof scheduleRenderPortviewTargetBar === 'function') scheduleRenderPortviewTargetBar(0); else renderPortviewTargetBar(); } catch(e) {}
      }, 2000);
    }
  } else {
    bar._healPending = false; // มีเลขแล้ว (live/cached/stale) — clear retry flag
    bar._healTries = 0;        // v_stormfix: สำเร็จแล้ว เริ่มนับใหม่ได้
  }
  const pct = H.pct;           // full precision — format via _commFmtPct (1dp)
  const cls = H.cls;           // 'zc z-<ช่วงเกณฑ์ค่าคอมฯ>' (24 ต.ค. 2569) · '' เมื่อไม่มีเลขหรือไม่มีเกณฑ์
  // เลขแบบเดิม (ยอดคาด ÷ เป้า) — แสดงเฉพาะในแผง ⓘ ช่วงแนะนำ ให้คนเทียบได้ว่าทำไมเลขขยับ
  const legacyPacePct = (target > 0 && runRate > 0) ? Math.round(runRate / target * 100) : null;

  // ── NRR computation ──────────────────────────────────────────
  // v182: pass tlEmail as second arg for TL so NRR is scoped to team only
  // rep-detail: admin/TL viewing a specific KAM → use that KAM's email, not admin email
  //
  // v225g: outlets gate — without bulkOutletsData, _tgtComputeKamNRR gives account-level NRR
  // (not outlet-level), causing wrong NRR%/Comeback%/Expansion% at first render.
  // If outlets not loaded yet: skip NRR computation → nrrPct=null → shimmer shown.
  // When outlets arrive, RenderBus re-renders → key changes ('loading'→actual) → correct values.
  // v225g fix2: check if outlets FILE was ingested, not if it has data.
  // bulkOutletsData = {accountId: months} — empty {} if KAM has no outlet accounts.
  // Object.keys({}).length === 0 → _outletsReady always false → shimmer never resolves.
  // Correct: use _cloudLoadedTabs.has('outlets') (set after ingest, cleared during ETag refresh).
  // v828: quarterly mode reads this bar's NRR from QNRR source so it matches commission payout
  const _policyForBar = (typeof _nrrGovResolveForVisibleScope === 'function') ? _nrrGovResolveForVisibleScope() : null;
  const _isQBar = _policyForBar && _policyForBar.commission_mode === 'quarterly';
  // v302: แหล่ง NRR เดียว = H.raw (live เท่านั้น) — _nrrBarSource/_outletsReady เดิมถูกถอด
  // เพราะมัน fallback ไป _tgtComputeKamNRR (MoM) เมื่อ policy ไม่มี commission_mode
  const nrrResult = H.raw;
  let nrrPct=null, cohortGmv=0, cbGmv=0, exGmv=0;
  let cohortCount=0, cbCount=0, exCount=0, baselinePrevGmv=0;

  if (nrrResult && nrrResult.nrr !== null) {
    nrrPct      = nrrResult.nrr * 100; // display-only widget, not the payout engine — full precision, format via _commFmtPct
    cohortGmv   = nrrResult.cohortGmv    || 0;
    cbGmv       = nrrResult.comebackGmv  || 0;
    exGmv       = nrrResult.expansionGmv || 0;
    cohortCount = nrrResult.cohortCount  || 0;
    cbCount     = nrrResult.comebackCount  || 0;
    exCount     = nrrResult.expansionCount || 0;
    baselinePrevGmv = nrrResult.baselinePrevGmv || 0;
  }

  // ── Bar (v302): แถบเดี่ยว = %NRR เทียบฐาน — ความยาวกับตัวเลขหมายถึงสิ่งเดียวกัน ─
  // (เดิม: ความยาว = Pace เทียบเป้า แต่สีในแถบ = ส่วนผสม NRR/Comeback/Expansion → คนอ่านสลับ)
  const barFill = pct == null ? 0 : Math.min(pct, 100);
  const nrrBarW = barFill, cbBarW = 0, exBarW = 0;
  const segFull = ' seg-full';
  // Store globally so compact strips can sync — null = ไม่มีเลข (strip โชว์ — ห้ามคิด Pace แทน)
  window._tgtPortviewPct = (H.source === 'live' || H.source === 'cached') ? pct : null;
  // PB-1/PV-2: แถบย่อใช้สีเดียวกับหัวจอเสมอ (เดิมสองที่หาเส้นคนละทาง ⇒ เขียวบนแถบ เหลืองบนแถบย่อ)
  window._tgtPortviewCls = (H.source === 'live' || H.source === 'cached') ? (cls || '') : '';
  window._tgtPortviewZone = (H.source === 'live' || H.source === 'cached') ? (H.zone || null) : null;   // แถบย่อ (06 _pvBuildCompactStrip) ใช้สีเดียวกัน
  window._tgtFbMode = 'nrr';
  // Refresh compact strips so they show identical % as the full widget
  if (typeof _pvBuildCompactStrip === 'function') setTimeout(_pvBuildCompactStrip, 0);

  // ── Pct legend (hide if 0; shimmer if outlets not yet loaded) ────
  // v225g: outlets not ready → show shimmer pill instead of wrong NRR%
  const _nrrShimmer = `<span class="tgt-pl-item" style="display:inline-flex;align-items:center;gap:4px"><span class="tgt-pl-dot nrr" style="opacity:.3"></span><span style="display:inline-block;width:52px;height:10px;border-radius:var(--r-5);background:rgba(255,255,255,.08);animation:_dotBlink 1.2s ease-in-out infinite"></span></span>`;
  // v302: พิลล์ NRR/Comeback/Expansion → คำบรรยายเดียวตามสถานะ (ร้านใหม่/comeback ดูได้ในแผง ⓘ และสุขภาพพอร์ต)
  const _hlBaseLbl = H.baseLabel || 'เดือนฐาน';
  let nrrCaption;
  const _qNote = H.quarterNotice ? ` · <span style="color:var(--amb,#f0b000)">${H.quarterNotice}</span>` : '';   // v_autoq
  if (H.source === 'live')        nrrCaption = `<span class="tgt-pl-item"><span class="tgt-pl-dot nrr"></span><span class="tgt-pl-lbl">เทียบฐาน ${_hlBaseLbl}${H.cohortCount ? ` · ${H.cohortCount} สาขา` : ''}${_qNote}</span></span>`;
  else if (H.source === 'cached') nrrCaption = `<span class="tgt-pl-item"><span class="tgt-pl-dot nrr" style="opacity:.5;animation:_dotBlink 1.2s ease-in-out infinite"></span><span class="tgt-pl-lbl">เทียบฐาน ${_hlBaseLbl} · ข้อมูลเมื่อ ${_nrrShortThaiDate(H.asOf)}${_qNote}</span></span>`;
  else if (H.source === 'stale_quarter') nrrCaption = `<span class="tgt-pl-item"><span class="tgt-pl-dot" style="background:var(--amb,#f0b000)"></span><span class="tgt-pl-lbl" style="color:var(--amb,#f0b000)">รอตั้งค่าไตรมาสใหม่</span></span>`;
  else                             nrrCaption = _nrrShimmer;
  const nrrLeg = nrrCaption, cbLeg = '', exLeg = '';

  // ── Setup button ─────────────────────────────────────────────
  const setupBtn = ''; // removed — Target button now in portview/teamview header

  // ── GMV detail section ────────────────────────────────────────
  window._ncsLastNrrResult = nrrResult;
  window._ncsKamLabel = _repDetail ? (_repEmail||'').split('@')[0] : (isTL ? (accounts[0]?.kamName||'ทีม') : email.split('@')[0]);
  const gmvSection = nrrResult ? `
    <div class="tgt-det-section">
      <div class="tgt-det-stitle">GMV รายประเภท</div>
      <div class="tgt-det-row tappable" onclick="_tgtShowCohortSheet('nrr')">
        <div class="tgt-det-dot" style="background:var(--tk-ok-bright)"></div><span class="tgt-det-lbl">NRR</span><span class="tgt-det-val" style="color:var(--tk-ok-bright)">${_tgtFmtM(cohortGmv)}</span><span class="tgt-det-count">${cohortCount} outlets</span><span class="ncs-row-btn">ดู ›</span></div>
      ${cbGmv>0?`<div class="tgt-det-row tappable" onclick="_tgtShowCohortSheet('cb')"><div class="tgt-det-dot" style="background:#64a0ff"></div><span class="tgt-det-lbl">Comeback</span><span class="tgt-det-val" style="color:#64a0ff">+${_tgtFmtM(cbGmv)}</span><span class="tgt-det-count">${cbCount} outlets</span><span class="ncs-row-btn" style="color:#64a0ff;border-color:rgba(100,160,255,.3)">ดู ›</span></div>`:''}
      ${exGmv>0?`<div class="tgt-det-row tappable" onclick="_tgtShowCohortSheet('ex')"><div class="tgt-det-dot" style="background:#00c8b0"></div><span class="tgt-det-lbl">Expansion</span><span class="tgt-det-val" style="color:#00c8b0">+${_tgtFmtM(exGmv)}</span><span class="tgt-det-count">${exCount} outlets</span><span class="ncs-row-btn" style="color:#00c8b0;border-color:rgba(0,200,176,.3)">ดู ›</span></div>`:''}
    </div>` : '';

  // ── Baseline formula section ──────────────────────────────────
  let baselineSection = '';
  // v829: quarterly mode — baseline IS the fixed base month itself (e.g. มิ.ย. 2569),
  // no 3-month averaging needed or accurate. Simpler AND matches the actual NRR% math
  // above (which already uses nrrResult.baselinePrevGmv from QNRR, not a 3mo avg).
  if (_isQBar && nrrResult && nrrResult.baselinePrevGmv > 0) {
    const _mo2 = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
    const _baseMoLbl = (_policyForBar && _policyForBar.base_month)
      ? (() => { const p=_policyForBar.base_month.split('-'); return _mo2[parseInt(p[1],10)-1]+' '+(parseInt(p[0],10)+543); })()
      : 'เดือนฐาน';
    // PB-3: เว้นวรรค + บอกเรื่องร้านที่ได้รับยกเว้น
    baselineSection = `<div class="tgt-det-section">
      <div class="tgt-det-stitle">วิธีคำนวณ Baseline</div>
      <div class="tgt-fml-row"><span class="tgt-fml-mo">${_baseMoLbl}</span><span class="tgt-fml-eq">ฐานเดือน ${_baseMoLbl} (ปรับเมื่อมีย้ายเข้า/ออก ตั้งแต่เดือนที่ย้าย · หักร้านที่ได้รับยกเว้น)</span><span class="tgt-fml-res">${_tgtFmtM(nrrResult.baselinePrevGmv)}</span></div>
      <div class="tgt-fml-total"><span class="tgt-fml-total-lbl">ฐานเดือนนี้</span><span class="tgt-fml-total-val">= ${_tgtFmtM(nrrResult.baselinePrevGmv)}/เดือน</span></div>
    </div>`;
  } else if (typeof bulkHistoryData !== 'undefined' && bulkHistoryData) {
    const _mo2 = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
    const _ms2 = m => { const p=(m||'').split(' '); return (parseInt(p[1]||0)*12)+_mo2.indexOf(p[0]); };
    const allM2 = new Set();
    accounts.forEach(a => (bulkHistoryData[a.id]||[]).forEach(h => { if(h.m) allM2.add(h.m); }));
    // v205c: exclude current month from baseline (same as _tgtKamBaseline3mo — avoids partial MTD skew)
    const _nowBS = new Date();const _lagBS=new Date(_nowBS);_lagBS.setDate(_lagBS.getDate()-1); // day-1 lag
    const _curMoBS = _mo2[_lagBS.getMonth()] + ' ' + (_lagBS.getFullYear() + 543);
    const last3m = Array.from(allM2).filter(m => m !== _curMoBS).sort((a,b)=>_ms2(a)-_ms2(b)).slice(-3);
    const hasOutlets2 = typeof bulkOutletsData !== 'undefined' && bulkOutletsData;
    if (last3m.length) {
      // v205c: dedup accounts by id — prevents double-counting if portview.csv has duplicate rows
      const _dedupAccts = Array.from(new Map(accounts.map(a=>[a.id,a])).values());
      const rows3 = last3m.map(m => {
        const gmv = _dedupAccts.reduce((s,a) => { const r=(bulkHistoryData[a.id]||[]).find(h=>h.m===m); return s+(r?(r.gmv||r.s||0):0); }, 0);
        const days = getThaiMonthDays(m);
        // Count unique outlets that month
        let outletCount = 0;
        if (hasOutlets2) {
          const seen = new Set();
          accounts.forEach(a => { (((bulkOutletsData[a.id]||{})[m])||[]).forEach(o => { const id=o.outlet_id||o.outletId||o.id; if(id&&o.gmv>0) seen.add(id); }); });
          outletCount = seen.size;
        }
        return { m, gmv, days, daily: days>0?Math.round(gmv/days):0, outletCount };
      });
      const avgDaily = Math.round(rows3.reduce((s,r)=>s+r.daily,0)/rows3.length);
      const fmlRows = rows3.map(r=>`<div class="tgt-fml-row"><span class="tgt-fml-mo">${r.m}</span><span class="tgt-fml-eq">${_tgtFmtM(r.gmv)} ÷ ${r.days}d × ${daysInMonth}d${r.outletCount>0?' · '+r.outletCount+' outlets':''}</span><span class="tgt-fml-res">~${_tgtFmtM(Math.round(r.daily*daysInMonth))}/เดือน</span></div>`).join('');
      baselineSection = `<div class="tgt-det-section">
        <div class="tgt-det-stitle">วิธีคำนวณ Baseline</div>
        ${fmlRows}
        <div class="tgt-fml-total"><span class="tgt-fml-total-lbl">avg ${rows3.length} เดือน (normalized)</span><span class="tgt-fml-total-val">= ${_tgtFmtM(avgDaily*daysInMonth)}/เดือน</span></div>
      </div>`;
    }
  }

  // PB-4: แถว "การเคลื่อนไหวพอร์ต" + นิยาม Graduation + สี 100/90 ถูกลบ — อ่าน transferIn/newFromSales/transferOut
  // ซึ่งผลรายไตรมาสไม่มี จึงไม่เคยขึ้นตั้งแต่ใช้ %NRR รายไตรมาส (กติกาในนั้นก็เป็นแบบ MoM เก่า)
  const mvSection = '';

  // ── PB-2: %NRR — วิธีคิด (ⓘ) ─────────────────────────────────────────────
  // เดิมเขียนสูตร MoM ด้วยช่องที่ผลรายไตรมาสไม่มี ⇒ ขึ้น "÷ undefinedd × 31d … ~฿0/เดือน" และ "undefined MTD"
  // ตอนนี้ใช้ตัวเลขชุดเดียวกับหัวจอ: ฐาน = H.baseGmv (ปรับ 30 วัน) · เดือนนี้ = H.cohortGmv (= %NRR × ฐาน)
  let nrrSection = '';
  if (nrrResult && nrrPct !== null && (H.source === 'live' || H.source === 'cached') && H.baseGmv > 0) {
    const _moTh = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
    const _perMo = H.period ? _moTh[parseInt(String(H.period).split('-')[1], 10) - 1] : '';
    const _baseShort = String(H.baseLabel || 'เดือนฐาน').split(' ')[0];
    const _dayTxt = nrrResult.daysElapsed > 0 ? ' ถึงวันที่ ' + nrrResult.daysElapsed : '';
    nrrSection = `<div class="tgt-det-section">
      <div class="tgt-det-stitle">%NRR — วิธีคิด</div>
      <div style="font-size:var(--text-sm);color:rgba(255,255,255,.65);margin-bottom:6px;line-height:1.5">เทียบยอดต่อวันเดือนนี้กับยอดต่อวันเดือนฐาน ${H.baseLabel || ''} (ฐานเดียวทั้งไตรมาส) ปรับเป็น 30 วันทั้งสองฝั่ง</div>
      <div style="font-size:var(--text-xs);color:rgba(255,255,255,.55);margin-bottom:8px;line-height:1.6">นับร้านเดิม และร้านย้ายเข้า (ตั้งแต่เดือนที่ย้าย)<br>ร้านกลับมาซื้อนับเพิ่ม<br>ไม่นับร้านรับจาก Sales และสาขาใหม่<br>ร้านที่ได้รับยกเว้น หักออกทั้งสองฝั่ง</div>
      <div class="tgt-fml-row"><span class="tgt-fml-mo">ฐาน ${_baseShort}</span><span class="tgt-fml-eq">ยอดเดือนฐาน ปรับ 30 วัน${H.cohortCount ? ' · ' + H.cohortCount + ' สาขา' : ''}</span><span class="tgt-fml-res">${_tgtFmtM(H.baseGmv)}</span></div>
      <div class="tgt-fml-row"><span class="tgt-fml-mo">${_perMo}${_dayTxt}</span><span class="tgt-fml-eq">ยอดเดือนนี้ ปรับ 30 วัน</span><span class="tgt-fml-res">${_tgtFmtM(H.cohortGmv)}</span></div>
      <div class="tgt-fml-total"><span class="tgt-fml-total-lbl">${_tgtFmtM(H.cohortGmv)} ÷ ${_tgtFmtM(H.baseGmv)}</span><span class="tgt-fml-total-val">= ${_commFmtPct(nrrPct)}</span></div>
      <div style="font-size:var(--text-2xs);color:rgba(255,255,255,.5);margin-top:6px">ปัดทศนิยม 1 ตำแหน่งก่อนเทียบขั้นค่าคอมฯ</div>
    </div>`;
  }

  // ── IDs ──────────────────────────────────────────────────────
  const detPanelId = 'tgt-dp-'+(isTL?'tl':email.replace(/\W/g,'_'));
  const detHandleId= 'tgt-dh-'+(isTL?'tl':email.replace(/\W/g,'_'));

  // v802: do NOT set bar.className / display:block yet — value guard below may return early,
  // which previously left the bar as a visible empty box (CSS background+border showed but
  // no innerHTML). Class + display are set AFTER the guard, or synced inside it.
  const _newClass = '';
  // v302: legacy pace bar ถูกซ่อนถาวร — ไม่มี fallback โชว์มันอีกเมื่อ target==0 (จอไม่พึ่ง target แล้ว)
  const oldBar = document.getElementById('portview-pace-bar');
  if (oldBar) oldBar.style.display = 'none';
  // Value guard (v302): คีย์จากสถานะ+เลข+ฐาน+วัน — cached→live วาดครั้งเดียวแม้เลขเท่ากัน
  // (caption "ข้อมูลเมื่อ" ต้องหาย) · live→live เท่ากันข้าม · none→live วาดครั้งเดียว
  const _existingPctEl = bar.querySelector('#tgt-pct-num');
  // R1 UI #1: สีอยู่ในคีย์ด้วย — สีเปลี่ยน (เกณฑ์มา) แม้ % เท่าเดิมต้องถึงจอ (เดิมคีย์ไม่มีสี ⇒ ค้างไม่มีสีทั้งเซสชัน)
  // A4 (UI regress 20 ต.ค.): ไม่มีธง "เกณฑ์มาแล้ว" ในคีย์อีก — เกณฑ์มาแต่สีเดิม (สีจากสำเนาในเครื่อง) = ไม่วาด
  // และเนื้อหาเท่าเดิมแต่สีเปลี่ยน ⇒ เปลี่ยนสีเลขตัวเดียวในที่ ไม่วาดทั้งแถบ (แผง ⓘ ที่เปิดอยู่ไม่ปิดเอง)
  // H4 (25 ต.ค. 2569 · บอร์ด HomeNew): บันไดเกณฑ์จริงของคนที่หัวจอพูดถึง (src/domain/commission/ladder.js ladderOf)
  //   แทนแถบเขียวเต็มหลอด (v302 เกินฐานทุกคนก็เต็มหลอด) · KAM = เกต + ขั้นเงิน · หัวหน้าทีม = ขั้น 106/110/112 · AD = เกตอย่างเดียว
  //   ทั้งบริษัท / PM / อ่านเกณฑ์ไม่ได้ ⇒ ไม่มีบันได (คงแถบเดิม ไม่ถอยไปเส้น 98/100)
  //   เฉพาะการ์ดทอง (คนดูพอร์ตตัวเอง · 07b_cds _kamGoldMode) — หัวหน้าทีม/แอดมินคงแถบเดิมในรอบนี้
  // T3 (25 ต.ค. 2569): หัวหน้าทีมดูทีมตัวเอง ได้บันไดขั้นของหัวหน้าทีมด้วย (ต.ค. 106 / 110 / 112) · แอดมินทั้งบริษัท = ไม่มีเกณฑ์ ไม่มีบันได
  const _gold = _hlScope === 'kam' && typeof _kamGoldMode === 'function' && _kamGoldMode();
  const _tlOwn = _hlScope === 'tl' && !!_hlEmail;
  const _lad = (_gold || _tlOwn) ? _tgtLadderFor(_hlScope, _hlEmail, H) : { marks: [], view: null };
  const _hasPctNum = (H.source === 'live' || H.source === 'cached');
  const _zoneWord = ((_gold || _tlOwn) && _hasPctNum && H.zone && H.zone.key && H.zone.key !== 'none' && H.zone.word_th) ? H.zone.word_th : '';
  const _ladKey = _lad.marks.map(m => m.from + ':' + m.kind + ':' + (m.pay || '')).join(',');
  const _contentKey = `${H.source}|${pct == null ? 'x' : pct.toFixed(1)}|${H.baseGmv || 0}|${H.asOf || ''}|${legacyPacePct == null ? '' : legacyPacePct}|${_ladKey}|${_zoneWord}`;
  const _renderKey = `${_contentKey}|${cls || '-'}`;
  if (_existingPctEl && _existingPctEl.dataset.renderKey === _renderKey) {
    // Content unchanged — just sync class and visibility
    bar.className = _newClass;
    bar.style.display = 'block';
    bar.style.opacity = '1';
    return;
  }
  if (_existingPctEl && _existingPctEl.dataset.contentKey === _contentKey) {
    _existingPctEl.className = `tgt-bar-pct ${cls}`;
    _existingPctEl.dataset.renderKey = _renderKey;
    bar.className = _newClass;
    bar.style.display = 'block';
    bar.style.opacity = '1';
    return;
  }
  // วาดทั้งแถบ (เลข/ฐาน/สถานะเปลี่ยน) — แผง ⓘ ที่เปิดอยู่ต้องเปิดค้างเหมือนเดิม (เดิมปิดเองถ้าข้อมูลมาตอนกำลังอ่าน)
  let _detOpen = false;
  try { const _dp = _existingPctEl ? bar.querySelector('#' + detPanelId) : null; _detOpen = !!(_dp && _dp.classList && _dp.classList.contains('open')); } catch (e) {}

  void bar.offsetHeight;

  // Guard passed — full re-render. Apply class + visibility now (content follows immediately).
  bar.className = _newClass;
  bar.classList.remove('tgt-skeleton');
  bar.style.display = 'block';
  bar.style.opacity = '1';

  const overflowBadge = (pct != null && pct > 100)
    ? `<span class="tgt-overflow-badge">+${_commFmtPct(pct-100)}</span>`
    : '';

  // v753h: tap bar → open Quarter NRR Health sheet
  // Guard: don't fire if click originated from i-button or detail panel
  bar.onclick = function(e){
    if(e.target && (
      e.target.classList.contains('tgt-info-btn') ||
      e.target.closest('.tgt-detail-panel') ||
      e.target.closest('.tgt-info-btn')
    )) return;
    try{ if(typeof _qnrrOpen==='function')_qnrrOpen(); }catch(err){}
  };
  bar.style.cursor = 'pointer';
  bar.title = 'ดูสุขภาพพอร์ต ' + ((typeof QNRR_CFG !== 'undefined' && QNRR_CFG && QNRR_CFG.quarter) ? QNRR_CFG.quarter.replace(/^(\d{4})q(\d)$/, 'Q$2 $1') : '');
  bar.style.webkitTapHighlightColor='transparent'; // v803: setAttribute throws InvalidCharacterError on Safari iOS

  // v302: เลขใหญ่ = %NRR 1dp · none → shimmer ความกว้างคงที่ (วันไม่กระโดด) · stale → ขีด
  const _pctHtml = (H.source === 'live' || H.source === 'cached')
    ? _commFmtPct(pct)
    : (H.source === 'stale_quarter' ? '—' : `<span style="display:inline-block;width:3.2em;height:.8em;border-radius:6px;background:rgba(255,255,255,.08);animation:_dotBlink 1.2s ease-in-out infinite;vertical-align:middle"></span>`);
  const _hasNums = (H.source === 'live' || H.source === 'cached') && H.baseGmv > 0;
  const _newDot = (typeof _nrrAnnounceActive === 'function' && _nrrAnnounceActive()) ? ' nrr-new-dot' : '';

  bar.innerHTML = `
    <div class="tgt-bar-header">
      <div class="tgt-bar-left">
        <span id="tgt-pct-num" class="tgt-bar-pct ${cls}" data-render-key="${_renderKey.replace(/"/g,'&quot;')}" data-content-key="${_contentKey.replace(/"/g,'&quot;')}">${_pctHtml}</span>
        ${_zoneWord ? `<span class="tgt-zone-word ${cls}">${_zoneWord}</span>` : ''}
        ${daysElapsed>0?`<span class="tgt-bar-days-inline">${daysElapsed} / ${daysInMonth} วัน</span>`:''}
      </div>
      <div class="tgt-bar-right">
        <div class="tgt-rr-label">ร้านในฐาน + กลับมาซื้อ</div>
        <div class="tgt-rr-row">
          <span class="tgt-rr-actual">${_hasNums ? _tgtFmtM(H.cohortGmv) : '—'}</span>
          <span class="tgt-rr-sep">/</span>
          <span class="tgt-rr-target">${_hasNums ? _tgtFmtM(H.baseGmv) : '—'}</span>
        </div>
        <div class="tgt-rr-label" style="margin-top:2px">ฐาน ${_hlBaseLbl} · ปรับ 30 วัน</div>
      </div>
    </div>
    ${_lad.marks.length ? _tgtLadderHtml(_lad, _hasPctNum ? pct : null, cls) : `<div class="tgt-seg-wrap">
      ${nrrBarW>0?`<div class="tgt-seg nrr${segFull}" style="left:0;width:${nrrBarW}%"></div>`:''}
      ${cbBarW>0?`<div class="tgt-seg comeback" style="left:${nrrBarW}%;width:${cbBarW}%"></div>`:''}
      ${exBarW>0?`<div class="tgt-seg expansion" style="left:${nrrBarW+cbBarW}%;width:${exBarW}%"></div>`:''}
    </div>`}
    <p class="tgt-next" id="tgt-next-line"></p>
    <div class="tgt-pct-legend">
      ${nrrLeg}${cbLeg}${exLeg}
      ${overflowBadge}
      ${setupBtn}
      <button class="tgt-info-btn${_newDot}${_detOpen ? ' open' : ''}" id="${detHandleId}" onclick="event.stopPropagation();_tgtToggleDetail('${detPanelId}','${detHandleId}')">i</button>
    </div>
    ${mvSection}
    <div class="tgt-detail-panel${_detOpen ? ' open' : ''}" id="${detPanelId}">
      ${gmvSection}${nrrSection}${baselineSection}
    </div>`;
  // วันของเดือนที่ตัวเลข %NRR พูดถึง (ไฟล์ NRR) — ไม่ใช่วันจากบิลพอร์ต (เช้าวันที่ 1 สองอย่างนี้เป็นคนละเดือน)
  const _rawD = H.raw || {};
  window._tgtLastLadder = { lad: _lad, H, scope: _hlScope, email: _hlEmail, gold: _gold, tl: _tlOwn,
    daysElapsed: Number(_rawD.daysElapsed) > 0 ? Number(_rawD.daysElapsed) : daysElapsed,
    daysInMonth: Number(_rawD.daysInMonth) > 0 ? Number(_rawD.daysInMonth) : daysInMonth };
  try { _tgtRenderNextLine(); } catch (e) {}
  try { if (typeof _kamGoldArrange === 'function') _kamGoldArrange(); } catch (e) {}

}

// ── H4: บันไดเกณฑ์ (25 ต.ค. 2569) ─────────────────────────────────────────────────────────────
// view ของคนที่หัวจอพูดถึง เดือนของตัวเลข (H.period) · ตำแหน่งหาจากอีเมล (AD/PM ไม่ได้ใช้เกณฑ์ KAM)
function _tgtLadderFor(scope, email, H) {
  const out = { marks: [], view: null };
  try {
    const L = (window.FK && window.FK.mod) ? window.FK.mod['commission/ladder'] : null;
    if (!L || !email || scope === 'admin' || typeof _dispZoneView !== 'function') return out;
    const v = _dispZoneView(scope === 'tl' ? 'tl' : 'kam', email, (H && H.period) || null);
    if (!v || v.status !== 'ok') return out;
    out.view = v;
    out.marks = L.ladderOf(v);
  } catch (e) {}
  return out;
}
// สเกล: ต่ำกว่าเส้นแรก 5 จุด ถึงเหนือเส้นสุดท้าย 4 จุด (บอร์ด: 98–114 สำหรับ 103/106/110) · ตัวเลขเกินสเกลชิดขอบ
function _tgtLadderHtml(lad, pct, cls) {
  const m = lad.marks;
  const lo = m[0].from - 5, hi = m[m.length - 1].from + 4;
  const at = x => Math.max(0, Math.min(100, (x - lo) / (hi - lo) * 100));
  const fmtPay = n => (typeof _commFmtPayout === 'function') ? _commFmtPayout(n) : ('฿' + Math.round(n).toLocaleString('en-US'));
  const pts = n => (typeof _commFormatPts === 'function' ? _commFormatPts(n) : String(n)) + '%';
  const segs = [];
  const bounds = [0].concat(m.map(x => at(x.from))).concat([100]);
  // สีช่วง = สีโซนของ %NRR ที่อยู่ในช่วงนั้น (คีย์เดียวกับ nrrZoneCls: zero/half/below1/gate_ok/t1–t3)
  const kindOf = i => {
    if (i === 0) return m[0].kind === 'half' ? 'zero' : 'below1';
    const p = m[i - 1];
    return p.kind === 'half' ? 'half' : (p.kind === 'step' ? 't' + Math.min(3, p.step) : 'gate_ok');
  };
  const last = bounds.length - 2;
  for (let i = 0; i <= last; i++) segs.push(`<span class="tgt-lad-seg z-${kindOf(i)}${i === 0 ? ' l0' : ''}${i === last ? ' lN' : ''}" style="left:${bounds[i]}%;width:${Math.max(0, bounds[i + 1] - bounds[i])}%"></span>`);
  const me = (pct === null || pct === undefined || isNaN(pct)) ? '' : `<span class="tgt-lad-fill ${cls || ''}" style="width:${at(pct)}%"></span><span class="tgt-lad-me ${cls || ''}" style="left:${at(pct)}%"></span>`;
  const n = m.length;
  // Bucci 25 ต.ค. 2569: ป้ายขั้นเงินไม่มีคำว่า "ขั้น N" — แค่ % กับเงินที่ได้ (สองบรรทัดแคบ ๆ ไม่ต้องเพิ่มแถว แม้เส้นชิดกันอย่าง 110 / 112)
  // เส้นเกต (ได้ 50% / ได้เต็ม) ยังมีคำ เพราะไม่มีเงินให้โชว์
  const labels = m.map((x, i) => {
    const shift = n > 1 ? (i === 0 ? -68 : (i === n - 1 ? -32 : -50)) : -50;
    const a = at(x.from);
    const sub = x.kind === 'step' && x.pay ? `<i>${fmtPay(x.pay)}</i>` : `<span>${x.word_th}</span>`;
    return `<i class="tgt-lad-tick" style="left:${a}%"></i><p class="tgt-lad-lbl" style="left:${a}%;transform:translateX(${shift}%)"><b>${pts(x.from)}</b>${sub}</p>`;
  }).join('');
  return `<div class="tgt-lad" aria-label="บันไดเกณฑ์ค่าคอมฯ">${segs.join('')}${me}${labels}</div>`;
}
// ── H5: "ขายเพิ่มอีก ฿X เดือนนี้ ถึงขั้นถัดไป · ค่าคอมฯ +฿Y (Z จุด)" — เฉพาะ KAM/AD/PM ดูของตัวเอง ─────────────────
// เงินต้องเท่าตัวจ่าย: ladder.nextGain คิด final ของวันนี้ซ้ำจากส่วนประกอบของแถบค่าคอมฯ (07b_cds _commLastSelfSrc)
// ไม่เท่า ⇒ ไม่บอกเงิน · upsell ยังไม่รู้ ⇒ บอกยอดที่ต้องขาย + "ยังไม่รวม Upsell" (D3) · ซ่อนเมื่อ: ล็อกแล้ว · ขั้นสูงสุด ·
// ข้อมูลน้อยกว่า 6 วัน (กติกาเดียวกับวงแหวน) · ยังโหลด · ไม่ใช่หน้าของตัวเอง · เรียกซ้ำได้ (แถบค่าคอมฯ วาดเสร็จเรียกอีกรอบ)
function _tgtRenderNextLine() {
  const el = document.getElementById('tgt-next-line');
  if (!el) return;
  const put = h => { if (el._lastHtml !== h) { el._lastHtml = h; el.innerHTML = h; } el.style.display = h ? '' : 'none'; };
  const T = window._tgtLastLadder;
  const L = (window.FK && window.FK.mod) ? window.FK.mod['commission/ladder'] : null;
  if (!T || !L || !(T.gold || T.tl) || !T.lad || !T.lad.view || !T.H || T.H.source !== 'live' || T.H.quarterNotice) return put('');
  // เดือนต้องยังไม่จบ และมีข้อมูลอย่างน้อย 6 วัน (กติกาเดียวกับวงแหวนหน้าร้าน)
  if (!(T.daysElapsed >= 6) || !(T.daysElapsed < T.daysInMonth)) return put('');
  try { if (typeof QnrrQuarter !== 'undefined' && QnrrQuarter && QnrrQuarter.lagYM && T.H.period && QnrrQuarter.lagYM(Date.now()) !== T.H.period) return put(''); } catch (e) {}
  const kOf = b => b >= 1e6 ? '฿' + (Math.ceil(b / 1e5) / 10).toFixed(1) + 'M' : '฿' + Math.round(b / 1000) + 'K';
  // T3: หัวหน้าทีม — ยอดที่ทีมต้องขายเพิ่ม + เงินที่เพิ่ม (ขั้นถัดไป × ตัวคูณทีมของวันนี้) เมื่อการ์ดค่าคอมฯ ของหัวหน้าทีมคิดเสร็จ
  if (T.tl) {
    const gt = L.nextGain({ view: T.lad.view, pct: T.H.pct, parts: null, final: null, baseGmv: T.H.baseGmv, daysInMonth: T.daysInMonth });
    if (!gt) return put('');
    const ptsT = (typeof _commFormatPts === 'function') ? _commFormatPts(gt.gap) : gt.gap.toFixed(1);
    const toT = (T.lad.marks.find(m => m.from === gt.from) || {}).kind === 'step' ? gt.word_th : 'เส้น' + gt.word_th;
    // เงินของหัวหน้าทีม = round(ขั้น %NRR × ตัวคูณ upsell ทีม) (payout.js payoutTl) — คิดยอดวันนี้ซ้ำจากการ์ดค่าคอมฯ ก่อน ไม่เท่า ⇒ ไม่บอกเงิน
    let moneyT = '';
    try {
      const S = window._commLastSelfSrc, RV = window.FK.mod['commission/rule_view'];
      if (S && S.tl && !S.loading && S.multOk && !S.un && RV && String(S.email || '').toLowerCase() === String(T.email || '').toLowerCase()) {
        const mlt = Number(S.um.multiplier), pctNow = (S.p.nrr_pct != null) ? S.p.nrr_pct : T.H.pct;
        const s0 = RV.nrrStepAt(T.lad.view, pctNow), s1 = RV.nrrStepAt(T.lad.view, gt.from);
        const now = Math.round(((s0 && s0.pay) || 0) * mlt);
        if (isFinite(mlt) && now === Math.round(Number(S.p.final_payout)) && ((s0 && s0.pay) || 0) === Number(S.p.nrr_payout)) {
          const d = Math.round(((s1 && s1.pay) || 0) * mlt) - now;
          if (d > 0) moneyT = ` <span class="g">ค่าคอมฯ +${(typeof _commFmtPayout === 'function') ? _commFmtPayout(d) : '฿' + d}</span>`;
        }
      }
    } catch (e) {}
    return put(`ทีมขายร้านในฐานเพิ่มอีก <b>${kOf(gt.bahtRounded)}</b> เดือนนี้ ถึง${toT}${moneyT} <span class="s">(${ptsT} จุด)</span>`);
  }
  const S = window._commLastSelfSrc;
  if (!S || S.loading || !S.src || !S.st) return put('');
  const src = S.src;
  if (src.locked || src.unavailable || src.noPlan || src.notEligible) return put('');
  // แถบค่าคอมฯ ต้องพูดถึงคนเดียวกับหัวจอ และเดือนเดียวกัน
  if (String(S.st.email || '').toLowerCase() !== String(T.email || '').toLowerCase() || (S.st.period && T.H.period && S.st.period !== T.H.period)) return put('');
  const hoUnk = (typeof _commHoUnknown === 'function') ? _commHoUnknown(src.handover_detail) : !!(src.handover_detail && src.handover_detail.ledger_missing);
  const g = L.nextGain({
    view: T.lad.view, pct: (S.st.pct != null) ? S.st.pct : T.H.pct,
    parts: { upsell: src.upsellUnknown ? null : src.upsell_sku, outlet: src.upsell_outlet, ho: hoUnk ? null : src.handover },
    final: src.final, baseGmv: T.H.baseGmv, daysInMonth: T.daysInMonth
  });
  if (!g) return put('');
  // D7: ปัดขึ้นเสมอ (ไม่บอกน้อยกว่าที่ต้องขายจริง) · ยอดต้องมาจากร้านในฐาน/กลับมาซื้อ (ร้านใหม่/รับจาก Sales ไม่ขยับ %NRR)
  const b = g.bahtRounded;
  const k = b >= 1e6 ? '฿' + (Math.ceil(b / 1e5) / 10).toFixed(1) + 'M' : '฿' + Math.round(b / 1000) + 'K';
  const pay = (typeof _commFmtPayout === 'function') ? _commFmtPayout(g.delta || 0) : '฿' + (g.delta || 0);
  const to = (T.lad.marks.find(m => m.from === g.from) || {}).kind === 'step' ? g.word_th : 'เส้น' + g.word_th;
  const money = g.delta != null && g.delta > 0 ? ` <span class="g">ค่าคอมฯ +${pay}</span>` : '';
  const pts = (typeof _commFormatPts === 'function') ? _commFormatPts(g.gap) : g.gap.toFixed(1);
  // D3: ส่วนประกอบยังไม่ครบ ⇒ บอกยอดที่ต้องขายอย่างเดียว ไม่บอกเงิน และบอกว่าขาดอะไร
  const upNote = g.deltaReason !== 'parts_unknown' ? '' : ` <span class="s">· ยังไม่รวม ${src.upsellUnknown ? 'Upsell' : 'Handover'}</span>`;
  put(`ขายร้านในฐานเพิ่มอีก <b>${k}</b> เดือนนี้ ถึง${to}${money} <span class="s">(${pts} จุด)</span>${upNote}`);
}
window._tgtRenderNextLine = _tgtRenderNextLine;

function _tgtToggleDetail(panelId, handleId) {
  const p=document.getElementById(panelId);
  const h=document.getElementById(handleId);
  if(!p||!h) return;
  const open=p.classList.toggle('open');
  h.classList.toggle('open',open);

  // v753p: force pv-collapsible to re-measure height to accommodate expanded panel
  // expandedH was captured before panel existed → stale → clips panel
  // _pvResetExpandedH() is exposed from _pvInitCollapseObserver closure
  // v754c: delay reset so panel layout settles before _frame() re-measures
  // calling immediately → scrollHeight measured before CSS transition → clips
  var _delayReset = function() {
    try {
      if (typeof window._pvResetExpandedH === 'function') {
        window._pvResetExpandedH();
      }
    } catch(e) {}
  };
  // two-frame delay: first rAF = class applied + reflow, second = paint settled
  requestAnimationFrame(function(){ requestAnimationFrame(_delayReset); });
}

// A4 (UI regress 20 ต.ค. 2569): หัวจอที่ต้องวาดทั้งก้อนใหม่ (หัวจอทีม #tv-pace-bar ใน 06) เรียกตัวนี้ "ก่อน" เขียน innerHTML
// แล้วเรียกฟังก์ชันที่ได้คืน "หลัง" เขียนเสร็จ — การวาดใหม่ต้องมองไม่เห็น:
//   1. แถบ .pace-bar-fill เล่นอนิเมชันเข้า (barScale) ครั้งเดียวต่อกล่องต่อการเปิดแอป: แถบเดิมมีความยาวแล้ว ⇒ ติด data-bar-shown
//      ที่กล่อง (กล่องอยู่ตลอด เปลี่ยนแค่ข้างใน) แล้ว CSS ปิดอนิเมชันของแถบใหม่ (styles_portview.css) · แถบรอข้อมูล (ยาว 0) ยังไม่นับ
//   2. แผง ⓘ (panelId) ที่เปิดอยู่ เปิดค้างเหมือนเดิม — กดปุ่มของแผงเองอีกครั้ง (ท่าเดียวกับคนกด ได้สีปุ่มครบ) ไม่ปล่อยเหตุการณ์คลิกออกไป
function _tgtKeepAcrossRedraw(el, panelId) {
  if (!el) return function () {};
  try {
    const fill = el.querySelector('.pace-bar-fill');
    if (fill && parseFloat(fill.style.width) > 0) el.setAttribute('data-bar-shown', '1');
  } catch (e) {}
  let open = false;
  try {
    const p = panelId ? el.querySelector('#' + panelId) : null;
    open = !!(p && p.style.display && p.style.display !== 'none');
  } catch (e) {}
  return function () {
    if (!open) return;
    try {
      const p = el.querySelector('#' + panelId);
      if (!p || (p.style.display && p.style.display !== 'none')) return;
      const btn = el.querySelector('[onclick*="' + panelId + '"]');
      if (btn && typeof btn.onclick === 'function') btn.onclick.call(btn, { stopPropagation() {}, preventDefault() {}, target: btn, currentTarget: btn });
      if (p.style.display === 'none') p.style.display = 'block';
    } catch (e) {}
  };
}
window._tgtKeepAcrossRedraw = _tgtKeepAcrossRedraw;

// ── Teamview: target rows are now rendered in the main KAM card metrics ───────
function _tgtInjectTeamviewTargetRows() {
  // v207f: no-op by design. Teamview cards already use runRate ÷ target when targets exist,
  // so appending a second target row would create duplicate/conflicting signals.
  return;
}

// ── Utility helpers ─────────────────────────────────────────────
function _tgtSafeId(str) {
  return (str || '').replace(/[^a-zA-Z0-9]/g, '_');
}

function _tgtGetKamsForTL(tlEmail) {
  const kamMap = {};
  if (typeof portviewBulkData !== 'undefined' && portviewBulkData.length) {
    portviewBulkData.filter(r => !tlEmail || r.tlEmail === tlEmail).forEach(r => {
      const email = r.kamEmail || '';
      const name = r.kamName || email;
      if (email && !kamMap[email]) kamMap[email] = { email, name };
    });
  }
  return Object.values(kamMap);
}

function _tgtKamBaseline3mo(kamEmail, tlEmail, mode) {
  // Method C: avg daily rate across last 3 closed months × days in current month
  if (typeof bulkHistoryData === 'undefined') return 0;
  const accounts = (typeof portviewBulkData !== 'undefined' ? portviewBulkData : [])
    .filter(a => {
      if (mode === 'kam' && kamEmail) return a.kamEmail === kamEmail;
      if (mode === 'tl' && tlEmail) return a.tlEmail === tlEmail;
      return true;
    });
  if (!accounts.length) return 0;
  const mo = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
  const moSort = m => { const p = (m||'').split(' '); return (parseInt(p[1]||0)*12) + mo.indexOf(p[0]); };
  const allMonths = new Set();
  accounts.forEach(a => (bulkHistoryData[a.id] || []).forEach(h => { if (h.m) allMonths.add(h.m); }));
  // v205c: exclude current month (MTD partial data skews daily rate down)
  const _now3mo = new Date();const _lag3mo=new Date(_now3mo);_lag3mo.setDate(_lag3mo.getDate()-1); // day-1 lag
  const _curMonthLabel3mo = mo[_lag3mo.getMonth()] + ' ' + (_lag3mo.getFullYear() + 543);
  const last3 = Array.from(allMonths)
    .filter(m => m !== _curMonthLabel3mo)
    .sort((a,b) => moSort(a)-moSort(b))
    .slice(-3);
  if (!last3.length) return 0;
  // Sum GMV per month, normalize by days in that month → get avg daily rate
  const dailyRates = last3.map(m => {
    const monthGmv = accounts.reduce((s, a) => {
      const row = (bulkHistoryData[a.id] || []).find(h => h.m === m);
      return s + (row ? (row.gmv || row.s || 0) : 0);
    }, 0);
    const days = getThaiMonthDays(m);
    return days > 0 ? monthGmv / days : 0;
  });
  const avgDailyRate = dailyRates.reduce((s,v) => s+v, 0) / last3.length;
  // × days in current month (from paceSignal or calendar)
  // v205c fix: daysInMonth is top-level on account object, NOT inside paceSignal
  // a.paceSignal.daysInMonth is always undefined → was defaulting to 30 even in 31-day months
  let daysInCurrentMonth = 30;
  for (const a of accounts) {
    const dim = a.daysInMonth || (a.paceSignal && a.paceSignal.daysInMonth) || 0;
    if (dim > 0) { daysInCurrentMonth = dim; break; }
  }
  return Math.round(avgDailyRate * daysInCurrentMonth);
}

// ── Hook into existing render pipeline ─────────────────────────
// Patch renderTeamviewKamList to inject target rows
const _origRenderTeamviewKamList = typeof renderTeamviewKamList === 'function' ? renderTeamviewKamList : null;
if (_origRenderTeamviewKamList) {
  window.renderTeamviewKamList = function() {
    _origRenderTeamviewKamList.apply(this, arguments);
    requestAnimationFrame(()=>setTimeout(() => _tgtInjectTeamviewTargetRows(), 120));
  };
}

// ── Admin button in teamview header ────────────────────────────
// Inject "ตั้ง Target" button into tv-pace-bar area for admin/TL
function _tgtInjectAdminBtn() {
  // v193i: Target button moved to teamview header (tv-target-btn) — no longer injected here
  return;
  const role = (currentUserProfile && currentUserProfile.role) || 'rep';
  if (role !== 'tl' && role !== 'admin') return;
  const tvBar = document.getElementById('tv-pace-bar');
  if (!tvBar) return;
  if (document.getElementById('tgt-tv-admin-btn')) return;
  const btn = document.createElement('button');
  btn.id = 'tgt-tv-admin-btn';
  btn.className = 'tgt-admin-btn';
  btn.innerHTML = `<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg> ตั้ง Target`;
  btn.onclick = () => openTargetSetup(role === 'admin' ? 'admin' : 'tl');
  tvBar.parentNode.insertBefore(btn, tvBar);
}

// ── Inject target bar placeholder into portview HTML ──────────
function _injectPortviewBarEl() {
  const ref = document.getElementById('portview-pace-bar');
  if (ref) {
    if (!document.getElementById('tgt-portview-bar')) {
      const div = document.createElement('div');
      div.id = 'tgt-portview-bar';
      div.style.display = 'none';
      ref.parentNode.insertBefore(div, ref);
    }
    if (!document.getElementById('tgt-nrr-bar')) {
      const nrrDiv = document.createElement('div');
      nrrDiv.id = 'tgt-nrr-bar';
      ref.parentNode.insertBefore(nrrDiv, ref);
    }
  }
}
// Run immediately + on DOM ready (portview may not exist yet at parse time)
_injectPortviewBarEl();
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', _injectPortviewBarEl);
} else {
  setTimeout(_injectPortviewBarEl, 500);
}

// ── v224e: Pre-load targets from localStorage at module parse time ──
// Runs synchronously before first refreshAll — _tgtLoaded=true means first render uses real target,
// not 3-month baseline fallback. Eliminates baseline→target flash on TL teamview.
// R2 (19 ต.ค. 2569): รายการ _tgtQuarterCache ที่ใส่ตรงนี้ไม่มี loadState ⇒ _loadTargetsInner ไม่เสิร์ฟเป็นแคชแล้ว
// (เดิมเปิดแอปซ้ำภายใน 5 นาที ชุดค้าง complete:false 'localStorage') — จอยังเห็นสำเนานี้จนชุดจากฐานข้อมูลสลับเข้า
const TGT_COLOUR_SEED_MAX_AGE_MS = 7 * 24 * 60 * 60 * 1000;   // A4: อายุสำเนาสำหรับสีเท่านั้น (ดูใน IIFE ข้างล่าง)
(function _tgtPreloadFromLocalStorage(){
  try{
    const _q=_tgtCurrentQuarter();
    const _raw=localStorage.getItem('sense_tgt_ls_'+_q);
    if(!_raw)return;
    const _obj=JSON.parse(_raw);
    if(!_obj||!_obj.ts||!_obj.data)return;
    // A4 (UI regress 20 ต.ค. 2569): สำเนาเดียวกันใช้หา "สี" ของ %NRR ก่อนเกณฑ์จริงมา (07a _dispSeedRuleView) — สีเท่านั้น
    // ไม่ป้อนเงิน · อายุนานกว่าทางอื่น (TGT_COLOUR_SEED_MAX_AGE_MS) เพราะสีผิดได้แค่ครั้งเดียวแล้วเกณฑ์จริงแก้เอง
    // epoch = เลขรอบผู้ใช้ตอนบูต · ออกจากระบบแล้วเลขขยับ ⇒ 07a ไม่ใช้สำเนานี้อีก (ตัวสำเนาใน localStorage ก็ถูกลบ)
    if(Date.now()-_obj.ts<=TGT_COLOUR_SEED_MAX_AGE_MS){
      const _sd=_obj.data;
      window._tgtColourSeed={quarter:_q,ts:_obj.ts,epoch:_tgtGovState.epoch,data:{
        commRules:JSON.parse(JSON.stringify(_sd.commRules||{})),nrrPolicies:JSON.parse(JSON.stringify(_sd.nrrPolicies||{})),
        settings:JSON.parse(JSON.stringify(_sd.settings||{})),colour:_sd.colour||null}};
    }
    if(Date.now()-_obj.ts>24*60*60*1000)return; // stale after 24h
    const d=_obj.data;
    _tgtCache={...(d.cache||{})};
    _tgtSettings={...(d.settings||{nrr_threshold:98})};
    _nrrGovPolicies={...(d.nrrPolicies||{})};
    _commRuleConfig=JSON.parse(JSON.stringify(d.commRules||{plans:{},rules:{},tiers:{}}));
    _nrrExclusions=JSON.parse(JSON.stringify(d.nrrExclusions||[]));
    _commissionSnapshots=JSON.parse(JSON.stringify(d.commissionSnapshots||[]));
    _tgtQuarterCache[_q]={cache:{..._tgtCache},settings:{..._tgtSettings},nrrPolicies:{..._nrrGovPolicies},
      commRules:JSON.parse(JSON.stringify(_commRuleConfig)),nrrExclusions:JSON.parse(JSON.stringify(_nrrExclusions)),
      commissionSnapshots:JSON.parse(JSON.stringify(_commissionSnapshots)),ts:_obj.ts};
    _tgtLoaded=true;
  }catch(e){}
})();

// ── Init: poll for portview visibility on startup ──────────────
setTimeout(async function _tgtInitCheck() {
  const role = (currentUserProfile && currentUserProfile.role) || '';
  if (!role) { setTimeout(_tgtInitCheck, 600); return; }
  // v648-fix: loadTargets() is a Supabase fetch, does NOT need portview/R2 data.
  // OLD: waited for allCriticalReady() before loadTargets() → slow networks caused
  // commission shimmer to stick the entire session (allCriticalReady blocked for >30s).
  // FIX: loadTargets() fires immediately when role is ready → _tgtLoaded=true quickly
  // → commission strip re-renders. NRR bar still waits for portview GMV data.
  await loadTargets(_tgtCurrentQuarter());
  // v826: Auto-draft-compute for last month's commission at start of new month.
  // Reuses the SAME client-side computeCommissionDraft() — no server/BigQuery needed.
  // Fires once (guarded by "draft/final already exists?") when an Admin opens the app
  // during the grace window (day 1-3) and last month has not been locked yet.
  // Saves as DRAFT only — Admin still reviews and clicks Lock manually (by design).
  // v_clock: ยกเครื่องบล็อกนี้ทั้งก้อน — เดิมมี 4 ปัญหาที่ทำให้เงียบและเสี่ยง
  //   1. `alreadyHasSnapshot` อ่านจาก `_commissionSnapshots` ที่โหลดแค่ไตรมาสปัจจุบัน
  //      → รอยต่อไตรมาส (1-3 ต.ค.) ก.ย. ไม่อยู่ในลิสต์ → ยิงซ้ำทุกครั้งที่ admin เปิดแอป
  //      และตัวกัน "อย่าทับของที่ lock แล้ว" ก็ตาบอดพร้อมกัน → ทับของที่ lock เงียบๆ
  //   2. `.catch(function(){})` + `try{}catch(e){}` ว่าง → ล้มเหลวกับไม่เคยรันแยกไม่ออก
  //   3. ไม่มี mutex → ชนกับคนกด Compute/Lock มือ และกับ admin คนอื่นที่เปิดพร้อมกัน
  //   4. ยิงที่ T+1.5s ก่อน allCriticalReady() → คำนวณบนข้อมูลที่โหลดไม่ครบ ซึ่งเป็น
  //      อาการเดียวกับที่ทำให้ต้อง revert v919-921 (c009c2a "racy partial %NRR values")
  //
  // ยังคงเจตนาเดิมไว้: **บันทึกเป็น draft เท่านั้น admin ต้องกด Lock เอง**
  // (คอมเมนต์เดิมของผู้เขียนย้ำไว้ และเป็นเส้นที่ถูกต้อง — ไม่ทำ auto-lock)
  (async function _commAutoDraftGuarded() {
    try {
      // v_ownertier: computeCommissionDraft เขียน commission_payout_snapshots ซึ่ง
      // RLS เปิดให้เฉพาะ admin จริง และตัวฟังก์ชันถูกห่อด้วยการ์ดเจ้าของระบบแล้ว
      // ⇒ ถ้ายังปล่อยให้ admin คนอื่นวิ่งเข้ามา จะโดนการ์ดเด้ง toast ทุกครั้งที่เปิดจอ
      // ในช่วงต้นเดือนโดยที่เขาไม่ได้กดอะไรเลย
      // RG-3 (16 ต.ค. 2569): รอคำตอบว่าเป็นเจ้าของระบบไหมก่อน — ตอนบูตเย็นถามครั้งแรกมักเกิน 6 วิ แล้ว 01_core ถามใหม่เอง
      // (เดิมเช็คทันทีตอนนั้นซึ่งยังเป็น false เสมอ ⇒ ออกเงียบ) · รอสูงสุด 3 นาที ไม่ได้คำตอบ = ไม่ใช่เจ้าของ (fail closed)
      const _ownerDeadline = Date.now() + 180000;
      while ((window._ownerFlagState === 'pending' || window._ownerFlagState === 'unknown') && Date.now() < _ownerDeadline) {
        await new Promise(function (r) { setTimeout(r, 2000); });
      }
      const isOwnerNow = (typeof isOwner === 'function') ? isOwner() : (window.currentUserIsOwner === true);
      if (!isOwnerNow) return;
      const eom = (typeof _commEomStatus === 'function') ? _commEomStatus() : null;
      if (!eom || !eom.showGraceBanner) return;
      const target = eom.prevPeriod;

      // ── ป้ายเตือนขึ้นก่อนเสมอ ──
      // ตั้งใจให้ขึ้นก่อน auto-compute และไม่ผูกกับผลของมัน: ถ้า auto-compute ทำไม่ได้
      // (ข้อมูลไม่ครบ/DB ล่ม) admin ยังต้องรู้ว่ายังไม่ได้ lock — นั่นคือเรื่องสำคัญกว่า
      try { if (typeof _commMaybeShowLockPill === 'function') _commMaybeShowLockPill(); } catch (e) {
        console.error('[CommAuto] แสดงป้ายเตือน lock ไม่สำเร็จ', e);
      }

      if (typeof computeCommissionDraft !== 'function') return;

      // ── เกตข้อมูล: ห้ามคำนวณบนข้อมูลที่โหลดไม่ครบ ──
      const _gatesNow = function () {
        const _g = [];
        if (typeof allCriticalReady === 'function' && !allCriticalReady()) _g.push('ข้อมูลหลักยังโหลดไม่ครบ');
        if (typeof _tgtSettingsLoadFailed !== 'undefined' && _tgtSettingsLoadFailed) _g.push('โหลด target_settings ไม่สำเร็จ');
        if (window._nrrGovPoliciesLoaded !== true) _g.push('ยังไม่รู้โหมดคำนวณ (nrr_policies)');
        // R1-3 a: งวดแบบใหม่ (ตั้งแต่ ต.ค. 2569) — เกณฑ์/การผูก/waiver ต้องเป็นชุดที่โหลดครบจากฐานข้อมูล
        // (สำเนา localStorage หรือการโหลดที่พลาดบางตาราง = ไม่ครบ) · computeCommissionDraft บังคับโหลดใหม่อีกชั้น
        const _rcWhy = (typeof _commRuleConfigReady === 'function') ? _commRuleConfigReady(target) : '';
        if (_rcWhy) _g.push(_rcWhy);
        // HO ครั้งเดียวต่อสาขา: งวดตั้งแต่ ต.ค. 2026 ห้ามคิด draft โดยไม่มีรายชื่อสาขาที่นับ HO แล้ว
        // (computeCommissionDraft จะโหลดสดซ้ำอีกรอบก่อนสร้าง — ตรงนี้กันไม่ให้เริ่มเลยถ้าตอนบูตยังโหลดไม่ได้)
        if (typeof _commHoOnceApplies === 'function' && _commHoOnceApplies(target)
            && !(window._commHoLedger && window._commHoLedger.loaded)) _g.push('ยังโหลดรายชื่อสาขาที่นับ HO แล้วไม่ได้');
        return _g;
      };
      // RG-2 (16 ต.ค. 2569): เดิมเช็คครั้งเดียวตอนบูต — ตอนนั้นไฟล์หลักแทบไม่เคยโหลดเสร็จ และบูตเย็นยังล้างเกณฑ์
      // แล้วโหลดใหม่อีก ~3 วิ ⇒ ข้ามเงียบแล้วไม่ลองอีกเลย = วันที่ 1 ไม่เคยได้ draft อัตโนมัติจริง
      // ตอนนี้รอให้พร้อมสูงสุด 3 นาที (เช็คทุก 2 วิ) แล้วค่อยข้าม · ตัวคิดเงินข้างในยังตรวจเข้มเหมือนเดิมทุกชั้น
      let _gates = _gatesNow();
      const _gateDeadline = Date.now() + 180000;
      while (_gates.length && Date.now() < _gateDeadline) {
        await new Promise(function (r) { setTimeout(r, 2000); });
        _gates = _gatesNow();
      }
      if (_gates.length) {
        // เงียบไม่ได้ แต่ก็ไม่ควรกวน admin ด้วย toast เพราะนี่เป็นสภาพชั่วคราวตอนบูต
        // ป้ายเตือน lock ขึ้นไปแล้วข้างบน → admin ยังไปกด Compute เองได้ทุกเมื่อ
        console.warn('[CommAuto] ข้าม auto-compute ' + target + ' — ' + _gates.join(' · '));
        return;
      }

      // ── มี snapshot อยู่แล้วหรือยัง: ถาม DB ตรงๆ ไม่พึ่ง array ที่ scope แค่ไตรมาสนี้ ──
      const st = (typeof _commSnapshotStateFromDb === 'function')
        ? await _commSnapshotStateFromDb(target) : null;
      if (st === null) {
        console.error('[CommAuto] อ่านสถานะ snapshot ' + target + ' ไม่ได้ — ข้าม auto-compute');
        return;
      }
      if (st.hasAny) {
        console.info('[CommAuto] ' + target + ' มี snapshot แล้ว (' + st.rows.length +
                     ' แถว, final ' + st.finalCount + ') — ไม่ต้อง auto-compute');
        return;
      }

      const ok = await computeCommissionDraft(target);
      // งวดตั้งแต่ ต.ค. 2026 ใช้ชื่อเดือนไทยบนป้าย (สัญญา HO v2 ข้อ E4) · งวดก่อนหน้าข้อความเดิมทุกตัวอักษร
      const _tLbl = (typeof _commHoOnceApplies === 'function' && _commHoOnceApplies(target) && typeof _commPeriodLabelTh === 'function')
        ? _commPeriodLabelTh(target) : target;
      if (ok) {
        if (typeof showToast === 'function') {
          showToast('Auto-compute ค่าคอมฯ ' + _tLbl + ' เสร็จแล้ว — ตรวจและกด Lock ที่ Commission Cockpit', 'ok');
        }
      } else {
        // เดิมเคสนี้เงียบสนิท: `if (ok && ...)` ไม่มี else เลย
        console.error('[CommAuto] auto-compute ' + target + ' ไม่สำเร็จ (computeCommissionDraft คืน false)');
        // RF-5 (แผน 1-13): บอกเหตุด้วย — วันที่ 1 พ.ย. ข้อความนี้จะขึ้นเพราะเกณฑ์ AD
        // ถ้าไม่บอกเหตุ เจ้าของระบบจะกด Compute ซ้ำแล้วได้ผลเดิม · ไม่มีเหตุที่จดไว้ = ข้อความเดิม
        const _why = (typeof _commRefusalTh === 'function') ? _commRefusalTh(target) : '';
        if (typeof showToast === 'function') {
          showToast('Auto-compute ค่าคอมฯ ' + _tLbl + ' ไม่สำเร็จ'
            + (_why ? ' — ' + _why : '') + ' — กด Compute เองที่ Commission Cockpit', '!');
        }
        // RF-4: ป้ายเตือนขึ้นไปก่อนคิดแล้ว — คิดไม่ได้ ⇒ ให้ป้ายเปลี่ยนเป็น "ยังคิดไม่ได้ · แตะเพื่อดูเหตุ"
        try { if (typeof _commMaybeShowLockPill === 'function') _commMaybeShowLockPill(); } catch (e) {}
      }
    } catch (e) {
      // เดิมเป็น catch ว่าง — ล้มเหลวกับไม่เคยรันแยกไม่ออก
      console.error('[CommAuto] auto-compute block ล้มเหลว', e);
    }
  })();
  // Commission strip: re-render now that _tgtLoaded=true
  try{ if(typeof window._commRenderKamSelfStrip==='function') window._commRenderKamSelfStrip(); }catch(e){}
  // v761: also call _commGatedRender with key reset — _tgtLoadedFromDB now true so
  // _dataKey returns new value → re-render fires even if R2 was already loaded before this point
  try{ if(typeof window._commResetKey==='function') window._commResetKey(); }catch(e){}
  try{ if(typeof window._commGatedRender==='function') window._commGatedRender(); }catch(e){}
  // NRR/target bars need portview GMV — wait for allCriticalReady
  (function _waitAndRenderBars(){
    if(typeof allCriticalReady==='function' && !allCriticalReady()){
      setTimeout(_waitAndRenderBars, 400); return;
    }
    _injectPortviewBarEl();
    // v_renderstorm: จุดนี้คือ boot sequence ของ admin ที่ต้องรอ allCriticalReady —
    // มักตรงกับอีกหลายจุด (commission engine/cockpit/history, qnrr view) ที่โหลด
    // เสร็จไล่เลี่ยกันตอนบูต ผ่านตัวรวมคำสั่งแทนเรียกตรง (ดู app_errors: render_storm)
    if(typeof scheduleRenderPortviewTargetBar==='function') scheduleRenderPortviewTargetBar(); else renderPortviewTargetBar();
    renderPortviewNRRBar();
    _tgtInjectAdminBtn();
    try{
      const tv=document.getElementById('scr-teamview');
      if(tv && tv.classList.contains('on')){
        if(typeof renderTeamviewSummary==='function') renderTeamviewSummary();
        if(typeof scheduleRenderTeamviewKamList==='function') scheduleRenderTeamviewKamList(); else renderTeamviewKamList();
      }
    }catch(e){ console.warn('[target init] teamview refresh', e); }
    _tgtInjectTeamviewTargetRows();
  })();
}, 1500);

// Also hook into portview renders directly
const _origRPL_tgt = typeof renderPortviewList === 'function' ? renderPortviewList : null;
if (_origRPL_tgt && !window._tgtPortviewHooked) {
  window._tgtPortviewHooked = true;
  const _prev = window.renderPortviewList;
  window.renderPortviewList = function() {
    _prev && _prev.apply(this, arguments);
    // v_renderstorm: จุดนี้เป็นปฏิกิริยาต่อ renderPortviewList (ซึ่งมักผ่าน debounce ของ
    // มันเอง — schedulePortviewListRender — อยู่แล้ว เช่นตอนพิมพ์ค้นหา) จึงคงดีเลย์สั้น
    // 80ms ไว้เหมือนเดิม ไม่ผ่านตัวรวมคำสั่งร่วมกับจุด boot อื่น เพราะ delay ที่ต่างกัน
    // จะไปแย่ง timer เดียวกันจนพังทั้งสองแบบ (ตอบสนองช้าตอนพิมพ์ + คุมพายุตอนบูตไม่ได้)
    _injectPortviewBarEl(); setTimeout(() => { renderPortviewTargetBar(); renderPortviewNRRBar(); }, 80);
  };
}


// ── Commission Render Gate (v224e) ─────────────────────────────────────
// Single entry point for all commission UI renders on startup.
// Renders ONCE when role AND allCriticalReady() are both true.
// Deduplicates: skips re-render if underlying data hasn't changed.
// Eliminates the 7-render cascade (DOMContentLoaded × 3 timers + setInterval)
// that caused commission numbers to flicker on every login.
(function(){
  'use strict';
  var _lastCommKey = '';
  var _hooked = false;

  function _dataKey(){
    try{
      var ph = (typeof portviewBulkData!=='undefined' && portviewBulkData) ? portviewBulkData.length : -1;
      var hh = (typeof bulkHistoryData!=='undefined' && bulkHistoryData) ? Object.keys(bulkHistoryData).length : -1;
      var r  = (typeof getCurrentRole==='function') ? getCurrentRole()
                : ((window.currentUserProfile&&window.currentUserProfile.role)||'');
      // v761: include _tgtLoadedFromDB in key — when Supabase tiers load after R2 data,
      // key changes from '0' → '1' → triggers re-render → commission strip shows real value
      // without this, key was frozen once R2 loaded → commission stuck on 'กำลังโหลด'
      var db = window._tgtLoadedFromDB ? '1' : '0';
      // v_polrace-fix: include policy readiness — when nrr_policies arrive the
      // commission MODE can flip rolling-MoM → quarterly; without this the key
      // stayed frozen and gated renders skipped the correction repaint.
      var pol = window._nrrGovPoliciesLoaded === true ? 'p1' : (window._nrrGovPoliciesLoaded === 'failed' ? 'pf' : 'p0');
      return r + ':' + ph + ':' + hh + ':' + db + ':' + pol;
    }catch(e){ return ''; }
  }

  function _commGatedRender(){
    var r = (typeof getCurrentRole==='function') ? getCurrentRole()
            : ((window.currentUserProfile&&window.currentUserProfile.role)||'');
    if (!r) return;
    if (typeof allCriticalReady==='function' && !allCriticalReady()) return;
    var key = _dataKey();
    if (!key || key === _lastCommKey) return;
    // v481-COMM: set key tentatively — will be cleared below if strip is still loading.
    // Root cause: bulkUpsellData may not be loaded when _commGatedRender first fires.
    // Old behaviour: _lastCommKey set unconditionally → subsequent refreshAll calls skip
    // render (key unchanged) → commission strip stuck on loading/empty permanently.
    // Fix: peek at buildCompactStrip result — if loading, clear _lastCommKey so next
    // refreshAll retry will attempt render again. Network cost = zero (upsell has cache).
    _lastCommKey = key;
    try{ if(typeof syncCommissionAdminVisibility==='function') syncCommissionAdminVisibility(); }catch(e){}
    try{
      if(typeof ensureKamCommissionCard==='function'){
        ensureKamCommissionCard();
        // Peek: if strip is still in loading state, clear key so next refreshAll retries
        var _slot = document.getElementById('pv-commission-strip');
        if(_slot && _slot._lastCommHtml && _slot._lastCommHtml.indexOf('กำลังโหลด') !== -1){
          _lastCommKey = '';
        }
      }
    }catch(e){}
  }

  window._commGatedRender = _commGatedRender;
  // v479-G2: expose key reset so resetRuntimeSessionState() can invalidate
  // commission cache on logout. Without this, _lastCommKey persists across
  // login sessions → _commGatedRender skips render on re-login (key unchanged).
  window._commResetKey = function(){ _lastCommKey = ''; };

  // Reset key on each refreshAll so commission re-renders after data refresh
  function _hookRefreshAll(){
    if(_hooked) return;
    if(typeof refreshAll !== 'function') return;
    _hooked = true;
    var _orig = refreshAll;
    var _hooked_fn = function(){
      var res = _orig.apply(this, arguments);
      _lastCommKey = ''; // allow re-render with new data
      _commGatedRender();
      return res;
    };
    window.refreshAll = _hooked_fn;
    try{ refreshAll = _hooked_fn; }catch(e){}
  }

  // Hook immediately if refreshAll already defined, else retry
  _hookRefreshAll();
  if(!_hooked){
    var _hookTimer = setInterval(function(){
      _hookRefreshAll();
      if(_hooked) clearInterval(_hookTimer);
    }, 200);
    setTimeout(function(){ clearInterval(_hookTimer); }, 5000);
  }
})();

// ══════════════════════════════════════════════════════════════════

// ══════════════════════════════════════════════════════════════════════════════
// COMMISSION PATCHES — inlined for locality
// Original patches: v210h · v210i · v210k · v211 (dependency order)
// Execution order preserved. All commission logic now in this block.
// ══════════════════════════════════════════════════════════════════

// ── [v210h] Commission admin visibility ─────────────────────────────
// PATCH: freshket-v210h-commission-regression-fix-js
//////////////////////////////////////////////////////////////////////////////

(function(){
  // v_ownertier (2026-09-04): Cockpit ย้ายจาก admin → เจ้าของระบบ
  // admin คนอื่นยังดูตัวเลขค่าคอมฯ ได้ทุกจอ แต่แก้อัตรา/เป้า/ปิดยอดไม่ได้
  function _owner(){ try{ return typeof isOwner==='function' ? isOwner() : window.currentUserIsOwner===true; }catch(e){ return false; } }
  var OWNER_ONLY_MSG='Commission Cockpit เปิดได้เฉพาะเจ้าของระบบ';
  function syncCommissionAdminVisibility(){
    var btn=document.getElementById('tv-commission-btn');
    if(!btn)return;
    var ok=_owner();
    btn.classList.toggle('comm-admin-hidden', !ok);
    btn.setAttribute('aria-hidden', ok?'false':'true');
    btn.tabIndex=ok?0:-1;
    btn.style.display=ok?'inline-flex':'none';
  }
  window.syncCommissionAdminVisibility=syncCommissionAdminVisibility;
  // v_ownertier: 01_core เรียกตัวนี้หลัง RPC app_is_owner กลับมา เพราะตอนวาดจอครั้งแรก
  // ค่ายังเป็น false (fail closed) ปุ่มจึงต้องถูกวาดซ้ำเมื่อรู้คำตอบจริง
  window._commSyncOwnerUi=function(){
    try{ syncCommissionAdminVisibility(); }catch(e){}
    try{ if(typeof window.syncTeamviewButtons==='function') window.syncTeamviewButtons(); }catch(e){}
    try{ document.body.classList.toggle('role-owner', _owner()); }catch(e){}
  };
  // v224e render-gate: commission admin visibility handled by _commGatedRender, not timers
  document.addEventListener('click', function(e){
    var btn=e.target&&e.target.closest&&e.target.closest('#tv-commission-btn,.commission-open');
    if(!btn)return;
    if(!_owner()){
      e.preventDefault();e.stopPropagation();
      if(typeof window.showToast==='function')window.showToast(OWNER_ONLY_MSG,'!');
    }
  }, true);
})();


//////////////////////////////////////////////////////////////////////////////

// ── [v210i] Role normalization + body class sync ────────────────────
// PATCH: freshket-v210i-role-normalization-js
//////////////////////////////////////////////////////////////////////////////

(function(){
  function safeProfile(){ try{return currentUserProfile||null;}catch(e){return null;} }
  function norm(role){
    if(typeof normalizeRole==='function') return normalizeRole(role);
    var r=String(role||'').trim().toLowerCase();
    if(r==='kam'||r==='ka'||r==='key_account'||r==='key account')return 'rep';
    if(r==='team_lead'||r==='team lead')return 'tl';
    return r||'rep';
  }
  function curRole(){
    try{ if(typeof getCurrentRole==='function') return getCurrentRole(); }catch(e){}
    var p=safeProfile(); return norm(p&&p.role);
  }
  function isAdmin(){return curRole()==='admin';}
  // v_ownertier: เจ้าของระบบ — fail closed ถ้ายังไม่รู้คำตอบจาก RPC
  function _isOwnerNow(){ try{ return typeof isOwner==='function' ? isOwner() : window.currentUserIsOwner===true; }catch(e){ return false; } }
  function isTL(){return curRole()==='tl';}
  function isRep(){return curRole()==='rep';}
  function normalizeProfileAndBody(){
    var p=safeProfile();
    var r=curRole();
    try{ if(p){ p.role=r; p.role_label=(r==='rep'?'KAM':r==='tl'?'TL':r==='admin'?'Admin':r); } }catch(e){}
    try{
      document.body.classList.toggle('role-admin',    r==='admin');
      document.body.classList.toggle('role-tl',       r==='tl');
      document.body.classList.toggle('role-rep',       r==='rep');
      document.body.classList.toggle('role-sales',     r==='sales');
      document.body.classList.toggle('role-sales-tl',  r==='sales_tl');
      document.body.classList.toggle('role-ad',        r==='ad');
      document.body.classList.toggle('role-ad-tl',     r==='ad_tl');
      document.body.classList.toggle('role-pm',        r==='pm');
      document.body.classList.toggle('role-owner',     _isOwnerNow()); // v_ownertier
      document.body.setAttribute('data-role', r);
    }catch(e){}
    return r;
  }
  // v_ownertier (2026-09-04): ปุ่ม Commission Cockpit เปิดให้เจ้าของระบบคนเดียว
  // ไม่ใช่ admin ทุกคนแล้ว — ตัวเลขเงินอยู่หลังปุ่มนี้
  function syncCommissionAdminVisibility(){
    normalizeProfileAndBody();
    var btn=document.getElementById('tv-commission-btn');
    if(!btn)return;
    var ok=_isOwnerNow();
    btn.classList.toggle('comm-admin-hidden', !ok);
    btn.setAttribute('aria-hidden', ok?'false':'true');
    btn.tabIndex=ok?0:-1;
    btn.style.display=ok?'inline-flex':'none';
  }
  function ensureKamCommissionCard(){
    normalizeProfileAndBody();
    try{
      if (typeof _commRenderKamSelfStrip === 'function') {
        _commRenderKamSelfStrip();
        return;
      }
    }catch(e){ console.warn('[v210j] KAM commission strip render failed', e); }
    var slot=document.getElementById('pv-commission-strip');
    if(slot) slot.innerHTML='';
  }
  window.syncCommissionAdminVisibility=syncCommissionAdminVisibility;
  window._commEnsureKamSelfCard=ensureKamCommissionCard;
  window._senseNormalizeProfileAndBody=normalizeProfileAndBody;

  try{
    var _renderPortviewSummary=renderPortviewSummary;
    renderPortviewSummary=function(){
      normalizeProfileAndBody();
      var out=_renderPortviewSummary.apply(this, arguments);
      requestAnimationFrame(function(){ syncCommissionAdminVisibility(); });
      // v224e: ensureKamCommissionCard moved to _commGatedRender (data-gate-aware)
      return out;
    };
  }catch(e){}
  try{
    var _renderPortview=renderPortview;
    renderPortview=function(){
      normalizeProfileAndBody();
      var out=_renderPortview.apply(this, arguments);
      // v224e: ensureKamCommissionCard moved to _commGatedRender (fires once after data ready)
      if(typeof window._commGatedRender==='function') window._commGatedRender();
      return out;
    };
  }catch(e){}
  try{
    var _renderTeamview=renderTeamview;
    renderTeamview=function(){
      normalizeProfileAndBody();
      var out=_renderTeamview.apply(this, arguments);
      requestAnimationFrame(syncCommissionAdminVisibility);
      return out;
    };
  }catch(e){}
  try{
    var _openCommissionCockpit=openCommissionCockpit;
    openCommissionCockpit=function(step){
      normalizeProfileAndBody();
      if(!_isOwnerNow()){
        if(typeof showToast==='function') showToast('Commission Cockpit เปิดได้เฉพาะเจ้าของระบบ','!');
        return;
      }
      return _openCommissionCockpit.apply(this, arguments);
    };
    window.openCommissionCockpit=openCommissionCockpit;
  }catch(e){}

  document.addEventListener('click', function(e){
    var btn=e.target&&e.target.closest&&e.target.closest('#tv-commission-btn,.commission-open');
    if(!btn)return;
    normalizeProfileAndBody();
    if(!_isOwnerNow()){
      e.preventDefault(); e.stopPropagation();
      if(typeof showToast==='function') showToast('Commission Cockpit เปิดได้เฉพาะเจ้าของระบบ','!');
    }
  }, true);
  // v224e render-gate: DOMContentLoaded timers and setInterval polling removed.
  // Commission strip renders via _commGatedRender() which fires once after
  // allCriticalReady() = true. Eliminates 7-render cascade on login.
})();


//////////////////////////////////////////////////////////////////////////////
// ── Round 1 (15 ต.ค. 2569): ตัวช่วยเขียนกติกาค่าคอมฯ บนจอ (window._cdsRule) ─────────
// ทุกตัวเลขกฎบนแถบ ชีท "วิธีคิดค่าคอมฯ" และ Rulebook มาจาก RuleView ของ
// "คนที่จอพูดถึง เดือนที่จอโชว์" (_commRuleViewFor ใน 07a → src/domain/commission/rule_view.js)
// ซึ่งอ่านเกณฑ์ผ่านตัวหาแผนชุดเดียวกับที่ใช้จ่ายเงิน ⇒ จอบอกกฎเดียวกับที่จ่ายจริง
// ยังไม่พร้อม หรือเกณฑ์ไม่มีก้อนนั้น ⇒ "—" หรือบอกเหตุ ห้ามมีตัวเลขสำรองในไฟล์นี้
//////////////////////////////////////////////////////////////////////////////
(function(){
  function M(){ try{ return (window.FK&&window.FK.mod&&window.FK.mod['commission/rule_view'])||null; }catch(e){ return null; } }
  function ok(f){ return (f&&f.status==='ok')?f.value:null; }
  function num(v){ return (v===null||v===undefined||v===''||isNaN(Number(v)))?null:Number(v); }
  function money(n){ n=num(n); return n===null?'—':'฿'+Math.round(n).toLocaleString('en-US'); }
  function pct1(x){ x=num(x); return x===null?'—':x.toFixed(1)+'%'; }
  function rate(r){ r=num(r); return r===null?'—':(Math.round(r*1000)/10)+'%'; }
  function times(m){ m=num(m); return m===null?'—':m.toFixed(1)+' เท่า'; }
  var TH=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
  function monthShort(per){ var m=M(); if(m&&m.monthShortTh) return m.monthShortTh(per)||''; var p=String(per||'').split('-'); return TH[parseInt(p[1],10)-1]||''; }
  function monthLabel(per){ var m=M(); if(m&&m.monthLabelTh) return m.monthLabelTh(per)||''; var p=String(per||'').split('-'); var t=TH[parseInt(p[1],10)-1]; return t?t+' '+(parseInt(p[0],10)+543):''; }
  function addMonths(per,n){ var m=M(); return (m&&m.addMonths)?m.addMonths(per,n):null; }
  // DL-6: ตำแหน่งที่ตัวคิดเงินใช้กับอีเมลนี้ (AD/PM ไม่ใช่ KAM)
  function role(email){
    try{ if(typeof _dispEngineRoleOf==='function') return _dispEngineRoleOf(email); }catch(e){}
    var em=String(email||'').trim().toLowerCase();
    try{
      var o=(typeof _commOtherRoleRoster!=='undefined'&&_commOtherRoleRoster||[]).find(function(p){return String(p.email||'').trim().toLowerCase()===em;});
      if(o&&o.role) return o.role;
    }catch(e){}
    return 'kam';
  }
  function view(period,email,r,opts){
    try{ return typeof _commRuleViewFor==='function' ? _commRuleViewFor(period,email,r,opts) : null; }catch(e){ return null; }
  }
  // "ใช้เกณฑ์ทีม Chain เดือน ต.ค. 2569" · ยังไม่ได้ผูก/ไม่มีแผน ⇒ เหตุ
  function header(v){
    if(!v||v.status==='loading') return 'กำลังโหลดเกณฑ์…';
    if(v.status==='no_plan') return v.reason_th||'ตำแหน่งนี้ยังไม่มีแผนค่าคอมฯ';
    var pl=ok(v.plan);
    if(!pl) return (v.reason_th||'ยังหาเกณฑ์ของเดือนนี้ไม่เจอ');
    return 'ใช้'+pl.label_th+' เดือน '+(v.month_label||'');
  }
  // "ต่ำกว่า 103.0% ได้ 0% · 103.0–105.9% ได้ 50% · ตั้งแต่ 106.0% ได้เต็ม"
  function gw(mult){ var m=M(); try{ if(m&&m.gateWordTh) return m.gateWordTh(mult); }catch(e){} return (typeof window._gateWordTh==='function')?window._gateWordTh(mult):null; }
  function gateMults(v){ var m=M(); try{ return (m&&m.gateMults)?m.gateMults(v):null; }catch(e){ return null; } }
  function gateLine(v){
    var g=v&&ok(v.gate);
    if(!g) return null;
    if(g.off) return 'ไม่มีเกต — ได้เต็มทุกเดือน';
    var z=num(g.zero_below), h=num(g.half_below);
    if(z===null||h===null) return null;
    // Bucci 25 ต.ค. 2569: คำ ได้ X% จากตัวคูณที่ตั้งไว้ในเกณฑ์ (domain gateWordTh) ไม่ใช่ 0% / 50% ตายตัว
    var gm=gateMults(v)||{};
    if(z>=h) return 'ต่ำกว่า '+pct1(h)+' '+(gw(gm.below)||'ได้ 0%')+' · ตั้งแต่ '+pct1(h)+' ได้เต็ม';
    return 'ต่ำกว่า '+pct1(z)+' '+(gw(gm.below)||'ได้ 0%')+' · '+z.toFixed(1)+'–'+pct1(Math.round((h-0.1)*10)/10)+' '+(gw(gm.mid)||'ได้บางส่วน')+' · ตั้งแต่ '+pct1(h)+' ได้เต็ม';
  }
  // "ตั้งแต่ 106.0% ได้ ฿5,000 · ตั้งแต่ 110.0% ได้ ฿10,000"
  function nrrSteps(v){
    var n=v&&ok(v.nrr);
    if(!n) return null;
    if(!n.pays) return 'ไม่มีเงินจาก %NRR';
    return n.steps.map(function(s){return 'ตั้งแต่ '+pct1(s.from)+' ได้ '+money(s.pay);}).join(' · ');
  }
  // P3 ด่าน: "ส่วนเพิ่มตั้งแต่ ฿50,000 ต้องเกิน 2.0 เท่า · ฿8,000–49,999 ต้องเกิน 3.0 เท่า · ต่ำกว่า ฿8,000 ไม่นับ"
  function p3Gates(v){
    var p=v&&ok(v.p3);
    if(!p) return null;
    if(p.off||!p.gates.length) return 'ไม่มีค่าคอมฯ ซื้อเพิ่มในเกณฑ์นี้';
    return gatesTh(p.gates);
  }
  // ประตูยอดเติบโตเป็นประโยค — g เรียงใหญ่ → เล็ก (ลำดับที่ตัวคิดเงินลองทีละด่าน) · ใช้ทั้ง P3 ของ KAM และเกณฑ์นับยอดทีมของหัวหน้าทีม
  function gatesTh(g){
    if(g.length===1) return 'ต้องเกิน '+times(g[0].multiple)+' และส่วนเพิ่มตั้งแต่ '+money(g[0].min_incremental);
    var parts=g.map(function(x,i){
      if(i===0) return 'ส่วนเพิ่มตั้งแต่ '+money(x.min_incremental)+' ต้องเกิน '+times(x.multiple);
      return money(x.min_incremental)+'–'+Math.round(g[i-1].min_incremental-1).toLocaleString('en-US')+' ต้องเกิน '+times(x.multiple);
    });
    parts.push('ต่ำกว่า '+money(g[g.length-1].min_incremental)+' ไม่นับ');
    return parts.join(' · ');
  }
  // ช่วงฐานของ Handover: "฿20,000–49,999" / "ตั้งแต่ ฿50,000"
  function hoRange(v,i){
    var h=v&&ok(v.handover); if(!h||!h.gmv_tiers[i]) return '—';
    var b=h.gmv_tiers[i], nx=h.gmv_tiers[i+1];
    if(nx) return money(b.gmv_min)+'–'+Math.round(nx.gmv_min-1).toLocaleString('en-US');
    return 'ตั้งแต่ '+money(b.gmv_min);
  }
  function hoSteps(b){ return (b.thresholds||[]).map(function(t){return 'ถึง '+t.min_retention_pct+'% ได้ '+money(t.payout);}).join(', '); }
  function hoBuckets(v){
    var h=v&&ok(v.handover);
    if(!h) return null;
    if(h.off||!h.gmv_tiers.length) return 'ไม่มีค่า Handover ในเกณฑ์นี้';
    return h.gmv_tiers.map(function(b,i){ return 'ฐานรวม '+hoRange(v,i)+': '+hoSteps(b); }).join(' · ')+' (ยอดรวม ไม่ใช่บวกเพิ่ม)';
  }
  function at(fn,v,x){ var m=M(); try{ return (m&&m[fn]&&v)?m[fn](v,x):null; }catch(e){ return null; } }
  // ไม่เข้าเกณฑ์งวดนี้ (เริ่มงานหลังเดือนฐาน / ลาออกก่อนงวด)
  function notEligibleTh(v){
    var e=v&&v.eligibility; if(!e||e.eligible!==false) return '';
    var pol=ok(v.policy);
    if(/^เริ่มงาน/.test(e.reason_th||'')) return 'เริ่มงานหลังเดือนฐาน'+(pol&&pol.base_label?' '+pol.base_label:'')+' — ได้ค่าคอมฯ ตั้งแต่ไตรมาสหน้า';
    return e.reason_th||'ไม่เข้าเกณฑ์ค่าคอมฯ งวดนี้';
  }
  // R1 UI #6: เหตุที่ "ยังคิดค่าคอมฯ ไม่ได้เพราะเกณฑ์" เป็นประโยคเดียวภาษาคน ใช้ทุกที่ที่พูดเรื่องนี้
  // (บรรทัดใต้แถบค่าคอมฯ · ป้ายในชีท · การ์ดเกต · บรรทัดเส้นใต้วงแหวนหน้าแรก) — เดิมแต่ละที่หยิบ reason_th คนละตัว
  // และบางตัวเป็นศัพท์ของตัวหาเกณฑ์ ("ชั้นที่ตำแหน่งนี้ใช้ไม่ได้ …") · '' = เกณฑ์อ่านได้ / ยังโหลด / ไม่มีแผน (มีคำของมันเอง)
  // who: ชื่อคนที่จอพูดถึงเมื่อไม่ใช่คนที่เปิดดู ('' = ตัวเอง ⇒ "ของคุณ")
  var PART_TH={nrr:'ขั้นเงิน %NRR',gate:'เกต %NRR',p1:'สินค้าใหม่',p3:'ซื้อเพิ่ม',expansion:'สาขาเปิดใหม่',handover:'Handover',tl_mult:'ตัวคูณ upsell ทีม',team_basis:'ฐานทีม'};
  function plainReason(v,who){
    if(!v||(v.status!=='unresolved'&&v.status!=='refused')) return '';
    var whose='ของ'+(who?' '+who+' ':'คุณ');
    var mo=v.period?monthShort(v.period):'';
    if(v.status==='unresolved'){
      var A=null; try{ A=window.FK&&window.FK.mod&&window.FK.mod['commission/assignment']; }catch(e){}
      var inc=A&&A.RESOLVE_REASON_TH&&A.RESOLVE_REASON_TH.ruleset_incomplete;
      if(inc&&((v.plan&&v.plan.reason_th===inc)||v.reason_th===inc)) return 'โหลดเกณฑ์ค่าคอมฯ ไม่ครบ — ปิดแอปแล้วเปิดใหม่อีกครั้ง';
      return 'ยังไม่ได้ผูกเกณฑ์ค่าคอมฯ '+whose+'เดือน '+mo+' — แจ้งเจ้าของระบบ';
    }
    var miss=Object.keys(PART_TH).filter(function(k){ return v[k]&&v[k].status==='refused'; }).map(function(k){ return PART_TH[k]; });
    return 'เกณฑ์ค่าคอมฯ '+whose+'เดือน '+mo+' ยังไม่ครบ'+(miss.length?' (ไม่มี'+miss.join(' · ')+')':'')+' — แจ้งเจ้าของระบบ';
  }
  window._commPlainRuleReasonTh=plainReason;
  window._cdsRule={ M:M, ok:ok, money:money, pct1:pct1, rate:rate, times:times, monthShort:monthShort, monthLabel:monthLabel,
    addMonths:addMonths, role:role, view:view, header:header, gateLine:gateLine, gw:gw, gateMults:gateMults, nrrSteps:nrrSteps, p3Gates:p3Gates, gatesTh:gatesTh,
    hoRange:hoRange, hoSteps:hoSteps, hoBuckets:hoBuckets, notEligibleTh:notEligibleTh, plainReason:plainReason,
    stepAt:function(v,p){return at('nrrStepAt',v,p);}, bandAt:function(v,p){return at('gateBandAt',v,p);},
    multAt:function(v,p){return at('tlMultAt',v,p);}, p3At:function(v,x){return at('p3GateAt',v,x);},
    hoAt:function(v,x){return at('hoBucketAt',v,x);} };
})();

//////////////////////////////////////////////////////////////////////////////

// ── [v210k] KAM commission compact strip ────────────────────────────
// PATCH: freshket-v210k-kam-commission-compact-js
//////////////////////////////////////////////////////////////////////////////

(function(){
  function esc(v){
    try{ return typeof _commEscapeHtml==='function' ? _commEscapeHtml(v) : String(v ?? '').replace(/[&<>'"]/g, function(ch){return {'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[ch];}); }
    catch(e){ return String(v ?? ''); }
  }
  function money(n){ try{return _commFmtPayout(n);}catch(e){ n=Number(n||0); return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0'; } }
  function pts(n){ try{return _commFormatPts(n);}catch(e){ var x=Number(n||0); return x.toFixed(1).replace('.0',''); } }
  // v225-comm: buildSources uses real payout via _commBuildKamPayout
  // v226-comm: NRR always from governance st.payout; upsell/handover added on top when bundle loaded
  // ST-2 (แผน 1-13): งวดที่ล็อกแล้ว — ตัวเลขทุกตัวมาจากแถวที่ล็อก (st.lockedBreakdown จาก wrapper v211)
  // ยอดหลัก = payout_amount ครั้งเดียว ไม่บวก upsell/HO สด และไม่คูณเกตซ้ำ
  function lockedSources(st){
    var L=st&&st.locked&&st.lockedBreakdown; if(!L) return null;
    var known=!!L.components_known;
    var sku=known?Number(L.upsell_sku||0):null, out=known?Number(L.upsell_outlet||0):null;
    return {loading:false,locked:true,components_known:known,
      nrr:known?Number(L.nrr||0):null,
      uplift:known?(sku+out):null,
      handover:known?Number(L.handover||0):null,
      upsell_sku:sku,upsell_outlet:out,
      gate_cap:L.gate_cap,gate_active:!!L.gate_active,gate:L.gate,
      upsell_sku_detail:L.upsell_sku_detail,upsell_outlet_detail:L.upsell_outlet_detail,handover_detail:L.handover_detail,
      skip_reason:L.skip_reason||'',
      final:Number(L.payout_amount||0)};
  }
  function buildSources(st){
    var _locked=lockedSources(st);
    if(_locked) return _locked;
    var R=window._cdsRule;
    // ST-1: ตำแหน่งจริงของคนที่แถบนี้พูดถึง (AD/PM ไม่ได้ใช้แผนของ KAM)
    var role=(R&&st&&st.email)?R.role(st.email):'kam';
    var nrr=Number(st&&st.payout||0);
    var base={loading:false,role:role,nrr:nrr,uplift:0,handover:0,gate_cap:1.0,gate_active:false,final:nrr};
    // v_qtrux-fix (money-trust): _commBuildKamSelfState returns {loading:true}
    // while quarterly QNRR hasn't loaded — its payout field is UNDEFINED, not
    // a real ฿0. Rendering that as "NRR ฿0" was the intermittent
    // wrong-commission bug (tiers + upsell bundle warm-start from cache →
    // everything looked "ready" except the 2.6MB QNRR CSV). Propagate loading.
    if(st&&st.loading){
      return Object.assign({},base,{loading:true});
    }
    // v_adpm: the old gate here blocked on the GLOBAL bulkUpsellData.loaded flag,
    // whose ONLY true-setter is a successful per-KAM sense_upsell_{key}.csv
    // ingest — for a rep whose bundle doesn't exist on R2 (AD/PM users, or any
    // future rep the splitter hasn't produced yet) the strip skeletoned FOREVER.
    // The per-person _upsellBundleReady barrier below already expresses the real
    // requirement ("my bundle loaded OR definitively failed") — keep the global
    // check only as a fallback for the no-email edge where the barrier can't run.
    if(!(st&&st.email)
       &&(typeof bulkUpsellData==='undefined'||!bulkUpsellData||!bulkUpsellData.loaded)){
      return Object.assign({},base,{loading:true});
    }
    // v_oneflash: full readiness barrier — the detailed per-KAM bundle must
    // have loaded (or definitively failed) before ANY number is shown.
    // Without this, the coarse team-CSV uplift painted first (฿3,078), then
    // the bundle arrival repainted (฿4,491), then policies/NRR repainted
    // (฿14,xxx) — a flashing sequence of different money values. Commission
    // is a governance metric: it must appear ONCE, final, stable. All
    // pre-ready renders produce the identical skeleton HTML, which the
    // slot's value-guard dedups → zero visible flicker.
    if(st&&st.email&&typeof window._upsellBundleReady==='function'
       &&!window._upsellBundleReady(st.email)){
      return Object.assign({},base,{loading:true});
    }
    // v_onestep: team-summary fast-path inputs (upsell_team / upsell_team_groups)
    // previously had no readiness gate — when the detailed per-KAM bundle is
    // unavailable, the fast path rendered a flat-rate number first, then stepped
    // once to the per-category number when team_groups landed. Hold the (byte-
    // identical, value-guard-deduped) skeleton until BOTH tabs are loaded OR the
    // enhancement phase has settled (_enhancementSettled is set at every exit of
    // startCloudEnhancementLoad in 04_sku_matcher.js and of the 02 fallback
    // loader — individual fetch failures resolve false, never reject, so this
    // can never hang; a missing file just falls back to flat-rate, once).
    // Repaint after release rides the EXISTING RenderBus flow: the enhancement
    // signal → refreshAll → _commGatedRender's 'กำลังโหลด' skeleton-peek retry.
    // NO pokes, NO timers (v919-921 lesson).
    if(!window._enhancementSettled &&
       !(typeof _cloudLoadedTabs!=='undefined'
         && _cloudLoadedTabs.has('upsell_team')
         && _cloudLoadedTabs.has('upsell_team_groups'))){
      return Object.assign({},base,{loading:true});
    }
    // RuleView ของคนนี้ เดือนนี้ (เกณฑ์ที่ใช้จ่ายจริง) ใช้บอก "ไม่มีแผน" / "ไม่เข้าเกณฑ์" และป้ายขั้น
    // ยอดเงินไม่รอตัวนี้: ถ้ายังไม่พร้อม ยอดยังมาจากผลที่จ่ายเงิน (ซึ่งปฏิเสธเองเมื่อไม่มีเกณฑ์) ตามเดิม
    var rv=(R&&st&&st.email)?R.view(st.period,st.email,role):null;
    if(rv&&rv.status==='loading') rv=null;
    base.rv=rv;
    var NONE={nrr:null,uplift:null,handover:null,upsell_sku:null,upsell_outlet:null};
    // จ4: ตำแหน่งที่ไม่มีแผนค่าคอมฯ (PM ฯลฯ) — ไม่โชว์ตัวเลข
    if(rv&&rv.status==='no_plan'){
      return Object.assign({},base,NONE,{noPlan:true,unavailable:true,final:null,
        reason:rv.reason_th,note:rv.reason_th||'ตำแหน่งนี้ยังไม่มีแผนค่าคอมฯ'});
    }
    // ST-9 / จ5: เริ่มงานหลังเดือนฐาน (หรือลาออกก่อนงวด) = ฿0 พร้อมเหตุ ส่วนประกอบโชว์ "—"
    if(rv&&rv.eligibility&&rv.eligibility.eligible===false){
      return Object.assign({},base,NONE,{notEligible:true,final:0,note:R.notEligibleTh(rv)});
    }
    try{
      var email=st&&st.email;
      var p=email&&typeof _commBuildKamPayout==='function'?_commBuildKamPayout(email,null,role):null;
      if(!p) return base;
      // ST-3 (แผน 1-13): ผลที่ "ยังคิดไม่ได้" (ไม่มีเกณฑ์ / ไฟล์ไม่มีเดือนนี้ / งวดถูกปฏิเสธ)
      // ห้ามโชว์ NRR จากแผนสำรองหรือ ฿0 เหมือนเลขจริง ⇒ "—" พร้อมหมายเหตุ
      // upsell รายคนยังโหลดไม่ครบ = กำลังโหลด (มาแล้ววาดใหม่เอง)
      var _un=(typeof _commPayoutUnavailable==='function')?_commPayoutUnavailable(p,(st&&st.period)||p.period,email):null;
      if(_un&&_un.loading) return Object.assign({},base,{loading:true});
      // R1 UI #6: เกณฑ์อ่านไม่ได้ ⇒ ประโยคเดียวกับป้ายในชีท การ์ดเกต และวงแหวนหน้าแรก (ไม่ใช่คำของตัวคิดเงิน)
      var _plain=(R&&R.plainReason)?R.plainReason(rv,(typeof _cdsSubjectName==='function')?_cdsSubjectName(st):''):'';
      if(_un) return Object.assign({},base,NONE,{unavailable:true,note:_plain||_un.note,reason:_plain||_un.reason,final:null});
      // HO ครั้งเดียวต่อสาขา: รายชื่อสาขาที่นับ HO แล้วยังมาไม่ถึง = ยังไม่รู้ยอด HO ⇒ ถือไว้เป็นกำลังโหลด
      // (กติกาเดียวกับข้างบน: เงินขึ้นครั้งเดียวเป็นเลขจริง) · มาถึงแล้ว _commHoLedgerNotify ปลุกแถบนี้เอง
      if(p.handover&&p.handover.ledger_missing&&typeof window._commHoLedgerPending==='function'&&window._commHoLedgerPending()){
        return Object.assign({},base,{loading:true,ho_loading:true});
      }
      // R1 UI #2: ไม่มีไฟล์ upsell รายคน และไฟล์สรุปทีมก็ไม่มีแถวของคนนี้ ⇒ ตัวคิดเงินได้ P1/P3 = 0 จากข้อมูลว่าง (upsell_loading)
      // ห้ามโชว์เป็น ฿0 จริง ⇒ upsell = ยังไม่รู้ ('—') และยอดรวมติด "*" ยังไม่รวม upsell
      var _upUnk=!!p.upsell_loading;
      // R1 UI #3: งวดรายทีม upsell ของคนนี้มาจากไฟล์สรุปทีม ⇒ ยอดประมาณ (ป้ายเดียวกับชีทหัวหน้าทีม)
      var _est=!_upUnk&&typeof _dispUsesTeamFile==='function'&&_dispUsesTeamFile(email,(st&&st.period)||p.period);
      var uplift=_upUnk?null:Number((p.upsell_sku&&p.upsell_sku.total_comm)||0)+Number((p.upsell_outlet&&p.upsell_outlet.commission)||0);
      var hv=Number((p.handover&&p.handover.payout)||0);
      var cap=Number(p.gate_cap!=null?p.gate_cap:1);
      // ST-4: ยอด NRR และยอดรวมมาจากทางเดียวกับที่จ่ายเงิน (ผลของ _commBuildKamPayout)
      // ไม่ใช่จาก self-state ที่คิดด้วยแผน KAM เสมอ (AD เคยเห็นขั้น ฿5,000/฿10,000 ที่ไม่มีวันได้)
      var nrrPay=(p.nrr_payout!=null&&isFinite(Number(p.nrr_payout)))?Number(p.nrr_payout):nrr;
      var fin=(p.final_payout!=null&&isFinite(Number(p.final_payout)))?Math.round(Number(p.final_payout)):Math.round((nrrPay+(uplift||0)+hv)*cap);
      return {loading:false,role:role,rv:rv,nrr:nrrPay,uplift:uplift,handover:hv,
        upsellUnknown:_upUnk,estimate:!!_est,
        // Keep separate fields for sheet detail rows
        upsell_sku:_upUnk?null:Number((p.upsell_sku&&p.upsell_sku.total_comm)||0),
        upsell_outlet:Number((p.upsell_outlet&&p.upsell_outlet.commission)||0),
        gate_cap:cap,gate_active:!!(p.gate&&p.gate.gate_active),gate:p.gate,
        upsell_sku_detail:p.upsell_sku,upsell_outlet_detail:p.upsell_outlet,handover_detail:p.handover,
        base_month_used:p.base_month_used||null, // v_qtrux: quarter anchor for the timeline UI
        subtotal:nrrPay+(uplift||0)+Number((_upUnk&&p.upsell_outlet&&p.upsell_outlet.commission)||0)+hv,
        final:fin};
    }catch(e){ return base; }
  }
  // SH-1: ชีท "วิธีคิดค่าคอมฯ" ใช้ตัวนี้ตัวเดียวกับแถบ (ตัวเลขบนแถบกับในชีทมาจากทางเดียวกันเสมอ)
  window._commSelfPayoutSrc=buildSources;
  // ป้ายสถานะ (จ3): ช่วงเกตครึ่ง = "ได้ 50%" · เกตยังไม่ผ่าน · ขั้นเงิน %NRR ของแผนคนนี้
  function stripStatus(src,st){
    if(src.noPlan) return {text:'ไม่มีแผน',cls:'miss'};
    if(src.notEligible) return {text:/ไตรมาสหน้า/.test(src.note||'')?'เริ่มไตรมาสหน้า':'ไม่เข้าเกณฑ์งวดนี้',cls:'miss'};
    var cap=Number(src.gate_cap!=null?src.gate_cap:1);
    var _gwS=(typeof window._gateWordTh==='function')?window._gateWordTh(cap):null;   // คำจากตัวคูณจริงของงวดนี้
    if(src.gate_active&&cap<=0) return {text:_gwS||'ได้ 0%',cls:'miss'};
    if(src.gate_active&&cap<1) return {text:_gwS||'ได้บางส่วน',cls:'miss'};
    if(src.locked) return {text:(st.status||(src.final>0?'ถึงเกณฑ์แล้ว':'ยังไม่ถึงเกณฑ์')),cls:src.final>0?'hit':'miss'};
    var R=window._cdsRule, n=src.rv&&R?R.ok(src.rv.nrr):null;
    if(n&&!n.pays) return {text:'ได้เต็ม',cls:'hit'};
    var s=(n&&R)?R.stepAt(src.rv,st.pct):null;
    if(s&&s.pay>0) return s.top?{text:'ได้ขั้นสูงสุด',cls:'bonus'}:{text:'ถึงเกณฑ์แล้ว',cls:'hit'};
    if(s) return {text:'ยังไม่ถึงเกณฑ์',cls:'miss'};
    return {text:(st.status||'ยังไม่ถึงเกณฑ์'),cls:(st.cls||'miss')};
  }
  var _lastStripSt=null;   // UIR A1: คนที่แถบเพิ่งวาด — ใช้จำความสูงคำอธิบาย (_notesRemember)
  var _lastStripSrc=null;  // H5 (25 ต.ค. 2569): ส่วนประกอบเงินที่แถบเพิ่งโชว์ — บรรทัด "ขายเพิ่มอีก" ในการ์ดทองคิดจากตัวนี้
  function buildCompactStrip(){
    if(typeof _commBuildKamSelfState!=='function') return '';
    var st=_commBuildKamSelfState();
    _lastStripSt=st;
    _lastStripSrc=null;
    if(!st) return '';
    var src=buildSources(st);
    if(!src) return '';
    // Self-healing: fetch this KAM's detailed upsell bundle whenever the
    // strip renders. v_polrace-fix: was gated on src.loading — but the
    // team-summary FAST PATH makes src.loading false while the strip is
    // showing the coarser team-CSV uplift (observed: ฿3,078 vs the detailed
    // ฿4,491); the bundle then never loaded and the strip never corrected.
    // _fetchUpsellBundle dedups internally (_upsellBundleLoaded/inFlight),
    // and its completion hook repaints the strip — so this is one cheap,
    // idempotent call that guarantees convergence to the detailed number.
    if(st.email && typeof _fetchUpsellBundle==='function'){
      _fetchUpsellBundle(st.email).catch(function(){});
    }
    // v565 TIERS-READY GATE: NRR payout comes from commission_rule_tiers loaded by
    // loadTargets(). Before _tgtLoaded, _commGetDraft falls back to hardcoded default
    // tiers → strip showed e.g. ฿7,500 (default ≥102% tier) then snapped to ฿10,000
    // (real DB tier ≥103%) — a money-trust violation. Treat tiers-not-ready as loading;
    // _commGatedRender's 'กำลังโหลด' peek + _tgtInitCheck both retry once tiers arrive.
    // v754e: require DB fetch (not just localStorage cache) to prevent stale hardcoded tier flash
    var _tiersReady=!!(window._tgtLoadedFromDB);
    // v_qtrux-fix: st.loading = QNRR not ready (quarterly) — the NRR number
    // doesn't exist yet, so the whole strip must show the skeleton, never a
    // confident "NRR ฿0". Repaint comes from the existing QNRR-arrival hook
    // (02_data_pipeline) + _tgtInitCheck retries.
    // ST-2: แถวที่ล็อกแล้วไม่ต้องรอ tiers/QNRR/bundle — ตัวเลขจบแล้ว
    var _stripLoading=src.locked?false:(!!src.loading||!_tiersReady||!!(st&&st.loading));
    var finalAmt=_stripLoading?null:src.final;
    _lastStripSrc={st:st,src:src,loading:_stripLoading};
    var paid=!_stripLoading&&finalAmt>0;
    var _unav=!_stripLoading&&!!src.unavailable;   // ST-3: ยังคิดไม่ได้ / จ4: ไม่มีแผน
    var _stat=_stripLoading?null:(_unav&&!src.noPlan?{text:'ยังคิดไม่ได้',cls:'miss'}:stripStatus(src,st));
    // v_oneflash: while loading, the class must NOT depend on st.cls
    // (miss/paid tint) — every pre-ready repaint must produce byte-identical
    // HTML so the slot's value-guard dedups them into zero visible flicker.
    // UIR A3: ไม่เข้าเกณฑ์งวดนี้ (เริ่มงานหลังเดือนฐาน / ลาออก) = ฿0 สีกลาง — "ineligible" บอกตัวติดป้าย v213 (06) ว่าห้ามขึ้นทอง/"ถึงเกณฑ์แล้ว"
    var _silver=_stripLoading?_lastRead(st):null;
    var cls='v210k '+(_stripLoading?('unpaid loading'+(_silver?' silver':'')):(_unav?'unpaid unavailable':((paid?'paid':'unpaid')+' '+esc(_stat.cls)+(src.notEligible?' ineligible':'')+(src.locked?' locked':''))));
    var status=_stripLoading?(_silver?'ยอดล่าสุด':'กำลังโหลด...'):_stat.text;
    // ST-5: ชื่อเดือนของงวดที่แถบโชว์ (วันที่ 1 ของเดือนยังเป็นเดือนก่อน) แทน "เดือนนี้"
    // UIR A7: งวดมาจากนาฬิกา (วันที่ลบ 1 วัน ตัวเดียวกับ _commBuildKamSelfState) ไม่ใช่จากข้อมูลที่โหลดแล้ว
    // — ระหว่างบูต st ยังเป็น {loading:true} ไม่มี period ⇒ หัวข้อเคยเปลี่ยน "ค่าคอมฯ" → "ค่าคอมฯ ต.ค." กลางการโหลด
    var _per=(st&&st.period)||((typeof _nrrExclusionCurrentPeriod==='function')?_nrrExclusionCurrentPeriod():'');
    var _mo=(window._cdsRule&&_per)?window._cdsRule.monthShort(_per):'';
    var mainHtml=_stripLoading
      // UIR A1: ที่ว่างของตัวเลขกว้างไม่เกินช่องตัวเลข (เดิม 90×28 ล้นไปทับหัวข้อที่ 320) — ขนาดอยู่ใน CSS
      ?(_silver?money(_silver.final):'<span class="skel"></span>')
      // HO ครั้งเดียวต่อสาขา (สัญญา v2 E1 + v4 D2): HO ยังไม่รู้ยอด ⇒ ยอดนี้ยังไม่รวม HO ต้องบอก
      // ช่องตัวเลขแคบ (คำเต็มล้นจนเลขโดนตัด) ⇒ "฿12,750*" แล้วอธิบายบนบรรทัดรองข้างล่าง
      :(_unav?'—':(typeof _commHoStarHtml==='function'?_commHoStarHtml(src.handover_detail,money(finalAmt)):money(finalAmt)));
    var _hoUnk=!_stripLoading&&!src.locked&&!_unav&&!src.notEligible&&(typeof _commHoUnknown==='function'?_commHoUnknown(src.handover_detail):!!(src.handover_detail&&src.handover_detail.ledger_missing));
    var _hoNote=(_hoUnk&&typeof _commHoNoteTh==='function')?_commHoNoteTh(src.handover_detail):'';
    // R1 UI #2: upsell ยังไม่รู้ยอด ⇒ ตัวเลขหลักติด "*" (แบบเดียวกับ HO ที่ยังไม่รู้ยอด) + บรรทัดบอกเหตุ
    var _upUnk=!_stripLoading&&!src.locked&&!_unav&&!!src.upsellUnknown;
    var _upNote=_upUnk?'* ยังไม่รวม Upsell — ยังไม่มีไฟล์ upsell ของเดือน '+(_mo||'นี้')+' (ยอดนี้ยังไม่ใช่ยอดสุดท้าย)':'';
    if(_upUnk&&!_hoUnk) mainHtml='<span title="ยังไม่รวม Upsell">'+mainHtml+'<span class="comm-ho-star">*</span></span>';
    // R1 UI #3: upsell มาจากไฟล์สรุปทีม ⇒ "ประมาณ" (คำเดียวกับชีทหัวหน้าทีม)
    var _est=!_stripLoading&&!src.locked&&!_unav&&!!src.estimate;
    var _estNote=_est?'ยอดประมาณ = upsell ของคุณยังคิดจากไฟล์สรุปทั้งทีม ซึ่งยังใช้เกณฑ์ก่อน ต.ค. · ยอดจริงคิดตอนปิดงวด':'';
    // ST-2 + R1 UI #5: ป้ายเล็กใต้หัวข้อ (บรรทัดของตัวเอง — จอแคบหัวข้อเดิมโดนตัดจนป้ายหาย)
    var _lockTag=src.locked?'<span class="pv-comm-locked-tag">ล็อกแล้ว</span>':(_est?'<span class="pv-comm-locked-tag pv-comm-est-tag">ประมาณ</span>':'');
    var _part=function(v){ return (_stripLoading||v===null||v===undefined)?'—':money(v); };
    if(src.locked&&src.skip_reason) _hoNote=src.skip_reason;
    var _unNote=(_unav||src.notEligible)?(src.note||''):'';
    // ST-7: ส่วนประกอบรวมไม่เท่ายอดหลักเมื่อโดนเกต ⇒ บอกตรง ๆ ในคำอธิบาย
    var _gateTip='';
    if(!_stripLoading&&!_unav&&src.gate_active&&src.subtotal!=null){
      var _cap=Number(src.gate_cap);
      _gateTip=' title="'+esc('รวม '+money(src.subtotal)+' แล้ว'+((typeof window._gateWordTh==='function'&&window._gateWordTh(_cap))||''))+'"';
    }
    var _on=function(v){ return !_stripLoading&&(v||0)>0; };
    // H7 (บอร์ด HomeNew): บอกบนแถบเลยว่ายอดโดนตัดเพราะเกต — เส้นจากเกณฑ์ของคนนี้เดือนนี้ (ไม่มีเส้น = ไม่บอก)
    var _gateNote='';
    if(!_stripLoading&&!_unav&&!src.locked&&src.gate_active&&src.subtotal!=null&&Number(src.subtotal)>0){
      var _R=window._cdsRule, _g=(_R&&src.rv)?_R.ok(src.rv.gate):null, _c=Number(src.gate_cap);
      var _line=_g?(_c>0?_g.half_below:_g.zero_below):null;
      if(_line!=null&&_c<1) _gateNote='รวม '+money(src.subtotal)+' '+((typeof window._gateWordTh==='function'&&window._gateWordTh(_c))||(_c>0?'ได้บางส่วน':'ได้ 0%'))+' เพราะ %NRR ต่ำกว่า '+pts(_line)+'% · ยอดจริงคิดตอนปิดงวด';
    }
    return '<div class="pv-comm-strip '+cls+'" data-v210k="1" onclick="_commOpenKamSelfSheet()" style="cursor:pointer">'
      // UIR A1: หัวข้อตัดบรรทัดได้แค่ที่ช่องว่าง ("ค่าคอมฯ" / "ต.ค.") ไม่หักกลางคำ · ยอด 8 ตัวอักษรขึ้นไป (฿100,000+) ตัวเล็กลงที่จอ ≤360
      +'<div class="pv-comm-title"><span class="pv-comm-title-txt"><span class="pv-comm-title-w">ค่าคอมฯ</span>'+(_mo?' <span class="pv-comm-title-w">'+esc(_mo)+'</span>':'')+'</span>'+_lockTag+'</div>'
      +'<div class="pv-comm-main'+((!_stripLoading&&!_unav&&money(finalAmt).length>=8)?' pv-comm-main-long':'')+'">'+mainHtml+'</div>'
      +'<div class="pv-comm-chip" title="'+esc(status)+'">'+esc(status)+'</div>'
      +'<button class="pv-comm-hist-btn" title="ประวัติ commission" onclick="event.stopPropagation();if(typeof openCommissionHistory===\'function\')openCommissionHistory();">'
      +'<svg class="pv-comm-hist-icon" width="16" height="16" viewBox="0 0 32 32" fill="none">'
      +'<path d="M16 4 A12 12 0 1 1 5.5 22" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" fill="none"/>'
      +'<polyline points="5,17 5.5,22 10,21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>'
      +'<circle cx="16" cy="16" r="1.8" fill="currentColor"/>'
      +'<line x1="16" y1="16" x2="16" y2="10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>'
      +'<line x1="16" y1="16" x2="20" y2="18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>'
      +'</svg>'
      +'<span class="pv-comm-hist-lbl">ประวัติ</span>'
      +'</button>'
      +'<div class="pv-comm-sources"'+_gateTip+'>'
      // v_qtrux-fix: while ANYTHING is still loading (_stripLoading covers
      // QNRR/tiers/bundle) every source shows '—' — "NRR ฿0" for money that
      // hasn't loaded yet was the reported wrong-commission bug.
      +'<span class="pv-src'+(_on(src.nrr)?' on':'')+'" style="color:'+(_on(src.nrr)?'#ffe08a':'rgba(255,255,255,.35)')+'"><b>NRR</b> '+_part(src.nrr)+'</span><span class="pv-comm-sep">·</span>'
      +'<span class="pv-src'+(_on(src.uplift)?' on':'')+'" style="color:'+(_on(src.uplift)?'#ffe08a':'rgba(255,255,255,.35)')+'"><b>Upsell</b> '+_part(src.uplift)+(_est&&src.uplift!=null?' (ประมาณ)':'')+'</span><span class="pv-comm-sep">·</span>'
      // HO ครั้งเดียวต่อสาขา: HO ยังไม่รู้ยอด (รายชื่อ/ไฟล์ Handover) ⇒ '—' ไม่ใช่ ฿0
      +'<span class="pv-src'+(_on(src.handover)?' on':'')+'" style="color:'+(_on(src.handover)?'#ffe08a':'rgba(255,255,255,.35)')+'"><b>Handover</b> '+((_hoUnk||src.handover===null)?'—':_part(src.handover))+'</span>'
      +'</div>'
      +(_silver?'<div class="pv-comm-notes"><div class="pv-comm-ho-note pv-comm-silver-note">ยอดล่าสุด · ยังไม่ใช่ตัวเลขวันนี้ · จำไว้เมื่อ '+esc(_hhmm(_silver.ts))+'</div></div>':_notesHtml(_stripLoading,st,[
        // สัญญา v4 D2: คำอธิบายของ "*" บนบรรทัดของตัวเอง (ตัดบรรทัดได้) — ไม่มีกรณีนี้ ⇒ ไม่มีบรรทัดนี้ (HTML เท่าเดิม)
        _gateNote?'<div class="pv-comm-ho-note pv-comm-gate-note">'+esc(_gateNote)+'</div>':'',
        _hoNote?'<div class="pv-comm-ho-note">'+esc(_hoNote)+'</div>':'',
        _upNote?'<div class="pv-comm-ho-note">'+esc(_upNote)+'</div>':'',
        _estNote?'<div class="pv-comm-ho-note">'+esc(_estNote)+'</div>':'',
        // ST-3 / ST-9 / จ4: "ยังคิดค่าคอมฯ ต.ค. ไม่ได้ — <เหตุ>" · "เริ่มงานหลังเดือนฐาน …" · "ตำแหน่งนี้ยังไม่มีแผนค่าคอมฯ"
        _unNote?'<div class="pv-comm-unavail-note">'+esc(_unNote)+'</div>':''
      ]))
      +'</div>';
  }
  // UIR A1: คำอธิบายใต้แถบ (HO · upsell · ยอดประมาณ · เหตุ) อยู่ในกล่องเดียว เรียงบรรทัดละข้อ
  // (เดิมทุกข้อถูก CSS วางลงแถวที่ 3 แถวเดียวกัน ⇒ สองข้อขึ้นพร้อมกันที่ 320/375 พิมพ์ทับกันจนอ่านไม่ออก)
  // ระหว่างโหลด: จองที่ไว้เท่ากับความสูงของคำอธิบายรอบที่แล้วของคนนี้ (จำในเครื่อง) ⇒ แถบไม่ยืดดันจอลงเมื่อเลขมา
  // ไม่มีความจำ / เปิดครั้งแรก ⇒ ไม่จอง (เหมือนเดิม) · ค่าที่จำเปลี่ยนเฉพาะตอนวาดแถบจริง ⇒ ทุกรอบก่อนพร้อมได้ HTML เดียวกัน
  // ── H8 (25 ต.ค. 2569 · FirstPaint · Bucci เลือกข้อ C): ยอดล่าสุดสีเงินระหว่างรอคิดเงินของวันนี้ ─────────────
  // กติกาเดิม "เงินขึ้นครั้งเดียวและเป็นตัวจริง" (v565/v754e) ยังอยู่: สีเงิน + "ยอดล่าสุด" บอกชัดว่ายังไม่ใช่ตัวเลขวันนี้
  // จำเฉพาะการ์ดทอง (คนดูพอร์ตตัวเอง) · คีย์ = อีเมล + ตำแหน่ง + งวด — ไม่ตรงข้อใดข้อหนึ่ง ⇒ ที่ว่างเหมือนเดิม
  // ผลจริงทุกแบบ (ยอด · ยังคิดไม่ได้ · ไม่เข้าเกณฑ์ · ล็อก) แทนสีเงินทันที · ออกจากระบบ = ลบ (01_core)
  var LAST_KEY='sense_comm_last_v1';
  function _lastRead(st){
    try{
      if(typeof window._kamGoldMode!=='function'||!window._kamGoldMode()) return null;
      var m=JSON.parse(localStorage.getItem(LAST_KEY)||'null');
      if(!m||!isFinite(Number(m.final))) return null;
      var me=String((currentUserProfile&&currentUserProfile.email)||'').toLowerCase();
      var role=(typeof getCurrentRole==='function')?getCurrentRole():'';
      var per=(st&&st.period)||((typeof _nrrExclusionCurrentPeriod==='function')?_nrrExclusionCurrentPeriod():'');
      if(!me||m.email!==me||m.role!==role||!per||m.period!==per) return null;
      return m;
    }catch(e){ return null; }
  }
  function _lastWrite(S){
    try{
      if(typeof window._kamGoldMode!=='function'||!window._kamGoldMode()) return;
      if(!S||S.loading||!S.src||!S.st) return;
      var src=S.src;
      if(src.unavailable||src.final===null||src.final===undefined||!isFinite(Number(src.final))) return;
      var me=String((currentUserProfile&&currentUserProfile.email)||'').toLowerCase();
      if(!me||String(S.st.email||'').toLowerCase()!==me||!S.st.period) return;
      var role=(typeof getCurrentRole==='function')?getCurrentRole():'';
      var prev=null; try{ prev=JSON.parse(localStorage.getItem(LAST_KEY)||'null'); }catch(e){}
      if(prev&&prev.email===me&&prev.role===role&&prev.period===S.st.period&&Number(prev.final)===Math.round(Number(src.final))) return;
      localStorage.setItem(LAST_KEY,JSON.stringify({email:me,role:role,period:S.st.period,final:Math.round(Number(src.final)),ts:Date.now()}));
    }catch(e){}
  }
  window._commLastSilver=function(){ return _lastRead(_lastStripSt); };
  var NOTES_KEY='sense_comm_strip_notes_h_v1';
  function _hhmm(ts){ var d=new Date(Number(ts)||0); return String(d.getHours()).padStart(2,'0')+':'+String(d.getMinutes()).padStart(2,'0'); }
  function _notesMem(){ try{ return JSON.parse(localStorage.getItem(NOTES_KEY)||'{}')||{}; }catch(e){ return {}; } }
  function _notesKeyOf(st){ return String((st&&st.email)||'').toLowerCase(); }
  function _notesHtml(loading,st,items){
    if(loading){
      var h=Number(_notesMem()[_notesKeyOf(st)]||0);
      if(!(h>0&&h<200)) return '';
      var n=Math.max(1,Math.round(h/15)), bars='';
      for(var i=0;i<n;i++) bars+='<span class="skel"'+(i===n-1&&n>1?' style="width:62%"':'')+'></span>';
      return '<div class="pv-comm-notes pv-comm-notes-skel" aria-hidden="true" style="height:'+Math.round(h)+'px">'+bars+'</div>';
    }
    var body=(items||[]).filter(Boolean).join('');
    return body?'<div class="pv-comm-notes">'+body+'</div>':'';
  }
  // จำความสูงของคำอธิบายหลังวาดแถบจริง (ไม่ใช่ตอนโหลด · แถบที่ซ่อนอยู่วัดไม่ได้ ⇒ ไม่จำ)
  function _notesRemember(slot,st){
    try{
      var el=slot&&slot.querySelector&&slot.querySelector('.pv-comm-strip');
      if(!el||/\bloading\b/.test(el.className||'')||!el.getBoundingClientRect||!(el.getBoundingClientRect().height>0)) return;
      var nb=el.querySelector('.pv-comm-notes');
      var h=nb?Math.round(nb.getBoundingClientRect().height):0;
      var k=_notesKeyOf(st); if(!k) return;
      var m=_notesMem(); if((m[k]||0)===h) return;
      if(h>0) m[k]=h; else delete m[k];
      localStorage.setItem(NOTES_KEY,JSON.stringify(m));
    }catch(e){}
  }
  // ── หัวหน้าทีม (Bucci 25 ต.ค. 2569): การ์ดค่าคอมฯ แบบเดียวกับ KAM — แตกเป็น "ขั้นเงินจาก %NRR" กับ "ตัวคูณ upsell ทีม" ────────
  // ยอด/ตัวคูณมาจากทางเดียวกับชีทรายละเอียดหัวหน้าทีม (_commOpenTlDetailSheet): งวดแบบใหม่ = ยอดจริง (_commLiveExactFor) ·
  // งวดเก่า = _commBuildTlPayout · ยังคิดไม่เสร็จ = ที่ว่าง · คิดไม่ได้ = "—" พร้อมเหตุ (ไม่โชว์ ฿0 แทนความไม่รู้)
  function tlStripSource(email){
    var per=(typeof _nrrExclusionCurrentPeriod==='function')?_nrrExclusionCurrentPeriod():'';
    var tlx=(typeof _commIsExplicit==='function'&&_commIsExplicit(per)&&typeof _commLiveExactFor==='function')?_commLiveExactFor(email,'tl',per):null;
    var p=tlx?Object.assign({},tlx.payout||{},tlx.status==='ok'?{final_payout:tlx.amount}:{}):((typeof _commBuildTlPayout==='function')?_commBuildTlPayout(email):null);
    var un=(tlx&&tlx.status!=='ok')?{loading:tlx.status==='loading',note:tlx.reason_th||''}
      :(tlx&&tlx.skipped)?{note:tlx.reason_th||''}
      :((typeof _commPayoutUnavailable==='function'&&p)?_commPayoutUnavailable(p,per,email):null);
    var loading=!window._tgtLoadedFromDB||!p||!!(un&&un.loading);
    var leakFail=!!(p&&p.leak_gate&&p.leak_gate.passed===false);
    var um=(p&&p.upsell_mult&&typeof p.upsell_mult==='object')?p.upsell_mult:null;
    var multOk=!!(um&&!un&&!p.upsell_unavailable&&!p.plan_unavailable&&!p.leak_unavailable&&!leakFail);
    return {tl:true,email:email,period:per,loading:loading,p:p||{},un:un,leakFail:leakFail,um:um,multOk:multOk};
  }
  function buildTlStrip(){
    var email=String((currentUserProfile&&currentUserProfile.email)||'');
    if(!email) return '';
    var S=tlStripSource(email);
    _lastStripSrc=S; _lastStripSt={email:email,period:S.period};
    var R=window._cdsRule, mo=(R&&S.period)?R.monthShort(S.period):'';
    var p=S.p, fin=p.final_payout;
    var unav=!S.loading&&!!S.un, paid=!S.loading&&!unav&&Number(fin)>0;
    var main=S.loading?'<span class="skel"></span>':(unav?'—':money(fin));
    var status=S.loading?'กำลังโหลด...':(unav?'ยังคิดไม่ได้':(S.leakFail?'พอร์ตรั่วเกิน':(Number(p.nrr_payout)>0?'ถึงเกณฑ์แล้ว':'ยังไม่ถึงขั้นแรก')));
    var mult=S.um?(Math.round(Number(S.um.multiplier)*100)/100):null;
    var upPct=S.um&&S.um.team_upsell_pct!=null?Number(S.um.team_upsell_pct):null;
    var part=function(on,html){ return '<span class="pv-src'+(on?' on':'')+'" style="color:'+(on?'#ffe08a':'rgba(255,255,255,.35)')+'">'+html+'</span>'; };
    var sources=S.loading||unav
      ?part(false,'<b>NRR</b> —')+'<span class="pv-comm-sep">·</span>'+part(false,'<b>ตัวคูณ</b> —')
      :part(Number(p.nrr_payout)>0,'<b>NRR</b> '+money(p.nrr_payout))+'<span class="pv-comm-sep">·</span>'
        +part(S.multOk&&mult>1,'<b>ตัวคูณ</b> '+(S.multOk?'×'+mult:'—'))
        +(upPct!=null&&S.multOk?'<span class="pv-comm-sep">·</span>'+part(false,'upsell ทีม '+(Math.round(upPct*10)/10)+'%'):'');
    var note='';
    if(!S.loading){
      if(S.un) note=S.un.note||'';
      else if(S.leakFail) note='เดือนนี้พอร์ตรั่วมากกว่าปกติ ไม่จ่ายทุกขั้น';
      else if(S.multOk) note='= ขั้น NRR '+money(p.nrr_payout)+' × ตัวคูณ '+mult+' (ตามยอด upsell ของทั้งทีม)';
    }
    var cls='v210k tl '+(S.loading?'unpaid loading':(unav?'unpaid unavailable':(paid?'paid hit':'unpaid miss')));
    return '<div class="pv-comm-strip '+cls+'" data-v210k="1" onclick="if(typeof _commOpenTlDetailSheet===\'function\')_commOpenTlDetailSheet()" style="cursor:pointer">'
      +'<div class="pv-comm-title"><span class="pv-comm-title-txt"><span class="pv-comm-title-w">ค่าคอมฯ</span>'+(mo?' <span class="pv-comm-title-w">'+esc(mo)+'</span>':'')+'</span></div>'
      +'<div class="pv-comm-main'+((!S.loading&&!unav&&money(fin).length>=8)?' pv-comm-main-long':'')+'">'+main+'</div>'
      +'<div class="pv-comm-chip" title="'+esc(status)+'">'+esc(status)+'</div>'
      +'<button class="pv-comm-hist-btn" title="ประวัติ commission" onclick="event.stopPropagation();if(typeof openCommissionHistory===\'function\')openCommissionHistory();"><span class="pv-comm-hist-lbl">ประวัติ</span></button>'
      +'<div class="pv-comm-sources">'+sources+'</div>'
      +(note?'<div class="pv-comm-notes"><div class="pv-comm-ho-note">'+esc(note)+'</div></div>':'')
      +'</div>';
  }
  function tlGoldMode(){
    try{
      var role=getCurrentRole();
      if(!(typeof isTLRole==='function'&&isTLRole(role))) return false;
      if(typeof portviewLevel!=='undefined'&&portviewLevel==='rep-detail') return false;
      return !!(currentUserProfile&&currentUserProfile.email);
    }catch(e){ return false; }
  }
  function renderCompactStrip(){
    var slot=document.getElementById('pv-commission-strip') || (function(){
      var row=document.getElementById('portview-summary-row');
      if(!row||!row.parentNode) return null;
      var d=document.createElement('div');
      d.id='pv-commission-strip';
      d.className='pv-commission-strip-slot';
      row.parentNode.insertBefore(d,row);
      return d;
    })();
    if(!slot) return;
    var html=(tlGoldMode()?buildTlStrip():buildCompactStrip()) || '';
    window._commLastSelfSrc=_lastStripSrc;
    try{ if(typeof window._kamGoldArrange==='function') window._kamGoldArrange(); }catch(e){}
    try{ if(typeof window._tgtRenderNextLine==='function') window._tgtRenderNextLine(); }catch(e){}
    // Value guard: skip rebuild if content unchanged
    if(slot._lastCommHtml===html && slot.innerHTML) return;
    slot._lastCommHtml=html;
    slot.innerHTML=html;
    _notesRemember(slot,_lastStripSt);
    _lastWrite(_lastStripSrc);
    try{ if(typeof window._kamGoldArrange==='function') window._kamGoldArrange(); }catch(e){}
    // H12: แถบย่อตอนเลื่อนจอบอกยอดเดียวกับการ์ด
    try{ if(typeof _pvBuildCompactStrip==='function'&&typeof window._kamGoldMode==='function'&&window._kamGoldMode()) _pvBuildCompactStrip(); }catch(e){}
  }
  // v237+v243: helper functions exposed to window for cross-scope calls
  window._pvOutletName=function(outletId,accountId){
    if(!outletId||outletId==='_all')return'—';
    if(typeof bulkOutletsData!=='undefined'&&bulkOutletsData&&accountId){
      var months=bulkOutletsData[accountId];
      if(months){var labels=Object.keys(months);for(var li=0;li<labels.length;li++){var arr=months[labels[li]];if(!arr)continue;for(var oi=0;oi<arr.length;oi++){var o=arr[oi];var oid=o.outlet_id||o.outletId||o.id;if(String(oid)===String(outletId)&&(o.outlet_name||o.outletName))return o.outlet_name||o.outletName;}}}
    }
    if(typeof bulkOutletsData!=='undefined'&&bulkOutletsData){
      var accts=Object.keys(bulkOutletsData);for(var ai=0;ai<accts.length;ai++){var months2=bulkOutletsData[accts[ai]];if(!months2)continue;var labels2=Object.keys(months2);for(var li2=0;li2<labels2.length;li2++){var arr2=months2[labels2[li2]];if(!arr2)continue;for(var oi2=0;oi2<arr2.length;oi2++){var o2=arr2[oi2];var oid2=o2.outlet_id||o2.outletId||o2.id;if(String(oid2)===String(outletId)&&(o2.outlet_name||o2.outletName))return o2.outlet_name||o2.outletName;}}}
    }
    return outletId;
  };

  window._commRenderKamSelfStrip=renderCompactStrip;
  // _commOpenKamSelfSheet + _commCloseKamSelfSheet wired by CDS block below

  // ── H1 (25 ต.ค. 2569 · บอร์ด HomeNew): การ์ดทองหน้าแรก ─────────────────────────────────
  // ค่าคอมฯ (#pv-commission-strip) กับ %NRR (#tgt-portview-bar) อยู่ในการ์ดใบเดียว เฉพาะคนที่ดูพอร์ตตัวเอง
  // (KAM / AD / PM) · หัวหน้าทีม แอดมิน และตอนเจาะดูพอร์ตคนอื่น = สองแถบแยกแบบเดิม
  // ย้าย element เดิมเข้ากล่อง ไม่สร้างใหม่ ⇒ ตัวกันวาดซ้ำของทั้งสอง (_lastCommHtml / data-render-key) ทำงานเหมือนเดิม
  // ⚠️ ห้ามติด class ที่ #pv-collapsible — 06 เขียน className ทับทั้งก้อนตอนเปลี่ยนจอ
  function goldMode(){
    try{
      var role=getCurrentRole();
      if(!(isRepRole(role)||isADRole(role)||isPMRole(role))) return false;
      var me=String((currentUserProfile&&currentUserProfile.email)||'').toLowerCase();
      if(!me) return false;
      if(typeof portviewLevel!=='undefined'&&portviewLevel==='rep-detail'&&typeof portviewRepEmail!=='undefined'&&portviewRepEmail
         &&String(portviewRepEmail).toLowerCase()!==me) return false;
      return true;
    }catch(e){ return false; }
  }
  function arrange(){
    var strip=document.getElementById('pv-commission-strip');
    var bar=document.getElementById('tgt-portview-bar');
    var coll=document.getElementById('pv-collapsible');
    if(!strip||!coll) return;
    var card=document.getElementById('kam-gold-card');
    if((goldMode()||tlGoldMode())&&bar&&(bar.parentNode===coll||(card&&bar.parentNode===card))){
      if(!card){
        card=document.createElement('section');
        card.id='kam-gold-card';
        card.className='kam-gold-card';
        card.setAttribute('aria-label','ค่าคอมฯ และ %NRR ของคุณ');
        // หัวจอพับตามการเลื่อน (06 _pvInitCollapseObserver) วัดความสูงครั้งเดียว — การ์ดสูงขึ้นทีหลัง (ตัวเลขมา · บันได · บรรทัดขายเพิ่ม)
        // ต้องให้วัดใหม่ ไม่งั้นกล่องร้านข้างล่างโดนตัด · วัดใหม่เฉพาะเมื่อความสูงเปลี่ยนจริง
        try{
          if(typeof ResizeObserver==='function'){
            var _h=-1;
            new ResizeObserver(function(){
              var h=Math.round(card.getBoundingClientRect().height);
              if(h===_h) return; _h=h;
              if(typeof window._pvResetExpandedH==='function') window._pvResetExpandedH();
            }).observe(card);
          }
        }catch(e){}
      }
      if(card.parentNode!==coll) coll.insertBefore(card,bar.parentNode===coll?bar:coll.firstChild);
      if(strip.parentNode!==card||strip.nextElementSibling!==bar){ card.appendChild(strip); card.appendChild(bar); }
      // ยังไม่มีอะไรให้ดูทั้งสองชิ้น ⇒ ไม่โชว์กรอบเปล่า
      card.classList.toggle('empty',!strip.innerHTML.trim()&&(bar.style.display==='none'||!bar.innerHTML.trim()));
      return;
    }
    if(card){
      if(bar&&bar.parentNode===card) coll.insertBefore(bar,card);
      if(strip.parentNode===card){
        var row=document.getElementById('portview-summary-row');
        if(row&&row.parentNode===coll) coll.insertBefore(strip,row); else coll.insertBefore(strip,card);
      }
      card.parentNode.removeChild(card);
    }
  }
  window._kamGoldMode=goldMode;
  window._tlGoldMode=tlGoldMode;
  window._kamGoldArrange=arrange;
  try{ _commRenderKamSelfStrip=renderCompactStrip; }catch(e){}
  // v224e render-gate: DOMContentLoaded timers removed — renderCompactStrip called via _commGatedRender
})();


//////////////////////////////////////////////////////////////////////////////
// ── Commission Detail Sheet (cds) ────────────────────────────────────────
// Single-sheet stack: Zone A summary · Zone B tabs · Zone C body · Zone D footer
// Session 2: HTML template functions + open/close/tab-switch skeleton
// Zone C content filled per-tab in Sessions 3–7
//////////////////////////////////////////////////////////////////////////////

(function(){

  // ── Helpers ───────────────────────────────────────────────────────────
  function esc(v){
    return String(v==null?'':v).replace(/[&<>'"]/g,function(c){
      return{'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[c];
    });
  }
  function fmt(n){
    n=Number(n||0);
    if(!n)return'฿0';
    if(n>=1000000)return'฿'+(n/1000000).toFixed(1)+'M';
    if(n>=1000)return'฿'+Math.round(n/1000)+'K';
    return'฿'+Math.round(n).toLocaleString('en-US');
  }
  function fmtFull(n){ n=Number(n||0); return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0'; }

  // ── Chip labels (single-row abbreviations) ────────────────────────────
  var CDS_TABS=[
    {key:'p1', label:'สินค้าใหม่', short:'ใหม่',   cls:'t-p1',  valCls:'v-amber'},
    {key:'p3', label:'ซื้อเพิ่ม', short:'เพิ่ม',     cls:'t-p3',  valCls:'v-amber'},
    {key:'nrr',label:'NRR',       short:'NRR',    cls:'t-nrr', valCls:'v-green'},
    {key:'exp',label:'สาขาเปิดใหม่', short:'สาขาใหม่', cls:'t-exp', valCls:'v-teal'},
    {key:'ho', label:'Handover',  short:'H/O',    cls:'t-ho',  valCls:'v-blue'}
  ];

  // ── Zone C: column header templates ──────────────────────────────────
  var CDS_COL_DEFS={
    // หัวคอลัมน์ภาษาไทย (แผน 15 ต.ค.): NR-6 คอลัมน์กลางของ NRR = ยอดต่อ 30 วัน (ตัวเดียวกับที่ใช้คิด %)
    p1: [{l:'สาขา / กลุ่ม'},{l:'ยอด',r:1},{l:'ค่าคอมฯ',r:1}],
    p3: [{l:'สาขา / กลุ่ม'},{l:'ฐาน',r:1},{l:'ส่วนเพิ่ม',r:1},{l:'ค่าคอมฯ',r:1}],
    nrr:[{l:'ร้าน'},{l:'ฐาน',r:1},{l:'ต่อ 30 วัน',r:1},{l:'ถึงเมื่อวาน',r:1}],
    exp:[{l:'ร้าน / สาขา'},{l:'',r:1},{l:'ยอด',r:1},{l:'ค่าคอมฯ',r:1}],
    ho: [{l:'ร้าน'},{l:'ฐาน',r:1},{l:'เดือนนี้',r:1},{l:'รักษา',r:1}]
  };

  // ── Zone C: accordion chip row ────────────────────────────────────────
  function _cdsChipRowHtml(id, name, meta, val, valCls, open){
    return '<div class="cds-chip-row'+(open?' open':'')+'" id="'+id+'" onclick="_cdsToggleRow(\''+id+'\')">'
      +'<span class="cds-chip-chev">&#8250;</span>'
      +'<div style="flex:1;min-width:0">'
      +'<div class="cds-chip-name">'+esc(name)+'</div>'
      +(meta?'<div class="cds-chip-meta">'+esc(meta)+'</div>':'')
      +'</div>'
      +'<span class="cds-chip-val '+valCls+'">'+esc(val)+'</span>'
      +'</div>'
      +'<div class="cds-sub-rows'+(open?' open':'')+'" id="'+id+'-sub">';
      // sub-rows injected here by each tab renderer
  }
  function _cdsChipRowClose(){ return '</div></div>'; }

  // ── Zone C: sub-row (grid columns) ────────────────────────────────────
  // cells = [{text, cls}] — text is escaped, safe default. A cell can pass
  // {html, cls} instead when it needs trusted inline markup (v_qsum: the
  // quarter-dots span next to a group name) — the CALLER is responsible for
  // escaping any untrusted text (e.g. group name) before concatenating.
  function _cdsSubRowHtml(cells, tabKey){
    return '<div class="cds-sub-row '+tabKey+'-cols">'
      +cells.map(function(c){
        var inner = c.html != null ? c.html : esc(c.text||'');
        return'<span class="'+(c.cls||'cds-val v-muted')+'">'+inner+'</span>';
      }).join('')
      +'</div>';
  }

  // ── Zone C: proof card ────────────────────────────────────────────────
  // rows = [{label, result, pass}]  pass=true/false/null(neutral)
  function _cdsProofHtml(id, rows){
    return '<div class="cds-proof" id="proof-'+id+'">'
      +rows.map(function(r){
        var resCls='cds-proof-result'+(r.pass===true?' pass':r.pass===false?' fail':'');
        return'<div class="cds-proof-row">'
          +'<span class="cds-proof-label">'+esc(r.label)+'</span>'
          +'<span class="'+resCls+'">'+esc(r.result)+'</span>'
          +'</div>';
      }).join('')
      +'</div>';
  }

  // ── Zone D: Total + Footer ─────────────────────────────────────────────
  function _cdsTotalHtml(label, val, valCls){
    return '<div class="cds-total">'
      +'<span class="cds-total-label">'+esc(label)+'</span>'
      +'<span class="cds-total-val '+valCls+'">'+esc(val)+'</span>'
      +'</div>';
  }
  function _cdsFooterHtml(showExport, exportFn){
    return '<div class="cds-footer">'
      +(showExport?'<button class="cds-btn primary" onclick="'+esc(exportFn||'')+'">↓ รายร้าน CSV</button>':'')
      +(showExport?'<button class="cds-btn secondary" onclick="_cdsCopyTSV&&_cdsCopyTSV()">⎙ คัดลอก</button>':'')
      +'<button class="cds-btn secondary" onclick="_cdsOpenRulebook()">กฎค่าคอมฯ</button>'
      +'</div>';
  }

  // ── Zone C: placeholder (shown while tab renderer not yet built) ──────
  function _cdsTabPlaceholder(label){
    return '<div class="cds-empty">'+esc(label)+'<br>'
      +'<span style="font-size:var(--text-xs);opacity:.5">coming next session</span></div>';
  }

  // ── Row toggle (accordion) ────────────────────────────────────────────
  window._cdsToggleRow=function(id){
    var row=document.getElementById(id);
    var sub=document.getElementById(id+'-sub');
    if(!row||!sub)return;
    var open=row.classList.toggle('open');
    sub.classList.toggle('open',open);
    var btn=document.getElementById('cds-toggle-btn');
    if(btn){
      var anyOpen=document.getElementById('cds-body').querySelectorAll('.cds-sub-rows.open').length>0;
      btn.innerHTML=anyOpen?'<svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"1\" y1=\"3.5\" x2=\"13\" y2=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"7\" x2=\"13\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"10.5\" x2=\"13\" y2=\"10.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>':'<svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/></svg>';
    }
  };
  window._cdsToggleAll=function(){
    var body=document.getElementById('cds-body');
    if(!body)return;
    var chips=Array.from(body.querySelectorAll('.cds-chip-row'));
    var subs=Array.from(body.querySelectorAll('.cds-sub-rows'));
    var anyOpen=subs.some(function(s){return s.classList.contains('open');});
    chips.forEach(function(c){c.classList.toggle('open',!anyOpen);});
    subs.forEach(function(s){s.classList.toggle('open',!anyOpen);});
    var btn=document.getElementById('cds-toggle-btn');
    if(btn)btn.innerHTML=anyOpen?'<svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/></svg>':'<svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"1\" y1=\"3.5\" x2=\"13\" y2=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"7\" x2=\"13\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"10.5\" x2=\"13\" y2=\"10.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>';
  };

  // ── Tab switch (L1 → L2 entry, or L2 tab switch) ────────────────────────
  window._cdsSetTab=function(key){
    window._cdsActiveTab=key;

    if(window._cdsLevel!==2){
      // Transition Level 1 → Level 2
      window._cdsLevel=2;
      var src=window._cdsSrc||{loading:true,final:0,nrr:0,upsell_sku:0,upsell_outlet:0,handover:0,gate_cap:1,gate_active:false};
      var sheet=document.querySelector('#cds-overlay .cds-sheet');
      if(!sheet)return;
      var handle=sheet.querySelector('.cds-handle');
      var handleHtml=handle?handle.outerHTML:'<div class="cds-handle"><div></div></div>';
      sheet.innerHTML=handleHtml
        +window._cdsRenderL2Header(key,src)
        +'<div id="cds-meta-slot"></div>'
        +'<div class="cds-tbl-head" id="cds-tbl-head-slot"></div>'
        +'<div class="cds-body" id="cds-body"></div>'
        +'<div id="cds-total-slot"></div>'
        +_cdsFooterHtml(src.upsell_sku>0||src.upsell_outlet>0,'_cdsExportCSV&&_cdsExportCSV()');
      _cdsRenderZoneC(key,src);
      var body=document.getElementById('cds-body');
      if(body){void body.offsetWidth;body.classList.add('cds-body-enter');}
      return;
    }

    // Already Level 2 — switch tabs
    var ov=document.getElementById('cds-overlay');
    if(!ov)return;
    ov.querySelectorAll('.cds-tab-card').forEach(function(c){
      c.classList.toggle('active',c.classList.contains('t-'+key));
    });
    // update formula bar
    var fb=document.getElementById('cds-formula-bar');
    if(fb){fb.className='cds-formula t-'+key;fb.innerHTML=_cdsFormulaContent(key);}
    var src=window._cdsSrc||{loading:true,final:0,nrr:0,upsell_sku:0,upsell_outlet:0,handover:0,gate_cap:1,gate_active:false};
    _cdsRenderZoneC(key,src);
    var body=document.getElementById('cds-body');
    if(body){body.classList.remove('cds-body-enter');void body.offsetWidth;body.classList.add('cds-body-enter');body.scrollTop=0;}
  };

  // ── Zone C dispatcher (stubs replaced per session) ────────────────────
  function _cdsRenderZoneC(key, src){
    var head=document.getElementById('cds-tbl-head-slot');
    var meta=document.getElementById('cds-meta-slot');
    var body=document.getElementById('cds-body');
    var total=document.getElementById('cds-total-slot');
    if(!body)return;

    var t=CDS_TABS.find(function(x){return x.key===key;})||CDS_TABS[0];

    // Column header — update class + innerHTML in place
    if(head){
      var cols=CDS_COL_DEFS[key]||CDS_COL_DEFS.p1;
      head.className='cds-tbl-head '+key+'-cols';
      head.style.display='';   // แท็บ NRR ซ่อนหัวคอลัมน์ไว้ในตัวเนื้อหาเอง (ร้านที่ดึงลง/ช่วย มาก่อนตาราง) — แท็บอื่นแสดงตามเดิม
      head.innerHTML=cols.map(function(c){
        return'<span class="cds-th'+(c.r?' r':'')+'">'+(c.l||'')+'</span>';
      }).join('');
    }

    // Delegate to tab-specific renderer when available
    var fn=window['_cdsRender_'+key];
    if(typeof fn==='function'){
      fn(src, body, meta, total);
      return;
    }
    // Placeholder
    if(meta)meta.innerHTML='';
    body.innerHTML=_cdsTabPlaceholder(t.label);
    if(total)total.innerHTML=_cdsTotalHtml('รวม '+t.label,'—',t.valCls);
  }

  // ── v_oneflash: single src builder with the FULL readiness barrier ─────
  // Same rule as the strip: no partial money, ever. While any input is still
  // loading (QNRR/policies via st.loading, team CSV, detailed per-KAM bundle)
  // the sheet shows '…' — then renders ONCE with final numbers.
  // SH-1 (แผน 15 ต.ค.): ใช้ตัวเดียวกับแถบ (_commSelfPayoutSrc) — ตำแหน่งจริงของเจ้าของพอร์ต,
  // ยอดจากผลที่จ่ายเงิน, งวดที่ล็อกแล้ว, "ยังคิดไม่ได้", ไม่มีแผน, ไม่เข้าเกณฑ์ — ชุดเดียวกันทั้งหมด
  function _cdsBuildSrc(st){
    var src=(typeof window._commSelfPayoutSrc==='function')?window._commSelfPayoutSrc(st):null;
    if(!src) src={loading:true,nrr:null,upsell_sku:0,upsell_outlet:0,handover:0,gate_cap:1,gate_active:false,final:null};
    // ตารางเกณฑ์ยังไม่มาจากฐานข้อมูล = ยังไม่รู้เกณฑ์จริง ⇒ รอเหมือนแถบ (v754e)
    if(!src.locked&&!window._tgtLoadedFromDB) src=Object.assign({},src,{loading:true});
    if(src.loading&&st.email&&typeof _fetchUpsellBundle==='function')_fetchUpsellBundle(st.email).catch(function(){});
    return src;
  }
  // v_oneflash: if the sheet was opened while loading, poll readiness and
  // repaint EXACTLY ONCE when everything is final (no intermediate values).
  function _cdsScheduleRefresh(){
    if(window._cdsRefreshTimer) return;
    var tries=0;
    window._cdsRefreshTimer=setInterval(function(){
      tries++;
      var overlay=document.getElementById('cds-overlay');
      var stop=function(){ clearInterval(window._cdsRefreshTimer); window._cdsRefreshTimer=null; };
      if(!overlay||tries>60){ stop(); return; } // sheet closed / ~42s safety cap
      if(!window._cdsSrc||!window._cdsSrc.loading){ stop(); return; }
      var st=typeof _commBuildKamSelfState==='function'?_commBuildKamSelfState():null;
      if(!st) return;
      var src=_cdsBuildSrc(st);
      if(src.loading) return; // still waiting — keep the '…' state untouched
      window._cdsSrc=src; window._cdsKamSt=st;
      if(window._cdsLevel===1){ try{ window._cdsRenderL1(src,st); }catch(e){} }
      stop();
    },700);
  }

  // ── Main open: renders Level 1 summary ────────────────────────────────
  function _cdsOpen(){
    if(typeof _commBuildKamSelfState!=='function')return;
    var st=_commBuildKamSelfState();
    if(!st)return;

    var src=_cdsBuildSrc(st);
    if(src.loading) _cdsScheduleRefresh();

    window._cdsSrc=src;
    window._cdsKamSt=st;
    window._cdsLevel=1;
    window._cdsActiveTab=window._cdsActiveTab||'p1';

    // Minimal shell: handle + scrollable body (L1 fills it)
    var html='<div class="cds-overlay" id="cds-overlay" onclick="if(event.target===this)_cdsClose()">'
      +'<div class="cds-sheet"><div class="cds-handle"><div></div></div>'
      +'<div class="cds-body" id="cds-body"></div>'
      +'</div></div>';

    var existing=document.getElementById('cds-overlay');
    if(existing)existing.remove();
    var tmp=document.createElement('div');
    tmp.innerHTML=html;
    document.body.appendChild(tmp.firstElementChild);

    // Render Level 1 summary
    window._cdsRenderL1(src,st);

    requestAnimationFrame(function(){
      var ov=document.getElementById('cds-overlay');
      if(ov){ov.classList.add('on');}
    });
  }

  // ── Close ──────────────────────────────────────────────────────────────
  function _cdsClose(){
    var ov=document.getElementById('cds-overlay');
    if(!ov)return;
    ov.classList.remove('on');
    setTimeout(function(){ov.remove();},280);
  }

  // ── Wire up: replace old openCompactSheet ────────────────────────────
  window._commOpenKamSelfSheet=_cdsOpen;
  window._cdsOpen=_cdsOpen;
  window._cdsClose=_cdsClose;
  try{ _commOpenKamSelfSheet=_cdsOpen; }catch(e){}

  // Expose template helpers for later sessions
  window._cdsHtml={
    chipRow:_cdsChipRowHtml,chipRowClose:_cdsChipRowClose,
    subRow:_cdsSubRowHtml,proof:_cdsProofHtml,
    total:_cdsTotalHtml,footer:_cdsFooterHtml,
    fmt:fmt,esc:esc,fmtFull:fmtFull,tabs:CDS_TABS,colDefs:CDS_COL_DEFS
  };

})();


//////////////////////////////////////////////////////////////////////////////
// ── CDS: Level 1 Summary + Level 2 Header + Formula Bar ─────────────────
//////////////////////////////////////////////////////////////////////////////

// ── Round 1 (15 ต.ค. 2569): RuleView ของคนที่ชีทนี้พูดถึง เดือนที่ชีทโชว์ ───────────
// ทุกบรรทัดกติกาในชีท (แถบสูตร แท็บ P1/P3/Expansion/Handover/NRR) อ่านจากตัวนี้ตัวเดียว
function _cdsRuleView(st) {
  var R = window._cdsRule;
  st = st || window._cdsKamSt || {};
  if (!R || !st.email) return null;
  var src = window._cdsSrc;
  if (src && src.rv && src.rv.period === st.period) return src.rv;
  return R.view(st.period, st.email, R.role(st.email));
}
window._cdsRuleView = _cdsRuleView;
// ชื่อคนที่ชีทพูดถึง เมื่อไม่ใช่คนที่เปิดดู (TL/admin เปิดพอร์ตของ KAM)
function _cdsSubjectName(st) {
  try {
    var me = String((currentUserProfile && currentUserProfile.email) || '').toLowerCase();
    var em = String((st && st.email) || '').toLowerCase();
    if (!em || em === me) return '';
    var row = (typeof portviewBulkData !== 'undefined' && portviewBulkData || []).find(function(r){ return String(r.kamEmail || '').toLowerCase() === em; });
    return (row && row.kamName) || em.split('@')[0];
  } catch (e) { return ''; }
}
// RB-0: Rulebook ของ "คนที่ชีทพูดถึง" ไม่ใช่ของคนที่เปิดดู
window._cdsOpenRulebook = function() {
  var st = window._cdsKamSt || {};
  var R = window._cdsRule;
  var opts = st.email ? { email: st.email, role: R ? R.role(st.email) : null, period: st.period, name: _cdsSubjectName(st) } : {};
  if (typeof window._cdsClose === 'function') window._cdsClose();
  setTimeout(function(){ if (typeof openCommissionRulebook === 'function') openCommissionRulebook(opts); }, 80);
};

// UIR A13: เกณฑ์ของคนที่ชีทพูดถึงยังไม่ได้ผูก/ไม่ครบ ⇒ ประโยคภาษาคนประโยคเดียวกับแถบ (R1 UI #6) แทน reason_th ของตัวหาเกณฑ์
// เกณฑ์อ่านได้ / ยังโหลด ⇒ ข้อความเดิมของแต่ละที่ (fallback)
function _cdsPlainOr(rv, st, fallback) {
  var R = window._cdsRule;
  var p = (R && R.plainReason) ? R.plainReason(rv || null, _cdsSubjectName(st)) : '';
  return p || fallback;
}
// ── Formula bar content (FB-1..FB-5) — จาก RuleView ของคนนี้ เดือนนี้ ─────────
function _cdsFormulaContent(key) {
  var R = window._cdsRule, st = window._cdsKamSt || {};
  var v = _cdsRuleView(st);
  var esc = function(s){ return String(s == null ? '' : s).replace(/[&<>'"]/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[c]; }); };
  // UIR A13: เกณฑ์ของคนนี้ยังไม่ได้ผูก/ไม่ครบ ⇒ ประโยคเดียวกับแถบ ชีท และการ์ดเกต (R1 UI #6)
  // ไม่ใช่ reason_th ของตัวหาเกณฑ์ ("…เจอแค่เกณฑ์กลางของตำแหน่ง ซึ่งงวดนี้ตำแหน่งนี้ใช้ไม่ได้")
  var plain = (R && R.plainReason) ? R.plainReason(v, _cdsSubjectName(st)) : '';
  var dash = function(f){ return esc(plain || (f && f.reason_th) || (v && v.reason_th) || 'กำลังโหลดเกณฑ์…'); };
  var t = '';
  if (!R || !v || v.status === 'loading') t = 'กำลังโหลดเกณฑ์…';
  else if (v.status === 'no_plan') t = esc(v.reason_th || 'ตำแหน่งนี้ยังไม่มีแผนค่าคอมฯ');
  else {
    var pol = R.ok(v.policy) || {};
    var win = pol.base_window_th || '3 เดือนก่อนไตรมาส';
    var mo = v.month_short || '';
    var team = (R.ok(v.plan) || {}).label_th || '';
    if (key === 'p1') {
      var p1 = R.ok(v.p1);
      t = p1 ? ('กลุ่มสินค้าที่สาขานี้ไม่ได้ซื้อช่วง ' + win + ' · เดือนนี้ซื้อตั้งแต่ ' + R.money(p1.min_gmv) + ' ต่อสาขา ('
          + esc(team) + ' เดือน ' + mo + ') · ได้ ' + R.rate(p1.rate) + ' ของยอด · จ่ายทุกเดือนที่ยังซื้อจนจบไตรมาส · สาขาเปิดใหม่ไม่นับตรงนี้') : dash(v.p1);
    } else if (key === 'p3') {
      var p3 = R.ok(v.p3);
      t = p3 ? ('กลุ่มที่เคยซื้อแต่เดือนนี้ซื้อมากกว่าเดิมหลายเท่า (เทียบเดือนสูงสุดช่วง ' + win + ' ต่อ 30 วัน) · ได้ ' + R.rate(p3.rate)
          + ' ของส่วนที่เพิ่ม · ' + R.p3Gates(v)) : dash(v.p3);
    } else if (key === 'nrr') {
      var steps = R.nrrSteps(v);
      t = steps ? ((pol.quarterly ? 'ยอดเดือนนี้ของร้านในพอร์ตเทียบฐาน ' + (pol.base_short || '') + ' ที่ล็อกทั้งไตรมาส (ต่อ 30 วัน)'
          : 'ยอดเดือนนี้ของร้านในพอร์ตเทียบฐานเดือนก่อน (ต่อ 30 วัน)') + ' · ปัดทศนิยม 1 ตำแหน่ง · ' + steps) : dash(v.nrr);
    } else if (key === 'exp') {
      var ex = R.ok(v.expansion);
      t = ex ? ('สาขาที่ซื้อครั้งแรกในไตรมาสนี้ (เปิดเอง ไม่ใช่รับจาก Sales) · ได้ ' + R.rate(ex.rate)
          + ' ของยอดทั้งสาขา · จ่ายทุกเดือนที่ยังซื้อ · ไม่นับซ้ำในสินค้าใหม่/ซื้อเพิ่ม') : dash(v.expansion);
    } else if (key === 'ho') {
      var ho = R.ok(v.handover);
      var prev = R.addMonths(v.period, -1);
      t = ho ? ('ร้านที่ Sales โอนให้เมื่อ ' + R.monthShort(prev) + ' · วัดยอด ' + mo + ' เทียบเดือนที่โอน รวมทุกร้าน (ต่อ 30 วัน) · '
          + R.hoBuckets(v) + (ho.once_applies ? ' · สาขาหนึ่งนับได้ครั้งเดียว' : '')) : dash(v.handover);
    }
  }
  return '<div class="cds-formula-dot"></div><div class="cds-formula-text">' + t + '</div>';
}

// ── Level 2 header: back button + tab cards + formula bar ─────────────────
window._cdsRenderL2Header = function(key, src) {
  var amounts = {
    p1: src.upsell_sku_detail&&src.upsell_sku_detail.p1 ? Number(src.upsell_sku_detail.p1.comm||0) : 0,
    p3: src.upsell_sku_detail&&src.upsell_sku_detail.p3 ? Number(src.upsell_sku_detail.p3.comm||0) : 0,
    nrr: src.nrr,
    exp: src.upsell_outlet,
    ho:  src.handover
  };
  var tabs=[{key:'p1',label:'สินค้าใหม่'},{key:'p3',label:'ซื้อเพิ่ม'},{key:'nrr',label:'NRR'},{key:'exp',label:'สาขาใหม่'},{key:'ho',label:'รับจาก Sales'}];
  // E1 + v4 D1: HO ที่ยังไม่รู้ยอด (รายชื่อสาขาที่นับแล้ว / ไฟล์ Handover) ⇒ '—' ไม่ใช่ ฿0
  var _hoUnknown = (typeof _commHoUnknown === 'function') ? _commHoUnknown(src.handover_detail) : !!(src.handover_detail && src.handover_detail.ledger_missing);
  // ยังคิดไม่ได้ / ไม่มีแผน / ไม่เข้าเกณฑ์ ⇒ ส่วนประกอบเป็น "—"
  var _none = !!(src.unavailable || src.notEligible || src.noPlan);
  var tabCards=tabs.map(function(t){
    var active=t.key===key?'active':'';
    var amt=amounts[t.key];
    var amtStr=(src.loading||_none||amt===null||amt===undefined||(t.key==='ho'&&_hoUnknown)||((t.key==='p1'||t.key==='p3')&&src.upsellUnknown&&!src.locked))?'—':('฿'+Math.round(Number(amt)||0).toLocaleString('en-US'));   // R1 UI #2
    var tcFontSize=amtStr.length>8?'font-size:var(--text-sm);':'font-size:var(--text-lg);';
    return '<button class="cds-tab-card t-'+t.key+' '+active+'" onclick="_cdsSetTab(\'' + t.key + '\')">'
      +'<span class="tc-name">'+t.label+'</span>'
      +'<span class="tc-amt" style="'+tcFontSize+'">'+amtStr+'</span>'
      +'</button>';
  }).join('');
  var st = window._cdsKamSt || {};
  var mo = (window._cdsRule && st.period) ? window._cdsRule.monthShort(st.period) : '';
  return '<div class="cds-l2-header">'
    +'<div class="cds-l2-back">'
    +'<button class="cds-l2-back-btn" onclick="_cdsBackToSummary()">&#8249;</button>'
    +'<span class="cds-l2-back-title">ค่าคอมฯ '+mo+'</span>'
    +'</div>'
    +'<div class="cds-tab-bar">'+tabCards+'</div>'
    +'<div class="cds-formula t-'+key+'" id="cds-formula-bar">'+_cdsFormulaContent(key)+'</div>'
    +'</div>';
};

// ── Back to Level 1 ────────────────────────────────────────────────────────
window._cdsBackToSummary = function() {
  window._cdsLevel = 1;
  var sheet = document.querySelector('#cds-overlay .cds-sheet');
  if(!sheet) return;
  var handle = sheet.querySelector('.cds-handle');
  var handleHtml = handle ? handle.outerHTML : '<div class="cds-handle"><div></div></div>';
  sheet.innerHTML = handleHtml + '<div class="cds-body" id="cds-body"></div>';
  window._cdsRenderL1(window._cdsSrc, window._cdsKamSt);
  var body = document.getElementById('cds-body');
  if(body){void body.offsetWidth; body.classList.add('cds-body-enter'); body.scrollTop=0;}
};

// ── v_qsum: Option A refined — dots next to the group name (always visible,
// no click needed) + a click-to-expand 3-month calendar showing GMV *and*
// commission per month (the "cause → effect" pairing Bush asked for), plus
// a distinct neutral "ยังไม่ขาย"/"ไม่ถึงเกณฑ์" cell for a group whose first
// qualifying month lands mid-quarter — never a red/zero-looking cell for
// something that simply hadn't started yet. Approved design:
// https://claude.ai/code/artifact/b9e3ce85-1171-4435-a8e5-596dbeeb5ee0
// _cdsQtrCompute() is called ONCE per group by the p1/p3 renderers and its
// result passed to both _cdsQtrDotsHtml (inline, always shown) and
// _cdsQtrTimelineHtml (the collapsed calendar block) — avoids computing
// _upsellQuarterTimeline twice per group.
// P1-6 / SH-5 / จ11 (แผน 15 ต.ค.): _upsellQuarterTimeline (07a) ยังใช้ขั้นต่ำ P1 กลาง ⇒ ตรงนี้ปรับช่อง
// ของแต่ละเดือนด้วยขั้นต่ำ P1 "ของเดือนนั้น" จาก RuleView (ธ.ค. Chain ฿10,000) ก่อนรวมยอดทั้งไตรมาส
// เดือนที่ยอดคาดไว้ไม่ถึงขั้นต่ำของเดือนนั้น = ฿0 พร้อมป้าย "ธ.ค. ต้องถึง ฿10,000"
// (P3 ยังใช้ด่านของเดือนนี้ทั้งไตรมาส — ด่าน P3 ทุกเดือนของ Q4 เท่ากัน; ตัวเต็มรอ EN-7 ใน 07a)
// รอบ B (ตรวจค่าเขียนตายตัว): P3 ของงวดแบบใหม่ — _upsellQuarterTimeline ใช้ด่าน P3 กลาง (2 เท่า · ฿8,000) ไม่มีด่านสองชั้นของแผน
// ⇒ ช่องของแต่ละเดือนตัดสินใหม่ด้วยด่าน P3 ของแผนเดือนนั้น (เลือกด่านตามขนาดส่วนเพิ่ม แล้วต้อง "มากกว่า" ฐาน × เท่า)
// ส่วนเพิ่มของเดือน = m.gmv (ไทม์ไลน์เก็บไว้แล้ว แม้เดือนที่ไม่ผ่าน) · ฐาน = max_baseline ของกลุ่ม (คงที่ทั้งไตรมาส)
// หาด่านของเดือนนั้นไม่ได้ ⇒ ช่องนั้นไม่มีตัวเลข · งวดเก่าไม่ผ่านบล็อกนี้
function _cdsQtrP3Month(R, v, m, g, rate) {
  var p3 = v ? R.ok(v.p3) : null;
  if (!p3) return Object.assign({}, m, { comm: m.state === 'mtd' ? m.comm : null, no_rule: true });
  if (p3.off || m.state === 'mtd' || m.gmv == null) return Object.assign({}, m, p3.off && m.state !== 'mtd' ? { comm: 0 } : {});
  var base = Number(g.max_baseline) || 0, incr = Number(m.gmv) || 0;
  // เดือนที่ผ่านไปแล้ว: ส่วนเพิ่มแบบปรับ 30 วัน (ตัวเดียวกับที่ตัวคิดเงินเทียบ) ไม่ใช่ยอดดิบของไทม์ไลน์ · ไม่มีแถว = ไม่ได้ซื้อ
  if (m.state !== 'future' && typeof _commUpsellP3Increment === 'function') {
    var st = window._cdsKamSt || {};
    var nx = _commUpsellP3Increment(st.email, g, m.label);
    incr = nx === null ? 0 : nx;
  }
  var gate = R.p3At(v, incr);
  var pass = !!gate && incr >= gate.min_incremental && !((base + incr) <= base * gate.multiple);
  var out = Object.assign({}, m, { p3_gate: gate || null });
  if (m.state === 'future') { if (!pass) { out.comm = 0; out.below_min = true; } return out; }
  if (pass) { out.state = 'paid'; out.comm = incr * rate; out.gmv = incr; }
  else { out.state = 'none'; out.comm = 0; out.gmv = Math.max(0, incr); out.below_min = m.state === 'paid' || out.below_min; }
  return out;
}
window._cdsQtrAdjust = function(t, kind, g) {
  try {
    var R = window._cdsRule, st = window._cdsKamSt, src = window._cdsSrc;
    if (!t || !R || !st || !src || !src.base_month_used) return t;
    var p3mode = kind === 'p3' && g && typeof _commIsExplicit === 'function' && _commIsExplicit(R.addMonths(src.base_month_used, 1));
    if (kind !== 'p1' && !p3mode) return t;
    var role = R.role(st.email);
    var now = _cdsRuleView(st);
    var tlNow = now ? (R.ok(now.plan) || {}).team_lead_email || null : null;
    var rate = g ? (Number(g.applied_rate) || 0) : 0;
    var months = t.months.map(function(m, i) {
      var per = R.addMonths(src.base_month_used, i + 1);
      // เดือนข้างหน้ายังไม่มีแถวข้อมูลให้หาทีม ⇒ ใช้หัวหน้าทีมของเดือนที่ชีทโชว์
      var v = per ? R.view(per, st.email, role, tlNow ? { teamLeadEmail: tlNow } : null) : null;
      if (p3mode) return Object.assign(_cdsQtrP3Month(R, v, m, g, rate), { period: per });
      var p1 = v ? R.ok(v.p1) : null;
      var out = Object.assign({}, m, { period: per, min_gmv: p1 ? p1.min_gmv : null });
      if (p1 && m.gmv != null && m.gmv < p1.min_gmv && (m.state === 'future' || m.state === 'paid')) {
        out.comm = 0; out.below_min = true;
        if (m.state === 'paid') { out.state = 'none'; out.hasGmv = m.gmv > 0; }
      }
      return out;
    });
    // P3 งวดแบบใหม่: เดือนไหนหาด่านของแผนไม่ได้ ⇒ ไม่มีไทม์ไลน์ (ไม่เดายอดทั้งไตรมาสด้วยด่านกลาง)
    if (p3mode && months.some(function(m){ return m.no_rule; })) return null;
    var cur = -1; months.forEach(function(m, i){ if (m.state === 'mtd') cur = i; });
    var sum = function(f){ return months.reduce(function(s, m, i){ return s + f(m, i); }, 0); };
    var paid = sum(function(m, i){ return (i < cur && m.state === 'paid') ? (m.comm || 0) : 0; });
    var paidG = sum(function(m, i){ return (i < cur && m.state === 'paid') ? (m.gmv || 0) : 0; });
    var fut = sum(function(m, i){ return (i > cur && m.state === 'future' && m.comm != null) ? m.comm : 0; });
    var futG = sum(function(m, i){ return (i > cur && m.state === 'future' && m.gmv != null && !m.below_min) ? m.gmv : 0; });
    var mtd = cur >= 0 ? months[cur] : null;
    // เดือนนี้: ยอดคาดเต็มเดือน = ค่าเดียวกับช่องเดือนถัดไปก่อนปรับ (run rate) — ถ้าไม่มี ใช้ยอดถึงเมื่อวาน
    var proj = t.months.filter(function(m, i){ return i > cur && m.state === 'future' && m.comm != null; })[0];
    var curC = mtd ? ((t.isLastMonth || !t.projectionReady || !proj) ? (mtd.comm || 0) : proj.comm) : 0;
    var curG = mtd ? ((t.isLastMonth || !t.projectionReady || !proj) ? (mtd.gmv || 0) : proj.gmv) : 0;
    return Object.assign({}, t, { months: months, quarterTotal: paid + curC + fut, quarterTotalGmv: paidG + curG + futG, perMonthRules: true });
  } catch (e) { return t; }
};
window._cdsQtrCompute = function(g, kind) {
  try {
    var st = window._cdsKamSt, src = window._cdsSrc;
    if (!st || !src || !src.base_month_used || typeof _upsellQuarterTimeline !== 'function') return null;
    return window._cdsQtrAdjust(_upsellQuarterTimeline(st.email, g, kind, src.base_month_used), kind, g);
  } catch(e) { return null; }
};

window._cdsQtrDotsHtml = function(t) {
  if (!t) return '';
  var dots = t.months.map(function(m){
    if (m.state === 'paid') return '<span style="width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--tk-ok-bright)"></span>';
    if (m.state === 'mtd')  return '<span style="width:6px;height:6px;border-radius:50%;display:inline-block;background:#ffe08a"></span>';
    // 'none' — a flat dash, never a circle (Apple Health precedent: a day
    // before you tracked something shows a blank tick, not an empty ring —
    // a ring implies "a target exists here").
    if (m.state === 'none') return '<span style="width:6px;height:2px;border-radius:1px;display:inline-block;background:rgba(var(--ink-blue-hi),.22);align-self:center"></span>';
    return '<span style="width:6px;height:6px;border-radius:50%;display:inline-block;border:1.2px solid rgba(var(--ink-blue-hi),.35);box-sizing:border-box"></span>'; // future
  }).join('');
  return '<span style="display:inline-flex;gap:3px;margin-left:6px;vertical-align:1px">' + dots + '</span>';
};

// Collapsed-by-default calendar block (class cds-qtr-cal, same max-height
// open/close mechanism as .cds-proof) — toggled together with the existing
// formula-proof box by the shared click handler wired in _cdsRender_p1/_p3.
// v_qsum readability pass (Bush, live-tested): the first cut used raw
// hard-coded px sizes (9-12.5px) and sub-floor opacities (.35-.45) — both
// against this app's own established rules (styles_tokens.css's --text-*
// scale, which the user text-size SETTING scales; and the "ink floor" a
// prior readability pass set at .52 minimum for any real text). This build
// uses the token scale throughout and never drops text below that floor —
// same convention as .cds-nrr-ctx-eyebrow/-payout-val elsewhere in this
// file. Month captions use the English abbreviation (m.labelEn) — Thai
// month glyphs' diacritic stacking gets illegible at this caption size,
// Latin letters don't have that problem.
// P1-7: "ไม่ถึง ฿8,000 (ซื้อ ฿6K)" · "สูตร: ยอด × 1.5% = ค่าคอมฯ" · เดือนข้างหน้าที่ขั้นต่ำสูงขึ้น "ธ.ค. ต้องถึง ฿10,000"
window._cdsQtrTimelineHtml = function(t, rate) {
  try {
    if (!t) return '';
    var R = window._cdsRule;
    function mon(n){ n = Number(n||0); if (!n) return '฿0'; if (Math.abs(n) >= 1000) return '฿' + (n/1000).toFixed(1).replace(/\.0$/,'') + 'K'; return '฿' + Math.round(n).toLocaleString('en-US'); }
    var cellBase = 'flex:1;text-align:center;border-radius:8px;padding:7px 3px 8px;min-width:0';
    var capStyle = 'font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-family:\'IBM Plex Mono\',monospace';
    var valStyle = 'font-weight:800;font-size:var(--text-lg);margin-top:3px;font-family:\'IBM Plex Mono\',monospace';
    var gmvStyle = 'font-size:var(--text-2xs);margin-top:4px;padding-top:4px;border-top:1px solid';
    var minTh = function(m){ return (m.min_gmv != null && R) ? R.money(m.min_gmv) : ''; };
    var cells = t.months.map(function(m){
      var mo = m.labelEn || (m.label ? m.label.split(' ')[0] : '');
      if (m.state === 'paid') {
        return '<div style="'+cellBase+';border:1px solid rgba(77,220,151,.4);background:rgba(77,220,151,.08)">'
          + '<div style="'+capStyle+';color:rgba(var(--ink-blue-hi),.65)">'+mo+'</div>'
          + '<div style="'+valStyle+';color:var(--tk-ok-bright)">'+mon(m.comm)+'</div>'
          + '<div style="'+gmvStyle+' rgba(77,220,151,.25);color:rgba(77,220,151,.85)">ยอด '+mon(m.gmv)+'</div>'
          + '</div>';
      }
      if (m.state === 'mtd') {
        return '<div style="'+cellBase+';border:1px solid rgba(255,224,138,.45);background:rgba(255,224,138,.08)">'
          + '<div style="'+capStyle+';color:rgba(var(--ink-blue-hi),.65)">'+mo+' · ถึงเมื่อวาน</div>'
          + '<div style="'+valStyle+';color:#ffe08a">'+mon(m.comm)+'</div>'
          + '<div style="'+gmvStyle+' rgba(255,224,138,.25);color:rgba(255,224,138,.85)">ยอด '+mon(m.gmv)+'</div>'
          + '</div>';
      }
      if (m.state === 'none') {
        // hasGmv distinguishes real-but-below-gate (bought some, just not
        // enough to qualify) from a true zero (hasn't started selling this
        // group to this outlet yet) — same neutral card either way, caption
        // differs so a rep never reads "not started" as "you missed it".
        var caption = m.hasGmv ? ((minTh(m) ? 'ไม่ถึง ' + minTh(m) : 'ไม่ถึงเกณฑ์') + ' (ซื้อ ' + mon(m.gmv) + ')') : 'ยังไม่ขาย';
        return '<div style="'+cellBase+';border:1px dotted rgba(var(--ink-blue-hi),.28);opacity:.8">'
          + '<div style="'+capStyle+';color:rgba(var(--ink-blue-hi),.6)">'+mo+'</div>'
          + '<div style="'+valStyle+';color:rgba(var(--ink-blue-hi),.55)">—</div>'
          + '<div style="'+gmvStyle+' rgba(var(--ink-blue-hi),.18);color:rgba(var(--ink-blue-hi),.6)">'+caption+'</div>'
          + '</div>';
      }
      // future
      var fcap = m.below_min ? (((m.label || '').split(' ')[0]) + ' ต้องถึง ' + minTh(m)) : (m.gmv != null ? '~ยอด ' + mon(m.gmv) : '—');
      return '<div style="'+cellBase+';border:1px dashed rgba(var(--ink-blue-hi),.25)">'
        + '<div style="'+capStyle+';color:rgba(var(--ink-blue-hi),.6)">'+mo+'</div>'
        + '<div style="'+valStyle+';color:rgba(var(--ink-blue-hi),.8)">'+(m.below_min ? '฿0' : (m.comm != null ? '~' + mon(m.comm) : '~'))+'</div>'
        + '<div style="'+gmvStyle+' rgba(var(--ink-blue-hi),.16);color:rgba(var(--ink-blue-hi),.6)">'+fcap+'</div>'
        + '</div>';
    }).join('');
    var note;
    var qtot = mon(Math.round(t.quarterTotal));
    if (t.isLastMonth) note = 'เดือนสุดท้าย — รวมไตรมาส ' + qtot;
    else if (t.status === 'growing') note = 'ซื้อเพิ่ม ↑ ค่าคอมฯ โตตาม · รวมทั้งไตรมาส ~' + qtot;
    else if (t.status === 'kept') note = 'ร้านยังซื้ออยู่ · จ่ายต่อทุกเดือน · รวมทั้งไตรมาส ~' + qtot;
    else note = 'เริ่มเดือนนี้ · จ่ายต่อทุกเดือนถ้ายังซื้อ · รวมทั้งไตรมาส ~' + qtot;
    var rateTxt = (rate != null && R) ? R.rate(rate) : 'อัตรา';
    return '<div class="cds-qtr-cal">'
      + '<div style="display:flex;gap:7px;padding:10px 16px 0 24px">' + cells + '</div>'
      + '<div style="padding:8px 16px 10px 24px;font-size:var(--text-xs);line-height:1.5;color:rgba(var(--ink-blue-hi),.6)"><b style="color:rgba(var(--ink-blue-hi),.82)">สูตร:</b> ยอด × ' + rateTxt + ' = ค่าคอมฯ · ' + note + ' (ก่อนคูณเกต)</div>'
      + '</div>';
  } catch(e) { return ''; }
};

// v_qsum: always-visible (no click) quarter summary — Option C's philosophy
// folded into Option A: total GMV + total commission for every group in
// this tab, summed across the whole quarter (paid + MTD + projected
// remaining months), sitting above the group list. Known limitation: does
// NOT include groups that stopped buying mid-quarter (_upsellStoppedGroups)
// — their historical earnings aren't in a full month-by-month shape here,
// only a single lastComm figure, so folding them in would need a second
// timeline computation per stopped group. Disclosed, not silently dropped.
// v_qsum: reuses the SAME .cds-nrr-ctx card classes as the NRR tab's summary
// card (07b_cds.js's _cdsRender_nrr) — same eyebrow/value/payout layout,
// same type tokens (--text-2xs/-2xl/-3xl) — just a gold-tinted variant
// (.gold-tint, defined in styles_commission.css) instead of the NRR tab's
// green, so the two summary cards read as one consistent design language.
// P1-8: "*ประมาณจากยอดเดือนนี้ ยังไม่คูณเกต"
window._cdsQtrSummaryHtml = function(totalGmv, totalComm, kind) {
  var h = window._cdsHtml;
  var fmtFull = (h && h.fmtFull) ? h.fmtFull : function(n){ n=Number(n||0); return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0'; };
  return '<div class="cds-nrr-ctx gold-tint" style="margin:10px 16px 2px">'
    + '<div class="cds-nrr-ctx-top">'
    + '<div><div class="cds-nrr-ctx-eyebrow">ยอดขายที่นับทั้งไตรมาส*</div>'
    + '<div class="cds-nrr-ctx-pct">~' + fmtFull(totalGmv) + '</div>'
    + '</div>'
    + '<div class="cds-nrr-ctx-payout">'
    + '<div class="cds-nrr-ctx-payout-lbl">ค่าคอมฯ ทั้งไตรมาส*</div>'
    + '<div class="cds-nrr-ctx-payout-val">~' + fmtFull(totalComm) + '</div>'
    + '</div></div>'
    + '<div class="cds-nrr-ctx-next">*ประมาณจากยอดเดือนนี้' + (kind === 'p1' ? ' ใช้ขั้นต่ำของแต่ละเดือน' : '') + ' ยังไม่คูณเกต</div>'
    + '</div>';
};

// ── Level 1 summary "วิธีคิดค่าคอมฯ" (SH-1..SH-10) ───────────────────────────
window._cdsRenderL1 = function(src, st) {
  var body = document.getElementById('cds-body');
  if(!body) return;
  src = src || {}; st = st || {};
  var h   = window._cdsHtml;
  var R   = window._cdsRule;
  var fmtFull = (h && h.fmtFull) ? h.fmtFull : function(n){n=Number(n||0);return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0';};
  var fmt = h ? h.fmt : function(n){n=Number(n||0);if(!n)return'฿0';if(n>=1000000)return'฿'+(n/1000000).toFixed(1)+'M';if(n>=1000)return'฿'+Math.round(n/1000)+'K';return'฿'+Math.round(n);};
  var esc = h ? h.esc : function(v){return String(v==null?'':v).replace(/[&<>'"]/g,function(c){return{'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[c];});};

  var rv = src.rv || _cdsRuleView(st);
  var none = !!(src.unavailable || src.notEligible || src.noPlan);   // ส่วนประกอบเป็น "—"
  var nrrAmt    = none ? null : (src.nrr == null ? null : Number(src.nrr));
  var p1amt     = src.upsell_sku_detail&&src.upsell_sku_detail.p1 ? Number(src.upsell_sku_detail.p1.comm||0):0;
  var p3amt     = src.upsell_sku_detail&&src.upsell_sku_detail.p3 ? Number(src.upsell_sku_detail.p3.comm||0):0;
  var upUnk     = !none && !src.locked && !!src.upsellUnknown;   // R1 UI #2
  var upsellAmt = (none || upUnk) ? null : (src.locked ? (src.upsell_sku == null ? null : Number(src.upsell_sku)) : p1amt + p3amt);
  var expAmt    = none ? null : (src.upsell_outlet == null ? null : Number(src.upsell_outlet));
  var hoAmt     = none ? null : (src.handover == null ? null : Number(src.handover));
  // R1 UI #2: upsell ยังไม่รู้ยอด ⇒ รวมเท่าที่รู้ แล้วติด "*" (ไม่ใช่ ฿0 และไม่ใช่ยอดสุดท้าย)
  var subtotal  = (none || nrrAmt === null || (upsellAmt === null && !upUnk) || expAmt === null || hoAmt === null) ? null : nrrAmt + (upsellAmt || 0) + expAmt + hoAmt;
  var upStar    = upUnk ? '<span title="ยังไม่รวม Upsell">*</span>' : '';
  var plain     = (R && R.plainReason) ? R.plainReason(src.rv || null, _cdsSubjectName(st)) : '';   // R1 UI #6
  var finalAmt  = src.loading ? null : (src.final == null ? null : src.final);
  var cap       = Number(src.gate_cap != null ? src.gate_cap : 1);
  var pctText   = _commFmtPct(st.pct);
  var nowStr    = (function(){var d=new Date();return ('0'+d.getHours()).slice(-2)+':'+('0'+d.getMinutes()).slice(-2);})();
  var moShort   = R ? R.monthShort(st.period) : '';
  var moLabel   = R ? R.monthLabel(st.period) : '';
  var nextMo    = R ? R.monthShort(R.addMonths(st.period, 1)) : '';
  var who       = _cdsSubjectName(st);
  var pol       = rv && R ? R.ok(rv.policy) : null;

  // SH-4: ขั้นเงินจาก %NRR ของแผนคนนี้ เทียบด้วย % ที่ปัด 1 ตำแหน่ง (ค่าเดียวกับที่ตัวคิดเงินใช้)
  var nrrSub;
  var nv = rv && R ? R.ok(rv.nrr) : null;
  var pctPart = (pctText !== '—' ? '%NRR ' + pctText + ' · ' : '');
  if (none) nrrSub = esc(pctPart.replace(/ · $/, '') || '—');
  else if (!nv) nrrSub = esc(pctPart + ((rv && rv.nrr && rv.nrr.reason_th) || (rv && rv.reason_th) || 'กำลังโหลดเกณฑ์…'));
  else if (!nv.pays) nrrSub = esc(pctPart + 'แผนของคุณไม่มีเงินจาก %NRR');
  else {
    var s = R.stepAt(rv, st.pct);
    if (!s) nrrSub = esc(pctPart + R.nrrSteps(rv));
    else if (s.pay > 0 && s.top) nrrSub = esc(pctPart + 'ได้ขั้นสูงสุด ' + R.money(s.pay));
    else if (s.pay > 0) nrrSub = esc(pctPart + 'ได้ขั้น ' + R.money(s.pay) + (s.next ? ' · อีก +' + s.next.gap.toFixed(1) + '% ถึง ' + R.money(s.next.pay) : ''));
    else nrrSub = esc(pctPart + 'ขั้นแรก ' + R.pct1(s.next ? s.next.from : nv.step1) + ' ได้ ' + R.money(s.next ? s.next.pay : (nv.steps[0] || {}).pay) + (s.next ? ' (อีก +' + s.next.gap.toFixed(1) + '%)' : ''));
  }

  var p1cnt    = src.upsell_sku_detail&&src.upsell_sku_detail.p1&&src.upsell_sku_detail.p1.groups?src.upsell_sku_detail.p1.groups.length:0;
  var p3cnt    = src.upsell_sku_detail&&src.upsell_sku_detail.p3&&src.upsell_sku_detail.p3.groups?src.upsell_sku_detail.p3.groups.length:0;
  // SH-5 / จ11: จ่ายรายเดือนจากยอดของเดือนนั้น ตราบที่ร้านยังซื้อและผ่านเกณฑ์ของเดือนนั้น · ยอดรวมทั้งไตรมาสเป็นยอดประมาณก่อนคูณเกต
  function _qtrPayLineText(sum, isLastMonth, projectionReady) {
    if (isLastMonth) return 'เดือนสุดท้ายของไตรมาส · รวมทั้งไตรมาสประมาณ ~' + fmtFull(Math.round(sum)) + ' (ก่อนคูณเกต)';
    if (projectionReady) return 'จ่ายทุกเดือนที่ยังซื้อและผ่านเกณฑ์ของเดือนนั้น · รวมทั้งไตรมาสประมาณ ~' + fmtFull(Math.round(sum)) + ' (ก่อนคูณเกต)';
    return 'จ่ายทุกเดือนที่ยังซื้อและผ่านเกณฑ์ของเดือนนั้น';
  }
  var upSub    = (p1cnt?'สินค้าใหม่ '+p1cnt+' กลุ่ม':'')+(p1cnt&&p3cnt?' · ':'')+(p3cnt?'ซื้อเพิ่ม '+p3cnt+' กลุ่ม':'');
  if(!upSub) upSub = none ? '—' : 'ยังไม่มีกลุ่มที่เข้าเกณฑ์เดือน '+moShort;
  if(upUnk) upSub = esc('ยังไม่มีไฟล์ upsell ของเดือน '+moShort+' — ยังคิดส่วนนี้ไม่ได้');
  else if(!none && !src.locked && src.estimate){
    // R1 UI #3: ไฟล์สรุปทีมมีแต่ยอดรวม ไม่มีรายกลุ่ม ⇒ ห้ามเขียน "ยังไม่มีกลุ่มที่เข้าเกณฑ์" คู่กับยอดที่มีเงิน
    if(!p1cnt && !p3cnt && upsellAmt > 0) upSub = esc('ยังไม่มีรายกลุ่ม — ไฟล์ upsell ของคุณยังไม่มา');
    upSub += '<br><span style="color:rgba(255,224,138,.85)">'+esc('ยอดประมาณ — คิดจากไฟล์สรุปทั้งทีม')+'</span>';
  }
  try{
    if(!none&&src.base_month_used&&(p1cnt||p3cnt)){
      var _qg1=(src.upsell_sku_detail&&src.upsell_sku_detail.p1&&src.upsell_sku_detail.p1.groups)||[];
      var _qg3=(src.upsell_sku_detail&&src.upsell_sku_detail.p3&&src.upsell_sku_detail.p3.groups)||[];
      var _qSum=0,_qAny=false,_qLast=false,_qReady=true;
      _qg1.forEach(function(g){var t=window._cdsQtrCompute(g,'p1');if(t){_qSum+=t.quarterTotal;_qAny=true;_qLast=t.isLastMonth;_qReady=t.projectionReady;}});
      _qg3.forEach(function(g){var t=window._cdsQtrCompute(g,'p3');if(t){_qSum+=t.quarterTotal;_qAny=true;_qLast=t.isLastMonth;_qReady=t.projectionReady;}});
      if(_qAny){
        upSub+='<br><span style="color:rgba(255,224,138,.85);font-weight:var(--fw-bold)">'+esc(_qtrPayLineText(_qSum,_qLast,_qReady))+'</span>';
      }
    }
  }catch(e){}
  // SH-6: สาขาเปิดใหม่ (Expansion) — อัตราจากแผนของคนนี้
  var ed = src.upsell_outlet_detail;
  var exv = rv && R ? R.ok(rv.expansion) : null;
  var expN = 0;
  try {
    var _dr = (typeof _commQnrrDrillResult === 'function') ? _commQnrrDrillResult(st.email, 'kam') : null;
    (( _dr && _dr.expansionDetail) || []).forEach(function(g){ (g.outlets || []).forEach(function(o){ if ((o.currGmv || 0) > 0) expN++; }); });
  } catch (e) {}
  var expSub;
  if (none) expSub = '—';
  else if (ed && ed.outlet_gmv > 0) expSub = esc('สาขาเปิดใหม่' + (expN ? ' ' + expN + ' สาขา' : '') + ' · ยอด ' + fmt(ed.outlet_gmv) + ' ได้ ' + (exv ? R.rate(exv.rate) : '—'));
  else expSub = esc('ไม่มีสาขาเปิดใหม่เดือน ' + moShort);
  try{
    if(!none&&src.base_month_used&&typeof _commExpansionQuarterEstimate==='function'&&ed&&ed.outlet_gmv>0){
      var _expQ=_commExpansionQuarterEstimate(st.email,src.base_month_used);
      if(_expQ){
        expSub+='<br><span style="color:rgba(255,224,138,.85);font-weight:var(--fw-bold)">'+esc(_qtrPayLineText(_expQ.quarterTotal,_expQ.isLastMonth,_expQ.projectionReady))+'</span>';
      }
    }
  }catch(e){}
  // SH-7: รับร้านจาก Sales — ฐานรวมตกช่วงไหนของเกณฑ์เดือนนี้
  var hd       = src.handover_detail||{};
  var prevMo   = R ? R.monthShort(R.addMonths(st.period, -1)) : '';
  var hoSub;
  if (none) hoSub = '—';
  else if (hd.accounts) {
    var hb = rv && R ? R.hoAt(rv, hd.gmv_bucket_gmv) : null;
    hoSub = esc('รับจาก Sales ' + hd.accounts + ' ร้าน · รักษายอดได้ ' + _commFmtPct(hd.retention_pct || 0) + ' · ฐานรวม ' + R.money(hd.gmv_bucket_gmv)
      + (hb ? ' (ช่วง ' + R.hoRange(rv, hb.index) + ')' : (rv && R.ok(rv.handover) ? ' (ต่ำกว่าขั้นแรก)' : '')));
  } else hoSub = esc('ไม่มีร้านที่ Sales โอนให้เมื่อ ' + prevMo);
  // HO ครั้งเดียวต่อสาขา: รายชื่อสาขาที่นับแล้วโหลดไม่ได้ ⇒ บอกตรง ๆ และยอดเป็น '—' · มีสาขาไม่นับซ้ำ ⇒ บอกจำนวน
  var _hoSkipN = (typeof _commHoSkippedCount==='function')?_commHoSkippedCount(hd):0;
  // สัญญา v4 D1: ไฟล์ Handover โหลดไม่สำเร็จ / ไม่มีเดือนโอน แสดงแบบเดียวกับรายชื่อโหลดไม่ได้
  if (!none && (typeof _commHoUnknown==='function' ? _commHoUnknown(hd) : hd.ledger_missing)) {
    hoSub = esc(typeof _commHoUnknownTh==='function'?_commHoUnknownTh(hd):'ยังคิดค่า Handover งวดนี้ไม่ได้ (ดึงรายชื่อสาขาที่เคยได้ HO ไม่สำเร็จ) — ลองเปิดใหม่อีกครั้ง');
    hoAmt = null;
  } else if (!none && _hoSkipN) {
    hoSub = (hd.accounts?hoSub:'ไม่มีสาขาที่นับ HO งวดนี้')+' · ไม่นับซ้ำ '+_hoSkipN+' สาขา';
  }

  // E1: ยอดรวมที่ยังไม่รวม HO (รายชื่อโหลดไม่ได้) ⇒ ต่อท้ายตัวเลข
  var _hoExcl = (!src.loading && !none && typeof _commHoExclHtml==='function') ? _commHoExclHtml(hd) : '';
  // สัญญา v4 D2: ตัวเลขใหญ่ (KPI · ยอดที่ได้) ⇒ คำต่อท้ายขึ้นบรรทัดของตัวเอง ไม่ดันกรอบเกินขอบ
  var _hoExclBlk = (!src.loading && !none && typeof _commHoExclHtml==='function') ? _commHoExclHtml(hd, true) : '';

  function srcRow(tabKey, dotColor, name, sub, amt) {
    var earned = !src.loading && amt > 0;
    // v_qtrux-fix: while loading, amounts show '—' — a confident-looking ฿0
    // for money that simply hasn't loaded yet is a trust violation.
    var amtText = (src.loading || amt === null || amt === undefined) ? '—' : fmtFull(amt);   // null = ยังไม่รู้ยอด / ไม่มีแผน / ไม่เข้าเกณฑ์
    return '<div class="cds-src-row" data-tab="'+tabKey+'">'
      +'<div class="cds-src-dot" style="background:'+dotColor+';'+(earned?'box-shadow:0 0 7px '+dotColor.replace(')',', .45)'):'')+'" ></div>'
      +'<div class="cds-src-body"><div class="cds-src-name">'+esc(name)+'</div>'
      +'<div class="cds-src-sub">'+sub+'</div></div>'
      +'<div class="cds-src-right">'
      +'<span class="cds-src-amt'+(earned?' earned':'')+'" style="color:'+(earned?'#ffe08a':'rgba(var(--ink-blue-hi),.28)')+'">'+amtText+'</span>'
      +'<span class="cds-src-chevron">&#8250;</span>'
      +'</div></div>';
  }

  // ── %NRR สีและคำตามเกณฑ์ของคนนี้ (ตัวเดียวกับเลขใหญ่บนแถบ %NRR) ─────────────────────
  var _kCls='', _kZoneWord='', _kLadderHtml='';
  try{
    if(st && st.email && st.pct != null && typeof _nrrHeadlineZone === 'function'){
      var _kz=_nrrHeadlineZone('kam', st.email, st.pct, st.period);
      _kCls=(typeof nrrZoneCls==='function')?(nrrZoneCls(_kz)||''):'';
      _kZoneWord=(_kz&&_kz.key&&_kz.key!=='none'&&_kz.word_th)?_kz.word_th:'';
    }
    var _T=window._tgtLastLadder;
    if(!none && _T && _T.lad && _T.lad.marks && _T.lad.marks.length && String(_T.email||'').toLowerCase()===String(st.email||'').toLowerCase() && typeof _tgtLadderHtml==='function'){
      var _nl=document.getElementById('tgt-next-line');
      var _nlHtml=(_nl&&_nl.style.display!=='none'&&_nl.innerHTML)?_nl.innerHTML:'';
      _kLadderHtml='<div class="cds-l1-ladder">'+_tgtLadderHtml(_T.lad, st.pct, _kCls)+(_nlHtml?'<p class="tgt-next">'+_nlHtml+'</p>':'')+'</div>';
    }
  }catch(e){}
  // ── KPI grid (SH-3: ยอดตอนนี้ ไม่ใช่ "สูงสุด") ─────────────────────────────
  var kpiAmt = src.loading ? '…' : (finalAmt === null ? '—' : fmtFull(finalAmt) + upStar + _hoExclBlk);
  var estLbl = (!none && !src.locked && src.estimate) ? ' (ประมาณ)' : '';   // R1 UI #3
  var kpiHtml = '<div class="cds-l1-kpis">'
    +'<div class="cds-l1-kpi">'
    +'<div class="cds-l1-kpi-label">ค่าคอมฯ ตอนนี้'+estLbl+'</div>'
    +'<div class="cds-l1-kpi-val gold">'+kpiAmt+'</div>'
    +'</div>'
    +'<div class="cds-l1-kpi">'
    +'<div class="cds-l1-kpi-label">%NRR'+(_kZoneWord?' · <span class="cds-l1-zone '+_kCls+'">'+esc(_kZoneWord)+'</span>':'')+'</div>'
    +'<div class="cds-l1-kpi-val '+_kCls+'">'+esc(pctText)+'</div>'
    +'</div></div>'
    // 25 ต.ค. 2569 (study จอรอง): บันไดเกณฑ์ + บรรทัด "ขายเพิ่มอีก" ตัวเดียวกับการ์ดทองหน้าแรก (07b_nrr_target)
    // เฉพาะเมื่อชีทพูดถึงคนเดียวกับการ์ด — หัวหน้าทีม/แอดมินที่เปิดชีทของ KAM ไม่เห็นของคนอื่นปน
    +_kLadderHtml;

  // ── Gate card (SH-8): เส้นเกตของคนนี้เดือนนี้ + ผลที่ใช้คิดเงินจริง ──────────
  var gv = rv && R ? R.ok(rv.gate) : null;
  // R1 UI #6: เกณฑ์อ่านไม่ได้ ⇒ ประโยคเดียวกับป้ายด้านบน (ไม่ใช่ reason_th ของตัวหาเกณฑ์)
  var gateLine = gv ? R.gateLine(rv) : (plain || ((rv && rv.gate && rv.gate.status === 'refused') ? 'ยังไม่ได้ตั้งเกตของเดือนนี้ — แจ้งเจ้าของระบบ'
    : (rv && rv.gate && rv.gate.reason_th) || 'กำลังโหลดเกณฑ์…'));
  var gateRes, gateCls;
  if (src.loading || none || src.gate_cap == null) { gateRes = '—'; gateCls = ''; }
  else if (cap >= 1) { gateRes = 'ได้เต็ม'; gateCls = 'ok'; }
  else { gateRes = R.gw(cap) || (cap > 0 ? 'ได้บางส่วน' : 'ได้ 0%'); gateCls = 'warn'; }   // คำจากตัวคูณจริงของงวดนี้
  var gateHtml = '<div class="cds-l1-gate '+gateCls+'">'
    +'<div class="cds-l1-gate-info">'
    +'<div class="cds-l1-gate-title">เกต %NRR (คูณทุกก้อนด้านบน)</div>'
    +'<div class="cds-l1-gate-sub">'+esc(gateLine)+'</div>'
    +'</div>'
    +'<div class="cds-l1-gate-result">'+esc(gateRes)+'</div>'
    +'</div>';

  // ── สายคำนวณ (study 25 ต.ค. 2569): คนอ่านไม่ต้องบวก/คูณเอง ─────────────────────────────────
  // "NRR ฿0 + Upsell ฿9,500 + สาขาใหม่ ฿0 + HO ฿0 = ฿9,500" / "คูณเกต 50% = ฿4,750"
  var _chainHtml='';
  try{
    // บวกแล้วคูณต้องได้ยอดที่ได้จริง (ต่างไม่เกิน ฿1) — ไม่ตรง (ยังโหลดรายการไม่ครบ) ⇒ ไม่โชว์ ดีกว่าโชว์เลขที่บวกไม่ลง
    if(!src.loading && !none && subtotal!==null && finalAmt!==null && Math.abs(Math.round(subtotal*(cap<1?cap:1))-Math.round(finalAmt))<=1){
      var _pz=function(v){ return (v===null||v===undefined)?'—':fmtFull(v); };
      var _line='NRR '+_pz(nrrAmt)+' + Upsell '+_pz(upsellAmt)+' + สาขาใหม่ '+_pz(expAmt)+' + HO '+_pz(hoAmt)+' = '+fmtFull(subtotal);
      var _gLine=(cap<1)?'คูณเกต '+(cap>0?Math.round(cap*100)+'%':'0%')+' = '+fmtFull(finalAmt):'';
      _chainHtml='<div class="cds-l1-chain">'+esc(_line)+(_gLine?'<br>'+esc(_gLine):'')+'</div>';
    }
  }catch(e){}
  // ── ยอดที่ได้ (SH-9) ───────────────────────────────────────────────────────
  var heroLabel = src.locked ? 'ยอดที่ล็อกแล้ว เดือน ' + moShort : (estLbl ? 'ยอดประมาณเดือน ' : 'ยอดที่ได้เดือน ') + moShort + ' (ถึงเมื่อวาน)';
  var heroTs = src.locked ? 'ล็อกแล้ว' : (nextMo ? 'ยอดจริงล็อกวันที่ 1 ' + nextMo : '');
  // R1 UI #2/#3: บอกใต้ยอดว่ายังไม่ครบ / เป็นยอดประมาณ
  var heroNote = upUnk ? '* ยังไม่รวม Upsell — ยังไม่มีไฟล์ upsell ของเดือน ' + moShort + ' (ยอดนี้ยังไม่ใช่ยอดสุดท้าย)'
    : (estLbl ? 'ยอดประมาณ = upsell ยังคิดจากไฟล์สรุปทั้งทีม ซึ่งยังใช้เกณฑ์ก่อน ต.ค. · ยอดจริงคิดตอนปิดงวด' : '');
  var heroHtml = '<div class="cds-l1-final">'
    +'<div class="cds-l1-final-label">'+esc(heroLabel)+'</div>'
    +'<div class="cds-l1-final-amt">'+(src.loading?'…':(finalAmt === null ? '—' : fmtFull(finalAmt)+upStar+_hoExclBlk))+'</div>'
    +(heroNote?'<div style="font-size:var(--text-xs);color:rgba(255,224,138,.85);line-height:1.45;margin-top:8px;font-family:var(--tk-font-body)">'+esc(heroNote)+'</div>':'')
    +(heroTs?'<div class="cds-l1-final-ts">'+esc(heroTs)+'</div>':'')
    +'</div>';

  // ── ป้ายบอกเหตุ: ยังคิดไม่ได้ (ST-3) · ไม่มีแผน (จ4) · เริ่มไตรมาสหน้า (ST-9) ─────────
  var banner = '';
  if (!src.loading && (src.unavailable || src.notEligible) && src.note) {
    banner = '<div class="cds-l1-ts" style="padding:8px 18px 0;color:#ffe08a">'+esc((src.notEligible ? 'ไม่เข้าเกณฑ์งวดนี้: ' : '') + src.note)+'</div>';
  }

  // NR-9: ปุ่ม "Export audit CSV" ตัวใหญ่ (ขึ้นตอนมี upsell แต่ส่งออกแค่รายร้าน %NRR) เอาออก — ใช้ปุ่ม CSV ด้านล่างแทน
  var exportBtn = '';

  // ════ 25 ต.ค. 2569 (Bucci · แบบใหม่ "ค่าคอมฯ ของฉัน"): จอแรกตอบ 3 คำถาม — ได้เท่าไหร่ · ทำไมได้แค่นี้ · ทำอะไรต่อ ════
  //   ยอดใหญ่บนสุดที่เดียว (เลิกยอดซ้ำล่าง) · แถบเงิน: ก้อนที่ทำได้ + ส่วนที่หายเพราะเกต (ลายขีด) · การ์ด "ก้าวถัดไป"
  //   แหล่งเงินที่ได้ ฿0 (สาขาใหม่ / รับร้านจาก Sales) ยุบเป็นบรรทัดเดียว · CSV / คัดลอก ย้ายเข้าเมนู ⋯
  //   ตัวเลขทุกตัวมาจากตัวแปรเดิมของฟังก์ชันนี้ (ไม่มีสูตรเงินใหม่)
  var titleTxt = 'ค่าคอมฯ ' + moShort + ' ' + (who ? 'ของ ' + who : 'ของฉัน');
  var subTxt = heroLabel + (!src.locked && heroTs ? ' · ' + heroTs : '');

  // ── ยอดใหญ่ + %NRR ──
  var heroTop = '<div class="cds2-hero">'
    + '<div class="cds2-hero-l"><div class="cds2-lbl">ค่าคอมฯ ตอนนี้' + estLbl + '</div>'
    + '<div class="cds2-big">' + kpiAmt + '</div></div>'
    + '<div class="cds2-hero-r"><div class="cds2-lbl">%NRR' + (_kZoneWord ? ' · <span class="cds-l1-zone ' + _kCls + '">' + esc(_kZoneWord) + '</span>' : '') + '</div>'
    + '<div class="cds2-pct ' + _kCls + '">' + esc(pctText) + '</div></div>'
    + '</div>'
    + (heroNote ? '<div class="cds2-note">' + esc(heroNote) + '</div>' : '');

  // ── แถบเงิน: ก้อนที่ทำได้ (ต่อแหล่ง) + ส่วนที่หายเพราะเกต ──
  var barHtml = '';
  try {
    if (!src.loading && !none && subtotal !== null && subtotal > 0 && finalAmt !== null) {
      var segs = [];
      var pushSeg = function(amt, color, label){ if (amt != null && amt > 0) segs.push({ amt: amt, color: color, label: label }); };
      pushSeg(nrrAmt, 'var(--tk-ok-bright)', 'NRR');
      if (!src.locked && upsellAmt != null) { pushSeg(p1amt, '#ffe08a', 'สินค้าใหม่'); pushSeg(p3amt, '#7fb2ff', 'ซื้อเพิ่ม'); }
      else pushSeg(upsellAmt, '#ffe08a', 'สินค้าใหม่ + ซื้อเพิ่ม');
      pushSeg(expAmt, '#00c8b0', 'สาขาใหม่');
      pushSeg(hoAmt, '#bcd7ff', 'รับร้านจาก Sales');
      var lost = Math.max(0, Math.round(subtotal) - Math.round(finalAmt));
      var tot = segs.reduce(function(a, x){ return a + x.amt; }, 0) || 1;
      var keepPct = lost > 0 ? (subtotal - lost) / subtotal : 1;
      var gl = gv ? (cap > 0 ? gv.half_below : gv.zero_below) : null;   // เส้นที่ทำให้โดนตัด
      var why = cap >= 1 ? 'ได้เต็ม' : ((gl != null ? '%NRR ยังไม่ถึง ' + R.pct1(gl) + ' เลย' : 'เกต %NRR ') + (R.gw(cap) || ''));
      barHtml = '<div class="cds2-bar-card">'
        + '<div class="cds2-bar-t">เงินที่ทำได้ ' + fmtFull(subtotal) + upStar + ' · ' + esc(why) + '</div>'
        + '<div class="cds2-bar">' + segs.map(function(x){ return '<i style="width:' + (x.amt / tot * keepPct * 100).toFixed(2) + '%;background:' + x.color + '"></i>'; }).join('')
        + (lost > 0 ? '<i class="cds2-lost" style="width:' + ((1 - keepPct) * 100).toFixed(2) + '%"></i>' : '') + '</div>'
        + '<div class="cds2-legend">' + segs.map(function(x){ return '<span><em style="background:' + x.color + '"></em>' + esc(x.label) + ' ' + fmtFull(x.amt) + '</span>'; }).join('')
        + (lost > 0 ? '<span><em class="cds2-lost"></em>หายไป ' + fmtFull(lost) + '</span>' : '') + '</div>'
        + '<div class="cds2-gate-line">เกต %NRR: ' + esc(gateLine) + '</div>'
        + '</div>';
    }
  } catch (e) { barHtml = ''; }
  // แถบเงินทำไม่ได้ (กำลังโหลด / ไม่มีแผน / ยอดยังไม่ครบ) ⇒ ใช้กล่องเดิม: รวมก่อนคูณเกต + เกต
  var fallbackGate = barHtml ? '' :
    '<div class="cds-l1-subtotal"><span class="cds-l1-subtotal-lbl">รวมก่อนคูณเกต</span>'
    + '<span class="cds-l1-subtotal-val">' + ((src.loading || subtotal === null) ? '—' : fmtFull(subtotal) + upStar + _hoExcl) + '</span></div>'
    + _chainHtml + gateHtml;

  // ── การ์ด "ก้าวถัดไป": บันได + บรรทัดขายเพิ่มอีก (ตัวเดียวกับการ์ดทอง) + ปุ่มไปดูร้าน ──
  var nextHtml = _kLadderHtml
    ? '<div class="cds2-next"><div class="cds2-next-k">ก้าวถัดไป</div>' + _kLadderHtml
      + '<button type="button" class="cds2-next-btn" data-tab="nrr">ดูร้านที่ดึง %NRR ขึ้น–ลง ›</button></div>'
    : '';

  // ── แหล่งเงิน: ที่มีเงิน/ยังไม่รู้ยอดขึ้นเต็มแถว · ที่ได้ ฿0 จริง (สาขาใหม่ · รับร้านจาก Sales) ยุบเป็นบรรทัดเดียว ──
  var rows = [], zeros = [];
  var addSrc = function(tab, color, name, sub, amt, keep){
    if (!keep && !src.loading && !none && amt === 0) zeros.push({ tab: tab, name: name });
    else rows.push(srcRow(tab, color, name, sub, amt));
  };
  addSrc('nrr', 'var(--tk-ok-bright)', 'ค่าคอม NRR', nrrSub, nrrAmt, true);
  addSrc('p1', '#ffe08a', 'สินค้าใหม่ + ซื้อเพิ่ม', upSub, upsellAmt, upUnk);
  addSrc('exp', '#00c8b0', 'สาขาเปิดใหม่', expSub, expAmt, false);
  addSrc('ho', '#bcd7ff', 'รับร้านจาก Sales', hoSub, hoAmt, !!_hoSkipN);
  var zeroHtml = zeros.length
    ? '<div class="cds2-zero">ยังไม่มีเดือนนี้: ' + zeros.map(function(z){ return '<button type="button" class="cds2-zero-a" data-tab="' + z.tab + '">' + esc(z.name) + '</button>'; }).join(' · ') + '</div>'
    : '';

  body.innerHTML =
    '<div style="padding:14px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px">'
    +'<div style="min-width:0"><div class="cds-l1-title">'+esc(titleTxt)+'</div>'
    +'<div class="cds-l1-ts">'+esc(subTxt)+'</div>'
    +'</div>'
    +'<button class="cds-summary-close" onclick="_cdsClose()">✕</button>'
    +'</div>'
    // สัญญา v4 D4: รอแค่รายชื่อสาขาที่เคยได้ HO ⇒ บอกตามจริง (ไม่ใช่ upsell)
    +(src.loading?'<div style="font-size:var(--text-sm);color:#ffe08a;padding:6px 18px 0">⚠ '+(src.ho_loading?esc(typeof COMM_HO_LEDGER_LOADING_TH==='string'?COMM_HO_LEDGER_LOADING_TH:'กำลังโหลดรายชื่อสาขาที่เคยได้ HO…'):'กำลังโหลด…')+'</div>':'')
    +banner
    +heroTop
    +barHtml
    +nextHtml
    +'<div class="cds2-sec">ที่มาของเงิน</div>'
    +rows.join('')
    +zeroHtml
    +fallbackGate
    +exportBtn
    +'<div class="cds2-foot">'
    +'<button class="cds-btn secondary" style="flex:1" onclick="_cdsOpenRulebook()">กฎค่าคอมฯ</button>'
    +'<button class="cds-btn secondary cds2-more" type="button" aria-label="เพิ่มเติม" onclick="this.parentNode.classList.toggle(\'open\')">⋯</button>'
    +'<div class="cds2-more-menu">'
    +'<button class="cds-btn secondary" onclick="_cdsExportCSV&&_cdsExportCSV()">↓ รายร้าน CSV</button>'
    +'<button class="cds-btn secondary" onclick="_cdsCopyTSV&&_cdsCopyTSV()">⎙ คัดลอก</button>'
    +'</div>'
    +'</div>';

  body.querySelectorAll('.cds2-next-btn,.cds2-zero-a').forEach(function(b){
    b.addEventListener('click',function(){_cdsSetTab(b.getAttribute('data-tab'));});
  });
  body.querySelectorAll('.cds-src-row').forEach(function(row){
    row.addEventListener('click',function(){_cdsSetTab(row.getAttribute('data-tab'));});
  });
  body.classList.add('cds-body-enter');
};


//////////////////////////////////////////////////////////////////////////////
// ── CDS Session 3: P1 tab renderer (สินค้าใหม่) ──────────────────────────
//////////////////////////////////////////////////////////////////////////////

window._cdsRender_p1 = function(src, body, meta, totalEl) {
  var h = window._cdsHtml, R = window._cdsRule;
  var fmtFull = (window._cdsHtml && window._cdsHtml.fmtFull) ? window._cdsHtml.fmtFull : function(n){n=Number(n||0);return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0';};
  if (!h || !R) return;
  var st = window._cdsKamSt || {};
  var rv = _cdsRuleView(st);
  // P1-1: อัตราและขั้นต่ำจากเกณฑ์ของคนนี้ เดือนนี้ (ไม่มี = "—" ไม่ใช่ค่ากลาง)
  var p1 = rv ? R.ok(rv.p1) : null;
  var team = rv ? ((R.ok(rv.plan) || {}).label_th || '') : '';
  var mo = R.monthShort(st.period);
  var pol = rv ? R.ok(rv.policy) : null;
  var win = (pol && pol.base_window_th) || '3 เดือนก่อนไตรมาส';
  var fmt = h.fmt;
  var esc = h.esc;

  if (src.loading) {
    if (meta) meta.innerHTML = '';
    body.innerHTML = '<div class="cds-empty">กำลังโหลด…</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม สินค้าใหม่', '—', 'v-amber');
    return;
  }
  // R1 UI #2: ไม่มีไฟล์ upsell ของคนนี้ ⇒ ยังคิดไม่ได้ ไม่ใช่ "ไม่มีกลุ่ม" และไม่ใช่ ฿0
  if (src.upsellUnknown && !src.locked) {
    if (meta) meta.innerHTML = '';
    body.innerHTML = '<div class="cds-empty">ยังไม่มีไฟล์ upsell ของเดือน ' + esc(mo) + '<br><span style="font-size:var(--text-xs);opacity:.75">ยังคิดสินค้าใหม่ ไม่ได้ — ไฟล์มาแล้วจอนี้คิดให้เอง</span></div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม สินค้าใหม่', '—', 'v-dim');
    return;
  }

  var d = src.upsell_sku_detail && src.upsell_sku_detail.p1;
  var groups = (d && d.groups) ? d.groups : [];
  var totalComm = d ? Number(d.comm || 0) : 0;

  if (!groups.length) {
    if (meta) meta.innerHTML = '';
    // P1-2
    var cond = p1 ? ('นับเมื่อสาขาซื้อกลุ่มที่ไม่ได้ซื้อช่วง ' + win + ' ตั้งแต่ ' + R.money(p1.min_gmv) + ' · สาขาเปิดใหม่ไม่นับตรงนี้ (ได้ '
      + (rv && R.ok(rv.expansion) ? R.rate(R.ok(rv.expansion).rate) : '—') + ' ทางสาขาเปิดใหม่แทน)') : esc(_cdsPlainOr(rv, st, (rv && rv.p1 && rv.p1.reason_th) || ''));   // UIR A13
    body.innerHTML = '<div class="cds-empty">ยังไม่มีกลุ่มสินค้าใหม่เดือน ' + esc(mo) + '<br>'
      + '<span style="font-size:var(--text-xs);opacity:.75">' + esc(cond) + '</span></div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม สินค้าใหม่', src.unavailable ? '—' : '฿0', 'v-dim');
    return;
  }

  var byOutlet = {};
  groups.forEach(function(g) {
    var key = g.outletId || '_all';
    if (!byOutlet[key]) byOutlet[key] = { outletId: key, accountId: g.accountId || '', items: [], totalComm: 0, totalGmv: 0 };
    byOutlet[key].items.push(g);
    byOutlet[key].totalComm += g.commission || 0;
    byOutlet[key].totalGmv  += g.total_gmv  || 0;
  });
  var outlets = Object.values(byOutlet).sort(function(a, b) { return b.totalComm - a.totalComm; });

  // P1-3: อัตราของแผน · บางหมวดมีอัตราพิเศษ ⇒ "1.5% (บางหมวด 3%)"
  var planRate = p1 ? p1.rate : null;
  var odd = {};
  groups.forEach(function(g){ var r = Number(g.applied_rate); if (planRate != null && isFinite(r) && Math.abs(r - planRate) > 1e-9) odd[R.rate(r)] = 1; });
  var rateTxt = (planRate != null ? R.rate(planRate) : '—') + (Object.keys(odd).length ? ' (บางหมวด ' + Object.keys(odd).join(', ') + ')' : '');
  if (meta) {
    meta.innerHTML = '<div class="cds-meta">'
      + '<span class="cds-meta-text">' + outlets.length + ' สาขา · ' + groups.length + ' กลุ่มสินค้า · ได้ ' + esc(rateTxt) + ' ของยอด</span>'
      + '<button class="cds-toggle-btn" id="cds-toggle-btn" onclick="_cdsToggleAll()" title="ขยาย/ย่อ"><svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/></svg></button>'
      + '</div>';
  }

  var html = '';
  var _qtrGmvSum = 0, _qtrCommSum = 0; // v_qsum: quarter summary bar totals
  outlets.forEach(function(o, oi) {
    var rowId   = 'p1r' + oi;
    var oName   = typeof _pvOutletName === 'function' ? _pvOutletName(o.outletId, o.accountId) : (o.outletId || '—');
    // v753d: chip row — GMV shown only when collapsed (hidden via CSS when .open)
    var _p1OnClick = '_cdsToggleRow(\'' + rowId + '\')';
    html += '<div class="cds-chip-row'+(oi < 3?' open':'') +'" id="'+rowId+'" onclick="'+_p1OnClick+'"><span class="cds-chip-chev">&#8250;</span>'
      + '<div style="flex:1;min-width:0"><div class="cds-chip-name">'+h.esc(oName)+'</div>'
      + '<div class="cds-chip-meta">'+o.items.length+' กลุ่มสินค้า</div></div>'
      + '<span class="cds-chip-gmv cds-chip-val v-muted">'+fmt(o.totalGmv)+'</span>'
      + '<span class="cds-chip-val v-amber">'+fmt(o.totalComm)+'</span>'
      + '</div>'
      + '<div class="cds-sub-rows'+(oi < 3?' open':'') +'" id="'+rowId+'-sub">';
    o.items.forEach(function(g, gi) {
      var proofId = rowId + 'g' + gi;
      // v_qsum: compute once, feed both the inline dots and the collapsed
      // calendar; also accumulate this group's quarter totals into the
      // always-visible summary bar (fallback to this-month-only when the
      // quarter timeline isn't available, e.g. monthly-mode schemes).
      var _t = window._cdsQtrCompute ? window._cdsQtrCompute(g, 'p1') : null;
      _qtrGmvSum  += _t ? _t.quarterTotalGmv : (g.total_gmv || 0);
      _qtrCommSum += _t ? _t.quarterTotal    : (g.commission || 0);
      var _dots = _t && window._cdsQtrDotsHtml ? window._cdsQtrDotsHtml(_t) : '';
      var gRate = Number(g.applied_rate);
      var special = (planRate != null && isFinite(gRate) && Math.abs(gRate - planRate) > 1e-9);
      html += h.subRow([
        { html: h.esc(g.groupKey || g.group_key || '—') + _dots, cls: 'cds-outlet-name' },
        { text: fmt(g.total_gmv),  cls: 'cds-val v-muted' },
        { text: fmt(g.commission), cls: 'cds-val v-amber' }
      ], 'p1');
      html += _t && window._cdsQtrTimelineHtml ? window._cdsQtrTimelineHtml(_t, isFinite(gRate) ? gRate : planRate) : ''; // v_qsum
      // P1-4: กล่องพิสูจน์ใช้ขั้นต่ำของทีม/เดือนนี้ และอัตราที่ใช้จริงของกลุ่มนี้
      html += h.proof(proofId, [
        { label: 'ยอดเดือนนี้',     result: fmtFull(g.total_gmv) },   // R1 UI #12: บาทเต็ม — "฿13K × 1.5% = ฿188" คูณไม่ลง
        { label: 'ขั้นต่ำ' + (team ? team.replace(/^เกณฑ์/, '') : '') + ' เดือน ' + mo, result: p1 ? R.money(p1.min_gmv) + (g.total_gmv >= p1.min_gmv ? ' ✓' : '') : '—', pass: p1 ? g.total_gmv >= p1.min_gmv : null },
        { label: special ? 'อัตราพิเศษหมวด ' + (g.category || g.groupKey || '') : 'อัตรา', result: isFinite(gRate) ? R.rate(gRate) : '—' },
        { label: 'ค่าคอมฯ',       result: fmtFull(g.total_gmv) + ' × ' + (isFinite(gRate) ? R.rate(gRate) : '—') + ' = ' + fmtFull(g.commission), pass: true }
      ]);
    });
    html += h.chipRowClose();
  });

  // v_qtrux: stopped-buying groups — earned earlier this quarter, ฿0 this
  // month. Real data as the conditionality lesson; grayed at the bottom.
  // P1-5: ยอด "เคยได้" ของเดือนก่อนยังคิดด้วยเกณฑ์กลางใน 07a (รอ EN-7) ⇒ ไม่โชว์ตัวเลข บอกแค่เดือนที่เคยได้
  try {
    var _stSt = window._cdsKamSt, _stSrc = window._cdsSrc;
    if (_stSt && _stSrc && _stSrc.base_month_used && typeof _upsellStoppedGroups === 'function') {
      var _stopped = _upsellStoppedGroups(_stSt.email, groups, _stSrc.base_month_used) || [];
      if (_stopped.length) {
        html += '<div style="padding:10px 16px 6px;font-size:var(--text-2xs);font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,107,61,.75);font-family:\'IBM Plex Mono\',monospace;border-top:1px solid rgba(var(--ink-blue),.10);margin-top:6px">หยุดซื้อเดือนนี้ — ค่าคอมฯ หยุด (' + _stopped.length + ')</div>'
          + _stopped.map(function(sg){
              var oN = typeof _pvOutletName === 'function' ? _pvOutletName(sg.outletId, sg.accountId) : sg.outletId;
              return '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 16px;opacity:.55;border-bottom:1px solid rgba(var(--ink-blue),.06)">'
                + '<div><div style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.60)">' + h.esc(sg.groupKey) + '</div>'
                + '<div style="font-size:var(--text-2xs);color:rgba(var(--ink-blue-hi),.45)">' + h.esc(oN) + ' · เคยได้เดือน ' + h.esc(String(sg.lastLabel || '').split(' ')[0]) + '</div></div>'
                + '<span style="font-size:var(--text-sm);font-family:\'IBM Plex Mono\',monospace;font-weight:900;color:rgba(255,107,61,.85)">฿0</span>'
                + '</div>';
            }).join('');
      }
    }
  } catch(e) {}

  var _qtrSummary = window._cdsQtrSummaryHtml ? window._cdsQtrSummaryHtml(_qtrGmvSum, _qtrCommSum, 'p1') : '';
  // v_qsum2: summary card goes in the meta slot (above the table header),
  // same position as the NRR tab's own summary card — not prepended to body.
  if (meta) meta.innerHTML = _qtrSummary + meta.innerHTML;
  body.innerHTML = html;

  // v_qsum: click toggles EVERY expandable block between this sub-row and
  // the next one (the new .cds-qtr-cal calendar AND the existing .cds-proof
  // formula box) — order-independent, so it doesn't matter which renders
  // first for a given group.
  body.querySelectorAll('.cds-sub-row.p1-cols').forEach(function(row) {
    row.style.cursor = 'pointer';
    row.addEventListener('click', function() {
      var el = row.nextElementSibling;
      while (el && !el.classList.contains('cds-sub-row') && !el.classList.contains('cds-chip-row')) {
        if (el.classList.contains('cds-proof') || el.classList.contains('cds-qtr-cal')) el.classList.toggle('open');
        el = el.nextElementSibling;
      }
    });
  });

  // v753d: P1 total — GMV + commission (p1-cols: minmax(0,1fr) 62px 56px)
  if (totalEl) {
    var _p1Gmv = outlets.reduce(function(s,o){return s+o.totalGmv;},0);
    totalEl.innerHTML = '<div class="cds-total p1-cols">'
      + '<span class="cds-total-label">รวม สินค้าใหม่</span>'
      + '<span class="cds-total-val v-muted">'+fmtFull(_p1Gmv)+'</span>'
      + '<span class="cds-total-val v-amber">'+fmtFull(totalComm)+'</span>'
      + '</div>';
  }
};


//////////////////////////////////////////////////////////////////////////////
// ── CDS Session 4: P3 tab renderer (ยอดเติบโต) ───────────────────────────
//////////////////////////////////////////////////////////////////////////////

window._cdsRender_p3 = function(src, body, meta, totalEl) {
  var h = window._cdsHtml, R = window._cdsRule;
  var fmtFull = (window._cdsHtml && window._cdsHtml.fmtFull) ? window._cdsHtml.fmtFull : function(n){n=Number(n||0);return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0';};
  if (!h || !R) return;
  var st = window._cdsKamSt || {};
  var rv = _cdsRuleView(st);
  // P3-1: อัตราและด่านจากเกณฑ์ของคนนี้ เดือนนี้
  var p3 = rv ? R.ok(rv.p3) : null;
  var team = rv ? ((R.ok(rv.plan) || {}).label_th || '') : '';
  var mo = R.monthShort(st.period);
  var pol = rv ? R.ok(rv.policy) : null;
  var win = (pol && pol.base_window_th) || '3 เดือนก่อนไตรมาส';
  var fmt = h.fmt;
  var esc = h.esc;
  var gatesTh = p3 ? R.p3Gates(rv) : _cdsPlainOr(rv, st, (rv && rv.p3 && rv.p3.reason_th) || '');   // UIR A13

  if (src.loading) {
    if (meta) meta.innerHTML = '';
    body.innerHTML = '<div class="cds-empty">กำลังโหลด…</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม ซื้อเพิ่ม', '—', 'v-amber');
    return;
  }
  // R1 UI #2: ไม่มีไฟล์ upsell ของคนนี้ ⇒ ยังคิดไม่ได้ ไม่ใช่ "ไม่มีกลุ่ม" และไม่ใช่ ฿0
  if (src.upsellUnknown && !src.locked) {
    if (meta) meta.innerHTML = '';
    body.innerHTML = '<div class="cds-empty">ยังไม่มีไฟล์ upsell ของเดือน ' + esc(mo) + '<br><span style="font-size:var(--text-xs);opacity:.75">ยังคิดซื้อเพิ่ม ไม่ได้ — ไฟล์มาแล้วจอนี้คิดให้เอง</span></div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม ซื้อเพิ่ม', '—', 'v-dim');
    return;
  }

  var d = src.upsell_sku_detail && src.upsell_sku_detail.p3;
  var groups = (d && d.groups) ? d.groups : [];
  var totalComm = d ? Number(d.comm || 0) : 0;

  // P3-3: ตารางด่านยอดเติบโตของทีม/เดือนนี้ (โชว์ทั้งตอนมีและไม่มีกลุ่ม)
  var gateTable = '';
  if (p3 && p3.gates.length) {
    var rows = p3.gates.map(function(g, i) {
      var range = i === 0 ? 'ตั้งแต่ ' + R.money(g.min_incremental)
        : R.money(g.min_incremental) + '–' + Math.round(p3.gates[i - 1].min_incremental - 1).toLocaleString('en-US');
      var tag = p3.gates.length > 1 ? (i === 0 ? 'ด่านก้อนใหญ่' : 'ด่านก้อนเล็ก') : 'ด่าน';
      return '<div class="cds-proof-row"><span class="cds-proof-label">' + esc(tag + ' · ส่วนเพิ่ม ' + range) + '</span>'
        + '<span class="cds-proof-result">' + esc('ต้องเกิน ' + R.times(g.multiple)) + '</span></div>';
    }).join('');
    rows += '<div class="cds-proof-row"><span class="cds-proof-label">' + esc('ส่วนเพิ่มต่ำกว่า ' + R.money(p3.gates[p3.gates.length - 1].min_incremental)) + '</span>'
      + '<span class="cds-proof-result">ยังไม่นับ</span></div>';
    gateTable = '<div style="padding:8px 16px 2px;font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.06em;color:rgba(var(--ink-blue-hi),.6)">'
      + esc('ด่านซื้อเพิ่ม (' + team.replace(/^เกณฑ์/, '').trim() + ' · ' + mo + ') · ได้ ' + R.rate(p3.rate) + ' ของส่วนที่เพิ่ม') + '</div>'
      + '<div class="cds-proof open" style="margin:4px 16px 8px">' + rows + '</div>';
  }

  if (!groups.length) {
    if (meta) meta.innerHTML = gateTable;
    // P3-2
    body.innerHTML = '<div class="cds-empty">ยังไม่มีสินค้าซื้อเพิ่มเดือน ' + esc(mo) + '<br>'
      + '<span style="font-size:var(--text-xs);opacity:.75">' + esc('นับกลุ่มที่เคยซื้อแต่เดือนนี้ซื้อมากกว่าเดือนสูงสุดช่วง ' + win + ' (ต่อ 30 วัน) · ' + gatesTh) + '</span></div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม ซื้อเพิ่ม', src.unavailable ? '—' : '฿0', 'v-dim');
    return;
  }

  var byOutlet = {};
  groups.forEach(function(g) {
    var key = g.outletId || '_all';
    if (!byOutlet[key]) byOutlet[key] = { outletId: key, accountId: g.accountId || '', items: [], totalComm: 0, totalIncr: 0 };
    byOutlet[key].items.push(g);
    byOutlet[key].totalComm += g.commission  || 0;
    byOutlet[key].totalIncr += g.incremental || 0;
  });
  var outlets = Object.values(byOutlet).sort(function(a, b) { return b.totalComm - a.totalComm; });

  if (meta) {
    meta.innerHTML = gateTable + '<div class="cds-meta">'
      + '<span class="cds-meta-text">' + outlets.length + ' สาขา · ' + groups.length + ' กลุ่ม · ได้ ' + esc(p3 ? R.rate(p3.rate) : '—') + ' ของส่วนที่เพิ่ม</span>'
      + '<button class="cds-toggle-btn" id="cds-toggle-btn" onclick="_cdsToggleAll()" title="ขยาย/ย่อ"><svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/></svg></button>'
      + '</div>';
  }

  var html = '';
  var _qtrGmvSum = 0, _qtrCommSum = 0; // v_qsum: quarter summary bar totals
  outlets.forEach(function(o, oi) {
    var rowId = 'p3r' + oi;
    var oName = typeof _pvOutletName === 'function' ? _pvOutletName(o.outletId, o.accountId) : (o.outletId || '—');
    // v753d: chip row — GMV shown only when collapsed
    var _p3OnClick = '_cdsToggleRow(\'' + rowId + '\')';
    html += '<div class="cds-chip-row'+(oi < 3?' open':'') +'" id="'+rowId+'" onclick="'+_p3OnClick+'"><span class="cds-chip-chev">&#8250;</span>'
      + '<div style="flex:1;min-width:0"><div class="cds-chip-name">'+h.esc(oName)+'</div>'
      + '<div class="cds-chip-meta">'+o.items.length+' กลุ่มสินค้า</div></div>'
      + '<span class="cds-chip-gmv cds-chip-val v-muted">'+fmt(o.totalIncr)+'</span>'
      + '<span class="cds-chip-val v-amber">'+fmt(o.totalComm)+'</span>'
      + '</div>'
      + '<div class="cds-sub-rows'+(oi < 3?' open':'') +'" id="'+rowId+'-sub">';
    o.items.forEach(function(g, gi) {
      var proofId = rowId + 'g' + gi;
      // P3-7: กลุ่มจากไฟล์ทีม (ทางลัด) ไม่มีฐานหรือด่าน ⇒ "รายละเอียดยังมาไม่ครบ" ไม่ใช่ ฿0 / NaN
      var hasDetail = g.max_baseline != null && g.existing_curr != null && g.gate_threshold_pct != null;
      var mult = hasDetail && g.max_baseline > 0 ? g.existing_curr / g.max_baseline : null;
      // P3-4 / P3-6: ด่านที่กลุ่มนี้ใช้จริง (ตัวคิดเงินส่งมา) + ป้ายด่านก้อนใหญ่/เล็ก
      var gNeed = hasDetail ? Number(g.gate_threshold_pct) : null;
      var gMin = hasDetail ? Number(g.gate_min_incremental) : null;
      var gate = hasDetail ? R.p3At(rv, g.incremental) : null;
      var tag = (gate && gate.size !== 'only') ? (gate.size === 'large' ? 'ด่านก้อนใหญ่' : 'ด่านก้อนเล็ก') : '';
      var _t = window._cdsQtrCompute ? window._cdsQtrCompute(g, 'p3') : null;
      _qtrGmvSum  += _t ? _t.quarterTotalGmv : (g.incremental || 0);
      _qtrCommSum += _t ? _t.quarterTotal    : (g.commission  || 0);
      var _dots = _t && window._cdsQtrDotsHtml ? window._cdsQtrDotsHtml(_t) : '';
      var _tag = tag ? ' <span style="font-size:var(--text-3xs);font-weight:var(--fw-bold);padding:1px 6px;border-radius:var(--r-pill);border:1px solid rgba(var(--ink-blue),.25);color:rgba(var(--ink-blue-hi),.7);white-space:nowrap">' + esc(tag) + '</span>' : '';
      html += h.subRow([
        { html: h.esc(g.groupKey || g.group_key || '—') + _dots + _tag, cls: 'cds-outlet-name' },
        { text: hasDetail ? fmt(g.max_baseline) : '—',  cls: 'cds-val v-muted' },
        { text: fmt(g.incremental),   cls: 'cds-val v-green' },
        { text: fmt(g.commission),    cls: 'cds-val v-amber' }
      ], 'p3');
      html += _t && window._cdsQtrTimelineHtml ? window._cdsQtrTimelineHtml(_t, Number(g.applied_rate)) : ''; // v_qsum
      if (!hasDetail) {
        html += h.proof(proofId, [{ label: 'รายละเอียดยังมาไม่ครบ', result: 'ค่าคอมฯ ' + fmtFull(g.commission) }]);
      } else {
        var base = String(g.max_baseline_month || '').split(' ')[0];
        // P3-5: ฐาน · เดือนนี้ต่อ 30 วัน · ส่วนเพิ่มอยู่ช่วงไหน ต้องเกินกี่เท่า · สูตร
        html += h.proof(proofId, [
          { label: 'ฐาน = เดือนขายสูงสุดช่วง ' + win + (base ? ' (' + base + ')' : ''), result: fmtFull(g.max_baseline) },
          // R1 UI #12: บาทเต็ม · "เท่า" 2 ตำแหน่งเมื่อ 1 ตำแหน่งจะดูเท่ากับด่าน (2.04 ไม่ใช่ "2.0 ต้องเกิน 2.0 ✓")
          { label: 'เดือนนี้ (ต่อ 30 วัน)', result: fmtFull(g.existing_curr) + (mult != null ? ' = ' + ((gNeed != null && mult.toFixed(1) === Number(gNeed).toFixed(1)) ? mult.toFixed(2) : mult.toFixed(1)) + ' เท่า' : '') },
          { label: (tag ? tag + ' · ' : '') + 'ส่วนเพิ่ม ' + fmtFull(g.incremental) + (gMin != null ? ' (ตั้งแต่ ' + R.money(gMin) + ')' : ''), result: 'ต้องเกิน ' + R.times(gNeed) + (mult != null && mult > gNeed ? ' ✓' : ''), pass: mult != null ? mult > gNeed : null },
          { label: 'ค่าคอมฯ', result: fmtFull(g.incremental) + ' × ' + R.rate(g.applied_rate) + ' = ' + fmtFull(g.commission), pass: true }
        ]);
      }
    });
    html += h.chipRowClose();
  });

  var _qtrSummary = window._cdsQtrSummaryHtml ? window._cdsQtrSummaryHtml(_qtrGmvSum, _qtrCommSum, 'p3') : '';
  // v_qsum2: summary card goes in the meta slot (above the table header),
  // same position as the NRR tab's own summary card — not prepended to body.
  if (meta) meta.innerHTML = _qtrSummary + meta.innerHTML;
  body.innerHTML = html;

  // v_qsum: same order-independent multi-sibling toggle as p1 (see comment
  // there) — one click opens both the quarter calendar and the formula box.
  body.querySelectorAll('.cds-sub-row.p3-cols').forEach(function(row) {
    row.style.cursor = 'pointer';
    row.addEventListener('click', function() {
      var el = row.nextElementSibling;
      while (el && !el.classList.contains('cds-sub-row') && !el.classList.contains('cds-chip-row')) {
        if (el.classList.contains('cds-proof') || el.classList.contains('cds-qtr-cal')) el.classList.toggle('open');
        el = el.nextElementSibling;
      }
    });
  });

  // v753d: P3 total — incremental GMV + commission (p3-cols: minmax(0,1fr) 52px 62px 56px)
  if (totalEl) {
    var _p3Incr = outlets.reduce(function(s,o){return s+o.totalIncr;},0);
    var _p3Base = groups.reduce(function(s,g){return s+(g.max_baseline||0);},0);
    totalEl.innerHTML = '<div class="cds-total p3-cols">'
      + '<span class="cds-total-label">รวม ซื้อเพิ่ม</span>'
      + '<span class="cds-total-val v-dim">'+fmtFull(_p3Base)+'</span>'
      + '<span class="cds-total-val v-green">'+fmtFull(_p3Incr)+'</span>'
      + '<span class="cds-total-val v-amber">'+fmtFull(totalComm)+'</span>'
      + '</div>';
  }
};


//////////////////////////////////////////////////////////////////////////////
// ── CDS Session 5: Expansion tab renderer ────────────────────────────────
//////////////////////////////////////////////////////////////////////////////

window._cdsRender_exp = function(src, body, meta, totalEl) {
  var h = window._cdsHtml, R = window._cdsRule;
  var fmtFull = (window._cdsHtml && window._cdsHtml.fmtFull) ? window._cdsHtml.fmtFull : function(n){n=Number(n||0);return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0';};
  if (!h || !R) return;
  var st  = window._cdsKamSt || {};
  var rv  = _cdsRuleView(st);
  // EX-1: อัตราจากเกณฑ์ของคนนี้ · ยอดรวมจากผลที่จ่ายเงิน (src.upsell_outlet) ไม่คิดใหม่เอง
  var ex  = rv ? R.ok(rv.expansion) : null;
  var rate = ex ? Number(ex.rate) : null;
  var mo  = R.monthShort(st.period);
  var fmt = h.fmt;
  var esc = h.esc;
  var engineTotal = src.upsell_outlet == null ? null : Number(src.upsell_outlet);
  // EX-4: นิยามสาขาเปิดใหม่อยู่ในแถบสูตรเหนือแท็บแล้ว (FB-4) — ไม่พูดซ้ำในตัวแท็บ
  var defLine = '';

  // v_oneflash: match p1/p3/ho/nrr's guard — never render a confident
  // Expansion number while src is still assembling.
  if (src.loading) {
    if (meta) meta.innerHTML = '';
    body.innerHTML = '<div class="cds-empty">กำลังโหลด…</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม สาขาเปิดใหม่', '—', 'v-amber');
    return;
  }

  // ── Collect expansion data via _tgtComputeKamNRR ─────────────────────
  var nrr = null;
  try {
    if (st.email && typeof _tgtComputeKamNRR === 'function') {
      nrr = (typeof _commQnrrDrillResult==='function'&&_commQnrrDrillResult(st.email,'kam'))||_tgtComputeKamNRR(st.email, null);
    }
  } catch(e) {}

  // Merge expansionDetail from core + transferIn + newFromSales
  var allAccounts = [];
  var totalGmv = 0;

  function addDetail(result) {
    if (!result) return;
    (result.expansionDetail || []).forEach(function(g) {
      var outlets = (g.outlets || []).filter(function(o) { return (o.currGmv || 0) > 0; });
      if (!outlets.length) return;
      var acctGmv = outlets.reduce(function(s, o) { return s + (o.currGmv || 0); }, 0);
      totalGmv += acctGmv;
      allAccounts.push({ name: g.acctName || g.acctId || '—', gmv: acctGmv, outlets: outlets });
    });
  }
  if (nrr) { addDetail(nrr); addDetail(nrr.transferIn); addDetail(nrr.newFromSales); }

  var totalOutlets = allAccounts.reduce(function(s, a) { return s + a.outlets.length; }, 0);
  var totalComm = engineTotal;

  if (!nrr) {
    // EX-2
    if (meta) meta.innerHTML = defLine;
    body.innerHTML = '<div class="cds-empty">ยังโหลดรายชื่อสาขาไม่ได้ — ยอดรวม ' + (engineTotal == null ? '—' : fmtFull(engineTotal)) + '</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม สาขาเปิดใหม่', engineTotal == null ? '—' : fmtFull(engineTotal), 'v-amber');
    return;
  }

  if (!allAccounts.length) {
    // EX-3
    if (meta) meta.innerHTML = defLine;
    body.innerHTML = '<div class="cds-empty">ไม่มีสาขาเปิดใหม่เดือน ' + esc(mo) + '</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม สาขาเปิดใหม่', engineTotal == null ? '—' : fmtFull(engineTotal || 0), 'v-dim');
    return;
  }

  // Sort by GMV desc
  allAccounts.sort(function(a, b) { return b.gmv - a.gmv; });

  // ── Meta bar ──────────────────────────────────────────────────────────
  if (meta) {
    meta.innerHTML = defLine + '<div class="cds-meta">'
      + '<span class="cds-meta-text">' + allAccounts.length + ' ร้าน · ' + totalOutlets + ' สาขาใหม่ · ได้ ' + esc(ex ? R.rate(rate) : '—') + ' ของยอด</span>'
      + '<button class="cds-toggle-btn" id="cds-toggle-btn" onclick="_cdsToggleAll()" title="ขยาย/ย่อ"><svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/></svg></button>'
      + '</div>';
  }

  // ── Body rows ─────────────────────────────────────────────────────────
  var html = '';
  allAccounts.forEach(function(a, ai) {
    var rowId   = 'expr' + ai;
    var acctComm = rate == null ? null : Math.round(a.gmv * rate);

    html += h.chipRow(rowId,
      esc(a.name),
      a.outlets.length + ' สาขา',
      acctComm == null ? '—' : fmt(acctComm), 'v-amber', ai < 3);

    a.outlets.forEach(function(o, oi) {
      var outletComm = rate == null ? null : Math.round((o.currGmv || 0) * rate);
      html += h.subRow([
        { text: o.outletName || o.outletId || '—', cls: 'cds-outlet-name' },
        { text: '',                                 cls: 'cds-val v-dim' },       // สาขา col (blank at outlet level)
        { text: fmt(o.currGmv || 0),                cls: 'cds-val v-teal' },
        { text: outletComm == null ? '—' : fmt(outletComm), cls: 'cds-val v-amber' }
      ], 'exp');
    });

    html += h.chipRowClose();
  });

  body.innerHTML = html;

  // ── Total bar ─────────────────────────────────────────────────────────
  // v753c: Expansion total — show GMV + commission aligned with exp-cols
  if (totalEl) {
    totalEl.innerHTML = '<div class="cds-total exp-cols">'
      + '<span class="cds-total-label">รวม สาขาเปิดใหม่</span>'
      + '<span class="cds-total-val v-dim">' + totalOutlets + ' สาขา</span>'
      + '<span class="cds-total-val v-teal">' + fmtFull(totalGmv) + '</span>'
      + '<span class="cds-total-val v-amber">' + (totalComm == null ? '—' : fmtFull(totalComm)) + '</span>'
      + '</div>';
  }
};


//////////////////////////////////////////////////////////////////////////////
// ── CDS Session 6: Handover tab renderer ─────────────────────────────────
//////////////////////////////////////////////////////////////////////////////

window._cdsRender_ho = function(src, body, meta, totalEl) {
  var h = window._cdsHtml, R = window._cdsRule;
  var fmtFull = (window._cdsHtml && window._cdsHtml.fmtFull) ? window._cdsHtml.fmtFull : function(n){n=Number(n||0);return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0';};
  if (!h || !R) return;
  var fmt = h.fmt;
  var esc = h.esc;
  var st = window._cdsKamSt || {};
  var rv = _cdsRuleView(st);
  // HO-1: ขั้น Handover จากเกณฑ์ของคนนี้ เดือนนี้ (ไม่ใช่ค่ากลาง)
  var hv = rv ? R.ok(rv.handover) : null;
  var prevMo = R.monthShort(R.addMonths(st.period, -1));

  // v_oneflash: match p1/p3's guard — never render a confident number (or
  // ฿0) while src is still assembling.
  if (src.loading) {
    if (meta) meta.innerHTML = '';
    // สัญญา v4 D4: รอแค่รายชื่อสาขาที่เคยได้ HO ⇒ บอกตามจริง (ไม่ใช่ upsell)
    body.innerHTML = '<div class="cds-empty">' + (src.ho_loading ? esc(typeof COMM_HO_LEDGER_LOADING_TH === 'string' ? COMM_HO_LEDGER_LOADING_TH : 'กำลังโหลดรายชื่อสาขาที่เคยได้ HO…') : 'กำลังโหลด…') + '</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม Handover', '—', 'v-amber');
    return;
  }

  var hd = src.handover_detail || {};
  var detail = hd.detail || [];
  var retPct = hd.retention_pct || 0;
  var payout = src.handover == null ? null : Number(src.handover);

  // HO ครั้งเดียวต่อสาขา (ตั้งแต่งวด ต.ค. 2026)
  // รายชื่อสาขาที่นับแล้วโหลดไม่ได้ ⇒ ไม่รู้ว่าใครควรได้ ⇒ บอกตรง ๆ ไม่ใช่ ฿0 หรือ "ต่ำกว่า tier"
  // สัญญา v4 D1: ไฟล์ Handover โหลดไม่สำเร็จ / ไม่มีเดือนโอน ⇒ แบบเดียวกัน (ไม่ใช่ "ไม่มี account handover" / ฿0)
  if (typeof _commHoUnknown === 'function' ? _commHoUnknown(hd) : hd.ledger_missing) {
    if (meta) meta.innerHTML = '';
    body.innerHTML = '<div class="cds-empty">' + esc(typeof _commHoUnknownTh === 'function' ? _commHoUnknownTh(hd) : 'ยังคิดค่า Handover งวดนี้ไม่ได้ (ดึงรายชื่อสาขาที่เคยได้ HO ไม่สำเร็จ) — ลองเปิดใหม่อีกครั้ง') + '</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม Handover', '—', 'v-dim');
    return;
  }
  // สาขาที่เคยนับ HO งวดอื่นแล้ว — แถวจาง วาดก่อนทางออก "ไม่มี handover" (ทุกสาขาถูกข้ามก็ยังเห็น)
  var skipRows = (typeof _commHoSkippedRowsHtml === 'function') ? _commHoSkippedRowsHtml(hd.repeat_skipped) : '';
  var skipHtml = skipRows ? '<div class="cds-ho-skip-wrap"><div class="cds-ho-skip-title">ไม่นับซ้ำ</div>' + skipRows + '</div>' : '';

  // HO-4: ตารางขั้น — ทั้งสองช่วงฐาน ไฮไลต์ช่วงที่ฐานรวมตก · "ได้ยอดรวม ไม่ใช่บวกเพิ่ม"
  var hb = (hv && hd.accounts) ? R.hoAt(rv, hd.gmv_bucket_gmv) : null;
  function bucketTable() {
    if (!hv) return '<div style="padding:8px 16px;font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.6)">' + esc(_cdsPlainOr(rv, st, (rv && rv.handover && rv.handover.reason_th) || 'กำลังโหลดเกณฑ์…')) + '</div>';   // UIR A13
    if (hv.off || !hv.gmv_tiers.length) return '<div style="padding:8px 16px;font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.6)">ไม่มีค่า Handover ในเกณฑ์นี้</div>';
    var rows = hv.gmv_tiers.map(function(b, i) {
      var hit = hb && hb.index === i;
      var steps = (b.thresholds || []).map(function(t) {
        var got = hit && retPct >= t.min_retention_pct;   // ป้ายเทียบรวมทุกร้าน (ตัวคิดเงินปัด 1 ตำแหน่งแล้ว)
        return '<span style="font-family:\'IBM Plex Mono\',monospace;padding:2px 7px;border-radius:var(--r-pill);white-space:nowrap;'
          + (got ? 'background:var(--tk-ok-dim);color:var(--tk-ok-bright);' : 'background:rgba(255,255,255,.05);color:rgba(var(--ink-blue-hi),.6);')
          + '">ถึง ' + t.min_retention_pct + '% ' + esc(R.money(t.payout)) + '</span>';
      }).join(' ');
      return '<div class="cds-proof-row" style="align-items:center;gap:8px;flex-wrap:wrap' + (hit ? ';background:rgba(255,224,138,.06)' : '') + '">'
        + '<span class="cds-proof-label" style="' + (hit ? 'color:#ffe08a;font-weight:var(--fw-bold)' : '') + '">ฐานรวม ' + esc(R.hoRange(rv, i)) + (hit ? ' · ของคุณ' : '') + '</span>'
        + '<span style="display:flex;gap:5px;flex-wrap:wrap;font-size:var(--text-xs)">' + steps + '</span></div>';
    }).join('');
    return '<div class="cds-proof open" style="margin:8px 16px 4px">' + rows + '</div>'
      + '<div style="padding:2px 16px 0;font-size:var(--text-2xs);color:rgba(var(--ink-blue-hi),.6)">ได้ยอดรวม ไม่ใช่บวกเพิ่ม'
      + (hv.once_applies ? ' · สาขาหนึ่งนับได้ครั้งเดียว' : '') + '</div>';
  }

  if (!hd.accounts) {
    if (meta) meta.innerHTML = bucketTable();
    // ทุกสาขาถูกข้าม ⇒ บอกก่อนว่างวดนี้ไม่มีสาขาที่นับ แล้วตามด้วยแถวจาง (สัญญา v2 E4)
    body.innerHTML = skipHtml
      ? '<div class="cds-empty">ไม่มีสาขาที่นับ HO งวดนี้</div>' + skipHtml
      : '<div class="cds-empty">ไม่มีร้านที่ Sales โอนให้เมื่อ ' + esc(prevMo) + '</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม Handover', '฿0', 'v-dim');
    return;
  }

  // HO-2 / HO-3 / HO-5: สรุปรวมทุกร้าน (วัดรวม ไม่ใช่รายร้าน)
  var lowest = hv && hv.gmv_tiers.length ? hv.gmv_tiers[0].gmv_min : null;
  var summary;
  if (hb) summary = 'รับจาก Sales ' + hd.accounts + ' ร้าน · ฐานรวม ' + R.money(hd.gmv_bucket_gmv) + ' (ช่วง ' + R.hoRange(rv, hb.index) + ') · รักษายอดได้ ' + _commFmtPct(retPct);
  else if (hv && lowest != null && hd.gmv_bucket_gmv < lowest) summary = 'ฐานรวมของร้านที่รับมา ' + R.money(hd.gmv_bucket_gmv) + ' ต่ำกว่า ' + R.money(lowest) + ' จึงยังไม่ได้ค่า Handover';
  else summary = 'รับจาก Sales ' + hd.accounts + ' ร้าน · ฐานรวม ' + R.money(hd.gmv_bucket_gmv) + ' · รักษายอดได้ ' + _commFmtPct(retPct);
  if (meta) {
    meta.innerHTML = '<div class="cds-meta" style="flex-wrap:wrap;gap:6px;padding:8px 16px;">'
      + '<span class="cds-meta-text" style="white-space:normal">' + esc(summary) + '</span>'
      + '<button class="cds-toggle-btn" id="cds-toggle-btn" onclick="_cdsToggleAll()" title="ขยาย/ย่อ"><svg width="12" height="12" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="5" height="5" rx="1" fill="currentColor"/><rect x="8" y="1" width="5" height="5" rx="1" fill="currentColor"/><rect x="1" y="8" width="5" height="5" rx="1" fill="currentColor"/><rect x="8" y="8" width="5" height="5" rx="1" fill="currentColor"/></svg></button>'
      + '</div>'
      + bucketTable()
      + '<div style="padding:4px 16px 6px;font-size:var(--text-2xs);color:rgba(var(--ink-blue-hi),.6)">วัดรวมทุกร้านที่รับมา ไม่ใช่รายร้าน · ร้านเหล่านี้ไม่นับใน %NRR</div>';
  }

  // v92: group by account_id (mirrors the P1 tab's chip-row/sub-rows pattern,
  // _cdsRender_p1 above) — one account can hand over several outlets at once,
  // and each used to render as its own top-level row repeating the full
  // account name. Outlet display names aren't in this CSV (only a raw
  // outlet_id, res_id) — resolved the same way P1 does, via _pvOutletName().
  var byAcct = {}; var acctOrder = [];
  detail.forEach(function(a) {
    var aid = a.account_id || a.name || '_unknown';
    if (!byAcct[aid]) { byAcct[aid] = { account_id: a.account_id, name: a.name, outlets: [], baseline: 0, current: 0 }; acctOrder.push(aid); }
    byAcct[aid].outlets.push(a);
    byAcct[aid].baseline += a.baseline || 0;
    byAcct[aid].current  += a.current  || 0;
  });
  acctOrder.sort(function(x, y) { return (byAcct[y].current || 0) - (byAcct[x].current || 0); });

  var html = '';
  var proofIdx = 0;

  acctOrder.forEach(function(aid, ai) {
    var acct = byAcct[aid];
    var acctRetA = acct.baseline > 0 ? (acct.current / acct.baseline * 100) : 0;
    var chipId = 'hoa' + ai;
    var open = ai < 3;

    // HO-5: รายร้านเป็นข้อมูลประกอบ ไม่ใช่ผ่าน/ไม่ผ่าน ⇒ สีกลาง (ไม่มีเขียวรายร้าน)
    html += '<div class="cds-chip-row' + (open ? ' open' : '') + '" id="' + chipId + '" onclick="_cdsToggleRow(\'' + chipId + '\')">'
      + '<span class="cds-chip-chev">&#8250;</span>'
      + '<div style="flex:1;min-width:0">'
      + '<div class="cds-chip-name">' + esc(String(acct.name || acct.account_id || '—').slice(0, 36)) + '</div>'
      + '<div class="cds-chip-meta">' + acct.outlets.length + ' สาขา</div>'
      + '</div>'
      + '<span class="cds-chip-gmv cds-chip-val v-muted">' + fmt(acct.current) + '</span>'
      + '<span class="cds-chip-val v-muted">' + Math.round(acctRetA) + '%</span>'
      + '</div>'
      + '<div class="cds-sub-rows' + (open ? ' open' : '') + '" id="' + chipId + '-sub">';

    acct.outlets.forEach(function(a) {
      var retA   = a.baseline > 0 ? (a.current / a.baseline * 100) : 0; // display-only (not a payout decision) — 1-decimal via _commFmtPct below
      var proofId = 'hor' + (proofIdx++);
      var outletName = (typeof _pvOutletName === 'function' && a.outlet_id) ? _pvOutletName(a.outlet_id, a.account_id) : '';
      html += '<div class="cds-sub-row ho-cols" style="cursor:pointer" data-hoid="' + proofId + '">'
        + '<div style="min-width:0">'
        + '<div class="cds-outlet-name">' + esc(String(outletName || a.name || a.account_id || '—').slice(0, 36)) + '</div>'
        + (a.oldKamName ? '<div class="cds-outlet-meta">มาจาก: ' + esc(a.oldKamName) + '</div>' : '')
        + '</div>'
        + '<span class="cds-val v-muted">' + fmt(a.baseline) + '</span>'
        + '<span class="cds-val v-blue">'  + fmt(a.current)  + '</span>'
        + '<span class="cds-val v-muted">' + Math.round(retA) + '%</span>'
        + '</div>'
        + h.proof(proofId, [
            { label: 'ฐานเดือนที่โอน (ต่อ 30 วัน)', result: fmtFull(a.baseline) },   // R1 UI #12: บาทเต็ม
            { label: 'เดือนนี้ (ต่อ 30 วัน)',      result: fmtFull(a.current) },
            { label: 'รักษายอดได้ (ร้านนี้ ดูประกอบ)', result: _commFmtPct(retA) }
          ]);
    });

    html += '</div>'; // cds-sub-rows
  });

  body.innerHTML = html + skipHtml;

  body.addEventListener('click', function(e) {
    var row = e.target.closest('[data-hoid]');
    if (!row) return;
    var el = document.getElementById('proof-' + row.getAttribute('data-hoid'));
    if (el) el.classList.toggle('open');
  });

  // v753c: Handover total — show baseline + MTD + payout aligned with ho-cols
  if (totalEl) {
    var _hoBase = detail.reduce(function(s,a){return s+(a.baseline||0);},0);
    var _hoMtd  = detail.reduce(function(s,a){return s+(a.current||0);},0);
    totalEl.innerHTML = '<div class="cds-total ho-cols">'
      + '<span class="cds-total-label">รวม Handover</span>'
      + '<span class="cds-total-val v-dim">' + fmtFull(_hoBase) + '</span>'
      + '<span class="cds-total-val v-blue">' + fmtFull(_hoMtd) + '</span>'
      + '<span class="cds-total-val ' + (payout > 0 ? 'v-amber' : 'v-dim') + '">' + (payout == null ? '—' : fmtFull(payout)) + '</span>'
      + '</div>';
  }
};


//////////////////////////////////////////////////////////////////////////////
// ── CDS Session 7: NRR tab renderer ──────────────────────────────────────
//////////////////////////////////////////////////////////////////////////////

// NR-8: ร้านของเดือนนี้แยกตามการเคลื่อนไหว จากผล %NRR รายไตรมาสชุดเดียวกับที่คิดเงิน
// (_qnrrComputeForCommission) — ร้านในฐาน · กลับมาซื้อ · รับโอนจาก KAM อื่น · หยุดซื้อ · ป้ายยกเว้น
// ทุกยอดปรับเป็นต่อ 30 วันทั้งสองฝั่ง (NR-6) · คืน null เมื่อไม่ใช่โหมดรายไตรมาส (ใช้ตารางเดิม)
var CDS_NRR_MV = {
  core:     { th: 'ร้านในฐาน', note: 'นับทั้งยอดและฐาน' },
  comeback: { th: 'กลับมาซื้อ', note: 'นับเพิ่มในยอด ไม่เพิ่มฐาน' },
  transfer: { th: 'รับโอนจาก KAM อื่น', note: 'นับทั้งยอดและฐาน ตั้งแต่เดือนที่โอน' },
  churn:    { th: 'หยุดซื้อ', note: 'ฐานยังนับ ยอดเป็น ฿0' }
};
function _cdsNrrRows(st) {
  try {
    if (!st || !st.email || typeof window._qnrrComputeForCommission !== 'function') return null;
    var qr = window._qnrrComputeForCommission(st.email, 'kam');
    if (!qr || !qr.by_month || !qr.currentPeriod) return null;
    var m = qr.by_month[qr.currentPeriod];
    var rows = (m && m.rows) || [];
    var out = [];
    rows.forEach(function(r) {
      var mv = r.movement_type, curr = Number(r.curr_gmv) || 0;
      var kind = mv === 'core_nrr' ? (curr === 0 ? 'churn' : 'core') : mv === 'core_nrr_churn' ? 'churn'
        : mv === 'comeback' ? 'comeback' : mv === 'transfer_in' ? 'transfer' : null;
      if (!kind) return;   // สาขาใหม่ / ร้านจาก Sales / ย้ายออก ไม่อยู่ใน %NRR (ดูแท็บของตัวเอง)
      var bd = Number(r.base_days) || 30, cd = Number(r.curr_days) || 30;
      var waived = false;
      try { waived = typeof _nrrAccountWaivedForPeriod === 'function' && !!_nrrAccountWaivedForPeriod(r.account_id, qr.currentPeriod, r.outlet_id); } catch (e) {}
      out.push({ kind: kind, waived: waived, acctId: r.account_id || '', acctName: r.account_name || r.account_id || '—',
        outletId: r.outlet_id || '', outletName: r.res_name || r.outlet_id || '—',
        base30: (Number(r.base_gmv) || 0) / bd * 30, curr30: curr / cd * 30, mtd: curr, movement: mv });
    });
    return { rows: out, period: qr.currentPeriod, nrr: qr.nrr, base: qr.baselinePrevGmv, days: qr.daysElapsed, dim: qr.daysInMonth };
  } catch (e) { return null; }
}
window._cdsNrrRows = _cdsNrrRows;

// สีของยอดต่อ 30 วัน = สุขภาพร้านตัวเดียวกับรายการร้าน (ON TRACK เขียว · MONITOR เหลือง · AT RISK ส้มแดง) — 25 ต.ค. 2569
// เกณฑ์ยังไม่มา ⇒ แบบเดิม (เทียบฐานตรง ๆ)
function _cdsHealthCls(curr, base){
  try{
    var B=window.FK&&window.FK.mod&&window.FK.mod['nrr/bands'];
    var bands=(typeof _nrrShopBands==='function')?_nrrShopBands():null;
    if(B&&bands&&base>0){
      var k=B.shopHealthAt(curr/base*100, bands, null).key;
      if(k==='monitor') return 'ncs-gmv rr-mon';
      if(k==='risk') return 'ncs-gmv rr-dn';
      if(k==='on'||k==='glow') return 'ncs-gmv rr-up';
    }
  }catch(e){}
  return curr >= base ? 'ncs-gmv rr-up' : 'ncs-gmv rr-dn';
}
window._cdsRender_nrr = function(src, body, meta, totalEl) {
  var h   = window._cdsHtml, R = window._cdsRule;
  var fmtFull = (window._cdsHtml && window._cdsHtml.fmtFull) ? window._cdsHtml.fmtFull : function(n){n=Number(n||0);return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0';};
  var st  = window._cdsKamSt || {};
  if (!h || !R) return;
  var fmt = h.fmt;
  var esc = h.esc;

  // v_oneflash: match p1/p3/ho's guard — never render a confident NRR
  // number while src is still assembling.
  if (src.loading) {
    if (meta) meta.innerHTML = '';
    body.innerHTML = '<div class="cds-empty">กำลังโหลด…</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม NRR', '—', 'v-amber');
    return;
  }

  var rv = _cdsRuleView(st);
  var nv = rv ? R.ok(rv.nrr) : null;
  var pol = rv ? R.ok(rv.policy) : null;
  var none = !!(src.unavailable || src.notEligible || src.noPlan);
  var nrrPayout = none ? null : (src.nrr == null ? null : Number(src.nrr));
  var pctText   = _commFmtPct(st.pct);
  // R1 UI #8: สีของ % = เส้นของคนนี้ (เกตของ KAM/AD) ฟังก์ชันเดียวกับเลขใหญ่บนแถบ %NRR · ไม่มีเส้น ⇒ สีกลาง (เดิมเขียวเสมอ)
  var pctCls    = '';
  try { pctCls = (typeof _nrrHeadlineCls === 'function' && st.email) ? (_nrrHeadlineCls('kam', st.email, st.pct, st.period) || '') : ''; } catch (e) { pctCls = ''; }

  // ── Commission context card (NR-1 / NR-2): เกณฑ์ของใคร · อีกกี่ % ถึงขั้นไหน (ค่าที่ปัดแล้ว) ──
  var s = (nv && nv.pays) ? R.stepAt(rv, st.pct) : null;
  var nextNote = '';
  if (none) nextNote = '';
  else if (!nv) nextNote = (rv && rv.nrr && rv.nrr.reason_th) || '';
  else if (!nv.pays) nextNote = 'แผนนี้ไม่มีเงินจาก %NRR';
  else if (s && s.top) nextNote = 'ได้ขั้นสูงสุด ✓';
  else if (s && s.next && s.pay > 0) nextNote = 'อีก +' + s.next.gap.toFixed(1) + '% ถึง ' + R.pct1(s.next.from) + ' ได้ ' + R.money(s.next.pay);
  else if (s && s.next) nextNote = 'อีก +' + s.next.gap.toFixed(1) + '% ถึง ' + R.pct1(s.next.from) + ' ได้ ' + R.money(s.next.pay);
  else if (nv) nextNote = 'ยังไม่ถึงขั้นแรก (' + R.pct1(nv.step1) + ')';
  var tierLine = (rv && R.ok(rv.plan)) ? (R.ok(rv.plan).label_th + ' · ' + (rv.month_label || '')) : _cdsPlainOr(rv, st, (rv && rv.reason_th) || '—');   // UIR A13

  var ctxHtml = '<div class="cds-nrr-ctx' + (nrrPayout > 0 ? '' : ' no-tier') + '">'
    + '<div class="cds-nrr-ctx-top">'
    + '<div><div class="cds-nrr-ctx-eyebrow">ค่าคอม NRR</div>'
    + '<div class="cds-nrr-ctx-pct' + (pctCls ? ' ' + pctCls : '') + '">' + esc(pctText) + '</div>'
    + '<div class="cds-nrr-ctx-tier">' + esc(tierLine) + '</div>'
    + '</div>'
    + '<div class="cds-nrr-ctx-payout">'
    + '<div class="cds-nrr-ctx-payout-lbl">ได้</div>'
    + '<div class="cds-nrr-ctx-payout-val">' + (nrrPayout == null ? '—' : fmtFull(nrrPayout)) + '</div>'
    + (nextNote ? '<div class="cds-nrr-ctx-next-inline">' + esc(nextNote) + '</div>' : '')
    + '</div></div>'
    + '</div>';

  // ── ร้านของเดือนนี้ ────────────────────────────────────────────────────
  var Q = _cdsNrrRows(st);
  var nr = null;
  if (!Q) {
    try {
      if (st.email && typeof _tgtComputeKamNRR === 'function') {
        nr = (typeof _commQnrrDrillResult==='function'&&_commQnrrDrillResult(st.email,'kam'))||_tgtComputeKamNRR(st.email, null);
      }
    } catch(e) { console.warn('[cds-nrr]', e); }
  }
  window._ncsLastNrrResult = nr;
  window._ncsKamLabel = (st.kamName || st.email || '').split('@')[0];
  // NR-3: ไม่มีข้อมูลรายร้าน ⇒ บอกตรง ๆ (เดิมพังด้วย TypeError แล้วแท็บค้างของเก่า)
  if (!Q && !nr) {
    if (meta) meta.innerHTML = ctxHtml;
    body.innerHTML = '<div class="cds-empty">ยังไม่มีข้อมูลรายร้านของเดือนนี้</div>';
    if (totalEl) totalEl.innerHTML = h.total('รวม', '—', 'v-dim');
    return;
  }

  // NR-7: บรรทัดสูตร — ตัวเลขชุดเดียวกับที่ใช้คิดเงิน
  var mathLine = '';
  var base = Q ? Number(Q.base) : (nr ? Number(nr.baselinePrevGmv) : null);
  var ratio = Q ? Number(Q.nrr) : (nr ? Number(nr.nrr) : null);
  if (base > 0 && isFinite(ratio)) {
    mathLine = '<div style="padding:8px 16px 2px;font-size:var(--text-xs);line-height:1.55;color:rgba(var(--ink-blue-hi),.65)">'
      + esc('ยอดที่นับ (ต่อ 30 วัน) ' + fmtFull(ratio * base) + ' ÷ ฐาน ' + fmtFull(base) + ' = ' + pctText
        + ' · ปัดทศนิยม 1 ตำแหน่งก่อนเทียบขั้น เช่น 105.95% นับเป็น 106.0%') + '</div>';
  }
  // NR-4: ฐานของไตรมาส
  var baseTxt = (pol && pol.quarterly && pol.base_label) ? 'ฐาน ' + pol.base_label + ' (ล็อกทั้งไตรมาส)' : (pol && pol.base_label ? 'ฐาน ' + pol.base_label : '');

  var chev = '<span class="ncs-chip-chev" style="position:absolute;left:14px;top:50%;transform:translateY(-50%)">&#8250;</span>';
  function acctBlock(a, autoOpen) {
    var outletRows = a.outlets.map(function(o) {
      var rrCls = _cdsHealthCls(o.curr30, o.base30);
      return '<div class="ncs-outlet-row nrr-cols">'
        + '<div class="ncs-outlet-name">' + esc(String(o.outletName || '—').slice(0, 38)) + (o.waived ? ' <span style="font-size:var(--text-3xs);padding:0 5px;border:1px solid rgba(255,180,84,.45);border-radius:var(--r-pill);color:#ffb454">ยกเว้น</span>' : '') + '</div>'
        + '<div class="ncs-gmv base">' + (o.base30 > 0 ? fmt(o.base30) : '—') + '</div>'
        + '<div class="' + rrCls + '">' + fmt(o.curr30) + '</div>'
        + '<div class="ncs-gmv mtd">' + fmt(o.mtd) + '</div>'
        + '</div>';
    }).join('');
    return '<div class="ncs-chip nrr-cols' + (autoOpen ? ' open' : '') + '" data-ncs-chip="1" style="position:relative">' + chev
      + '<div class="ncs-outlet-name" style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(255,255,255,.82);padding-left:16px">' + esc(a.name) + (a.waived ? ' · ยกเว้น' : '') + '</div>'
      + '<div class="ncs-gmv base" style="font-size:var(--text-sm)">' + (a.base30 > 0 ? fmt(a.base30) : '—') + '</div>'
      + '<div class="' + _cdsHealthCls(a.curr30, a.base30) + '" style="font-size:var(--text-sm)">' + fmt(a.curr30) + '</div>'
      + '<div class="ncs-gmv mtd" style="font-size:var(--text-sm)">' + fmt(a.mtd) + '</div>'
      + '</div>'
      + '<div class="ncs-outlet-rows' + (autoOpen ? ' open' : '') + '">' + outletRows + '</div>';
  }
  function groupAccts(list) {
    var by = {}, order = [];
    list.forEach(function(o) {
      var k = o.acctId || o.acctName;
      if (!by[k]) { by[k] = { name: o.acctName, outlets: [], base30: 0, curr30: 0, mtd: 0, waived: false }; order.push(k); }
      var a = by[k]; a.outlets.push(o); a.base30 += o.base30; a.curr30 += o.curr30; a.mtd += o.mtd; a.waived = a.waived || o.waived;
    });
    return order.map(function(k){ return by[k]; }).sort(function(x, y){ return y.mtd - x.mtd; });
  }

  var rowsHtml = '', acctCount = 0, sumBase = 0, sumCurr = 0, sumMtd = 0;
  if (Q) {
    var counted = Q.rows.filter(function(o){ return !o.waived; });
    counted.forEach(function(o){ sumBase += o.kind === 'comeback' ? 0 : o.base30; sumCurr += o.curr30; sumMtd += o.mtd; });
    ['core', 'comeback', 'transfer', 'churn'].forEach(function(kind, ki) {
      var list = Q.rows.filter(function(o){ return o.kind === kind && !o.waived; });
      if (!list.length) return;
      var accts = groupAccts(list);
      acctCount += accts.length;
      var M = CDS_NRR_MV[kind];
      rowsHtml += '<div style="padding:10px 16px 4px;font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.05em;color:rgba(var(--ink-blue-hi),.7);border-top:' + (ki ? '1px solid rgba(var(--ink-blue),.10)' : '0') + '">'
        + esc(M.th + ' · ' + list.length + ' สาขา') + ' <span style="font-weight:400;color:rgba(var(--ink-blue-hi),.55)">(' + esc(M.note) + ')</span></div>';
      rowsHtml += accts.map(function(a, ai){ return acctBlock(a, kind === 'core' && ai < 3); }).join('');
    });
    var waivedList = Q.rows.filter(function(o){ return o.waived; });
    if (waivedList.length) {
      rowsHtml += '<div style="padding:10px 16px 4px;font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.05em;color:#ffb454;border-top:1px solid rgba(var(--ink-blue),.10)">'
        + esc('ยกเว้น · ' + waivedList.length + ' สาขา') + ' <span style="font-weight:400;color:rgba(var(--ink-blue-hi),.55)">(ไม่นับทั้งยอดและฐาน)</span></div>';
      rowsHtml += groupAccts(waivedList).map(function(a){ return acctBlock(a, false); }).join('');
    }
  } else {
    // โหมดรายเดือน (ก่อนไตรมาส): ตารางเดิมจาก cohortDetail
    var dim = 30, de = nr.daysElapsed > 0 ? nr.daysElapsed : 0;
    var r30 = function(v){ return de ? v / de * dim : v; };
    var legacy = (nr.cohortDetail || []).map(function(g) {
      var outs = (g.outlets || []).map(function(o){ return { outletName: o.outletName || o.outletId, base30: o.prevGmv || 0, curr30: r30(o.currGmv || 0), mtd: o.currGmv || 0, waived: false }; });
      return { name: g.acctName || '—', outlets: outs, base30: outs.reduce(function(s,o){return s+o.base30;},0), curr30: r30(g.currTotal || 0), mtd: g.currTotal || 0 };
    });
    acctCount = legacy.length;
    legacy.forEach(function(a){ sumBase += a.base30; sumCurr += a.curr30; sumMtd += a.mtd; });
    rowsHtml = legacy.map(function(a, ai){ return acctBlock(a, ai < 3); }).join('');
  }

  // ── Meta bar + score card above table header ────────────────────────────
  var metaBarText = acctCount + ' ร้าน' + (baseTxt ? ' · ' + esc(baseTxt) : '');
  if (meta) meta.innerHTML = ctxHtml + mathLine + '<div class="cds-meta">'
    + '<span class="cds-meta-text">' + metaBarText + '</span>'
    + '<button class="cds-toggle-btn" id="cds-toggle-btn" title="ขยาย/ย่อ"><svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/></svg></button>'
    + '</div>';
  // 25 ต.ค. 2569 (Bucci · แบบใหม่): ก่อนตารางทุกร้าน บอกก่อนว่าร้านไหน "ดึง %NRR ลง" / "ช่วยดึงขึ้น" มากสุด
  //   รวมรายร้าน (ทุกสาขาที่นับ ไม่รวมร้านยกเว้น) · ส่วนต่าง = ยอดต่อ 30 วัน − ฐาน (ร้านกลับมาซื้อไม่มีฐาน = บวกทั้งก้อน)
  //   ตัวเลขชุดเดียวกับตารางข้างล่าง (o.base30 / o.curr30) ไม่มีสูตรใหม่
  var moversHtml = '';
  try {
    var mvSrc = Q ? groupAccts(Q.rows.filter(function(o){ return !o.waived; }).map(function(o){ return o.kind === 'comeback' ? Object.assign({}, o, { base30: 0 }) : o; }))
                  : (typeof legacy !== 'undefined' ? legacy : []);
    var mv = mvSrc.map(function(a){ return { name: a.name, base: a.base30 || 0, curr: a.curr30 || 0, d: (a.curr30 || 0) - (a.base30 || 0) }; })
      .filter(function(a){ return Math.abs(a.d) >= 1; });
    var dn = mv.filter(function(a){ return a.d < 0; }).sort(function(x, y){ return x.d - y.d; });
    var up = mv.filter(function(a){ return a.d > 0; }).sort(function(x, y){ return y.d - x.d; });
    var sum = function(l){ return l.reduce(function(t, a){ return t + a.d; }, 0); };
    var sgn = function(v){ return (v < 0 ? '−' : '+') + fmt(Math.abs(v)); };
    var line = function(a, cls){
      var w = a.base > 0 ? Math.max(4, Math.min(100, a.curr / a.base * 100)) : 100;
      return '<div class="cds2-mv-row"><div class="cds2-mv-nm">' + esc(String(a.name || '—')) + '<small>ฐาน ' + (a.base > 0 ? fmt(a.base) : '—') + ' · ตอนนี้ ' + fmt(a.curr) + '</small></div>'
        + '<span class="cds2-mv-bx"><i class="' + cls + '" style="width:' + w.toFixed(1) + '%"></i></span>'
        + '<span class="cds2-mv-v ' + cls + '">' + sgn(a.d) + '</span></div>';
    };
    var block = function(list, cls, title){
      if (!list.length) return '';
      return '<div class="cds2-mv-grp ' + cls + '"><span>' + esc(title + ' · ' + list.length + ' ร้าน') + '</span><span>' + sgn(sum(list)) + '</span></div>'
        + list.slice(0, 5).map(function(a){ return line(a, cls); }).join('');
    };
    if (dn.length || up.length) {
      // หัวคอลัมน์ของตาราง (ฐาน · ต่อ 30 วัน · ถึงเมื่อวาน) ย้ายลงมาอยู่เหนือตารางทุกร้าน — ไม่ค้างอยู่เหนือรายการดึงลง/ช่วย
      var _hd = document.getElementById('cds-tbl-head-slot'), _hdHtml = '';
      if (_hd) { _hdHtml = '<div class="' + _hd.className + '">' + _hd.innerHTML + '</div>'; _hd.style.display = 'none'; }
      moversHtml = '<div class="cds2-mv">' + block(dn, 'dn', 'ร้านที่ดึงลง') + block(up, 'up', 'ร้านที่ช่วย') + '</div>'
        + '<div class="cds2-sec" style="padding-top:14px">ทุกร้าน</div>' + _hdHtml;
    }
  } catch (e) { moversHtml = ''; }
  body.innerHTML = rowsHtml ? (moversHtml + rowsHtml) : '<div class="cds-empty">ยังไม่มีร้านในฐานของเดือนนี้</div>';

  // Chip toggle via event delegation — use named fn to prevent listener stacking on tab re-entry
  if (body._nrrChipHandler) body.removeEventListener('click', body._nrrChipHandler);
  body._nrrChipHandler = function(e) {
    var chip = e.target.closest('[data-ncs-chip]');
    if (!chip) return;
    chip.classList.toggle('open');
    var rows = chip.nextElementSibling;
    if (rows && rows.classList.contains('ncs-outlet-rows')) rows.classList.toggle('open');
    // keep toggle-btn label in sync
    var btn = document.getElementById('cds-toggle-btn');
    if (btn) {
      var anyOpen = body.querySelectorAll('.ncs-outlet-rows.open').length > 0;
      btn.innerHTML = anyOpen ? '<svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"1\" y1=\"3.5\" x2=\"13\" y2=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"7\" x2=\"13\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"10.5\" x2=\"13\" y2=\"10.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>' : '<svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/></svg>';
    }
  };
  body.addEventListener('click', body._nrrChipHandler);

  // Toggle-all for NRR tab (ncs- classes, not cds- classes)
  var nrrToggleBtn = document.getElementById('cds-toggle-btn');
  if (nrrToggleBtn) {
    nrrToggleBtn.onclick = function() {
      var chips   = Array.from(body.querySelectorAll('[data-ncs-chip]'));
      var outlets = Array.from(body.querySelectorAll('.ncs-outlet-rows'));
      var anyOpen = outlets.some(function(r) { return r.classList.contains('open'); });
      chips.forEach(function(c)   { c.classList.toggle('open', !anyOpen); });
      outlets.forEach(function(r) { r.classList.toggle('open', !anyOpen); });
      nrrToggleBtn.innerHTML = anyOpen ? '<svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"1\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"1\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"1\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"currentColor\"/></svg>' : '<svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"1\" y1=\"3.5\" x2=\"13\" y2=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"7\" x2=\"13\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"10.5\" x2=\"13\" y2=\"10.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>';
    };
  }

  // ── Total bar (NR-5 / NR-6): ฐาน · ต่อ 30 วัน · ถึงเมื่อวาน — เฉพาะร้านที่นับ ─────────
  if (totalEl) {
    var base30Lbl = 'ฐาน' + (pol && pol.base_short ? ' ' + pol.base_short : '') + ' (ต่อ 30 วัน)';
    var _nrrFmt  = function(n){ n=Math.round(n||0); return n>=1000000?'฿'+(n/1000000).toFixed(1)+'M':n>=1000?'฿'+Math.round(n/1000)+'K':'฿'+n; };
    totalEl.innerHTML = '<div class="cds-total nrr-cols">'
      + '<span class="cds-total-label">รวมร้านที่นับ</span>'
      + '<span class="cds-total-val v-dim" title="' + esc(base30Lbl) + '">' + _nrrFmt(sumBase) + '</span>'
      + '<span class="cds-total-val v-green" title="ยอดเดือนนี้ (ต่อ 30 วัน)">' + _nrrFmt(sumCurr) + '</span>'
      + '<span class="cds-total-val" style="color:rgba(26,232,123,.55)" title="ยอดถึงเมื่อวาน">' + _nrrFmt(sumMtd) + '</span>'
      + '</div>';
  }
};

// ── NR-9: ส่งออกรายร้าน %NRR ของคนที่ชีทพูดถึง — มีคอลัมน์ประเภทร้าน · ชื่อไฟล์ตามงวด (st.period) ──
function _cdsNrrExportRows() {
  var st = window._cdsKamSt || {};
  var Q = _cdsNrrRows(st);
  var head = ['Account ID', 'Account', 'Outlet ID (res_id)', 'Outlet', 'ประเภท', 'ยกเว้น', 'ฐาน (ต่อ 30 วัน)', 'เดือนนี้ (ต่อ 30 วัน)', 'ยอดถึงเมื่อวาน'];
  var rows = [head];
  if (Q) {
    Q.rows.forEach(function(o) {
      rows.push([o.acctId, o.acctName, o.outletId, o.outletName, CDS_NRR_MV[o.kind].th, o.waived ? 'ยกเว้น' : '',
        Math.round(o.base30), Math.round(o.curr30), Math.round(o.mtd)]);
    });
  } else {
    var nr = window._ncsLastNrrResult || null;
    var de = (nr && nr.daysElapsed > 0) ? nr.daysElapsed : 0;
    ((nr && nr.cohortDetail) || []).forEach(function(g) {
      (g.outlets || []).forEach(function(o) {
        rows.push([g.acctId || '', g.acctName || '', o.outletId || '', o.outletName || o.outletId || '', CDS_NRR_MV.core.th, '',
          Math.round(o.prevGmv || 0), Math.round(de ? (o.currGmv || 0) / de * 30 : (o.currGmv || 0)), Math.round(o.currGmv || 0)]);
      });
    });
  }
  return rows;
}
window._cdsExportCSV = function() {
  try {
    var st = window._cdsKamSt || {};
    var kamLabel = (st.kamName || st.email || '').split('@')[0].replace(/\s/g,'_');
    var rows = _cdsNrrExportRows();
    if (rows.length <= 1) {
      if (typeof showToast === 'function') showToast('ยังไม่มีข้อมูลรายร้าน %NRR ของเดือนนี้', '!');
      return;
    }
    var csv = rows.map(function(r) {
      return r.map(function(c) { return '"' + String(c).replace(/"/g, '""') + '"'; }).join(',');
    }).join('\n');
    var blob = new Blob(['﻿' + csv], {type: 'text/csv;charset=utf-8'});
    var url  = URL.createObjectURL(blob);
    var a    = document.createElement('a');
    a.href = url;
    a.download = 'nrr_commission_' + kamLabel + '_' + (st.period || '') + '.csv';
    a.click();
    URL.revokeObjectURL(url);
    if (typeof showToast === 'function') showToast('ดาวน์โหลด CSV แล้ว', '↓');
  } catch(err) {
    console.error('[cds] _cdsExportCSV error', err);
    if (typeof showToast === 'function') showToast('ส่งออกไม่สำเร็จ: ' + err.message, '!');
  }
};


// ── _cdsCopyTSV: Copy NRR rows as TSV (same rows as _cdsExportCSV) ─
window._cdsCopyTSV = function() {
  try {
    var rows = _cdsNrrExportRows();
    if (rows.length <= 1) {
      if (typeof showToast === 'function') showToast('ยังไม่มีข้อมูลรายร้าน %NRR ของเดือนนี้', '!');
      return;
    }
    var tsv = rows.map(function(r) { return r.join('\t'); }).join('\n');
    if (navigator.clipboard && navigator.clipboard.writeText) {
      navigator.clipboard.writeText(tsv).then(function() {
        if (typeof showToast === 'function') showToast('คัดลอกแล้ว — วางลง Sheets ได้เลย', '✓');
      }).catch(function() {
        if (typeof showToast === 'function') showToast('คัดลอกไม่สำเร็จ — ลองดาวน์โหลด CSV แทน', '!');
      });
    } else {
      if (typeof showToast === 'function') showToast('เบราว์เซอร์นี้คัดลอกอัตโนมัติไม่ได้', '!');
    }
  } catch(err) {
    console.error('[cds] _cdsCopyTSV error', err);
    if (typeof showToast === 'function') showToast('คัดลอกไม่สำเร็จ: ' + err.message, '!');
  }
};


//////////////////////////////////////////////////////////////////////////////
// ── [v211] Commission snapshot hardening + admin guards ─────────────
// PATCH: freshket-v211-commission-snapshot-hardening-js
//////////////////////////////////////////////////////////////////////////////

(function(){
  var VERSION='v211a';
  function toast(msg,type){ try{ if(typeof showToast==='function') showToast(msg,type||'!'); }catch(e){} }
  function role(){ try{ return typeof getCurrentRole==='function' ? getCurrentRole() : String((currentUserProfile&&currentUserProfile.role)||'').toLowerCase(); }catch(e){ return ''; } }
  function isAdmin(){ try{ return typeof isAdminRole==='function' ? isAdminRole(role()) : role()==='admin'; }catch(e){ return false; } }
  function isTL(){ try{ return typeof isTLRole==='function' ? isTLRole(role()) : role()==='tl'; }catch(e){ return false; } }
  function isRep(){ try{ return typeof isRepRole==='function' ? isRepRole(role()) : role()==='rep'; }catch(e){ return role()==='rep' || role()==='kam'; } }
  function period(){ try{ return typeof _nrrExclusionCurrentPeriod==='function' ? _nrrExclusionCurrentPeriod() : (new Date()).toISOString().slice(0,7); }catch(e){ return (new Date()).toISOString().slice(0,7); } }
  function money(n){ try{ return _commFmtPayout(n); }catch(e){ n=Number(n||0); return n?'฿'+Math.round(n).toLocaleString('en-US'):'฿0'; } }
  function esc(v){ try{ return typeof _commEscapeHtml==='function' ? _commEscapeHtml(v) : String(v ?? '').replace(/[&<>'"]/g,function(ch){return {'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[ch];}); }catch(e){ return String(v ?? ''); } }
  function asObj(v){ if(!v) return {}; if(typeof v==='object') return v; try{return JSON.parse(v);}catch(e){return {};} }
  function low(v){ return String(v||'').trim().toLowerCase(); }
  function benRole(v){ var r=low(v); return r==='rep'?'kam':r; }
  function isKamBen(r){ return benRole(r)==='kam'; }
  function isTlBen(r){ return benRole(r)==='tl'; }
  function normalizeSnapshotRow(r, opts){
    opts=opts||{};
    if(!r) return null;
    var per=r.period_month || opts.period || period();
    var br=benRole(r.beneficiary_role);
    var be=low(r.beneficiary_email);
    var tl=low(r.team_lead_email);
    if(!per || !br || !be) return null;
    return Object.assign({}, r, {
      period_month: per,
      beneficiary_role: br,
      beneficiary_email: be,
      team_lead_email: tl || null,
      raw_nrr_pct: r.raw_nrr_pct==null?null:Number(r.raw_nrr_pct),
      governed_nrr_pct: r.governed_nrr_pct==null?null:Number(r.governed_nrr_pct),
      payout_amount: Number(r.payout_amount||0),
      snapshot_status: opts.status || r.snapshot_status || 'live',
      breakdown: asObj(r.breakdown)
    });
  }
  function normalizeRows(rows, opts){ return (rows||[]).map(function(r){return normalizeSnapshotRow(r,opts);}).filter(Boolean); }
  function rowsFinalForPeriod(p){
    var per=p||period();
    var rows=(typeof _commissionSnapshots!=='undefined' && Array.isArray(_commissionSnapshots)) ? _commissionSnapshots : [];
    return normalizeRows(rows,{period:per}).filter(function(r){ return r.period_month===per && String(r.snapshot_status||'').toLowerCase()==='final'; });
  }
  function isLocked(p){ return rowsFinalForPeriod(p).length>0; }
  // v_period: takes the period it should compute for. Previously it ignored the
  // caller entirely and always built the CURRENT calendar month, so a screen
  // asking for July got August's numbers stamped as July — the root of the
  // Preview & Lock mismatch (page showed Aug while the button locked Jul).
  function liveRows(per){
    var p=per||period();
    try{
      var rows=(typeof _commBuildSnapshotRowsLive==='function' ? _commBuildSnapshotRowsLive(p) : []);
      // รอบ B: งวดแบบใหม่ — เงินของแต่ละแถวเป็นยอดจริงสด (ตัวเดียวกับที่ระบบจะร่าง/ล็อก) ไม่ใช่ทางลัดจากไฟล์สรุปทีม
      // แถวที่ยังคิดไม่เสร็จติดป้าย live_exact ⇒ ยอดรวมรู้ว่ายังไม่ครบ · งวดเก่าคืนแถวเดิม
      if(typeof _commLiveExactRows==='function') rows=_commLiveExactRows(rows,p).rows;
      return normalizeRows(rows,{period:p,status:'live'});
    }catch(e){ console.warn('[v211a] live rows failed', e); return []; }
  }
  if(typeof window._commBuildSnapshotRowsLive!=='function'){
    try{ window._commBuildSnapshotRowsLive = window._commBuildSnapshotRows || _commBuildSnapshotRows; }catch(e){}
  }
  function rowsForDisplay(opts){
    opts=opts||{};
    var per=opts.period||period();
    var finalRows=rowsFinalForPeriod(per);
    // v_period: thread `per` down — liveRows used to silently ignore it
    if(opts.forceLive) return liveRows(per);
    if(opts.preferLocked!==false && finalRows.length) return finalRows;
    return liveRows(per);
  }
  function scopeRows(rows, scope){
    var email=low((currentUserProfile&&currentUserProfile.email)||'');
    var scoped=rows||[];
    if(scope==='kam' || isRep()) scoped=scoped.filter(function(x){return isKamBen(x.beneficiary_role) && low(x.beneficiary_email)===email;});
    else if(scope==='tl' || isTL()) scoped=scoped.filter(function(x){return low(x.team_lead_email)===email || low(x.beneficiary_email)===email;});
    return scoped;
  }
  function summaryFromRows(rows, scope){
    var normalized=normalizeRows(rows,{period:period()});
    var scoped=scopeRows(normalized, scope);
    var tlRows=scoped.filter(function(r){return isTlBen(r.beneficiary_role);});
    var kamRows=scoped.filter(function(r){return isKamBen(r.beneficiary_role);});
    // ตำแหน่งอื่น (AD · PM · ฝ่ายขาย ฯลฯ) — เดิมไม่อยู่ทั้งสองกอง ⇒ ช่องแอดมิน "TL + KAM" ไม่เท่ายอดรวม (ขาด AD ฿571)
    var otherRows=scoped.filter(function(r){return !isTlBen(r.beneficiary_role) && !isKamBen(r.beneficiary_role);});
    var sum=function(arr){return arr.reduce(function(s,r){return s+Number(r.payout_amount||0);},0);};
    var lockedSource=scoped.some(function(r){return String(r.snapshot_status||'').toLowerCase()==='final';});
    // รอบ B: ยอดจริงสดยังคิดไม่ครบทุกคน ⇒ liveExact บอกความคืบหน้า (จอห้ามโชว์ผลรวมครึ่งเดียวเหมือนครบ) · null = ไม่ใช่ยอดสดงวดใหม่
    var liveExact=(typeof _commLiveSummary==='function') ? _commLiveSummary(scoped) : null;
    var liveTl=(typeof _commLiveSummary==='function') ? _commLiveSummary(tlRows) : null;
    var liveKam=(typeof _commLiveSummary==='function') ? _commLiveSummary(kamRows) : null;
    var liveOther=(typeof _commLiveSummary==='function' && otherRows.length) ? _commLiveSummary(otherRows) : null;
    return { rows:scoped, tlRows:tlRows, kamRows:kamRows, otherRows:otherRows, tlPayout:sum(tlRows), kamPayout:sum(kamRows), otherPayout:sum(otherRows), total:sum(scoped), hitKams:kamRows.filter(function(r){return Number(r.payout_amount||0)>0;}).length, kamCount:kamRows.length, teamCount:Array.from(new Set(scoped.map(function(r){return r.team_lead_email;}).filter(Boolean))).length, sourceLocked:lockedSource, liveExact:liveExact, liveTl:liveTl, liveKam:liveKam, liveOther:liveOther };
  }
  window._commIsPeriodLocked=isLocked;
  window._commGetCommissionRowsForDisplay=rowsForDisplay;
  window._commSummaryFromRows=summaryFromRows;
  window._commNormalizeSnapshotRowsForQA=normalizeRows;

  var oldSummary=null;
  try{ oldSummary=window._commBuildPayoutSummary || _commBuildPayoutSummary; }catch(e){}
  window._commBuildPayoutSummary=function(scope, opts){
    try{ return summaryFromRows(rowsForDisplay(opts||{}), scope); }
    catch(e){ console.warn('[v211a] display summary failed, fallback live', e); return oldSummary ? oldSummary(scope) : summaryFromRows(liveRows(), scope); }
  };
  try{ _commBuildPayoutSummary=window._commBuildPayoutSummary; }catch(e){}

  function guardAdmin(action){
    if(isAdmin()) return true;
    toast((action||'Action')+' ทำได้เฉพาะ Admin','!');
    return false;
  }
  // v_ownertier (2026-09-04): ชั้นบนสุด — ทุกอย่างที่แตะตัวเลขเงิน
  // ด่านจริงคือ RLS ฝั่ง Supabase (targets / target_settings → app_is_owner(),
  // commission_* → app_is_admin()) อันนี้มีไว้ไม่ให้กดแล้วเจอ error เงียบ
  function isOwnerHere(){ try{ return typeof isOwner==='function' ? isOwner() : window.currentUserIsOwner===true; }catch(e){ return false; } }
  function guardOwner(action){
    if(isOwnerHere()) return true;
    toast((action||'รายการนี้')+' ทำได้เฉพาะเจ้าของระบบ','!');
    return false;
  }
  function wrapGuard(fnName, label, guard){
    var old=window[fnName];
    if(typeof old!=='function') return;
    if(old.__commAdminGuarded) return;
    var wrapped=function(){ if(!guard(label||fnName)) return; return old.apply(this, arguments); };
    wrapped.__commAdminGuarded=true;
    window[fnName]=wrapped;
    try{ eval(fnName+'=window[fnName]'); }catch(e){}
  }
  function wrapAdmin(fnName, label){ wrapGuard(fnName, label, guardAdmin); }
  function wrapOwner(fnName, label){ wrapGuard(fnName, label, guardOwner); }
  window._commWrapOwner=wrapOwner;

  // ── ทุกฟังก์ชันที่เขียนตัวเลขเงิน — เจ้าของระบบเท่านั้น ────────────────
  // ⚠️ ถ้าเพิ่มฟังก์ชันที่เขียน targets / target_settings / commission_* / snapshot
  //    ต้องเพิ่มชื่อในลิสต์นี้ด้วย · tools/verify_permission_tiers.js ตรวจให้
  var OWNER_ONLY_FNS = [
    // แก้แผน/กติกา/การมอบหมาย (เดิมเป็น admin)
    'saveCommissionCockpit', 'saveCommissionRules', 'saveCommissionAssignments',
    'saveCommissionPoliciesFromCockpit', 'archiveCommissionRule',
    // v_ownertier: 4 ตัวนี้ไม่เคยมีการ์ดเลย ทั้งที่เขียน target_settings/targets/
    // nrr_policies/commission_rules — saveTargets ตัวเดียวเขียน 6 ตาราง
    // DD-11: saveCommissionComponentRates ถูกลบแล้ว (wrapGuard ข้ามชื่อที่ไม่มีฟังก์ชัน) — ชื่อยังอยู่ในลิสต์
    //        เพื่อถ้าใครเอากลับมา จะถูกห่อด้วยการ์ดเจ้าของทันที
    'saveTargets', 'saveCommissionComponentRates', 'saveCommissionComponentRulesByScheme',
    // v_ownertier: คิด/ปิด/แก้ยอดจ่าย = จ่ายเงินจริง ไม่เคยมีการ์ดเช่นกัน
    'computeCommissionDraft', 'lockCommissionSnapshot', 'recomputeNrrOnlyApply'
  ];
  OWNER_ONLY_FNS.forEach(function(n){ wrapOwner(n, 'การแก้ตัวเลขค่าคอมมิชชั่น'); });

  var oldSetAssignment=window._commSetAssignment;
  if(typeof oldSetAssignment==='function' && !oldSetAssignment.__commAdminGuarded){
    window._commSetAssignment=function(){ if(!guardOwner('การมอบหมายกติกา')) return; return oldSetAssignment.apply(this,arguments); };
    window._commSetAssignment.__commAdminGuarded=true;
    try{ _commSetAssignment=window._commSetAssignment; }catch(e){}
  }
  var oldPolicyChange=window.onNrrPolicyChange;
  if(typeof oldPolicyChange==='function' && !oldPolicyChange.__commAdminGuarded){
    window.onNrrPolicyChange=function(){ if(!guardOwner('การแก้นโยบาย NRR')) return; return oldPolicyChange.apply(this,arguments); };
    window.onNrrPolicyChange.__commAdminGuarded=true;
    try{ onNrrPolicyChange=window.onNrrPolicyChange; }catch(e){}
  }
  // v_ownertier: openTargetSetup ไม่เคยเช็ค role เลย — รับ mode มาแล้วเปิดแท็บตามนั้น
  // ใครพิมพ์ openTargetSetup('admin') ใน console ก็ได้แท็บ settings/policy/rules/lock ครบ
  // ไม่บล็อกทั้งฟังก์ชันเพราะ TL ต้องใช้ตั้งเป้าทีมตัวเอง — บังคับ mode ลงมาแทน
  var oldOpenTargetSetup=window.openTargetSetup;
  if(typeof oldOpenTargetSetup==='function' && !oldOpenTargetSetup.__commAdminGuarded){
    window.openTargetSetup=function(mode){
      var m = (mode==='admin' && !isOwnerHere()) ? 'tl' : mode;
      return oldOpenTargetSetup.call(this, m);
    };
    window.openTargetSetup.__commAdminGuarded=true;
    try{ openTargetSetup=window.openTargetSetup; }catch(e){}
  }

  function teamGroupsFromRows(rows){
    var by={};
    normalizeRows(rows,{period:period()}).forEach(function(r){
      var bd=asObj(r.breakdown);
      var tl=r.team_lead_email || r.beneficiary_email || 'unknown';
      if(!by[tl]) by[tl]={tlEmail:tl, tlName:bd.team_lead_name||tl, teamNrr:null, tlPayout:0, tlPlanName:'', kamRows:[], total:0};
      if(isTlBen(r.beneficiary_role)){
        by[tl].tlName=bd.team_lead_name||by[tl].tlName;
        by[tl].teamNrr=r.governed_nrr_pct;
        by[tl].tlPayout=Number(r.payout_amount||0);
        by[tl].tlPlanName=bd.rule_name || bd.payout_source || '';
      } else if(isKamBen(r.beneficiary_role)){
        by[tl].kamRows.push({
          kamEmail:r.beneficiary_email,
          kamName:bd.kam_name||r.beneficiary_email,
          pct:r.governed_nrr_pct,
          payout:Number(r.payout_amount||0),
          planName:bd.rule_name||bd.payout_source||'',
          tierLabel:bd.tier_label||''
        });
      }
    });
    Object.values(by).forEach(function(t){ t.kamRows.sort(function(a,b){return (b.payout-a.payout)||String(a.kamName).localeCompare(String(b.kamName));}); t.kamTotal=t.kamRows.reduce(function(s,k){return s+Number(k.payout||0);},0); t.total=t.tlPayout+t.kamTotal; });
    return Object.values(by).sort(function(a,b){return (b.total-a.total)||String(a.tlName).localeCompare(String(b.tlName));});
  }
  function roleLabelForRow(r){ var br=benRole(r); return br==='kam'?'KAM':String(br||'').toUpperCase(); }
  function renderRowsList(rows){
    return normalizeRows(rows,{period:period()}).slice(0,14).map(function(r){
      var bd=asObj(r.breakdown);
      var name=bd.kam_name||bd.team_lead_name||r.beneficiary_email;
      var rule=bd.rule_name||bd.payout_source||'';
      return '<div class="comm-lock-row"><div class="comm-role-dot '+esc(benRole(r.beneficiary_role))+'">'+esc(roleLabelForRow(r.beneficiary_role))+'</div><div><div class="comm-person-name">'+esc(name)+'</div><div class="comm-person-sub">'+esc(rule)+' · Raw '+_commFmtPct(r.raw_nrr_pct)+' → NRR ที่ใช้คิด '+_commFmtPct(r.governed_nrr_pct)+'</div></div><div class="comm-row-money '+(Number(r.payout_amount||0)>0?'hit':'')+' '+(isLocked()?'locked':'')+'">'+money(r.payout_amount)+'</div></div>';
    }).join('');
  }
  // ── [REMOVED v211a override] renderCommLockStep / exportCommissionSnapshotCsv / lockCommissionSnapshot ──
  // These 3 functions used to be redefined here, silently overriding the versions in
  // 07a_commission_engine.js (lockCommissionSnapshot w/ draft->final + periodOverride) and
  // 07b_commission_cockpit.js (renderCommLockStep w/ Retroactive subtab, Q3 quarterly mode).
  // Removed 2026-07-02: this override made the Retroactive Lock feature completely invisible
  // and broke retroactive period support in lockCommissionSnapshot, regardless of any deploy/cache state.
  var oldKamState=null;
  try{ oldKamState=window._commBuildKamSelfState || _commBuildKamSelfState; }catch(e){}
  if(typeof oldKamState==='function'){
    window._commBuildKamSelfState=function(){
      var st=oldKamState.apply(this,arguments); if(!st) return st;
      // ST-2 (แผน 1-13): หาแถวที่ล็อกของ "คนที่แถบนี้พูดถึง" (st.email) — เดิมใช้อีเมลของคนดู
      // ⇒ หัวหน้าทีม/admin ที่เปิดพอร์ตของ KAM เห็นยอดของตัวเอง (หรือไม่เจอเลย)
      // แถวของคนเดียวกันมีได้หลายตำแหน่ง (TL ที่ถือพอร์ต) ⇒ ไม่เอาแถว TL และเลือกแถว KAM ก่อน
      var email=low(st.email||(currentUserProfile&&currentUserProfile.email)||'');
      var mine=rowsFinalForPeriod(st.period||period()).filter(function(r){return !isTlBen(r.beneficiary_role) && low(r.beneficiary_email)===email;});
      var finalRow=mine.find(function(r){return isKamBen(r.beneficiary_role);})||mine[0];
      if(finalRow){
        var bd=asObj(finalRow.breakdown);
        st.locked=true; st.pct=finalRow.governed_nrr_pct; st.payout=Number(finalRow.payout_amount||0); st.ruleName=bd.rule_name||st.ruleName; st.status=st.payout>0?(st.status||'ถึงเกณฑ์แล้ว'):'ยังไม่ถึงเกณฑ์'; st.cls=st.payout>0?'bonus':'miss'; st.sourceBreakdown={nrr:st.payout,uplift:0,handover:0};
        // ST-2: payout_amount ของแถวที่ล็อก = (NRR + upsell + Expansion + HO) × เกต แล้ว
        // แถบต้องโชว์ตัวนี้ตรง ๆ และแยกส่วนจาก breakdown ที่จดไว้ ห้ามเอาไปบวก upsell/HO สดแล้วคูณเกตซ้ำ
        var num=function(v){ return (v===null||v===undefined||v==='')?null:(isNaN(Number(v))?null:Number(v)); };
        var sku=bd.upsell_sku||null, out=bd.upsell_outlet||null, ho=bd.handover||null, gate=bd.gmv_gate||null;
        var skuAmt=sku?num(sku.total_commission!=null?sku.total_commission:sku.total_comm):null;
        st.lockedBreakdown={
          payout_amount:Number(finalRow.payout_amount||0),
          // แถวที่ไม่มีแยกส่วน (แถวที่ถูกข้าม / แถวรุ่นเก่า) ⇒ รู้แค่ยอดรวม ส่วนย่อยโชว์ "—"
          components_known:num(bd.nrr_payout)!==null,
          nrr:num(bd.nrr_payout),
          upsell_sku:skuAmt,
          upsell_outlet:out?num(out.commission):null,
          handover:ho?num(ho.payout):null,
          gate_cap:gate&&num(gate.cap_multiplier)!==null?num(gate.cap_multiplier):1,
          gate_active:!!(gate&&gate.gate_active),
          gate:gate,
          upsell_sku_detail:sku, upsell_outlet_detail:out, handover_detail:ho,
          skip_reason:bd.type==='skipped'?(bd.skip_reason||''):''
        };
      }
      return st;
    };
    try{ _commBuildKamSelfState=window._commBuildKamSelfState; }catch(e){}
  }
  // Add a locked class to compact KAM strip after each render without touching v210k internals.
  var oldRenderStrip=window._commRenderKamSelfStrip;
  if(typeof oldRenderStrip==='function'){
    window._commRenderKamSelfStrip=function(){ var r=oldRenderStrip.apply(this,arguments); try{ var el=document.querySelector('.pv-comm-strip.v210k'); if(el && isLocked()) el.classList.add('locked'); }catch(e){} return r; };
    try{ _commRenderKamSelfStrip=window._commRenderKamSelfStrip; }catch(e){}
  }
  // boot log removed
})();


//////////////////////////////////////////////////////////////////////////////

// ── Commission Rulebook (round 1, 15 ต.ค. 2569) ─────────────────────────────────
// สมุดกฎค่าคอมฯ ของ "คนที่จอพูดถึง เดือนที่จอโชว์" (RB-0) — ทุกตัวเลขมาจาก RuleView
// (window._cdsRule → _commRuleViewFor → src/domain/commission/rule_view.js) ไม่อ่านค่ากลางเอง
//   openCommissionRulebook()                       เปิดของตัวเอง (KAM/TL/AD) · admin/owner = ตารางรวมทั้งไตรมาส
//   openCommissionRulebook({email, role, period, name})  เปิดของคนอื่นจากชีทของเขา — หัว "เกณฑ์ของ {ชื่อ}" (จ7)
// ทางเข้า: ชีทวิธีคิด (ปุ่ม "กฎค่าคอมฯ") · ชีททีมของหัวหน้าทีม · ปุ่มใน Cockpit
function openCommissionRulebook(opts) {
  opts = (opts && typeof opts === 'object') ? opts : {};
  var R = window._cdsRule;
  var ov = document.getElementById('comm-rulebook-overlay');
  if (!ov) {
    ov = document.createElement('div');
    ov.id = 'comm-rulebook-overlay';
    ov.style.cssText = 'position:fixed;inset:0;z-index:9100;background:rgba(5,14,28,.0);transition:background .28s;pointer-events:none';
    ov.onclick = function(e){ if(e.target===ov) closeCommissionRulebook(); };
    document.body.appendChild(ov);
  }
  window._rbLastOpts = opts;
  function esc(s){ return String(s == null ? '' : s).replace(/[&<>'"]/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[c]; }); }

  // ── ใครคือคนที่สมุดนี้พูดถึง ───────────────────────────────────────────────
  var period = opts.period || (typeof _nrrExclusionCurrentPeriod === 'function' ? _nrrExclusionCurrentPeriod() : '');
  var viewerRole = typeof getCurrentRole === 'function' ? getCurrentRole() : '';
  var viewerEmail = String((typeof currentUserProfile !== 'undefined' && currentUserProfile && currentUserProfile.email) || '').toLowerCase();
  var email = String(opts.email || viewerEmail || '').toLowerCase();
  var role;
  if (opts.role) role = opts.role;
  else if (!opts.email) role = viewerRole === 'rep' ? 'kam' : (viewerRole === 'ad_tl' ? 'ad' : viewerRole);
  else role = R ? R.role(email) : 'kam';
  var isMatrix = !opts.email && (viewerRole === 'admin' || (typeof isOwner === 'function' && isOwner()));
  var other = !!opts.email && email !== viewerEmail;
  var title = other ? 'เกณฑ์ของ ' + (opts.name || email.split('@')[0]) : 'กฎค่าคอมฯ';

  // ── ตัวช่วยวาด (ใช้สไตล์เดิมของสมุดนี้ ไม่มีพื้นสีทึบเพิ่ม) ─────────────────────────
  function secHdr(t, color) {
    return '<div style="font-size:var(--text-2xs);font-weight:800;letter-spacing:.06em;color:' + (color || 'rgba(var(--ink-blue),.7)') + ';padding:16px 0 6px">' + esc(t) + '</div>';
  }
  function detailRow(k, v) {
    return '<div style="display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(var(--ink-blue),.07)">'
      + '<div style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.65);min-width:96px;flex-shrink:0;padding-top:1px">' + esc(k) + '</div>'
      + '<div style="font-size:var(--text-md);color:rgba(var(--ink-blue-hi),.88);line-height:1.55;min-width:0">' + esc(v) + '</div>'
      + '</div>';
  }
  function note(t) { return '<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue-hi),.6);padding:6px 0 2px;line-height:1.55">' + esc(t) + '</div>'; }
  function reasonBox(t) {
    return '<div style="margin:8px 0;padding:10px 12px;border-radius:var(--r-md);border:1px solid rgba(255,180,84,.3);font-size:var(--text-sm);color:#ffb454;line-height:1.55">' + esc(t) + '</div>';
  }
  // แถวขั้นแบบเดิม (ไฮไลต์ "ตอนนี้" ด้วยกรอบทอง แบบที่สมุดนี้ใช้มาตลอด)
  function tierRow(label, value, isCurr, valueColor) {
    var border = isCurr ? 'border:1.5px solid rgba(255,224,138,.35);' : 'border:1px solid rgba(var(--ink-blue),.10);';
    var bg     = isCurr ? 'background:rgba(255,224,138,.07);' : '';
    var badge  = isCurr ? '<span style="font-size:var(--text-2xs);font-weight:800;color:rgba(255,224,138,.85);border:1px solid rgba(255,224,138,.35);border-radius:var(--r-5);padding:0 6px;margin-left:6px">ตอนนี้</span>' : '';
    return '<div style="display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;margin-bottom:6px;border-radius:var(--r-md);' + border + bg + '">'
      + '<div style="font-size:var(--text-md);font-weight:var(--fw-bold);color:' + (isCurr ? '#ffe08a' : 'rgba(var(--ink-blue-hi),.75)') + '">' + esc(label) + badge + '</div>'
      + '<div style="font-size:var(--text-lg);font-weight:900;color:' + (valueColor || 'rgba(var(--ink-blue-hi),.85)') + ';font-family:\'IBM Plex Mono\',monospace;white-space:nowrap">' + esc(value) + '</div>'
      + '</div>';
  }
  function rangeLabel(min, max) {
    if (min == null && max != null) return 'ต่ำกว่า ' + R.pct1(max);
    if (min != null && max == null) return 'ตั้งแต่ ' + R.pct1(min);
    if (min != null && max != null) return R.pct1(min) + ' ถึง ' + R.pct1(Math.round((max - 0.1) * 10) / 10);
    return 'ทุกช่วง';
  }
  // ตาราง: rows=[[label, [cell…]]] · cols=[หัวคอลัมน์] · hi=คอลัมน์ที่ไฮไลต์ (เดือนปัจจุบัน)
  function table(cols, rows, hi) {
    var th = 'font-size:var(--text-2xs);font-weight:800;color:rgba(var(--ink-blue),.7);padding:6px 4px;text-align:right;white-space:nowrap';
    var td = 'font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.85);padding:7px 4px;text-align:right;font-family:\'IBM Plex Mono\',monospace;white-space:normal;overflow-wrap:anywhere;border-top:1px solid rgba(var(--ink-blue),.08)';
    var hiCss = 'background:rgba(255,224,138,.07);color:#ffe08a';
    var h = '<div style="overflow-x:auto;margin:2px 0 4px"><table style="width:100%;border-collapse:collapse;table-layout:auto">'
      + '<tr><th style="' + th + ';text-align:left"></th>' + cols.map(function(c, i){ return '<th style="' + th + (i === hi ? ';' + hiCss : '') + '">' + esc(c) + '</th>'; }).join('') + '</tr>';
    rows.forEach(function(r) {
      h += '<tr><td style="' + td + ';text-align:left;font-family:inherit;min-width:92px;color:rgba(var(--ink-blue-hi),.7);font-size:var(--text-xs)">' + esc(r[0]) + '</td>'
        + r[1].map(function(c, i){ return '<td style="' + td + (i === hi ? ';' + hiCss : '') + '">' + esc(c) + '</td>'; }).join('') + '</tr>';
    });
    return h + '</table></div>';
  }
  function stepPay(views, idx) { for (var i = 0; i < views.length; i++) { var n = R.ok(views[i].nrr); if (n && n.steps[idx]) return n.steps[idx].pay; } return null; }
  function stepFrom(v, idx) { var n = R.ok(v.nrr); return (n && n.steps[idx]) ? R.pct1(n.steps[idx].from) : '—'; }
  function gateHalf(v) { var g = R.ok(v.gate); return (g && !g.off && g.zero_below != null && g.half_below != null && g.zero_below < g.half_below) ? R.pct1(g.zero_below) : '—'; }
  // คำของช่วงกลางเกตจากตัวคูณที่ตั้งไว้ (เดือนแรกที่มีเกต) — "ได้ 50%" เมื่อตั้งไว้ ×0.5
  function midWord(views) { for (var i = 0; i < views.length; i++) { var gm = R.gateMults ? R.gateMults(views[i]) : null; if (gm && gm.mid != null) return R.gw(gm.mid) || 'ได้บางส่วน'; } return 'ได้บางส่วน'; }
  function gateFull(v) { var g = R.ok(v.gate); return (g && !g.off && g.half_below != null) ? R.pct1(g.half_below) : '—'; }
  function p1Min(v) { var p = R.ok(v.p1); return p ? R.money(p.min_gmv) : '—'; }
  function p3Small(v) { var p = R.ok(v.p3); return (p && p.gates.length) ? R.times(p.gates[p.gates.length - 1].multiple) : '—'; }
  // จัดกลุ่มเดือนที่ค่าซ้ำกัน: "฿8,000 (ต.ค., พ.ย.) / ฿10,000 (ธ.ค.)"
  function byMonth(views, fn) {
    var groups = [], idx = {};
    views.forEach(function(v) {
      var val = fn(v);
      if (!(val in idx)) { idx[val] = groups.length; groups.push({ val: val, months: [] }); }
      groups[idx[val]].months.push(v.month_short);
    });
    if (groups.length === 1) return groups[0].val;
    return groups.map(function(g){ return g.val + ' (' + g.months.join(', ') + ')'; }).join(' / ');
  }
  function methodBox(v) {
    var pol = v ? R.ok(v.policy) : null;
    var base = pol && pol.base_label ? pol.base_label : 'เดือนฐาน';
    var lines = [
      pol && pol.quarterly ? 'ฐาน = ยอด ' + base + ' ล็อกทั้งไตรมาส' : 'ฐาน = ยอดเดือนก่อน',
      'เทียบยอดต่อ 30 วันทั้งสองฝั่ง',
      'ร้านกลับมาซื้อนับเพิ่มในยอด (ไม่เพิ่มฐาน)',
      'รับ/โอนร้านระหว่าง KAM ปรับฐานตั้งแต่เดือนที่ย้าย',
      'ร้านจาก Sales ไม่นับ (ได้ค่า Handover แทน)',
      'ร้านที่ได้รับยกเว้นไม่นับทั้งยอดและฐาน',
      'ปัด %NRR ทศนิยม 1 ตำแหน่งก่อนเทียบขั้น (105.95% นับเป็น 106.0%)',
      'ขั้นรวมเส้นล่าง ไม่รวมเส้นบน'
    ];
    return '<div style="margin-top:16px;padding:12px;border-radius:var(--r-md);border:1px solid rgba(var(--ink-blue),.12)">'
      + '<div style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:rgba(var(--ink-blue),.7);margin-bottom:6px">วิธีคิด %NRR</div>'
      + '<div style="font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.78);line-height:1.75">' + lines.map(esc).join('<br>') + '</div></div>';
  }
  function hoSection(v) {
    var h = R.ok(v.handover);
    var out = secHdr('รับร้านจาก Sales (Handover)', '#bcd7ff');
    if (!h) return out + reasonBox((v.handover && v.handover.reason_th) || 'กำลังโหลดเกณฑ์…');
    if (h.off || !h.gmv_tiers.length) return out + note('ไม่มีค่า Handover ในเกณฑ์นี้');
    h.gmv_tiers.forEach(function(b, i){ out += detailRow('ฐานรวม ' + R.hoRange(v, i), R.hoSteps(b)); });
    out += detailRow('วัดยังไง', 'ยอดเดือนนี้ ÷ ยอดเดือนที่โอน รวมทุกร้านที่ Sales โอนให้ (ต่อ 30 วันทั้งสองฝั่ง) · ได้ยอดรวม ไม่ใช่บวกเพิ่ม · ฐานรวมต่ำกว่า '
      + R.money(h.gmv_tiers[0].gmv_min) + ' ยังไม่ได้');
    if (h.once_applies) out += detailRow('ครั้งเดียวต่อสาขา', 'สาขาหนึ่งนับ Handover ได้ครั้งเดียว ถ้าเคยนับไปแล้ว งวดต่อไปจะไม่นับซ้ำ');
    return out;
  }
  function upsellSection(v, qv) {
    var out = secHdr('สินค้าใหม่ · ซื้อเพิ่ม · สาขาเปิดใหม่', '#ffe08a');
    var p1 = R.ok(v.p1), p3 = R.ok(v.p3), ex = R.ok(v.expansion);
    var win = (R.ok(v.policy) || {}).base_window_th || '3 เดือนก่อนไตรมาส';
    out += detailRow('สินค้าใหม่', p1 ? 'กลุ่มที่สาขาไม่ได้ซื้อช่วง ' + win + ' · ได้ ' + R.rate(p1.rate) + ' ของยอด · ยอดต่อสาขาต่อกลุ่มตั้งแต่ '
      + byMonth(qv, p1Min) : ((v.p1 && v.p1.reason_th) || '—'));
    out += detailRow('ซื้อเพิ่ม', p3 ? 'ได้ ' + R.rate(p3.rate) + ' ของส่วนที่เพิ่ม (เทียบเดือนสูงสุดช่วง ' + win + ' ต่อ 30 วัน) · ' + R.p3Gates(v)
      : ((v.p3 && v.p3.reason_th) || '—'));
    out += detailRow('เงื่อนไข', 'จ่ายรายเดือนจากยอดของเดือนนั้น ตราบที่ร้านยังซื้อและผ่านเกณฑ์ของเดือนนั้น · ขึ้นไตรมาสใหม่ฐานเริ่มใหม่');
    out += detailRow('สาขาเปิดใหม่', ex ? 'สาขาที่ซื้อครั้งแรกในไตรมาสนี้ (เปิดเอง ไม่ใช่รับจาก Sales) · ได้ ' + R.rate(ex.rate)
      + ' ของยอดทั้งสาขา · จ่ายทุกเดือนที่ยังซื้อ · ไม่นับซ้ำในสินค้าใหม่/ซื้อเพิ่ม' : ((v.expansion && v.expansion.reason_th) || '—'));
    return out;
  }
  function gateSection(v) {
    var team = (R.ok(v.plan) || {}).label_th || '';
    var out = secHdr('เกต %NRR (' + v.month_short + ' · ' + team.replace(/^เกณฑ์/, '').trim() + ')', 'rgba(255,107,61,.85)');
    var line = R.gateLine(v);
    out += detailRow('เส้น', line || ((v.gate && v.gate.reason_th) || '—'));
    out += detailRow('คูณกับอะไร', 'คูณทุกก้อนด้านบน (NRR + สินค้าใหม่ + ซื้อเพิ่ม + สาขาเปิดใหม่ + Handover)');
    return out;
  }
  function currentPct(r) {
    try {
      // v_tlrep: งวดแบบใหม่ upsell ทีมตอนนี้ = ยอดจริงสด (นับด้วยเกณฑ์ P1/P3 ของ KAM ทีมเดียวกัน = ที่จ่ายจริง)
      // ไม่ใช่ไฟล์สรุปทีมของทีม data ที่นับด้วยเกณฑ์เดิมที่เขียนตายไว้ใน SQL
      if (r === 'tl' && typeof _commIsExplicit === 'function' && _commIsExplicit(period) && typeof _commLiveExactFor === 'function') {
        var x = _commLiveExactFor(email, 'tl', period), xp = (x && x.status === 'ok' && x.payout) || null;
        return xp ? { nrr: xp.nrr_pct, up: xp.upsell_mult && xp.upsell_mult.team_upsell_pct } : {};
      }
      if (r === 'tl') { var t = typeof _commBuildTlPayout === 'function' ? _commBuildTlPayout(email) : null; return t ? { nrr: t.nrr_pct, up: t.upsell_mult && t.upsell_mult.team_upsell_pct } : {}; }
      var k = typeof _commBuildKamPayout === 'function' ? _commBuildKamPayout(email, null, r) : null;
      return k ? { nrr: k.nrr_pct } : {};
    } catch (e) { return {}; }
  }

  // ── เนื้อหา ─────────────────────────────────────────────────────────────
  var html = '', loading = false, badge = R ? 'เกณฑ์ ' + R.monthLabel(period) : '';
  var qps = (R && R.M() && R.M().quarterPeriodsOf) ? R.M().quarterPeriodsOf(period) : [period];
  var hi = qps.indexOf(period);
  if (!R) { loading = true; }
  else if (isMatrix) {
    // RB-7 / จ6: ตารางรวมทั้งไตรมาส เดือน × ทีม
    var teams = (typeof _commRuleTeamsFor === 'function') ? _commRuleTeamsFor(period) : [];
    var probe = R.view(period, null, 'kam', teams[0] ? { teamLeadEmail: teams[0].tl_email } : null);
    if (!probe || probe.status === 'loading') loading = true;
    else {
      html += note('เกณฑ์ของทุกทีมทั้งไตรมาส · เดือนที่ไฮไลต์คือเดือนนี้ · แก้เกณฑ์ที่ /nrr หน้าตั้งเกณฑ์');
      if (!teams.length) html += reasonBox('ยังไม่มีเกณฑ์รายทีมของเดือนนี้');
      qps.forEach(function(per) {
        var ts = (typeof _commRuleTeamsFor === 'function') ? _commRuleTeamsFor(per) : [];
        if (!ts.length) { html += secHdr(R.monthLabel(per) + (per === period ? ' · เดือนนี้' : ''), per === period ? '#ffe08a' : null) + note('ยังไม่มีเกณฑ์รายทีม'); return; }
        var kv = ts.map(function(t){ return R.view(per, null, 'kam', { teamLeadEmail: t.tl_email, squad: t.squad }); });
        var tv = ts.map(function(t){ return R.view(per, t.tl_email, 'tl', { squad: t.squad }); });
        var cols = ts.map(function(t){ return t.squad_label || t.tl_email.split('@')[0]; });
        var tlSteps = function(v){ var n = R.ok(v.nrr); return n ? n.steps.map(function(s){ return s.from.toFixed(0); }).join(' / ') : '—'; };
        var mults = function(v){ var m = R.ok(v.tl_mult); return m ? m.tiers.filter(function(t){ return t.from != null; }).map(function(t){ return String(t.from); }).join(' / ') : '—'; };
        html += secHdr(R.monthLabel(per) + (per === period ? ' · เดือนนี้' : ''), per === period ? '#ffe08a' : null);
        html += table(cols, [
          ['KAM ได้ ' + R.money(stepPay(kv, 0)) + ' ตั้งแต่', kv.map(function(v){ return stepFrom(v, 0); })],
          ['KAM ได้ ' + R.money(stepPay(kv, 1)) + ' ตั้งแต่', kv.map(function(v){ return stepFrom(v, 1); })],
          ['เกต' + midWord(kv) + ' ตั้งแต่', kv.map(gateHalf)],
          ['เกตได้เต็มตั้งแต่', kv.map(gateFull)],
          ['สินค้าใหม่ขั้นต่ำ', kv.map(p1Min)],
          ['ซื้อเพิ่ม ด่านเล็กต้องเกิน', kv.map(p3Small)],
          ['หัวหน้าทีม ขั้นเงิน (%)', tv.map(tlSteps)],
          ['หัวหน้าทีม เส้นตัวคูณ (%)', tv.map(mults)],
          ['หัวหน้าทีม ได้สูงสุด', tv.map(function(v){ var m = R.ok(v.tl_mult); return m ? R.money(m.max_payout) : '—'; })]
        ], -1);
      });
      // AD
      var adv = qps.map(function(per){ return R.view(per, null, 'ad'); });
      html += secHdr('AD (ทุกเดือนในไตรมาส)', '#c084fc');
      if (adv[0].status === 'ok') {
        html += detailRow('เงินจาก %NRR', R.nrrSteps(adv[0]) || '—');
        html += detailRow('เกต', R.gateLine(adv[0]) || '—');
        html += detailRow('สินค้าใหม่', R.ok(adv[0].p1) ? R.rate(R.ok(adv[0].p1).rate) + ' ตั้งแต่ ' + byMonth(adv, p1Min) : '—');
        html += detailRow('ซื้อเพิ่ม', R.p3Gates(adv[0]) || '—');
        html += detailRow('สาขาเปิดใหม่', R.ok(adv[0].expansion) ? R.rate(R.ok(adv[0].expansion).rate) : '—');
      } else html += reasonBox(adv[0].reason_th || 'ยังไม่ได้ผูกเกณฑ์ของ AD');
      html += secHdr('ตำแหน่งอื่น', 'rgba(var(--ink-blue),.7)') + note('PM และตำแหน่งอื่นยังไม่มีแผนค่าคอมฯ');
      if (teams.length) { html += upsellSection(probe, qps.map(function(per){ return R.view(per, null, 'kam', { teamLeadEmail: teams[0].tl_email }); })); html += hoSection(probe); }
      html += secHdr('ข้อควรรู้', 'rgba(var(--ink-blue),.7)');
      html += note('ถ้ามีคนไม่มีเกณฑ์ของเดือนนั้น ระบบจะยังไม่คิดค่าคอมฯ ทั้งงวด จนกว่าจะผูกเกณฑ์ให้ครบ');
      html += note('คนที่เริ่มงานหลังเดือนฐานได้ ฿0 ทั้งไตรมาส และเริ่มได้ไตรมาสถัดไป');
      html += methodBox(probe);
    }
  } else {
    var v = R.view(period, email, role, role === 'tl' ? { teamLeadEmail: email } : null);
    if (!v || v.status === 'loading') loading = true;
    else if (v.status === 'no_plan') {
      // RB-8 / จ4
      html += reasonBox('ตำแหน่งนี้ยังไม่มีแผนค่าคอมฯ');
    } else {
      // UIR A13: ยังไม่ได้ผูกเกณฑ์ ⇒ ประโยคเดียวกับแถบ/ชีท ครั้งเดียว (เดิมขึ้นคำของตัวหาเกณฑ์ซ้ำสองครั้ง: หัวข้อ + กล่องเหตุ)
      var plainRb = (v.status === 'unresolved' && R.plainReason) ? R.plainReason(v, other ? (opts.name || email.split('@')[0]) : '') : '';
      if (!plainRb && role === 'tl') html += note(R.header(v));   // KAM/AD: ทีม + เดือนอยู่ในแถวเดือนของการ์ด (25 ต.ค. 2569)
      if (v.eligibility && v.eligibility.eligible === false) html += reasonBox('ไม่เข้าเกณฑ์งวดนี้: ' + R.notEligibleTh(v));
      if (v.status === 'unresolved') html += reasonBox(plainRb || ((v.reason_th || 'ยังไม่ได้ผูกเกณฑ์ของเดือนนี้') + ' — แจ้งเจ้าของระบบ'));
      else {
        // เดือนอื่นของไตรมาสใช้หัวหน้าทีมของเดือนนี้ (เดือนข้างหน้ายังไม่มีแถวข้อมูลให้หาทีม)
        var tlNow = (R.ok(v.plan) || {}).team_lead_email || null;
        var qv = qps.map(function(per){ return R.view(per, email, role, role === 'tl' ? { teamLeadEmail: email } : (tlNow ? { teamLeadEmail: tlNow } : null)); });
        var cur = currentPct(role);
        var cols = qv.map(function(x){ return x.month_short; });
        if (role === 'tl') {
          // RB-4: ขั้นเงินหัวหน้าทีม + ตัวคูณจากแผน · ค่า "ตอนนี้" คือค่าที่เทียบจริง (ปัด 1 ตำแหน่ง)
          var tn = R.ok(v.nrr), tm = R.ok(v.tl_mult);
          html += secHdr('ขั้นเงินหัวหน้าทีม — ' + (R.ok(v.plan) || {}).label_th + ' เดือน ' + v.month_label, '#c084fc');
          var s = R.stepAt(v, cur.nrr);
          if (tn) tn.tiers.forEach(function(t){ html += tierRow(rangeLabel(t.min, t.max), t.pay ? R.money(t.pay) : '฿0', !!s && s.pay === t.pay && (t.min == null || s.pct_cmp >= t.min) && (t.max == null || s.pct_cmp < t.max), t.pay ? '#c084fc' : null); });
          html += secHdr('ตัวคูณ upsell ทีม', '#c084fc');
          var mt = R.multAt(v, cur.up);
          if (tm) tm.tiers.forEach(function(t){
            var lo = t.from == null ? null : Math.ceil(t.from * 10 - 1e-9) / 10;
            var up = t.to == null ? null : Math.ceil(t.to * 10 - 1e-9) / 10;
            var lbl = lo == null ? 'ต่ำกว่า ' + R.pct1(up) : (up == null ? 'ตั้งแต่ ' + R.pct1(lo) : R.pct1(lo) + ' ถึง ' + R.pct1(Math.round((up - 0.1) * 10) / 10));
            html += tierRow(lbl, '×' + Number(t.mult).toFixed(2).replace(/0$/, ''), !!mt && mt.mult === t.mult && (lo == null || mt.pct_cmp >= lo) && (up == null || mt.pct_cmp < up), t.mult > 1 ? '#c084fc' : null);
          });
          if (mt) html += note('upsell ทีมตอนนี้ ' + R.pct1(mt.pct_cmp) + ' (ปัดทศนิยม 1 ตำแหน่ง ค่าที่ใช้เทียบจริง)');
          var tb = R.ok(v.team_basis);
          html += detailRow('ยอด upsell ทีม', 'สินค้าใหม่ + ส่วนที่ซื้อเพิ่มของ KAM ทุกคนในทีม ÷ ฐาน ' + ((R.ok(v.policy) || {}).base_short || '') + ' ทั้งทีม');
          // v_tlrep: เกณฑ์นับยอดทีม = เกณฑ์สินค้าใหม่/ยอดเติบโตของ KAM ทีมเดียวกัน (ประตูยอดเติบโตอาจมีมากกว่าหนึ่งด่าน)
          // ส่วนที่ KAM ปิดไว้ = เพดานที่ไม่มีรายการไหนถึง (TEAM_BASIS_NEVER) ⇒ บอกว่าไม่นับ
          if (tb) html += detailRow('นับเข้าตัวคูณเมื่อ', 'ใช้เกณฑ์เดียวกับ KAM ในทีม · ' +
            (isFinite(tb.p1_min_gmv) ? 'สินค้าใหม่ตั้งแต่ ' + R.money(tb.p1_min_gmv) : 'ไม่นับสินค้าใหม่ (KAM ปิดส่วนนี้)') + ' · ' +
            (isFinite(tb.p3_gates[0].min_incremental) ? 'ซื้อเพิ่ม: ' + R.gatesTh(tb.p3_gates) : 'ไม่นับซื้อเพิ่ม (KAM ปิดส่วนนี้)') +
            ' (นับยอด ไม่ใช่ค่าคอมฯ ของลูกทีม)');
          html += detailRow('ยอดที่ได้', 'เงินขั้น NRR ทีม × ตัวคูณ · หัวหน้าทีมไม่มีเกต' + (tm ? ' · ได้สูงสุดตามเกณฑ์เดือนนี้ ' + R.money(tm.max_payout) : ''));
          // 3 เดือน
          html += secHdr('ทั้งไตรมาส', '#c084fc');
          var tnr = function(i){ return function(x){ var n = R.ok(x.nrr); return (n && n.steps[i]) ? R.pct1(n.steps[i].from) : '—'; }; };
          var payOf = function(i){ var n = tn; return (n && n.steps[i]) ? R.money(n.steps[i].pay) : '—'; };
          html += table(cols, [
            ['ได้ ' + payOf(0) + ' ตั้งแต่', qv.map(tnr(0))],
            ['ได้ ' + payOf(1) + ' ตั้งแต่', qv.map(tnr(1))],
            ['ได้ ' + payOf(2) + ' ตั้งแต่', qv.map(tnr(2))],
            ['เส้นตัวคูณ (%)', qv.map(function(x){ var m = R.ok(x.tl_mult); return m ? m.tiers.filter(function(t){ return t.from != null; }).map(function(t){ return String(t.from); }).join(' / ') : '—'; })],
            ['ได้สูงสุด', qv.map(function(x){ var m = R.ok(x.tl_mult); return m ? R.money(m.max_payout) : '—'; })]
          ], hi);
          // RB-5: กติกาของลูกทีม (ทีมเดียวกับหัวหน้าทีมคนนี้)
          var kv = R.view(period, null, 'kam', { teamLeadEmail: email });
          if (kv && kv.status === 'ok') {
            html += secHdr('กติกาของลูกทีม (' + (R.ok(kv.plan) || {}).label_th + ')', 'var(--tk-ok-bright)');
            html += detailRow('ค่าคอม NRR', R.nrrSteps(kv) || '—');
            html += detailRow('เกต', R.gateLine(kv) || '—');
            html += detailRow('สินค้าใหม่', R.ok(kv.p1) ? 'ตั้งแต่ ' + R.money(R.ok(kv.p1).min_gmv) + ' ได้ ' + R.rate(R.ok(kv.p1).rate) : '—');
            html += detailRow('ซื้อเพิ่ม', R.p3Gates(kv) || '—');
          }
          html += note('หัวหน้าทีมไม่มีเกต');
        } else {
          // ════ 25 ต.ค. 2569 (Bucci · แบบใหม่): กฎค่าคอมฯ ของ KAM/AD เป็นการ์ด ════
          //   สรุปสั้น → เกต (คูณทุกก้อน จึงขึ้นก่อน) → ค่าคอม NRR → สินค้าใหม่ → ซื้อเพิ่ม → สาขาเปิดใหม่ → รับร้านจาก Sales → ทั้งไตรมาส
          //   ทุกการ์ด: นับอะไร · ได้เท่าไหร่ (จากเกณฑ์ที่ตั้งไว้) · ตอนนี้อยู่ตรงไหน · ตัวอย่างคิดจากอัตราของเกณฑ์นี้
          var n = R.ok(v.nrr), g = R.ok(v.gate), p1 = R.ok(v.p1), p3 = R.ok(v.p3), ex = R.ok(v.expansion);
          var pol = R.ok(v.policy) || {};
          var win = pol.base_window_th || '3 เดือนก่อนไตรมาส';
          var team = ((R.ok(v.plan) || {}).label_th || '').replace(/^เกณฑ์/, '').trim();
          var gm = R.gateMults ? R.gateMults(v) : null;
          var mine = (function(){   // ยอดที่ได้แล้วของคนนี้ (จากชีทวิธีคิดที่เปิดอยู่ ถ้าเป็นคนเดียวกันเดือนเดียวกัน)
            try { var ks = window._cdsKamSt, sc = window._cdsSrc; if (ks && sc && String(ks.email || '').toLowerCase() === email && ks.period === period && !sc.loading) return sc; } catch (e) {}
            return null;
          })();
          var card = function(title, tag, tagCls, inner){ return '<div class="rb2-card"><div class="rb2-h"><b>' + esc(title) + '</b>' + (tag ? '<span class="rb2-tag ' + tagCls + '">' + esc(tag) + '</span>' : '') + '</div>' + inner + '</div>'; };
          var w = function(t){ return '<div class="rb2-w">' + esc(t) + '</div>'; };
          var eg = function(t){ return '<div class="rb2-eg">' + esc(t) + '</div>'; };
          var cellRange = function(min, max){ return min == null ? 'ต่ำกว่า ' + R.pct1(max) : (max == null ? 'ตั้งแต่ ' + R.pct1(min) : R.pct1(min) + '–' + R.pct1(Math.round((max - 0.1) * 10) / 10)); };
          var steps = function(cells){ return '<div class="rb2-steps">' + cells.map(function(c){ return '<div class="' + (c.cur ? 'cur' : '') + '"><span>' + esc(c.top) + '</span><b>' + esc(c.val) + '</b>' + (c.cur ? '<em>คุณอยู่นี่ ' + esc(R.pct1(cur.nrr)) + '</em>' : '') + '</div>'; }).join('') + '</div>'; };
          var inRange = function(x, min, max){ return x != null && (min == null || x >= min) && (max == null || x < max); };
          var gb = (cur.nrr != null && R.M() && R.M().gateBandAt) ? R.M().gateBandAt(v, cur.nrr) : null;
          var st2 = R.stepAt(v, cur.nrr);

          // เดือนในไตรมาส: แตะเพื่อดูเกณฑ์ของเดือนนั้น
          html += '<div class="rb2-mo">' + qps.map(function(per, i){
            return '<button type="button" class="' + (per === period ? 'on' : '') + '" onclick="openCommissionRulebook(Object.assign({}, window._rbLastOpts || {}, {period:\'' + per + '\'}))">' + esc(qv[i] ? qv[i].month_short : per) + '</button>';
          }).join('') + '<span>' + esc((team ? (/^ทีม/.test(team) ? team : 'ทีม ' + team) : '') + (pol.base_short ? ' · ฐาน ' + pol.base_short : '')) + '</span></div>';

          // สรุปสั้น ๆ
          var lowLine = g && !g.off ? (g.zero_below != null ? g.zero_below : g.half_below) : null;
          html += '<div class="rb2-sum"><div class="k">สรุปสั้น ๆ</div><div class="m">'
            + esc('เงินมาจาก ' + (n && n.pays ? 'ค่าคอม NRR · ' : '') + 'สินค้าใหม่ · ซื้อเพิ่ม · สาขาเปิดใหม่ · รับร้านจาก Sales')
            + (g && !g.off ? ' แล้ว<b> คูณด้วยเกต %NRR</b>' + (lowLine != null && gm ? esc(' · %NRR ต่ำกว่า ' + R.pct1(lowLine) + ' ' + (R.gw(gm.below) || '')) : '') : esc(' · เกณฑ์นี้ไม่มีเกต'))
            + '</div></div>';

          // เกต %NRR
          if (g && !g.off && g.tiers && g.tiers.length) {
            html += card('เกต %NRR', 'คูณทุกก้อน', 'mult', steps(g.tiers.map(function(t){
              return { top: cellRange(t.min, t.max), val: R.gw(t.mult) || '—', cur: !!gb && inRange(gb.pct_cmp, t.min, t.max) };
            })) + w('คูณกับทุกก้อน: ค่าคอม NRR + สินค้าใหม่ + ซื้อเพิ่ม + สาขาเปิดใหม่ + รับร้านจาก Sales'));
          } else if (v.gate && v.gate.status !== 'ok') html += reasonBox((v.gate && v.gate.reason_th) || '—');

          // ค่าคอม NRR
          if (!n) html += card('ค่าคอม NRR', '', '', reasonBox((v.nrr && v.nrr.reason_th) || '—'));
          else if (!n.pays) html += card('ค่าคอม NRR', 'ไม่มีในแผนนี้', 'no', w('ไม่มีเงินจาก %NRR — ได้จากสินค้าใหม่ ซื้อเพิ่ม สาขาเปิดใหม่ และรับร้านจาก Sales แล้วคูณเกต'));
          else {
            var nTag = (st2 && st2.pay > 0) ? 'ได้แล้ว ' + R.money(st2.pay) : 'ยังไม่ถึง';
            html += card('ค่าคอม NRR', nTag, (st2 && st2.pay > 0) ? 'ok' : 'no', steps(n.tiers.map(function(t){
              return { top: cellRange(t.min, t.max), val: t.pay ? R.money(t.pay) : '฿0', cur: !!st2 && inRange(st2.pct_cmp, t.min, t.max) };
            })) + w(pol.quarterly ? 'ยอดร้านในพอร์ตเดือนนี้ เทียบฐาน ' + (pol.base_short || '') + ' ที่ล็อกทั้งไตรมาส (ต่อ 30 วัน)' : 'ยอดเดือนนี้เทียบเดือนก่อน (ต่อ 30 วัน)'));
          }

          // สินค้าใหม่ / ซื้อเพิ่ม / สาขาเปิดใหม่
          var amtTag = function(a){ return (a != null && a > 0) ? ['ได้แล้ว ' + R.money(a), 'ok'] : (mine ? ['ยังไม่มี', 'no'] : ['', '']); };
          var d1 = mine && mine.upsell_sku_detail && mine.upsell_sku_detail.p1 ? Number(mine.upsell_sku_detail.p1.comm || 0) : null;
          var d3 = mine && mine.upsell_sku_detail && mine.upsell_sku_detail.p3 ? Number(mine.upsell_sku_detail.p3.comm || 0) : null;
          var dx = mine ? Number(mine.upsell_outlet || 0) : null;
          var dh = mine ? Number(mine.handover || 0) : null;
          if (p1) {
            var t1 = amtTag(d1), egAmt = Math.max(20000, Number(p1.min_gmv) || 0);
            html += card('สินค้าใหม่', t1[0], t1[1], w('กลุ่มสินค้าที่สาขาไม่ได้ซื้อช่วง ' + win + ' · ได้ ' + R.rate(p1.rate) + ' ของยอด · ยอดต่อสาขาต่อกลุ่มตั้งแต่ ' + byMonth(qv, p1Min))
              + eg('ตัวอย่าง: สาขาเริ่มซื้อกลุ่มใหม่ ' + R.money(egAmt) + ' ได้ ' + R.money(Math.round(egAmt * Number(p1.rate || 0)))));
          } else html += card('สินค้าใหม่', '', '', w((v.p1 && v.p1.reason_th) || '—'));
          if (p3) {
            var t3 = amtTag(d3);
            html += card('ซื้อเพิ่ม', t3[0], t3[1], w('ได้ ' + R.rate(p3.rate) + ' ของส่วนที่ซื้อเพิ่ม (เทียบเดือนสูงสุดช่วง ' + win + ' ต่อ 30 วัน) · ' + R.p3Gates(v))
              + eg('ตัวอย่าง: ซื้อเพิ่มจากเดิม ' + R.money(50000) + ' (ผ่านเงื่อนไข) ได้ ' + R.money(Math.round(50000 * Number(p3.rate || 0)))));
          } else html += card('ซื้อเพิ่ม', '', '', w((v.p3 && v.p3.reason_th) || '—'));
          html += '<div class="rb2-w rb2-free">จ่ายรายเดือนจากยอดของเดือนนั้น ตราบที่ร้านยังซื้อและผ่านเกณฑ์ของเดือนนั้น · ขึ้นไตรมาสใหม่ฐานเริ่มใหม่</div>';
          if (ex) { var tx2 = amtTag(dx); html += card('สาขาเปิดใหม่', tx2[0], tx2[1], w('สาขาที่ซื้อครั้งแรกในไตรมาสนี้ (เปิดเอง ไม่ใช่รับจาก Sales) · ได้ ' + R.rate(ex.rate) + ' ของยอดทั้งสาขา · จ่ายทุกเดือนที่ยังซื้อ · ไม่นับซ้ำในสินค้าใหม่/ซื้อเพิ่ม')); }
          else html += card('สาขาเปิดใหม่', '', '', w((v.expansion && v.expansion.reason_th) || '—'));

          // รับร้านจาก Sales
          var hv = R.ok(v.handover);
          if (!hv) html += card('รับร้านจาก Sales', '', '', reasonBox((v.handover && v.handover.reason_th) || 'กำลังโหลดเกณฑ์…'));
          else if (hv.off || !hv.gmv_tiers.length) html += card('รับร้านจาก Sales', 'ไม่มีในแผนนี้', 'no', '');
          else {
            var th = amtTag(dh);
            html += card('รับร้านจาก Sales', th[0], th[1], hv.gmv_tiers.map(function(b, i){ return w('ฐานรวม ' + R.hoRange(v, i) + ': ' + R.hoSteps(b)); }).join('')
              + w('ยอดเดือนนี้ ÷ ยอดเดือนที่โอน รวมทุกร้านที่ Sales โอนให้ (ต่อ 30 วันทั้งสองฝั่ง) · ได้ยอดรวม ไม่ใช่บวกเพิ่ม · ฐานรวมต่ำกว่า ' + R.money(hv.gmv_tiers[0].gmv_min) + ' ยังไม่ได้')
              + (hv.once_applies ? w('สาขาหนึ่งนับได้ครั้งเดียว ถ้าเคยนับไปแล้ว งวดต่อไปจะไม่นับซ้ำ') : ''));
          }

          // ทั้งไตรมาส
          var rows = [];
          if (n && n.pays) {
            rows.push(['ได้ ' + R.money(n.steps[0].pay) + ' ตั้งแต่', qv.map(function(x){ return stepFrom(x, 0); })]);
            if (n.steps[1]) rows.push(['ได้ ' + R.money(n.steps[1].pay) + ' ตั้งแต่', qv.map(function(x){ return stepFrom(x, 1); })]);
          }
          rows.push(['เกต' + midWord(qv) + ' ตั้งแต่', qv.map(gateHalf)]);
          rows.push(['เกตได้เต็มตั้งแต่', qv.map(gateFull)]);
          rows.push(['สินค้าใหม่ขั้นต่ำ', qv.map(p1Min)]);
          html += '<div class="rb2-card"><div class="rb2-h"><b>ทั้งไตรมาส</b></div>' + table(cols, rows, hi) + '</div>';
        }
        html += methodBox(v);
      }
    }
  }

  // RB-16: ป้าย "เกณฑ์ ต.ค. 2569" / "กำลังโหลดเกณฑ์…" · รอ RuleView (ไม่ใช่แค่ _tgtLoaded) แล้ววาดใหม่เอง
  if (loading) {
    badge = 'กำลังโหลดเกณฑ์…';
    html = '<div style="padding:24px 0;text-align:center;font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.6)">กำลังโหลดเกณฑ์…</div>';
    if (!window._rbCfgPoll) {
      var _rbTries = 0;
      window._rbCfgPoll = setInterval(function(){
        _rbTries++;
        var still = document.getElementById('comm-rulebook-overlay');
        var R2 = window._cdsRule;
        var pv = R2 ? R2.view(period, isMatrix ? null : email, isMatrix ? 'kam' : role) : null;
        var ready = pv && pv.status !== 'loading';
        if (!still || ready || _rbTries > 60) {
          clearInterval(window._rbCfgPoll); window._rbCfgPoll = null;
          if (ready && still) openCommissionRulebook(window._rbLastOpts);
        }
      }, 500);
    }
  }

  var wasOpen = !!(ov.firstElementChild && ov.style.pointerEvents === 'all');
  ov.innerHTML = '<div style="position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(' + (wasOpen ? '0' : '100%') + ');width:100%;max-width:var(--app-max,440px);background:#0d1c34;border-radius:18px 18px 0 0;max-height:84vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:9101;transition:transform .30s cubic-bezier(.34,1.1,.64,1)">'
    +'<div style="width:36px;height:4px;background:rgba(var(--ink-blue),.18);border-radius:var(--r-xxs);margin:10px auto 0"></div>'
    +'<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px 10px;position:sticky;top:0;background:#0d1c34;z-index:1;border-bottom:1px solid rgba(var(--ink-blue),.08)">'
      +'<div style="font-size:var(--text-lg2);font-weight:900;color:var(--tk-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc(title) + '</div>'
      +'<div style="display:flex;align-items:center;gap:8px;flex-shrink:0">'
        +'<div style="font-size:var(--text-2xs);color:' + (loading ? '#ffb454' : 'rgba(var(--ink-blue),.6)') + ';white-space:nowrap">' + esc(badge) + '</div>'
        +'<button onclick="closeCommissionRulebook()" style="width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(var(--ink-blue),.14);color:rgba(var(--ink-blue-hi),.55);font-size:var(--text-md);cursor:pointer;font-family:inherit">✕</button>'
      +'</div>'
    +'</div>'
    +'<div style="padding:0 18px 32px">' + html + '</div>'
    +'</div>';

  requestAnimationFrame(function(){
    ov.style.background='rgba(5,14,28,.75)';
    ov.style.pointerEvents='all';
    var sh=ov.querySelector('div');
    if(sh){ sh.style.transform='translateX(-50%) translateY(0)'; }
  });
}


function closeCommissionRulebook() {
  var ov = document.getElementById('comm-rulebook-overlay');
  if (!ov) return;
  var sh = ov.querySelector('div');
  if (sh) sh.style.transform = 'translateX(-50%) translateY(100%)';
  ov.style.background = 'rgba(5,14,28,.0)';
  ov.style.pointerEvents = 'none';
  setTimeout(function(){ if(ov.parentNode) ov.parentNode.removeChild(ov); }, 310);
}

window.openCommissionRulebook = openCommissionRulebook;
window.closeCommissionRulebook = closeCommissionRulebook;
// ════════════════════════════════════════════════════════════════════════════
// หน้าประวัติอ่าน "สิ่งที่จดไว้ในแถวของงวดนั้น" เท่านั้น — ห้ามอ่านเกณฑ์ของวันนี้ (HI-4 · R11 · DL-5)
// ════════════════════════════════════════════════════════════════════════════
// ลำดับการหาอัตรา/เส้นของแถวที่ล็อกแล้ว:
//   1. breakdown.rules_used (schema 1 — แถวที่จดเกณฑ์ไว้เต็ม ตั้งแต่รอบ 1)
//   2. อัตราที่ใช้จริงรายกลุ่ม (breakdown.upsell_sku.p1/p3.groups[].applied_rate) ถ้าทุกกลุ่มเท่ากัน
//   3. breakdown.config_snapshot — เฉพาะงวดก่อน ต.ค. 2569 (ค่าในนั้นเป็นค่ากลางที่ตอนนั้นเท่ากับแผนทุกตัว
//      งวดรายทีมค่ากลางไม่ใช่เกณฑ์ของคน จึงไม่อ่าน)
//   4. ยอดค่าคอมฯ ÷ GMV ของแถวนั้น
//   5. แถว พ.ค./มิ.ย. 2569 ที่มาจาก Excel (breakdown.source ติดป้ายไว้) ไม่จดอัตราและไม่จด GMV ของ P1/P3
//      ⇒ ใช้อัตราของชีทจ่ายเงิน Q2 2569 ที่ตรึงไว้ (P1 3% · P3 3% · Expansion 1.5%) — Expansion ทุกแถว
//      หารยอดได้ 1.5% ตรงกับชุดนี้
//   ไม่เจอเลย ⇒ "—" (ไม่ใช่อัตราของวันนี้)
var COMM_HIST_EXCEL_Q2 = { excel_may2026: { p1: 0.03, p3: 0.03, exp: 0.015 }, excel_june2026: { p1: 0.03, p3: 0.03, exp: 0.015 } };
function _commHistRuleCut(period) {
  return (typeof COMM_DISP_TEAM_PLANS_FROM === 'string') ? COMM_DISP_TEAM_PLANS_FROM : '2026-10';
}
function _commHistUpsell(bd) {
  var u = (bd && bd.upsell_sku) || {};
  var p1 = u.p1 || {}, p3 = u.p3 || {};
  var num = function(v){ return (v === null || v === undefined || v === '') ? null : Number(v); };
  return {
    p1: { comm: num(p1.comm != null ? p1.comm : u.p1_comm), gmv: num(p1.gmv != null ? p1.gmv : u.p1_gmv), groups: p1.groups || null },
    p3: { comm: num(p3.comm != null ? p3.comm : u.p3_comm), gmv: num(p3.gmv_incremental != null ? p3.gmv_incremental : u.p3_gmv_incremental), groups: p3.groups || null }
  };
}
// คืน {p1, p3, exp} — แต่ละตัวเป็นอัตรา (0.015) หรือ null
function _commHistRates(row) {
  var bd = (row && row.breakdown) || {};
  var period = row && row.period_month;
  var ru = bd.rules_used && bd.rules_used.schema === 1 ? (bd.rules_used.components || {}) : null;
  var cs = (period && period < _commHistRuleCut(period)) ? (bd.config_snapshot || null) : null;
  var up = _commHistUpsell(bd);
  var exp = bd.upsell_outlet || {};
  var excel = COMM_HIST_EXCEL_Q2[bd.source] || null;
  var sameApplied = function(groups){
    if (!Array.isArray(groups) || !groups.length) return null;
    var r = groups.map(function(g){ return g && g.applied_rate != null ? Number(g.applied_rate) : null; });
    if (r.some(function(x){ return x === null || isNaN(x); })) return null;
    return r.every(function(x){ return x === r[0]; }) ? r[0] : null;
  };
  var div = function(c, g){ return (c != null && g != null && Number(g) > 0) ? Number(c) / Number(g) : null; };
  var pick = function(){ for (var i = 0; i < arguments.length; i++) { var v = arguments[i]; if (v !== null && v !== undefined && !isNaN(v)) return Number(v); } return null; };
  return {
    p1:  pick(ru && ru.p1 && ru.p1.rate, sameApplied(up.p1.groups), cs && cs.upsell_sku_p1_rate, div(up.p1.comm, up.p1.gmv), excel && excel.p1),
    p3:  pick(ru && ru.p3 && ru.p3.rate, sameApplied(up.p3.groups), cs && cs.upsell_sku_p3_rate, div(up.p3.comm, up.p3.gmv), excel && excel.p3),
    exp: pick(ru && ru.expansion && ru.expansion.rate, exp.rate, cs && cs.upsell_outlet_rate, div(exp.commission, exp.outlet_gmv), excel && excel.exp)
  };
}
function _commHistRateTxt(r) { return (r === null || r === undefined) ? '—' : (Math.round(Number(r) * 1000) / 10) + '%'; }
// HI-6: เส้นเกตที่จดไว้ของแถวนั้น {zero, full, capHalf, capZero} หรือ null
function _commHistGateLines(row) {
  var bd = (row && row.breakdown) || {};
  var period = row && row.period_month;
  var ru = bd.rules_used && bd.rules_used.schema === 1 ? ((bd.rules_used.components || {}).gate || null) : null;
  var cs = bd.config_snapshot || {};
  var g = bd.gmv_gate || {};
  var tiers = (ru && ru.tiers) || cs.gate_tiers_used || g.tiers_used || null;
  var capOf = function(lo, hi){
    if (!Array.isArray(tiers)) return null;
    var t = tiers.find(function(x){ var max = Array.isArray(x) ? x[1] : x.max_value; return max != null && Number(max) === Number(hi); });
    return t ? Number(Array.isArray(t) ? t[2] : t.payout_value) : null;
  };
  var zero = cs.gate_zero_below != null ? cs.gate_zero_below : g.zero_below;
  var full = cs.gate_half_below != null ? cs.gate_half_below : g.half_below;
  if (zero != null && full != null) {
    var ch = capOf(zero, full), cz = capOf(null, zero);
    return { zero: Number(zero), full: Number(full), capHalf: ch != null ? ch : null, capZero: cz != null ? cz : null };
  }
  // ก.ค./ส.ค. 2569 จดเส้นกลางไว้ (ตอนนั้นเท่ากับแผนทุกตัว) · งวดรายทีมไม่อ่านค่ากลาง
  if (period && period < _commHistRuleCut(period) && cs.gmv_gate_threshold_1 != null && cs.gmv_gate_threshold_2 != null) {
    return { zero: Number(cs.gmv_gate_threshold_2), full: Number(cs.gmv_gate_threshold_1),
             capHalf: cs.gmv_gate_cap_1 != null ? Number(cs.gmv_gate_cap_1) : null, capZero: cs.gmv_gate_cap_2 != null ? Number(cs.gmv_gate_cap_2) : null };
  }
  return null;
}
// HI-7: ป้ายฐานจาก nrr_policies ของงวดนั้น (ห้ามใช้ bd.baseline_month — นั่นคือป้ายไฟล์ upsell)
function _commHistBaseLbl(period) {
  if (!period || typeof _nrrGovHas !== 'function' || !_nrrGovHas(period)) return '';
  var p = _nrrGovGet(period, 'all', 'all') || {};
  if (p.commission_mode === 'quarterly' && p.base_month) return 'เทียบฐาน ' + _nrrGovMonthLabel(p.base_month) + ' คงที่ทั้งไตรมาส';
  return 'เทียบเดือนก่อน';
}
// HI-5: ตัวคูณของหัวหน้าทีม รับได้ทั้งแบบวัตถุ {multiplier, team_upsell_pct, tier} และข้อความ "1.20x (tier 2)"
function _commHistTlMultTxt(m) {
  if (m === null || m === undefined || m === '') return '';
  var mult = null, pct = null, tier = null;
  if (typeof m === 'object') {
    mult = m.multiplier != null ? Number(m.multiplier) : null;
    if (Number(m.team_baseline_gmv) > 0) pct = Math.round(Number(m.team_upsell_gmv || 0) / Number(m.team_baseline_gmv) * 1000) / 10;
    else if (m.team_upsell_pct != null) pct = Math.round(Number(m.team_upsell_pct) * 10) / 10;
    tier = m.tier != null ? Number(m.tier) : null;
  } else {
    var s = String(m);
    var mm = s.match(/(\d+(?:\.\d+)?)\s*x/i); mult = mm ? Number(mm[1]) : null;
    var tt = s.match(/tier\s*(\d+)/i); tier = tt ? Number(tt[1]) : null;
  }
  if (mult === null || isNaN(mult)) return '';
  return 'ตัวคูณ ×' + (Math.round(mult * 100) / 100) + (pct !== null && !isNaN(pct) ? ' · upsell ทีม ' + pct.toFixed(1) + '%' : '') + (tier ? ' (ขั้น ' + tier + ')' : '');
}
// RF-2/RF-3: เหตุผลที่จดไว้ (เช่น "เริ่มงาน 2026-09-04 หลังเดือนฐาน 2026-06 — …") เป็นวันที่ไทย
function _commHistReasonTh(t) {
  var mo = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
  return String(t || '')
    .replace(/\b(\d{4})-(\d{2})-(\d{2})\b/g, function(_, y, m, d){ return parseInt(d, 10) + ' ' + mo[parseInt(m, 10) - 1] + ' ' + (parseInt(y, 10) + 543); })
    .replace(/\b(\d{4})-(\d{2})\b/g, function(_, y, m){ return mo[parseInt(m, 10) - 1] + ' ' + (parseInt(y, 10) + 543); })
    .replace('เข้าเกณฑ์ค่าคอมฯ ตั้งแต่ไตรมาสถัดไป', 'เริ่มได้ค่าคอมฯ ไตรมาสหน้า');
}
window._commHistRates = _commHistRates;
window._commHistTlMultTxt = _commHistTlMultTxt;
window._commHistReasonTh = _commHistReasonTh;
// ── v309: Commission History Sheet — redesign ────────────────────────────────
// History list: gold design system, full ฿ amounts, readable contrast
// Reconcile detail: mobile-capped, component breakdown with counts

function openCommissionHistory() {
  var ov = document.getElementById('comm-history-overlay');
  if (!ov) {
    ov = document.createElement('div');
    ov.id = 'comm-history-overlay';
    ov.style.cssText = 'position:fixed;inset:0;z-index:9200;background:rgba(5,14,28,.0);transition:background .28s;pointer-events:none';
    ov.onclick = function(e){ if(e.target===ov) closeCommissionHistory(); };
    document.body.appendChild(ov);
  }
  ov.innerHTML = '<div style="position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:100%;max-width:var(--app-max,440px);background:#0d1c34;border-radius:18px 18px 0 0;max-height:82vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:9201;transition:transform .30s cubic-bezier(.34,1.1,.64,1)">'
    + '<div style="width:36px;height:4px;background:rgba(var(--ink-blue),.18);border-radius:var(--r-xxs);margin:10px auto 0"></div>'
    + '<div style="padding:14px 18px;font-size:var(--text-lg2);font-weight:900;color:var(--tk-text-primary)">Commission ย้อนหลัง</div>'
    + '<div style="padding:24px;text-align:center;color:rgba(var(--ink-blue),.55);font-size:var(--text-base)">กำลังโหลด...</div>'
    + '</div>';
  requestAnimationFrame(function(){
    ov.style.background='rgba(5,14,28,.75)';
    ov.style.pointerEvents='all';
    var sh=ov.querySelector('div');
    if(sh){ sh.style.transform='translateX(-50%) translateY(0)'; }
  });
  var role = getCurrentRole ? getCurrentRole() : '';
  var email = (currentUserProfile && currentUserProfile.email) || '';
  if (typeof _commLoadHistory !== 'function') { _commRenderHistoryList(ov, [], role, email); return; }
  _commLoadHistory(6).then(function(allRows){
    // HI-7: ป้ายฐานของแต่ละงวดต้องมาจากกติกาของงวดนั้น — loadTargets โหลดแค่ไตรมาสปัจจุบัน
    // ⇒ ดึงกติกาของงวดย้อนหลังที่มีแถว (อ่านอย่างเดียว · ล้มก็แค่ไม่มีป้าย)
    var pers = Array.from(new Set((allRows || []).map(function(r){ return r.period_month; }).filter(Boolean)));
    var ens = (typeof _nrrGovEnsureLoaded === 'function') ? Promise.all(pers.map(function(p){ return _nrrGovEnsureLoaded(p).catch(function(){ return null; }); })) : Promise.resolve();
    return ens.catch(function(){}).then(function(){ _commRenderHistoryList(ov, allRows, role, email); });
  }).catch(function(){ _commRenderHistoryList(ov, [], role, email); });
}

// R1 UI #9: ป้ายจำนวนคนของยอดรวมทั้งงวด — นับทุกแถวที่รวมเงิน (KAM · หัวหน้าทีม · AD · PM) ไม่ใช่แค่ KAM
// UIR A8: งวดที่ล็อกมีแถว ฿0 ของตำแหน่งที่ไม่มีค่าคอมฯ ด้วย (ก.ค. 2569: admin 7 · sales 15 · sales_tl 2 แถว)
// ⇒ เดิมขึ้น "44 คน" และรายชื่อมีแถว ฿0 ป้าย ADMIN/SALES/SALES_TL 24 แถว
// นับ/แสดงเฉพาะตำแหน่งที่มีค่าคอมฯ + แถวตำแหน่งอื่นที่มียอดจริง (ไม่ใช่ ฿0) ⇒ ยอดรวมทั้งงวดเท่าผลรวมรายชื่อเสมอ
// จอเท่านั้น: ยอดรวมของงวดยังรวมทุกแถวเหมือนเดิม (แถวที่ซ่อนเป็น ฿0 ทุกแถว ยอดจึงไม่เปลี่ยน)
var COMM_HIST_PAID_ROLES = { kam: 1, tl: 1, ad: 1, pm: 1 };
function _commHistCountedRows(rows) {
  return (rows || []).filter(function(r){
    return COMM_HIST_PAID_ROLES[String(r.beneficiary_role || '').toLowerCase()] === 1 || Number(r.payout_amount || 0) !== 0;
  });
}
function _commHistPeopleTxt(rows) {
  var n = {};
  _commHistCountedRows(rows).forEach(function(r){ n[(r.beneficiary_email || '') + '|' + (r.beneficiary_role || '')] = 1; });
  return Object.keys(n).length + ' คน';
}
// ป้ายตำแหน่งในรายชื่อ — ชุดเดียวกับทั้งชีท (ตำแหน่งที่ไม่รู้จักไม่โชว์รหัสระบบตัวใหญ่)
var COMM_HIST_ROLE_TH = { kam: 'KAM', tl: 'หัวหน้าทีม', ad: 'AD', pm: 'PM', ad_tl: 'หัวหน้าทีม AD',
  admin: 'ผู้ดูแลระบบ', sales: 'ฝ่ายขาย', sales_tl: 'หัวหน้าฝ่ายขาย' };
function _commHistRoleTh(role) { return COMM_HIST_ROLE_TH[String(role || '').toLowerCase()] || 'ตำแหน่งอื่น'; }
// R1 UI #12: "lock: manual_backfill · 2026-06" ⇒ ภาษาคน
function _commHistLockMetaTh(bd, period) {
  var t = String((bd && bd.lock_trigger) || '').toLowerCase();
  var how = t === 'manual' ? 'ล็อกโดยเจ้าของระบบ' : (t === 'manual_backfill' ? 'บันทึกย้อนหลังโดยเจ้าของระบบ'
    : (/^auto|cron|schedule/.test(t) ? 'ล็อกอัตโนมัติ' : ''));
  var asOf = bd && bd.csv_data_as_of ? String(bd.csv_data_as_of).split('T')[0] : '';
  var TH = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
  var d = asOf.split('-');
  var asOfTh = (d.length === 3 && TH[parseInt(d[1], 10) - 1]) ? 'ข้อมูลถึง ' + parseInt(d[2], 10) + ' ' + TH[parseInt(d[1], 10) - 1] + ' ' + (parseInt(d[0], 10) + 543) : '';
  return [how, asOfTh].filter(Boolean).join(' · ');
}

function _commRenderHistoryList(ov, allRows, role, email) {
  function fmtPeriod(p){ var pts=(p||'').split('-'); var mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'][parseInt(pts[1])-1]||pts[1]; return mo+' '+(parseInt(pts[0])+543); }
  // full baht format — no K/M abbreviation for commission amounts
  function moneyFull(n){ var v=Math.round(Number(n||0)); if(!v)return'฿0'; return '฿'+v.toLocaleString('en-US'); }
  // abbreviated for sub-labels only
  function moneyK(n){ var v=Number(n||0); if(!v)return'฿0'; if(v>=1e6)return'฿'+(v/1e6).toFixed(1)+'M'; if(v>=1000)return'฿'+Math.round(v/1000)+'K'; return'฿'+Math.round(v); }

  // v878 (phase 8): match on the viewer's OWN engine-role bucket, not a
  // hardcoded 'kam' — pm/ad/etc now get real snapshot rows tagged with their
  // own beneficiary_role (see _commBuildSnapshotRows' otherRoster loop), so
  // hardcoding 'kam' here would silently show them an empty list forever.
  var _histRole = (typeof _commEngineRole==='function') ? _commEngineRole(role) : 'kam';
  var rows = allRows || [];
  if (isRepRole(role)||isADRole(role)||isPMRole(role)) rows = rows.filter(function(r){ return r.beneficiary_role===_histRole&&(r.beneficiary_email||'').toLowerCase()===email.toLowerCase(); });
  else if (isTLRole(role)) rows = rows.filter(function(r){ return (r.team_lead_email||'').toLowerCase()===email.toLowerCase()||(r.beneficiary_email||'').toLowerCase()===email.toLowerCase(); });

  var byPeriod = {};
  rows.forEach(function(r){ if(!byPeriod[r.period_month])byPeriod[r.period_month]=[]; byPeriod[r.period_month].push(r); });

  // v_asof2: นับย้อนจากเดือนของข้อมูล ให้ตรงกับการ์ด "เดือนปัจจุบัน" (_cp) ข้างล่าง
  // ไม่งั้นวันที่ 1 เดือนที่เพิ่งจบจะโผล่ซ้ำทั้งในการ์ดปัจจุบันและในรายการย้อนหลัง
  var now = (typeof _commLagDate==='function') ? _commLagDate() : (function(){var x=new Date();x.setDate(x.getDate()-1);return x;})();
  var periods = [];
  for (var i=1;i<=6;i++){ var d=new Date(now.getFullYear(),now.getMonth()-i,1); periods.push(d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0')); }

  var listHtml = periods.map(function(p){
    var pRows = byPeriod[p]||[];
    var hasLock = pRows.some(function(r){ return String(r.snapshot_status||'').toLowerCase()==='final'; });
    // HI-3: แถวของตัวเองเท่านั้น — admin ที่ไม่มีแถวของตัวเองเห็นยอดรวมของงวด (เดิมหยิบแถวแรก ซึ่งเป็นใครก็ได้)
    var myRow = pRows.find(function(r){ return _commHistIsOwnRow(r, email, isAdminRole(role)); }) || null;
    var adminTotal = isAdminRole(role) && !myRow;
    var payout = adminTotal ? pRows.reduce(function(s,r){ return s+Number(r.payout_amount||0); },0) : (myRow ? Number(myRow.payout_amount||0) : 0);
    var nrr = myRow ? _commFmtPct(myRow.governed_nrr_pct) : '—';
    var skipped = !!(myRow && myRow.breakdown && myRow.breakdown.type === 'skipped');

    if (!hasLock) {
      return '<div style="display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(var(--ink-blue),.06)">'
        +'<div><div style="font-size:var(--text-base);font-weight:var(--fw-semi);color:rgba(var(--ink-blue-hi),.52)">'+fmtPeriod(p)+'</div>'
        +'<div style="font-size:var(--text-sm);color:rgba(var(--ink-blue-hi),.52);margin-top:2px">ไม่มียอดที่ล็อกไว้</div></div>'
        +'<div style="font-size:var(--text-md);color:rgba(var(--ink-blue-hi),.52)">—</div>'
        +'</div>';
    }

    // R1 UI #9: เดิม "1 KAM · ยอดรวมทั้งงวด" นับแค่ KAM แต่ยอดรวมทุกคน (หัวหน้าทีม/AD/PM ด้วย)
    var sub = adminTotal ? (_commHistPeopleTxt(pRows)+' · ยอดรวมทั้งงวด') : (skipped ? 'ไม่เข้าเกณฑ์งวดนี้' : ('NRR '+nrr));

    return '<div onclick="_commOpenHistoryDetail(\''+p+'\')" style="display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(var(--ink-blue),.07);cursor:pointer;background:rgba(255,224,138,.02);-webkit-tap-highlight-color:rgba(255,224,138,.08)" onmouseenter="this.style.background=\'rgba(255,224,138,.06)\'" onmouseleave="this.style.background=\'rgba(255,224,138,.02)\'">'
      +'<div>'
      +'<div style="display:flex;align-items:center;gap:7px">'
      +'<span style="width:5px;height:5px;border-radius:50%;background:#ffe08a;display:inline-block;flex-shrink:0"></span>'
      +'<span style="font-size:var(--text-lg);font-weight:800;color:rgba(var(--ink-blue-hi),.92)">'+fmtPeriod(p)+'</span>'
      +'</div>'
      +'<div style="font-size:var(--text-sm);color:rgba(var(--ink-blue),.72);margin-top:4px;padding-left:12px">'+sub+' · ล็อกแล้ว</div>'
      +'</div>'
      +'<div style="display:flex;align-items:center;gap:8px">'
      +'<span style="font-size:var(--text-lg2);font-weight:900;color:#ffe08a;font-family:\'IBM Plex Mono\',monospace;letter-spacing:-.5px">'+((myRow||adminTotal)?moneyFull(payout):'—')+'</span>'
      +'<span style="color:rgba(255,224,138,.40);font-size:var(--text-xl)">›</span>'
      +'</div></div>';
  }).join('');

  // current month
  // v_asof: เดือนของข้อมูล (day-1) ไม่ใช่เดือนของวันนี้ — วันที่ 1 ยังต้องโชว์เดือนที่เพิ่งจบ
  var _cp=(function(){var d=(typeof _commLagDate==='function')?_commLagDate():(function(){var x=new Date();x.setDate(x.getDate()-1);return x;})();return d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0');})();
  var _cr=(allRows||[]).filter(function(r){return r.period_month===_cp;});
  var _cf=_cr.some(function(r){return r.snapshot_status==='final';});
  var _cd=!_cf&&_cr.some(function(r){return r.snapshot_status==='draft';});
  var _cIsKamLike=isRepRole(role)||isADRole(role)||isPMRole(role);
  // v878 (phase 8): the real engine-role bucket (pm/ad -> their own bucket,
  // rep -> 'kam') — used both to resolve their own scheme below AND to match
  // their own snapshot row (which is now tagged with this same bucket, not
  // always 'kam').
  var _cRole=(typeof _commEngineRole==='function')?_commEngineRole(role):role;
  var _ca=null,_cn=null,_cHoExcl='';
  // HI-2 (แผน 1-13): ผลสดที่ "ยังคิดไม่ได้" (เช่น AD ใน ต.ค. ได้ plan_unavailable) เดิมขึ้น "฿0 · Live"
  // ⇒ ตอนนี้: _cUn.note = เหตุ (โชว์ "—" + หมายเหตุ) · _cUn.loading = upsell ยังโหลดไม่ครบ (โชว์กำลังโหลด)
  var _cUn=null;
  try{
    if(_cIsKamLike&&typeof _commBuildKamPayout==='function'){
      // v878: pass the real engine role (pm/ad -> their own bucket, not
      // 'kam') so their own assigned scheme resolves correctly instead of
      // always looking up a scope='kam' assignment they'll never have.
      var _zz=_commBuildKamPayout(email,undefined,_cRole);if(_zz){_ca=_zz.final_payout;_cn=_zz.nrr_pct;
        // HO ครั้งเดียวต่อสาขา (สัญญา v2 E1): ยอดสดที่ยังคิด HO ไม่ได้ ⇒ บอกว่ายังไม่รวม
        _cHoExcl=(typeof _commHoExclHtml==='function')?_commHoExclHtml(_zz.handover):'';
        _cUn=(typeof _commPayoutUnavailable==='function')?_commPayoutUnavailable(_zz,_cp,email):null;}
    }
    // v_tlrep: งวดแบบใหม่ ยอดหัวหน้าทีมเดือนนี้ = ยอดจริงสด (ตัวคูณนับ upsell ด้วยเกณฑ์ P1/P3 ของ KAM ทีมเดียวกัน = ที่จ่ายจริง)
    // เดิมอ่านไฟล์สรุปทีมของทีม data ที่นับด้วยเกณฑ์เดิมที่เขียนตายไว้ใน SQL
    else if(isTLRole(role)&&typeof _commIsExplicit==='function'&&_commIsExplicit(_cp)&&typeof _commLiveExactFor==='function'){
      var _lx=_commLiveExactFor(email,'tl',_cp);
      if(_lx.status==='ok'){_ca=_lx.amount;_cn=(_lx.payout||{}).nrr_pct;}
      else _cUn={loading:_lx.status==='loading',note:_lx.status==='loading'?'':(_lx.reason_th||'')};}
    else if(isTLRole(role)&&typeof _commBuildTlPayout==='function'){var _zz=_commBuildTlPayout(email);if(_zz){_ca=_zz.final_payout;_cn=_zz.nrr_pct;
        _cUn=(typeof _commPayoutUnavailable==='function')?_commPayoutUnavailable(_zz,_cp,email):null;}}
  }catch(e){}
  if(_cUn){_ca=null;_cHoExcl='';}
  // v878: own-email match required — was falling back to _cr[0] (any row) for
  // pm/ad, leaking another KAM's/TL's current-month payout into the hero card.
  // v878 (phase 8): match beneficiary_role===_cRole, not a hardcoded 'kam' —
  // pm/ad's own row is now tagged with their real bucket.
  // v_vis: หัวหน้าทีม = แถวของตัวเองเท่านั้น (เดิมรับแถวที่ team_lead_email = ตัวเอง ⇒ หยิบแถวของลูกทีมมาเป็นยอดของตัวเองได้)
  var _cmr=_cr.find(function(r){
    return _cIsKamLike
      ? (r.beneficiary_role===_cRole&&(r.beneficiary_email||'').toLowerCase()===email.toLowerCase())
      : isTLRole(role)&&(r.beneficiary_email||'').toLowerCase()===email.toLowerCase();
  });
  // แถวที่คิดไว้แล้ว (draft/final) ชนะเสมอ — เป็นเลขที่คิดจริง ไม่ใช่ผลสด
  if(_cmr){_ca=Number(_cmr.payout_amount||0);_cn=_cmr.governed_nrr_pct;_cHoExcl='';_cUn=null;}
  // R1 UI #9: เจ้าของระบบ/ผู้ดูแลไม่มีแถวของตัวเอง — วันที่ 1 พ.ย. ต.ค. ที่เพิ่งล็อกเคยขึ้น "—" ⇒ ยอดรวมของงวด (แบบเดียวกับรายการข้างล่าง)
  var _cAdminTotal=!_cIsKamLike&&!isTLRole(role)&&isAdminRole(role)&&!_cmr&&_cr.length>0;
  if(_cAdminTotal){_ca=_cr.reduce(function(sm,r){return sm+Number(r.payout_amount||0);},0);_cn=null;_cHoExcl='';_cUn=null;}
  var _cWho=_cAdminTotal?' · '+_commHistPeopleTxt(_cr)+' · ยอดรวมทั้งงวด':'';
  var _cl=(_cf?'🔒 ล็อกแล้ว':_cd?'คิดแล้ว · รอล็อก':(_cUn?(_cUn.loading?'กำลังโหลด…':'ยังคิดไม่ได้'):'ยังไม่ล็อก · ยอดถึงเมื่อวาน'))+_cWho;
  var _cc=_cf?'#ffe08a':_cd?'rgba(255,224,138,.60)':'rgba(var(--ink-blue),.70)';
  var _cUnNote=(_cUn&&_cUn.note)?'<div style="font-size:var(--text-xs);margin-top:6px;color:rgba(255,224,138,.85);line-height:1.45">'+((typeof _commEscapeHtml==='function')?_commEscapeHtml(_cUn.note):_cUn.note)+'</div>':'';
  var _cns=_commFmtPct(_cn);   // HI-1: ปัด 1 ตำแหน่งเหมือนทุกจอ (เดิมขึ้น "104.36218%")
  var _cOpen=(_cf||_cd)&&(_cmr||_cAdminTotal);   // มีแถวที่คิดแล้ว ⇒ แตะดูที่มาของยอดได้เหมือนเดือนอื่น
  var currentMonthHtml='<div'+(_cOpen?' onclick="_commOpenHistoryDetail(\''+_cp+'\')"':'')+' style="padding:13px 18px 12px;border-bottom:2px solid rgba(var(--ink-blue),.10);background:rgba(var(--ink-blue),.04)'+(_cOpen?';cursor:pointer':'')+'">'
    +'<div style="display:flex;align-items:center;justify-content:space-between">'
    +'<div><div style="font-size:var(--text-base);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.88)">'+fmtPeriod(_cp)+'</div>'
    +'<div style="font-size:var(--text-sm);margin-top:3px;color:'+_cc+'">'+_cl+'</div></div>'
    +'<div style="text-align:right">'
    +(_ca!=null?'<div style="font-size:var(--text-lg2);font-weight:900;color:'+_cc+';font-family:\'IBM Plex Mono\',monospace;letter-spacing:-.5px">'+moneyFull(_ca)+_cHoExcl+'</div>':'<div style="font-size:var(--text-base);color:rgba(var(--ink-blue-hi),.52)">—</div>')
    +(_cns!=='—'?'<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.60);margin-top:2px">NRR '+_cns+'</div>':'')
    +'</div></div>'+_cUnNote+'</div>';

  window._commHistoryAllRows = allRows;

  ov.innerHTML = '<div style="position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(0);width:100%;max-width:var(--app-max,440px);background:#0d1c34;border-radius:18px 18px 0 0;max-height:82vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:9201;transition:transform .30s cubic-bezier(.34,1.1,.64,1)">'
    +'<div style="width:36px;height:4px;background:rgba(var(--ink-blue),.18);border-radius:var(--r-xxs);margin:10px auto 0"></div>'
    +'<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;position:sticky;top:0;background:#0d1c34;z-index:1;border-bottom:1px solid rgba(var(--ink-blue),.07)">'
      +'<div style="font-size:var(--text-lg2);font-weight:900;color:var(--tk-text-primary)">ค่าคอมฯ ย้อนหลัง</div>'
      +'<button onclick="closeCommissionHistory()" style="width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(var(--ink-blue),.14);color:rgba(var(--ink-blue-hi),.60);font-size:var(--text-md);cursor:pointer;font-family:inherit">✕</button>'
    +'</div>'
    +'<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);padding:8px 18px 10px">เดือนนี้ + 6 เดือนย้อนหลัง · แตะเดือนเพื่อดูที่มาของยอด</div>'
    +currentMonthHtml
    +listHtml
    +'<div style="height:24px"></div>'
    +'</div>';
}

// RV-1 (16 ต.ค. 2569): "แถวของตัวเอง" ในหน้าค่าคอมฯ ย้อนหลัง
// ผู้ดูแลที่มีแถวตำแหน่ง admin ยอด ฿0 ของตัวเอง (ก.ค. 2569 — แถวจากเฟส 9 ที่ถูกแก้เป็น ฿0 ภายหลัง)
// ไม่ใช่ค่าคอมฯ ของคนนั้น ⇒ ไม่นับเป็นแถวของตัวเอง ให้เห็นยอดรวมทั้งงวดเหมือนเดือนอื่น (เดิมเห็น ก.ค. ฿0 · NRR —)
// ตำแหน่งอื่น และแถว admin ที่มียอดจริง = เหมือนเดิม
function _commHistIsOwnRow(r, email, viewerIsAdmin) {
  if (!r || String(r.beneficiary_email || '').toLowerCase() !== String(email || '').toLowerCase()) return false;
  if (viewerIsAdmin && String(r.beneficiary_role || '').toLowerCase() === 'admin' && !Number(r.payout_amount || 0)) return false;
  return true;
}
window._commHistIsOwnRow = _commHistIsOwnRow;

window._commOpenHistoryDetail = function(period) {
  var ov = document.getElementById('comm-history-overlay');
  if (!ov) return;
  var allRows = window._commHistoryAllRows || [];
  var role = getCurrentRole ? getCurrentRole() : '';
  var email = (currentUserProfile && currentUserProfile.email) || '';
  var pRows = allRows.filter(function(r){ return r.period_month===period; });
  // v878 (phase 8): match on the viewer's own engine-role bucket, not a
  // hardcoded 'kam' — see the matching fix in _commRenderHistoryList above.
  var _detailRole = (typeof _commEngineRole==='function') ? _commEngineRole(role) : 'kam';
  if (isRepRole(role)||isADRole(role)||isPMRole(role)) pRows = pRows.filter(function(r){ return r.beneficiary_role===_detailRole&&(r.beneficiary_email||'').toLowerCase()===email.toLowerCase(); });
  else if (isTLRole(role)) pRows = pRows.filter(function(r){ return (r.team_lead_email||'').toLowerCase()===email.toLowerCase()||(r.beneficiary_email||'').toLowerCase()===email.toLowerCase(); });

  function fmtPeriod(p){ var pts=(p||'').split('-'); var mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'][parseInt(pts[1])-1]||pts[1]; return mo+' '+(parseInt(pts[0])+543); }
  function moneyFull(n){ var v=Math.round(Number(n||0)); if(!v)return'฿0'; return '฿'+v.toLocaleString('en-US'); }
  function moneyK(n){ var v=Number(n||0); if(!v)return'฿0'; if(v>=1e6)return'฿'+(v/1e6).toFixed(1)+'M'; if(v>=1000)return'฿'+Math.round(v/1000)+'K'; return'฿'+Math.round(v); }

  var myKam = pRows.find(function(r){return r.beneficiary_role==='kam';});
  var myTl  = pRows.find(function(r){return r.beneficiary_role==='tl';});
  // v_vis (2026-10-03): หัวหน้าทีมเห็นแถวของลูกทีมด้วย (ตั้งใจ) แต่หน้า "ของฉัน" ต้องเป็นแถวของตัวเอง
  // เดิม myKam มาก่อน ⇒ หัวหน้าทีมกดเดือนหนึ่งแล้วได้รายละเอียดของ KAM คนแรกในทีมเหมือนเป็นของตัวเอง
  var myOwn = pRows.find(function(r){return _commHistIsOwnRow(r, email, isAdminRole(role));});
  // R1 UI #9: ผู้ดูแลที่ไม่มีแถวของตัวเอง เดิมได้รายละเอียดของ KAM คนแรกเหมือนเป็นของตัวเอง ขณะที่รายการบอก "ยอดรวมทั้งงวด"
  // ⇒ ตารางคนในงวดนั้น + ยอดรวม (ตัวเลขเดียวกับรายการ)
  if (isAdminRole(role) && !myOwn && pRows.length) { ov.innerHTML = _commHistPeriodSummaryHtml(period, pRows, fmtPeriod, moneyFull); return; }
  var focusRow = isAdminRole(role) ? (myOwn || myKam || myTl || pRows[0]) : myOwn;
  if (!focusRow) { ov.querySelector('div').innerHTML += '<div style="padding:20px;text-align:center;color:rgba(var(--ink-blue),.52)">ไม่มีข้อมูล</div>'; return; }

  // HI-4 / R11: อัตราที่ใช้จริงตอนล็อก — อ่านจากแถวนั้นเท่านั้น (ดู _commHistRates) ไม่เจอ = "—"
  // เดิมอ่าน focusRow.config_snapshot ซึ่งไม่มีอยู่จริง (อยู่ใน breakdown) ⇒ ได้อัตรากลางของวันนี้เสมอ
  // (มิ.ย. ขึ้น 1.5% ทั้งที่จ่าย 3%)
  var _rates = _commHistRates(focusRow);
  var _p1Pct  = _commHistRateTxt(_rates.p1);
  var _p3Pct  = _commHistRateTxt(_rates.p3);
  var _expPct = _commHistRateTxt(_rates.exp);

  var bd = focusRow.breakdown || {};
  var isTlRow = focusRow.beneficiary_role === 'tl';
  var isSkipped = bd.type === 'skipped';
  var ho = bd.handover || {};
  var gate = bd.gmv_gate || {};
  var _up = _commHistUpsell(bd);
  var p1 = Object.assign({}, (bd.upsell_sku && bd.upsell_sku.p1) || {}, { comm: _up.p1.comm, gmv: _up.p1.gmv });
  var p3 = Object.assign({}, (bd.upsell_sku && bd.upsell_sku.p3) || {}, { comm: _up.p3.comm, gmv_incremental: _up.p3.gmv });
  var expOutlet = bd.upsell_outlet || {};
  var _mo = fmtPeriod(period).split(' ')[0];
  var _baseLbl = _commHistBaseLbl(period);   // HI-7
  var _gl = isTlRow ? null : _commHistGateLines(focusRow);   // HI-6

  // counts from breakdown
  var p1GroupCount = Number(bd.p1_group_count || (p1.group_count) || (p1.groups && p1.groups.length) || 0);
  var p3GroupCount = Number(bd.p3_group_count || (p3.group_count) || (p3.groups && p3.groups.length) || 0);
  var nrrOutletCount = Number(bd.account_count || 0);
  var expOutletCount = Number(bd.expansion_outlet_count || (bd.expansion_detail && bd.expansion_detail.length) || 0);

  var gateActive = gate.gate_active === true;
  var gateMult = gate.cap_multiplier != null ? Number(gate.cap_multiplier) : 1;

  // section label
  function secLbl(txt, color){
    return '<div style="font-size:var(--text-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:'+(color||'rgba(var(--ink-blue),.45)')+';padding:12px 18px 5px;font-family:\'IBM Plex Mono\',monospace">'+txt+'</div>';
  }
  // source row: label + sub + amount
  function srcRow(label, sub, amount, color, borderBottom){
    var border = borderBottom!==false ? 'border-bottom:1px solid rgba(var(--ink-blue),.06);' : '';
    return '<div style="display:flex;justify-content:space-between;align-items:center;padding:10px 18px;'+border+'">'
      +'<div>'
      +'<div style="font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.82)">'+label+'</div>'
      +(sub?'<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);margin-top:2px">'+sub+'</div>':'')
      +'</div>'
      +'<div style="font-size:var(--text-base);font-weight:900;color:'+(color||'#ffe08a')+';font-family:\'IBM Plex Mono\',monospace;letter-spacing:-.3px;flex-shrink:0;margin-left:12px">'+amount+'</div>'
      +'</div>';
  }
  // HI-6: เส้นเกตของงวดนั้น (จากที่จดไว้) + ผลที่ได้ · ไม่รู้เส้น = บอกแค่ผล ไม่เดาเส้น
  function gateRow(){
    // Bucci 25 ต.ค. 2569: บอกเป็น ได้ X% จากตัวคูณที่จดไว้ (ไม่ใช่ ×0.5 / "ได้ 50%" ตายตัว)
    var _gw = function(c){ return (typeof _gateWordTh === 'function' && _gateWordTh(c)) || (c >= 1 ? 'ได้เต็ม' : 'ได้ ' + Math.round(Math.max(0, c) * 100) + '%'); };
    var res = _gw(gateMult);
    var capTxt = _gw;
    var lines = _gl
      ? ('ได้เต็มตั้งแต่ ' + _commFormatPts(_gl.full) + '% · ' + (_gl.capHalf != null ? capTxt(_gl.capHalf) : 'ได้บางส่วน') + ' '
         + _commFormatPts(_gl.zero) + '–' + _commFormatPts(Math.round((_gl.full - 0.1) * 10) / 10) + '% · ต่ำกว่า ' + _commFormatPts(_gl.zero) + '% '
         + _gw(_gl.capZero != null ? _gl.capZero : 0))
      : 'ไม่ได้จดเส้นเกตของงวดนี้ไว้';
    var bad = gateMult < 1;
    return '<div style="display:flex;justify-content:space-between;align-items:center;padding:9px 18px;border-bottom:1px solid rgba(var(--ink-blue),.06)">'
      +'<div style="min-width:0">'
      +'<div style="font-size:var(--text-md);font-weight:var(--fw-bold);color:'+(bad?'rgba(255,120,80,.90)':'rgba(var(--ink-blue-hi),.82)')+'">เกต '+_mo+'</div>'
      +'<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);margin-top:2px">'+lines+'</div>'
      +'</div>'
      +'<div style="font-size:var(--text-sm);font-weight:var(--fw-bold);color:'+(bad?'rgba(255,120,80,.90)':'var(--tk-ok-border)')+';font-family:\'IBM Plex Mono\',monospace;flex-shrink:0;margin-left:12px">'+res+'</div>'
      +'</div>';
  }
  // HI-8: สี %NRR จากเส้นที่จดไว้ของงวดนั้น ไม่รู้เส้น = ไม่ลงสี
  // 24 ต.ค. 2569 (Bucci): ชุดสีเดียวกับทุกจอ (src/domain/nrr/bands.js) แต่ใช้เส้นที่จดไว้ในงวดที่ปิดแล้ว (ไม่อ่านเกณฑ์ปัจจุบัน)
  //   ต่ำกว่าเกต = ได้ 0 (แดงเข้ม) · ในเกต = ได้ 50% (แดง) · ไม่ถึงขั้นแรก = เหลือง · ขั้น n = เขียว / ฟ้า / ม่วง
  var _nrrCmp = focusRow.governed_nrr_pct != null ? Math.round(Number(focusRow.governed_nrr_pct) * 10) / 10 : null;
  var _nrrColor = 'rgba(var(--ink-blue-hi),.88)';
  (function(){
    if (_nrrCmp === null || isSkipped) return;
    var steps = ((bd.config_snapshot || {}).nrr_tiers_used || []).filter(function(t){ return Number(t.payout_value) > 0 && t.min_value != null; })
      .map(function(t){ return Number(t.min_value); }).sort(function(a, b){ return a - b; });
    if (!_gl && !(isTlRow && steps.length)) return;
    if (_gl && _nrrCmp < _gl.zero) { _nrrColor = 'var(--zone-zero)'; return; }
    if (_gl && _nrrCmp < _gl.full) { _nrrColor = 'var(--zone-half)'; return; }
    var n = steps.filter(function(s){ return s <= _nrrCmp; }).length;
    _nrrColor = n ? 'var(--zone-t' + Math.min(n, 3) + ')' : (steps.length ? 'var(--zone-below1)' : 'var(--zone-t1)');
  })();

  var bodyHtml = '';

  // hero card
  bodyHtml += '<div style="margin:8px 18px 4px;padding:14px 16px;background:rgba(255,224,138,.07);border:1px solid rgba(255,224,138,.16);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:space-between;gap:12px">'
    +'<div style="flex:none">'
    +'<div style="font-size:var(--text-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,224,138,.55);font-family:\'IBM Plex Mono\',monospace;margin-bottom:5px;white-space:nowrap">รวมทั้งหมด</div>'
    +'<div style="font-size:26px;font-weight:900;color:#ffe08a;font-family:\'IBM Plex Mono\',monospace;letter-spacing:-1px">'+moneyFull(focusRow.payout_amount)+'</div>'
    +'</div>'
    +'<div style="text-align:right">'
    +'<div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.06em;color:rgba(var(--ink-blue-hi),.55);font-family:\'IBM Plex Mono\',monospace;margin-bottom:4px">%NRR</div>'
    +'<div style="font-size:var(--text-3xl);font-weight:900;color:'+_nrrColor+';font-family:\'IBM Plex Mono\',monospace">'+_commFmtPct(focusRow.governed_nrr_pct)+'</div>'
    +(_baseLbl?'<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.45);margin-top:2px">'+_baseLbl+'</div>':'')
    +'</div>'
    +'</div>';

  if (isSkipped) {
    // HI-6 / RF-3: แถวที่ข้าม = ไม่เข้าเกณฑ์งวดนี้ บอกเหตุแทนแถวเงิน (ไม่โชว์ "×1.00 ผ่าน" กับ ฿0)
    bodyHtml += secLbl('ไม่เข้าเกณฑ์งวดนี้');
    bodyHtml += '<div style="padding:10px 18px;font-size:var(--text-md);color:rgba(var(--ink-blue-hi),.82);line-height:1.5">'
      + ((typeof _commEscapeHtml==='function')?_commEscapeHtml(_commHistReasonTh(bd.skip_reason || 'ไม่ได้จดเหตุไว้')):_commHistReasonTh(bd.skip_reason || 'ไม่ได้จดเหตุไว้'))
      + '</div>';
  } else if (isTlRow) {
    // TL view
    bodyHtml += secLbl('ที่มาของค่าคอมฯ');
    bodyHtml += srcRow('ขั้นเงินจาก %NRR ทีม', null, moneyFull(bd.nrr_payout||0), 'var(--tk-ok-bright)');
    // HI-5: ตัวคูณเก็บได้ทั้งแบบวัตถุ (ก.ค.–ก.ย.) และข้อความ (พ.ค.–มิ.ย.) — เดิมขึ้น [object Object]
    var _mt = _commHistTlMultTxt(bd.upsell_mult);
    if (_mt) bodyHtml += srcRow('ตัวคูณ upsell ทีม', _mt, '', 'rgba(var(--ink-blue),.70)');
    bodyHtml += srcRow('เกต', 'หัวหน้าทีมไม่มีเกต', '', 'rgba(var(--ink-blue),.70)');
    bodyHtml += '<div style="display:flex;justify-content:space-between;align-items:center;padding:11px 18px;border-top:1px solid rgba(255,224,138,.15);margin-top:2px">'
      +'<div style="font-size:var(--text-base);font-weight:800;color:rgba(var(--ink-blue-hi),.80)">รวม</div>'
      +'<div style="font-size:var(--text-xl);font-weight:900;color:#ffe08a;font-family:\'IBM Plex Mono\',monospace;letter-spacing:-.5px">'+moneyFull(focusRow.payout_amount)+'</div>'
      +'</div>';
  } else {
    // KAM view — full breakdown
    bodyHtml += secLbl('ที่มาของค่าคอมฯ');

    // NRR row
    var nrrSub = 'NRR '+_commFmtPct(focusRow.governed_nrr_pct);
    if (nrrOutletCount) nrrSub += ' · '+nrrOutletCount+' สาขา';
    // HI-7: ป้ายฐานของงวด (จาก nrr_policies) อยู่ที่หัวการ์ดแล้ว ไม่เขียนซ้ำในแถวนี้
    bodyHtml += srcRow('ขั้นเงินจาก %NRR', nrrSub, moneyFull(bd.nrr_payout||0), 'var(--tk-ok-bright)');

    // P1 (แถว Excel เก็บยอดไว้ที่ upsell_sku.p1_comm — เดิมไม่ถูกอ่าน แถวนี้จึงหาย/ขึ้น ฿0)
    if (Number(p1.comm||0) > 0 || p1GroupCount > 0) {
      var p1Sub = 'GMV '+(p1.gmv!=null?moneyK(p1.gmv):'—')+' · อัตรา '+_p1Pct;
      if (p1GroupCount) p1Sub += ' · '+p1GroupCount+' กลุ่มสินค้า';
      bodyHtml += srcRow('สินค้าใหม่ (P1)', p1Sub, moneyFull(p1.comm||0), '#ffe08a');
    }

    // P3
    if (Number(p3.comm||0) > 0 || p3GroupCount > 0) {
      var p3Sub = 'ส่วนที่โตเพิ่ม '+(p3.gmv_incremental!=null?moneyK(p3.gmv_incremental):'—')+' · อัตรา '+_p3Pct;
      if (p3GroupCount) p3Sub += ' · '+p3GroupCount+' กลุ่มสินค้า';
      bodyHtml += srcRow('ซื้อเพิ่ม (P3)', p3Sub, moneyFull(p3.comm||0), '#ffe08a');
    }

    // Expansion
    if (Number(expOutlet.commission||0) > 0 || expOutletCount > 0) {
      var expSub = 'GMV '+(expOutlet.outlet_gmv!=null?moneyK(expOutlet.outlet_gmv):'—')+' · อัตรา '+_expPct;
      if (expOutletCount) expSub += ' · '+expOutletCount+' สาขา';
      bodyHtml += srcRow('Expansion (สาขาใหม่)', expSub, moneyFull(expOutlet.commission||0), '#00c8b0');
    }

    // Handover
    // HO ครั้งเดียวต่อสาขา: สาขาที่ไม่นับซ้ำถูกเก็บไว้ใน snapshot (breakdown.handover.repeat_skipped)
    // ⇒ โชว์เป็นแถวจาง แม้งวดนั้นทุกสาขาถูกข้ามจนไม่มียอด HO
    var _hoSkipHtml = (typeof _commHoSkippedRowsHtml === 'function') ? _commHoSkippedRowsHtml(ho.repeat_skipped, period) : '';
    if (ho.ledger_missing) {
      bodyHtml += srcRow('Handover (รับโอนร้าน)', (typeof COMM_HO_LEDGER_FAIL_TH === 'string' ? COMM_HO_LEDGER_FAIL_TH : 'ยังคิดค่า Handover งวดนี้ไม่ได้ (ดึงรายชื่อสาขาที่เคยได้ HO ไม่สำเร็จ) — ลองเปิดใหม่อีกครั้ง'), '—', '#bcd7ff');
    } else if (Number(ho.payout||0) > 0 || ho.accounts || _hoSkipHtml) {
      var hoSub = '';
      // ทุกสาขาถูกข้าม ⇒ บอกก่อนแถวจางว่างวดนี้ไม่มีสาขาที่นับ (สัญญา v2 E4)
      if (!ho.accounts && _hoSkipHtml) hoSub += 'ไม่มีสาขาที่นับ HO งวดนี้';
      if (ho.accounts) hoSub += ho.accounts+' ร้าน';
      // R1 UI #12: ภาษาคน + บาทเต็ม (เดิม "Retention 179.5% · Base ฿145K → MTD ฿269K")
      if (ho.retention_pct) hoSub += (hoSub?' · ':'')+'รักษายอดได้ '+_commFmtPct(ho.retention_pct);
      if (ho.baseline_gmv) hoSub += (hoSub?' · ':'')+'ฐาน '+moneyFull(ho.baseline_gmv)+' → เดือนนั้น '+moneyFull(ho.current_gmv);
      if (_hoSkipHtml) hoSub += (hoSub?' · ':'')+'ไม่นับซ้ำ '+ho.repeat_skipped.length+' สาขา';
      bodyHtml += srcRow('Handover (รับโอนร้าน)', hoSub||null, moneyFull(ho.payout||0), '#bcd7ff');
      if (_hoSkipHtml) bodyHtml += '<div class="comm-ho-skip-list">'+_hoSkipHtml+'</div>';
    }

    // Gate
    bodyHtml += gateRow();

    // Total line
    bodyHtml += '<div style="display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid rgba(255,224,138,.15);margin-top:2px">'
      +'<div style="font-size:var(--text-base);font-weight:800;color:rgba(var(--ink-blue-hi),.80)">รวม</div>'
      +'<div style="font-size:var(--text-xl);font-weight:900;color:#ffe08a;font-family:\'IBM Plex Mono\',monospace;letter-spacing:-.5px">'+moneyFull(focusRow.payout_amount)+'</div>'
      +'</div>';
  }

  // footer meta
  // R1 UI #12: เดิม "lock: manual_backfill · 2026-06" ⇒ "บันทึกย้อนหลังโดยเจ้าของระบบ · ข้อมูลถึง 30 มิ.ย. 2569" (ไม่รู้ = ไม่เขียน)
  var _lockMeta = _commHistLockMetaTh(bd, period);
  if (_lockMeta) bodyHtml += '<div style="padding:8px 18px 20px;font-size:var(--text-xs);color:rgba(var(--ink-blue),.52)">'+_lockMeta+'</div>';
  else bodyHtml += '<div style="height:14px"></div>';

  var _mxH = (window.innerHeight - 60) + 'px';
  var detailHtml = '<div style="position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-max,440px);max-height:'+_mxH+';background:#0d1c34;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden;z-index:9201">'
    +'<div style="width:36px;height:4px;background:rgba(var(--ink-blue),.18);border-radius:var(--r-xxs);margin:10px auto 0;flex-shrink:0"></div>'
    +'<div style="display:flex;align-items:center;justify-content:space-between;padding:12px 18px 8px;flex-shrink:0;border-bottom:1px solid rgba(var(--ink-blue),.08)">'
      +'<div>'
        +'<div style="font-size:var(--text-lg2);font-weight:900;color:var(--tk-text-primary)">'+fmtPeriod(period)+'</div>'
        +'<div style="font-size:var(--text-xs);color:rgba(255,224,138,.62);margin-top:2px">'+(String(focusRow.snapshot_status||'').toLowerCase()==='final'?'ยอดที่ล็อกแล้ว':'ยอดที่คิดไว้ · ยังไม่ล็อก')+'</div>'
      +'</div>'
      +'<button onclick="_commOpenHistoryList()" style="font-size:var(--text-sm);color:rgba(var(--ink-blue),.60);background:rgba(var(--ink-blue),.06);border:1px solid rgba(var(--ink-blue),.12);border-radius:var(--r-8);cursor:pointer;padding:5px 10px;font-family:inherit">‹ ย้อนหลัง</button>'
    +'</div>'
    +'<div style="overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1">'
    + bodyHtml
    +'</div>'
    +'</div>';

  ov.innerHTML = detailHtml;
};

// R1 UI #9: ยอดรวมของงวดสำหรับผู้ดูแล — ทุกคนที่มีแถว (KAM · หัวหน้าทีม · AD · PM) + ยอดรวม (เท่ากับในรายการ)
function _commHistPeriodSummaryHtml(period, rows, fmtPeriod, moneyFull) {
  var esc = (typeof _commEscapeHtml === 'function') ? _commEscapeHtml : function(v){ return String(v == null ? '' : v); };
  var order = { tl: 0, kam: 1, ad: 2, pm: 3 };
  // UIR A8: รายชื่อ = เฉพาะคนที่นับ (ดู _commHistCountedRows) · ยอดรวม/สถานะล็อก = ทุกแถวของงวดเหมือนเดิม
  var list = _commHistCountedRows(rows).sort(function(a, b){
    return ((order[a.beneficiary_role] ?? 9) - (order[b.beneficiary_role] ?? 9)) || (Number(b.payout_amount || 0) - Number(a.payout_amount || 0));
  });
  var total = rows.reduce(function(sm, r){ return sm + Number(r.payout_amount || 0); }, 0);
  var final = rows.some(function(r){ return String(r.snapshot_status || '').toLowerCase() === 'final'; });
  var rowsHtml = list.map(function(r){
    var bd = r.breakdown || {};
    var name = bd.kam_name || bd.team_lead_name || String(r.beneficiary_email || '').split('@')[0] || '—';
    var skipped = bd.type === 'skipped';
    var sub = _commHistRoleTh(r.beneficiary_role)
      + (skipped ? ' · ไม่เข้าเกณฑ์งวดนี้' : (r.governed_nrr_pct != null ? ' · NRR ' + _commFmtPct(r.governed_nrr_pct) : ''));
    return '<div style="display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 18px;border-bottom:1px solid rgba(var(--ink-blue),.06)">'
      + '<div style="min-width:0"><div style="font-size:var(--text-md);font-weight:var(--fw-bold);color:rgba(var(--ink-blue-hi),.85);overflow-wrap:anywhere">' + esc(name) + '</div>'
      + '<div style="font-size:var(--text-xs);color:rgba(var(--ink-blue),.55);margin-top:2px">' + esc(sub) + '</div></div>'
      + '<div style="flex-shrink:0;font-size:var(--text-base);font-weight:900;font-family:\'IBM Plex Mono\',monospace;color:' + (Number(r.payout_amount || 0) > 0 ? '#ffe08a' : 'rgba(var(--ink-blue-hi),.45)') + '">' + (skipped ? 'ข้าม' : moneyFull(r.payout_amount)) + '</div></div>';
  }).join('');
  return '<div style="position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-max,440px);max-height:' + (window.innerHeight - 60) + 'px;background:#0d1c34;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden;z-index:9201">'
    + '<div style="width:36px;height:4px;background:rgba(var(--ink-blue),.18);border-radius:var(--r-xxs);margin:10px auto 0;flex-shrink:0"></div>'
    + '<div style="display:flex;align-items:center;justify-content:space-between;padding:12px 18px 8px;flex-shrink:0;border-bottom:1px solid rgba(var(--ink-blue),.08)">'
    + '<div><div style="font-size:var(--text-lg2);font-weight:900;color:var(--tk-text-primary)">' + fmtPeriod(period) + '</div>'
    + '<div style="font-size:var(--text-xs);color:rgba(255,224,138,.62);margin-top:2px">' + (final ? 'ยอดที่ล็อกแล้ว' : 'ยอดที่คิดไว้ · ยังไม่ล็อก') + ' · ' + _commHistPeopleTxt(list) + '</div></div>'
    + '<button onclick="_commOpenHistoryList()" style="font-size:var(--text-sm);color:rgba(var(--ink-blue),.60);background:rgba(var(--ink-blue),.06);border:1px solid rgba(var(--ink-blue),.12);border-radius:var(--r-8);cursor:pointer;padding:5px 10px;font-family:inherit">‹ ย้อนหลัง</button>'
    + '</div>'
    + '<div style="overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1">'
    + '<div style="margin:8px 18px 4px;padding:14px 16px;background:rgba(255,224,138,.07);border:1px solid rgba(255,224,138,.16);border-radius:var(--r-lg)">'
    + '<div style="font-size:var(--text-xs);font-weight:800;color:rgba(255,224,138,.62);margin-bottom:5px">ยอดรวมทั้งงวด</div>'
    + '<div style="font-size:26px;font-weight:900;color:#ffe08a;font-family:\'IBM Plex Mono\',monospace;letter-spacing:-1px">' + moneyFull(total) + '</div></div>'
    + rowsHtml + '<div style="height:20px"></div></div></div>';
}

window._commOpenHistoryList = function() {
  var allRows = window._commHistoryAllRows || [];
  var role = getCurrentRole ? getCurrentRole() : '';
  var email = (currentUserProfile && currentUserProfile.email) || '';
  var ov = document.getElementById('comm-history-overlay');
  if (ov) _commRenderHistoryList(ov, allRows, role, email);
};

function closeCommissionHistory() {
  var ov = document.getElementById('comm-history-overlay');
  if (!ov) return;
  var sh = ov.querySelector('div');
  if (sh) sh.style.transform = 'translateX(-50%) translateY(100%)';
  ov.style.background = 'rgba(5,14,28,.0)';
  ov.style.pointerEvents = 'none';
  setTimeout(function(){ if(ov.parentNode) ov.parentNode.removeChild(ov); }, 310);
}

window.openCommissionHistory = openCommissionHistory;
window.closeCommissionHistory = closeCommissionHistory;


// target module loaded


// ============================================================
// Folded from 08_patches.js — Step 2 dissolve
// ============================================================


//////////////////////////////////////////////////////////////////////////////
// PATCH: freshket-v211c-handover-movement-fix-js
//////////////////////////////////////////////////////////////////////////////

(function(){
  var VERSION='v211c';
  var DATA_VERSION='2026-05-22-v211c-handover-fix';
  function normId(v){return String(v==null?'':v).trim();}
  function normName(v){return String(v==null?'':v).trim().toLowerCase().replace(/\s+/g,' ');}
  function esc(v){try{return String(v==null?'':v).replace(/[&<>'"]/g,function(ch){return {'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[ch];});}catch(e){return String(v||'');}}
  function parseLine(line){try{if(typeof parseCSVRow==='function')return parseCSVRow(line);}catch(e){} var out=[],cur='',q=false; for(var i=0;i<String(line).length;i++){var c=line[i]; if(c==='"'){if(q&&line[i+1]==='"'){cur+='"';i++;}else q=!q;}else if(c===','&&!q){out.push(cur);cur='';}else cur+=c;} out.push(cur); return out;}
  function fmtK(v){v=Number(v||0);var sign=v<0?'−':'';var av=Math.abs(v);if(av>=1000000)return sign+'฿'+(av/1000000).toFixed(1)+'M';if(av>=1000)return sign+'฿'+Math.round(av/1000)+'K';return sign+'฿'+Math.round(v);}
  function currentKamName(){try{return window._ncsKamLabel || (currentUserProfile&&(currentUserProfile.kam_name||currentUserProfile.full_name)) || '';}catch(e){return '';}}
  function setHandoverData(data){try{bulkHandoverData=data;}catch(e){window.bulkHandoverData=data;}}
  function getHandoverData(){try{return bulkHandoverData || {byAccountId:{},byKamName:{},byAccountIdNorm:{}};}catch(e){return window.bulkHandoverData || {byAccountId:{},byKamName:{},byAccountIdNorm:{}};}}
  function parseHandoverText(text){
    var lines=String(text||'').trim().split(/\r?\n/).filter(function(l){return l.trim();});
    if(lines.length && /kam_name/i.test(lines[0])) lines=lines.slice(1);
    var byAccountId={}, byAccountIdNorm={}, byOutletId={}, byKamName={}, byNewKamName={}, rows=[];
    lines.forEach(function(l){
      var p=parseLine(l);
      var kamName=(p[0]||'').trim(), accountId=normId(p[1]), accountName=(p[2]||'').trim(), accountType=(p[3]||'').trim();
      var lastMonthGmv=Number(p[4]||0)||0, curMonthGmv=Number(p[5]||0)||0, newOwnerType=(p[6]||'').trim(), newKamName=(p[7]||'').trim();
      var transferBasis=(p[8]||'').trim(), lastOrderDate=(p[9]||'').trim();
      // V3: new columns for prev_owner + commission tactic B
      var prevOwner=(p[10]||'NEW').trim()||'NEW';
      var transferMonth=(p[11]||'').trim();
      var baselineGmv=Number(p[12]||0)||0, perfGmv=Number(p[13]||0)||0;
      var perfDays=parseInt(p[14])||30, baselineDays=parseInt(p[15])||30;
      var outletId=(p[16]||'').trim();  // v300: user_id (res_id) — outlet-level handover exclude
      // v_cardgap: แถวที่ชื่อเจ้าของเดิมว่าง (SQL Q10 แปลง null เป็น '') ยังเป็นร้านที่ต้องคิด HO ให้คนรับ — เดิมทิ้งเงียบ ๆ
      // (Dashboard เก็บไว้ ⇒ สองแอปคิดไม่เท่ากัน) · ต้องมีรหัสบัญชีและชื่อคนรับเท่านั้นถึงจะใช้ได้
      if(!accountId || (!kamName && !newKamName)) return;
      var row={kamName:kamName,accountId:accountId,accountName:accountName,accountType:accountType,lastMonthGmv:lastMonthGmv,curMonthGmv:curMonthGmv,newOwnerType:newOwnerType,newKamName:newKamName,transferBasis:transferBasis,lastOrderDate:lastOrderDate,prevOwner:prevOwner,transferMonth:transferMonth,baselineGmv:baselineGmv,perfGmv:perfGmv,perfDays:perfDays,baselineDays:baselineDays,outletId:outletId};
      rows.push(row);
      // v300: outlet-level index so app can exclude handover outlets from NRR core
      if(outletId){ byOutletId[outletId]={kamName:kamName,accountId:accountId,accountName:accountName,prevOwner:prevOwner,newKamName:newKamName}; }
      // ถ้า account นี้มีหลาย outlet: ให้ SALE prevOwner มาก่อนเสมอ (ไม่ overwrite ด้วย non-SALE)
      if (!byAccountId[accountId] || (row.prevOwner||'').toUpperCase()==='SALE') {
        byAccountId[accountId]=row; byAccountIdNorm[normId(accountId).toLowerCase()]=row;
      }
      if(kamName)(byKamName[kamName]||(byKamName[kamName]=[])).push(row);
      if(newKamName)(byNewKamName[newKamName]||(byNewKamName[newKamName]=[])).push(row);
    });
    return {byAccountId:byAccountId,byAccountIdNorm:byAccountIdNorm,byOutletId:byOutletId,byKamName:byKamName,byNewKamName:byNewKamName,rows:rows,loadedAt:Date.now(),version:DATA_VERSION};
  }
  function schedulePortviewRefresh(){
    try{window._freshketHandoverLoadedAt=Date.now();}catch(e){}
    setTimeout(function(){
      // v_renderstorm: ผ่านตัวรวมคำสั่งแทนเรียกตรง (เดิมเรียกตรงแม้จะมี setTimeout ห่อไว้แล้ว
      // แต่ไม่ได้ share timer กับจุดอื่น เรียกซ้อนกับจุดอื่นได้ = ต้นเหตุ render storm)
      try{ if(typeof scheduleRenderPortviewTargetBar==='function') scheduleRenderPortviewTargetBar(); }catch(e){}
      try{ if(document.getElementById('scr-portview')&&document.getElementById('scr-portview').classList.contains('on')){ if(typeof renderPortviewSummary==='function')renderPortviewSummary(); if(typeof schedulePortviewListRender==='function')schedulePortviewListRender(); } }catch(e){}
    },120);
  }
  try{
    if(typeof R2_FILES!=='undefined' && R2_FILES){ R2_FILES.handover='portview_handover.csv?v='+encodeURIComponent(DATA_VERSION); }
    // v224d: removed handover IDB clear (_csvCacheSet('handover','',null)) — was preventing handover from ever being cached → cold-boot on every load
    // v224d: removed R2_SPECS.handover.cache=false override — handover now uses cache:true for warm-boot IDB fast path
  }catch(e){}
  var oldHandle=window.handleFileUpload;
  if(typeof oldHandle==='function'){
    window.handleFileUpload=function(type,input){
      if(type!=='bulk-handover') return oldHandle.apply(this,arguments);
      var file=input&&input.files&&input.files[0]; if(!file) return;
      var done=(input&&typeof input._ciqDone==='function')?input._ciqDone:function(){};
      var reader=new FileReader();
      reader.onload=function(e){
        try{
          var data=parseHandoverText(e.target.result||'');
          setHandoverData(data);
          var b=document.getElementById('badge-bulk-handover'); if(b){b.textContent='✓ '+(data.rows?data.rows.length:Object.keys(data.byAccountId||{}).length)+' rows';b.className='dp-slot-badge ok';}
          var sl=document.getElementById('slot-bulk-handover'); if(sl)sl.style.borderColor='var(--g500)';
          if((data.byNewKamName&&data.byNewKamName['Ploynitcha (Nitcha) Rujipiromthagoon']) || (data.rows||[]).some(function(r){return /ploynitcha/i.test(r.newKamName||'');})){
            try{console.log('[Freshket Sense '+VERSION+'] handover contains Ploynitcha transfer-in rows');}catch(e){}
          }
          schedulePortviewRefresh(); done();
        }catch(err){console.warn('[Freshket Sense '+VERSION+'] handover parse failed',err); done();}
      };
      reader.readAsText(file);
    };
  }
  function lookupHandover(accountId){var hd=getHandoverData();return (hd.byAccountId&&hd.byAccountId[normId(accountId)]) || (hd.byAccountIdNorm&&hd.byAccountIdNorm[normId(accountId).toLowerCase()]) || null;}
  function monthDaysFromNr(nr){var mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];var cp=String(nr.currentMonthLabel||'').split(' '),mi=mo.indexOf(cp[0]),yr=parseInt(cp[1]||'0',10)-543;return (mi>=0&&yr>1900)?new Date(yr,mi+1,0).getDate():30;}
  function rr(v,nr){return nr.daysElapsed>0?Math.round(Number(v||0)/nr.daysElapsed*monthDaysFromNr(nr)):Number(v||0);}
  function ensure(){var overlay=document.getElementById('ncs-overlay'),sheet=document.getElementById('ncs-sheet');if(!overlay){overlay=document.createElement('div');overlay.id='ncs-overlay';overlay.className='ncs-overlay';overlay.onclick=function(e){if(e.target===overlay)window._ncsClose();};document.body.appendChild(overlay);}if(!sheet){sheet=document.createElement('div');sheet.id='ncs-sheet';sheet.className='ncs-sheet';document.body.appendChild(sheet);}return{overlay:overlay,sheet:sheet};}
  // PB-6: ผลรายไตรมาส (_qnrrComputeForCommission) ไม่มี cohortDetail — ร้านรายสาขาอยู่ใน by_month[เดือนนั้น].rows
  // เดิม "ดู ›" เปิดชีทที่ขึ้น "ไม่มีข้อมูล" เสมอ · ตอนนี้จัดกลุ่มแถวของเดือนนั้นตามบัญชี
  // ฐานปรับเป็น 30 วัน (ยอดเดือนฐาน ÷ วันของเดือนฐาน × 30) ให้เทียบกับคอลัมน์ "ต่อ 30 วัน" ได้ตรง ๆ
  function qRowsDetail(nr,types){
    var bm=nr&&nr.by_month&&nr.currentPeriod?nr.by_month[nr.currentPeriod]:null;
    if(!bm||!Array.isArray(bm.rows))return null;
    var by={};
    bm.rows.forEach(function(r){
      if(!r||types.indexOf(r.movement_type)<0)return;
      var aid=normId(r.account_id||r.outlet_id||'');
      var g=by[aid]||(by[aid]={acctId:aid,acctName:r.account_name||aid,prevTotal:0,currTotal:0,outlets:[]});
      var bd=Number(r.base_days)||30;
      var prev=Number(r.base_gmv||0)>0?Math.round(Number(r.base_gmv)/bd*30):0, curr=Number(r.curr_gmv||0);
      g.prevTotal+=prev; g.currTotal+=curr;
      g.outlets.push({outletId:r.outlet_id,outletName:r.res_name||r.outlet_id,prevGmv:prev,currGmv:curr});
    });
    return Object.keys(by).map(function(k){return by[k];}).sort(function(a,b){return (b.currTotal||0)-(a.currTotal||0);});
  }
  function normalTabData(nr){return[{key:'nrr',label:'NRR',count:nr.cohortCount||0,gmv:nr.cohortGmv||0,data:nr.cohortDetail||qRowsDetail(nr,['core_nrr'])||[],color:'var(--tk-ok-bright)'},{key:'cb',label:'Comeback',count:nr.comebackCount||0,gmv:nr.comebackGmv||0,data:nr.comebackDetail||qRowsDetail(nr,['comeback'])||[],color:'#70a8ff'},{key:'ex',label:'Expansion',count:nr.expansionCount||0,gmv:nr.expansionGmv||0,data:nr.expansionDetail||qRowsDetail(nr,['expansion'])||[],color:'#18d0c0'}];}
  function pushGroups(arr,list,label,color){(list||[]).forEach(function(g){arr.push(Object.assign({},g,{mvType:label,mvColor:color,_mode:'movement'}));});}
  function movementData(nr,key){
    var grp,title,thai,color;
    if(key==='mv-ti'||key==='ti'||key==='transfer-in'){grp=nr.transferIn||{};title='Transfer in';thai='ร้านที่รับโอนเข้าเดือนนี้';color='#70a8ff';}
    else if(key==='mv-new'||key==='new'||key==='new-sales'){grp=nr.newFromSales||{};title='รับจาก Sales ระหว่างไตรมาส';thai='ร้านที่รับจาก Sales ระหว่างไตรมาส (ไม่นับใน %NRR)';color='#18d0c0';}
    else {grp=nr.transferOut||{};title='Transfer out';thai='ร้านที่โอนออกจากพอร์ตนี้';color='#ff8a70';}
    if(key==='mv-to'||key==='to'||key==='transfer-out'){
      var rows=(grp.detail||[]).map(function(r){return Object.assign({},r,{_mode:'transferOut'});});
      return{kind:'transferOut',title:title,thai:thai,color:color,count:grp.count||rows.length||0,gmv:grp.gmv||0,rows:rows};
    }
    var groups=[]; pushGroups(groups,grp.cohortDetail||[],'NRR','var(--tk-ok-bright)'); pushGroups(groups,grp.comebackDetail||[],'Comeback','#70a8ff'); pushGroups(groups,grp.expansionDetail||[],'Expansion','#18d0c0');
    groups=groups.reduce(function(acc,g){
      var id=normId(g.acctId||''); var existing=acc.find(function(x){return normId(x.acctId)===id && id;});
      if(existing){existing.prevTotal+=Number(g.prevTotal||0);existing.currTotal+=Number(g.currTotal||0);existing.outlets=(existing.outlets||[]).concat(g.outlets||[]);}
      else acc.push(Object.assign({prevTotal:0,currTotal:0,outlets:[]},g));
      return acc;
    },[]).map(function(g){
      // v251: removed lookupHandover GMV override — portview_handover.csv is Apr commission data
      // Portview movement prevTotal comes from actual order GMV, not Apr commission baseline
      return g;
    }).sort(function(a,b){return (b.currTotal||0)-(a.currTotal||0);});
    return{kind:'movement',title:title,thai:thai,color:color,count:grp.count||0,gmv:grp.gmv||0,nrr:grp.nrr,groups:groups};
  }
  function metaFor(t){if(t.kind==='movement')return (t.count||0)+' ร้าน · '+fmtK(t.gmv||0)+' MTD เดือนนี้';return (t.count||0)+' ร้าน · '+fmtK(t.gmv||0)+' GMV เดือนก่อนที่ออกจากพอร์ต';}
  function renderNormalRows(t,nr){
    if(!t.data||!t.data.length)return '<div class="ncs-empty">ไม่มีข้อมูล</div>'; var days=monthDaysFromNr(nr),isNrr=t.key==='nrr';
    return (t.data||[]).map(function(g,gi){var open=gi<4,chipVal=isNrr?fmtK(rr(g.currTotal,nr)):fmtK(g.currTotal||0);var chip='<div class="ncs-chip'+(open?' open':'')+'" onclick="_ncsChipToggle(this)"><span class="ncs-chip-chev">›</span><span class="ncs-chip-name">'+esc(g.acctName||g.acctId||'—')+'</span><span class="ncs-chip-rr" style="color:'+t.color+'">'+chipVal+'</span></div>';var rows=(g.outlets||[]).map(function(o){if(isNrr){var rv=rr(o.currGmv,nr), cls=rv>=Number(o.prevGmv||0)?'ncs-gmv rr-up':'ncs-gmv rr-dn';return '<div class="ncs-outlet-row nrr-cols"><div class="ncs-outlet-name">'+esc(o.outletName||o.outletId||'—')+'</div><div class="ncs-gmv base">'+(o.prevGmv>0?fmtK(o.prevGmv):'—')+'</div><div class="'+cls+'">'+fmtK(rv)+'</div><div class="ncs-gmv mtd">'+fmtK(o.currGmv||0)+'</div></div>';}return '<div class="ncs-outlet-row simple-cols"><div class="ncs-outlet-name">'+esc(o.outletName||o.outletId||'—')+'</div><div class="ncs-gmv" style="text-align:right;color:'+t.color+'">'+fmtK(o.currGmv||0)+'</div></div>';}).join('');return chip+'<div class="ncs-outlet-rows'+(open?' open':'')+'">'+rows+'</div>';}).join('');
  }
  function renderMovementRows(t){
    if(!t.groups||!t.groups.length)return '<div class="ncs-empty">ไม่มีข้อมูล</div>';
    return t.groups.map(function(g,gi){var open=gi<2;var prev=Number(g.prevTotal||0);var curr=Number(g.currTotal||0);var chip='<div class="ncs-chip mv2'+(open?' open':'')+'" onclick="_ncsChipToggle(this)"><span class="ncs-chip-name"><span class="ncs-chip-chev">›</span> '+esc(g.acctName||g.acctId||'—')+'</span><span class="ncs-prev-val">'+(prev?fmtK(prev):'—')+'</span><span class="ncs-mtd-val" style="color:'+t.color+'">'+fmtK(curr)+'</span></div>';var outs=(g.outlets||[]).slice(0,80).map(function(o){return '<div class="ncs-outlet-row ncs-mv2-outlet"><div class="ncs-outlet-name">'+esc(o.outletName||o.outletId||'—')+'</div><div class="ncs-gmv base">'+(o.prevGmv?fmtK(o.prevGmv):'—')+'</div><div class="ncs-gmv" style="color:'+t.color+'">'+fmtK(o.currGmv||0)+'</div></div>';}).join('');return chip+'<div class="ncs-outlet-rows'+(open?' open':'')+'">'+outs+'</div>';}).join('');
  }
  function renderTransferOutRows(t){
    if(!t.rows||!t.rows.length)return '<div class="ncs-empty">ไม่มีร้านที่โอนออก</div>';
    return t.rows.sort(function(a,b){return (b.lastMonthGmv||0)-(a.lastMonthGmv||0);}).map(function(r){var owner=r.newKamName||r.newOwnerType||'—';return '<div class="ncs-transfer-card"><div><div class="ncs-transfer-name">'+esc(r.accountName||r.accountId||'—')+'</div><div class="ncs-transfer-sub">'+esc(r.accountType||'')+' · ย้ายไป: '+esc(owner)+'</div></div><div><div class="ncs-transfer-gmv">'+fmtK(r.lastMonthGmv||0)+'</div><div class="ncs-transfer-mtd">MTD '+fmtK(r.curMonthGmv||0)+'</div></div></div>';}).join('');
  }
  function buildRowsForExport(mode,nr){var rows=[]; if(mode==='mv-to'||mode==='to'||mode==='transfer-out'){var t=movementData(nr,'mv-to');rows.push(['Type','Account','Account Type','Last Month GMV','Current MTD GMV','New Owner']);(t.rows||[]).forEach(function(r){rows.push(['Transfer out',r.accountName||r.accountId||'',r.accountType||'',Math.round(r.lastMonthGmv||0),Math.round(r.curMonthGmv||0),r.newKamName||r.newOwnerType||'']);});return rows;} if(/^mv-|^ti$|^new$|transfer-in|new-sales/.test(mode)){var mt=movementData(nr,mode);rows.push(['Movement','Account','Previous Month GMV','Current MTD GMV']);(mt.groups||[]).forEach(function(g){rows.push([mt.title,g.acctName||g.acctId||'',Math.round(g.prevTotal||0),Math.round(g.currTotal||0)]);});return rows;} var tab=(normalTabData(nr).find(function(x){return x.key===mode;})||normalTabData(nr)[0]);rows.push(tab.key==='nrr'?['Type','Account','Outlet','Baseline','Run Rate','GMV MTD']:['Type','Account','Outlet','GMV MTD']);(tab.data||[]).forEach(function(g){(g.outlets||[]).forEach(function(o){if(tab.key==='nrr')rows.push([tab.label,g.acctName||'',o.outletName||o.outletId||'',Math.round(o.prevGmv||0),Math.round(rr(o.currGmv,nr)),Math.round(o.currGmv||0)]);else rows.push([tab.label,g.acctName||'',o.outletName||o.outletId||'',Math.round(o.currGmv||0)]);});});return rows;}
  function csvEscape(v){v=String(v==null?'':v);return /[",\n]/.test(v)?'"'+v.replace(/"/g,'""')+'"':v;} function downloadRows(rows,name){var csv=rows.map(function(r){return r.map(csvEscape).join(',');}).join('\n');var blob=new Blob(['\ufeff'+csv],{type:'text/csv;charset=utf-8;'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=name||'portfolio-detail.csv';document.body.appendChild(a);a.click();setTimeout(function(){URL.revokeObjectURL(a.href);a.remove();},200);}
  function render(mode){var nr=window._ncsLastNrrResult, kamLabel=window._ncsKamLabel||currentKamName(); if(!nr){try{showToast('ยังไม่มีข้อมูลพอร์ต','!');}catch(e){}return;} var activeMode=mode||'nrr'; window._ncsActiveMode=activeMode; var dom=ensure(), overlay=dom.overlay, sheet=dom.sheet; var isMovement=/^mv-|^ti$|^new$|^to$|transfer-in|transfer-out|new-sales/.test(activeMode); var title='รายละเอียด GMV', subtitle='ดูรายร้าน/สาขา โดยไม่ต้องปิด panel คำอธิบายหลัก', meta='', head='', body='', total='', totalColor='var(--tk-ok-bright)';
    if(isMovement){var mt=movementData(nr,activeMode);title='รายละเอียด '+mt.title;subtitle=mt.thai+' — '+esc(kamLabel);meta=metaFor(mt);total=fmtK(mt.gmv||0);totalColor=mt.color;if(mt.kind==='transferOut'){head='';body=renderTransferOutRows(mt);sheet.innerHTML='<div class="ncs-handle"><div></div></div><button class="ncs-close-x" onclick="_ncsClose()">×</button><div class="ncs-header"><div class="ncs-title">'+esc(title)+'</div><div class="ncs-subtitle">'+esc(subtitle)+'</div></div><div class="ncs-meta"><span class="ncs-meta-text">'+esc(meta)+'</span></div><div class="ncs-body" id="ncs-body">'+body+'</div><div class="ncs-total"><span class="ncs-total-lbl">รวม '+esc(mt.title)+'</span><span class="ncs-total-val" style="color:'+totalColor+'">'+total+'</span></div><div class="ncs-footer"><button class="ncs-btn primary" onclick="_ncsExportCSV()">↓ ดาวน์โหลด CSV</button><button class="ncs-btn secondary" onclick="_ncsCopyTSV()">Copy TSV</button></div>';}else{head='<div class="ncs-th">Outlet / Account</div><div class="ncs-th r">เดือนก่อน</div><div class="ncs-th r">MTD</div>';body=renderMovementRows(mt);sheet.innerHTML='<div class="ncs-handle"><div></div></div><button class="ncs-close-x" onclick="_ncsClose()">×</button><div class="ncs-header"><div class="ncs-title">'+esc(title)+'</div><div class="ncs-subtitle">'+esc(subtitle)+'</div></div><div class="ncs-meta"><span class="ncs-meta-text">'+esc(meta)+'</span><button id="ncs-toggle-btn" class="ncs-sort-btn" onclick="_ncsToggleAll()">ย่อทั้งหมด</button></div><div class="ncs-tbl-head ncs-mv2-cols">'+head+'</div><div class="ncs-body" id="ncs-body">'+body+'</div><div class="ncs-total"><span class="ncs-total-lbl">รวม '+esc(mt.title)+' <span class="ncs-subtle-note">MTD</span></span><span class="ncs-total-val" style="color:'+totalColor+'">'+total+'</span></div><div class="ncs-footer"><button class="ncs-btn primary" onclick="_ncsExportCSV()">↓ ดาวน์โหลด CSV</button><button class="ncs-btn secondary" onclick="_ncsCopyTSV()">Copy TSV</button></div>';}}
    else{var tabs=normalTabData(nr); if(!tabs.find(function(x){return x.key===activeMode;})) activeMode='nrr'; var t=tabs.find(function(x){return x.key===activeMode;})||tabs[0]; var tabsHtml=tabs.map(function(x){return '<button class="ncs-tab t-'+x.key+(x.key===activeMode?' on':'')+'" onclick="_ncsSetTab(\''+x.key+'\')">'+x.label+'<br><span style="font-size:var(--text-2xs);opacity:.75">'+(x.count||0)+' outlets</span></button>';}).join(''); var _q30=!!(nr.by_month&&!nr.cohortDetail); head=t.key==='nrr'?'<div class="ncs-th">Outlet</div><div class="ncs-th r">'+(_q30?'ฐาน ต่อ 30 วัน':'ฐาน')+'</div><div class="ncs-th r" style="color:var(--tk-ok-bright)">'+(_q30?'เดือนนี้ ต่อ 30 วัน':'Run Rate')+'</div><div class="ncs-th r">'+(_q30?'ยอดจริง':'MTD')+'</div>':'<div class="ncs-th">Outlet / Account</div><div class="ncs-th r">MTD</div>'; body=renderNormalRows(t,nr); sheet.innerHTML='<div class="ncs-handle"><div></div></div><button class="ncs-close-x" onclick="_ncsClose()">×</button><div class="ncs-header"><div class="ncs-title">รายละเอียด GMV — '+esc(kamLabel)+'</div><div class="ncs-subtitle">แยก NRR / Comeback / Expansion ให้ดูระดับ account และ outlet</div><div class="ncs-tabs">'+tabsHtml+'</div></div><div class="ncs-meta"><span class="ncs-meta-text">'+(t.count||0)+' outlets · '+fmtK(t.gmv||0)+' MTD</span><button id="ncs-toggle-btn" class="ncs-sort-btn" onclick="_ncsToggleAll()">ย่อทั้งหมด</button></div><div class="ncs-tbl-head '+(t.key==='nrr'?'nrr-cols':'simple-cols')+'">'+head+'</div><div class="ncs-body" id="ncs-body">'+body+'</div><div class="ncs-total"><span class="ncs-total-lbl">รวม '+esc(t.label)+'</span><span class="ncs-total-val" style="color:'+t.color+'">'+(t.key==='nrr'?'':'+')+fmtK(t.gmv||0)+'</span></div><div class="ncs-footer"><button class="ncs-btn primary" onclick="_ncsExportCSV()">↓ ดาวน์โหลด CSV</button><button class="ncs-btn secondary" onclick="_ncsCopyTSV()">Copy TSV</button></div>';}
    var parent=document.getElementById('tgt-explain-sheet-overlay'); if(parent&&parent.classList.contains('on'))parent.classList.add('ncs-child-open'); requestAnimationFrame(function(){overlay.classList.add('on');sheet.classList.add('on');});
  }
  window._tgtShowCohortSheet=function(tab){render(tab||'nrr');};
  window._ncsClose=function(){var overlay=document.getElementById('ncs-overlay'),sheet=document.getElementById('ncs-sheet');if(overlay)overlay.classList.remove('on');if(sheet)sheet.classList.remove('on');var parent=document.getElementById('tgt-explain-sheet-overlay');if(parent)parent.classList.remove('ncs-child-open');setTimeout(function(){if(sheet)sheet.innerHTML='';},280);};
  window._ncsChipToggle=function(chip){chip.classList.toggle('open');var r=chip.nextElementSibling;if(r)r.classList.toggle('open');};
  window._ncsToggleAll=function(){var body=document.getElementById('ncs-body');if(!body)return;var chips=Array.from(body.querySelectorAll('.ncs-chip'));var groups=Array.from(body.querySelectorAll('.ncs-outlet-rows'));var any=groups.some(function(g){return g.classList.contains('open');});chips.forEach(function(c){c.classList.toggle('open',!any);});groups.forEach(function(g){g.classList.toggle('open',!any);});var btn=document.getElementById('ncs-toggle-btn');if(btn)btn.textContent=any?'ขยายทั้งหมด':'ย่อทั้งหมด';};
  window._ncsSetTab=function(k){render(k||'nrr');};
  window._ncsExportCSV=function(){try{downloadRows(buildRowsForExport(window._ncsActiveMode||'nrr',window._ncsLastNrrResult),'portfolio_'+String(window._ncsActiveMode||'nrr').replace(/[^a-z0-9_-]/gi,'_')+'.csv');}catch(e){console.warn('[v211c] csv export failed',e);}};
  window._ncsCopyTSV=function(){try{var rows=buildRowsForExport(window._ncsActiveMode||'nrr',window._ncsLastNrrResult);var tsv=rows.map(function(r){return r.join('\t');}).join('\n');navigator.clipboard.writeText(tsv);try{showToast('Copy TSV แล้ว','ok');}catch(e){}}catch(e){console.warn('[v211c] copy failed',e);}};
  // HI-10 (PB-4): แถว .tgt-mv-row ไม่ถูกวาดแล้ว (ผลรายไตรมาสไม่มีการเคลื่อนไหวแบบ MoM) ⇒ ตัวดักคลิกที่เปิดชีทการเคลื่อนไหว
  // พร้อมข้อความ "ได้ HO เดือนถัดจากที่รับ" ถูกถอด
  console.log('[Freshket Sense '+VERSION+'] Handover cache bust + movement sheet UI fix loaded');
})();


//////////////////////////////////////////////////////////////////////////////
</script>
<!-- NCS cohort drill-down sheet (v206) — pre-injected for position:fixed reliability -->
<div class="ncs-overlay" id="ncs-overlay" onclick="_ncsClose()"></div>
<div class="ncs-sheet" id="ncs-sheet"></div>

<!-- Freshket Sense v213a: Guided UX cleanup — remove intrusive coach mark, hide top mode toggle, restore ร้าน label alignment, force SKU price default on every sheet entry, add subtle price trend motion, suppress PWA resume login flash, and harden Olive FAB opt-out/safe reset; no data/NRR/commission formula changes -->

<!-- Freshket Sense v213b: Auth-safe guided UX cleanup — fix v213a over-suppressed login overlay on cold/no-session load; keep guided UX cleanup, SKU price default, top-toggle removal, commission styling, and data freshness unchanged -->

<!-- Freshket Sense v213c: PWA Teamview responsive repair — revert v212a oversized Teamview card overrides, restore compact desktop-like summary/cards on real iPhone widths, keep v213b auth safety/data freshness/commission logic unchanged -->


<!-- Freshket Sense v213e: Teamview PWA full-rail alignment — single content rail, contained Team Insight, mobile commission card cleanup, hide redundant target label; UI-only no data/logic change -->


<!-- Freshket Sense v213e: Teamview PWA full-rail alignment — expand pace/metrics/insight to same rail as KAM cards; UI-only no data/logic change -->


<!-- Freshket Sense v213f: Teamview PWA card-rail balance — keep top metrics full rail, restore KAM cards/list inset rail for breathing room; UI-only no data/logic change -->


<script id="freshket-patches-consolidated">
// Freshket Sense — Consolidated Patch Scripts
// v206e through v213f, in original document order.
// Structural consolidation only — logic unchanged, IIFEs preserved.
// Deep inline into core to follow in future sessions per-patch.

// ─────────────────────────────────────────────────────────────────────────────
// ── Save Plan Badge (v500) ──────────────────────────────────────────────────
// Attaches after _initPlanTray creates #sense-plan-section.
// Adds: 1) save-plan-card (hidden by default, slides in on first custom select)
//       2) sps-cta dual-icon (report vs share) swapped by body.sense-on-report
//       3) savePlanBadge_onCustom / savePlanBadge_onDefault hooks (called from 03_rendering)
//       4) doSavePlan / doShareFromPill handlers
// ─────────────────────────────────────────────────────────────────────────────
(function(){
  'use strict';

  var _spcVisible = false;      // card is in DOM and visible
  var _spcSaved   = false;      // user has pressed บันทึก at least once
  var _spcInited  = false;      // badge card injected into DOM
  var _shareInFlight = false;   // debounce share

  // ── Wait for _initPlanTray to fire, then patch the sps-cta icons ──────────
  function _patchSpsCta(){
    var cta = document.querySelector('.sps-cta');
    if(!cta) return false;
    // Already patched
    if(cta.querySelector('.icon-report')) return true;
    // Replace inner SVG with two-icon structure
    cta.innerHTML =
      '<span class="icon-report" aria-hidden="true">' +
        '<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.1" 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"/>' +
          '<line x1="16" y1="13" x2="8" y2="13"/>' +
          '<line x1="16" y1="17" x2="8" y2="17"/>' +
          '<polyline points="10 9 9 9 8 9"/>' +
        '</svg>' +
      '</span>' +
      '<span class="icon-share" aria-hidden="true">' +
        '<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round">' +
          '<path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/>' +
          '<polyline points="16 6 12 2 8 6"/>' +
          '<line x1="12" y1="2" x2="12" y2="15"/>' +
        '</svg>' +
      '</span>';
    // Wire onclick: context-aware
    cta.onclick = function(){
      if(document.body.classList.contains('sense-on-report')){
        if(typeof doShareFromPill === 'function') doShareFromPill();
      } else {
        showScreen('report');
        document.body.classList.add('sense-on-report');
        if(typeof savePlanBadge_onReport === 'function') savePlanBadge_onReport();
      }
    };
    cta.title = '';
    return true;
  }

  // ── Inject the save-plan-card after .plan-tabs inside #opplist ───────────
  // NOTE: #opplist.innerHTML is rewritten by renderPlanBuilder on every renderOpps call.
  // So we inject fresh each time savePlanBadge_onCustom fires (after renderOpps).
  // _spcInited tracks DOM presence only within the current render cycle.
  function _injectBadgeCard(){
    // Target: .plan-tabs is inside .plan-selector inside #opplist
    var planTabs = document.querySelector('#opplist .plan-tabs');
    if(!planTabs) return false;

    // Remove any stale card first (opplist was re-rendered)
    var stale = document.getElementById('save-plan-card');
    if(stale) stale.parentNode && stale.parentNode.removeChild(stale);

    var card = document.createElement('div');
    card.id = 'save-plan-card';
    card.className = 'save-plan-card hidden';
    card.innerHTML =
      '<div class="spc-row">' +
        '<div class="spc-left" id="spc-left">' +
          '<div class="spc-text">' +
            '<div class="spc-label" id="spc-label">บันทึกแผนนี้</div>' +
            '<div class="spc-sub" id="spc-sub">เลือกไว้ <span id="spc-count">0</span> รายการ · ยังไม่บันทึก</div>' +
          '</div>' +
        '</div>' +
        '<button class="spc-btn cta" id="spc-btn" onclick="doSavePlan()">บันทึก</button>' +
      '</div>';

    // Insert after .plan-tabs as next sibling inside .plan-selector
    var planSelector = planTabs.parentNode;
    planSelector.insertBefore(card, planTabs.nextSibling);
    _spcInited = true;
    return true;
  }

  // ── Show card with slide-in animation ─────────────────────────────────────
  function _showCard(){
    if(_spcVisible) return;
    var card = document.getElementById('save-plan-card');
    if(!card) return;
    _spcVisible = true;
    card.className = 'save-plan-card spc-entering';
    // After animation ends, settle to stable class
    setTimeout(function(){
      if(card.className.indexOf('spc-entering') >= 0){
        card.className = 'save-plan-card spc-unsaved';
      }
    }, 340);
  }

  // ── Hide card with slide-out animation ────────────────────────────────────
  function _hideCard(){
    if(!_spcVisible || _spcSaved) return; // never hide after user saved
    var card = document.getElementById('save-plan-card');
    if(!card) return;
    card.className = 'save-plan-card spc-exiting';
    setTimeout(function(){
      card.className = 'save-plan-card hidden';
      _spcVisible = false;
      _spcInited = false; // allow re-inject after next renderOpps
    }, 230);
  }

  // ── Update count inside card ───────────────────────────────────────────────
  function _updateCardCount(){
    var countEl = document.getElementById('spc-count');
    if(!countEl) return;
    // sel is the global Set in 03_rendering
    var n = (typeof sel !== 'undefined') ? sel.size : 0;
    countEl.textContent = n;
  }

  // ── HOOK: called from toggleOpp (user ticked/unticked a SKU) ─────────────
  window.savePlanBadge_onCustom = function(){
    // Remember whether the card was visible BEFORE renderOpps wiped the DOM.
    // If it was already visible we re-inject silently (no animation).
    var wasVisible = _spcVisible;

    // opplist was just re-rendered by renderOpps — reset inject flag so we re-inject fresh
    _spcInited = false;
    var injected = _injectBadgeCard();
    if(!injected) return; // .plan-tabs not in DOM yet — skip
    _patchSpsCta();

    if(_spcSaved){
      // User changed selection after saving — flip card back to unsaved
      _spcSaved = false;
      var card = document.getElementById('save-plan-card');
      if(card) card.className = 'save-plan-card spc-unsaved';
      var lbl = document.getElementById('spc-label');
      var sub = document.getElementById('spc-sub');
      var btn = document.getElementById('spc-btn');
      if(lbl) lbl.textContent = 'บันทึกแผนนี้';
      if(sub){ sub.className = 'spc-sub'; sub.innerHTML = 'เลือกไว้ <span id="spc-count">0</span> รายการ · ยังไม่บันทึก'; }
      if(btn){ btn.textContent = 'บันทึก'; btn.className = 'spc-btn cta'; }
      var dot = document.querySelector('#spc-left .spc-dot');
      if(dot) dot.remove();
      _updateCardCount();
      _spcVisible = true;
    } else if(wasVisible){
      // Card was already showing — re-inject silently, no slide-in animation
      var card2 = document.getElementById('save-plan-card');
      if(card2) card2.className = 'save-plan-card spc-unsaved';
      _spcVisible = true;
      _updateCardCount();
    } else {
      // First time showing — slide in with animation
      _spcVisible = false;
      _updateCardCount();
      _showCard();
    }
  };

  // ── HOOK: called from smartSelect (user tapped card 1 or 2) ──────────────
  // User selected a plan → always show the save card (this IS the trigger to show it)
  window.savePlanBadge_onDefault = function(){
    _spcInited = false; // opplist was re-rendered by smartSelect → re-inject fresh
    var injected = _injectBadgeCard();
    if(!injected) return;
    _patchSpsCta();
    if(_spcSaved){
      // Was already saved — flip back to unsaved since user picked a new plan
      _spcSaved = false;
      var card = document.getElementById('save-plan-card');
      if(card) card.className = 'save-plan-card spc-unsaved';
      var lbl = document.getElementById('spc-label');
      var sub = document.getElementById('spc-sub');
      var btn = document.getElementById('spc-btn');
      if(lbl) lbl.textContent = 'บันทึกแผนนี้';
      if(sub){ sub.className = 'spc-sub'; sub.innerHTML = 'เลือกไว้ <span id="spc-count">0</span> รายการ · ยังไม่บันทึก'; }
      if(btn){ btn.textContent = 'บันทึก'; btn.className = 'spc-btn cta'; }
      var dot = document.querySelector('#spc-left .spc-dot');
      if(dot) dot.remove();
      _spcVisible = true;
    }
    _updateCardCount();
    _showCard();
  };

  // ── HOOK: called when entering report screen ───────────────────────────────
  window.savePlanBadge_onReport = function(){
    // Nothing extra needed — CSS body.sense-on-report handles icon swap
  };

  // ── ACTION: บันทึกแผน ─────────────────────────────────────────────────────
  window.doSavePlan = function(){
    var btn = document.getElementById('spc-btn');
    if(!btn || btn.disabled) return;
    btn.style.transform = 'scale(.92)';
    btn.style.opacity = '.6';
    btn.disabled = true;
    setTimeout(function(){
      btn.style.transform = '';
      btn.style.opacity = '';
      btn.disabled = false;
      _spcSaved = true;

      // Update card state
      var card = document.getElementById('save-plan-card');
      if(card) card.className = 'save-plan-card spc-saved';

      var lbl = document.getElementById('spc-label');
      var sub = document.getElementById('spc-sub');
      if(lbl) lbl.textContent = 'แผนบันทึกแล้ว';

      // Format timestamp
      var now = new Date();
      var dd = now.getDate();
      var mm = now.getMonth()+1;
      var yy = (now.getFullYear()-543); // convert to BE — actually keep CE for simplicity
      var hh = String(now.getHours()).padStart(2,'0');
      var min = String(now.getMinutes()).padStart(2,'0');
      var ts = dd+' มิ.ย. '+now.getFullYear()+' · '+hh+':'+min;
      var n = (typeof sel !== 'undefined') ? sel.size : 0;
      if(sub){
        sub.className = 'spc-sub green';
        sub.textContent = ts+' · '+n+' รายการ · relogin ยังดูได้';
      }

      btn.textContent = 'อัปเดต';
      btn.className = 'spc-btn done';

      // Dot pop animation
      var left = document.getElementById('spc-left');
      if(left && !left.querySelector('.spc-dot')){
        var dot = document.createElement('div');
        dot.className = 'spc-dot saved pop';
        left.prepend(dot);
        setTimeout(function(){ dot.classList.remove('pop'); }, 400);
      }

      // Save to Supabase (per-account, Option B from design session)
      _persistPlan();
    }, 150);
  };

  // ── Supabase save — upsert to saved_plans (per-account) ──────────────────
  function _persistPlan(){
    try{
      var accountId = (typeof currentAccountId !== 'undefined') ? currentAccountId : null;
      var userEmail = (typeof currentUserProfile !== 'undefined' && currentUserProfile)
        ? currentUserProfile.email : null;
      if(!accountId || !userEmail) return;

      var selArr = (typeof sel !== 'undefined') ? Array.from(sel) : [];
      var planMode = (typeof currentPlanMode !== 'undefined') ? currentPlanMode : 'custom';

      var row = {
        user_email: userEmail,
        account_id: accountId,
        plan_mode:  planMode,
        selections: selArr,
        saved_at:   new Date().toISOString()
      };

      // 1. Always write localStorage as instant fallback
      try{ localStorage.setItem('spb_plan_'+accountId, JSON.stringify(row)); }catch(e){}

      // 2. Upsert to Supabase (ON CONFLICT user_email,account_id → UPDATE)
      if(typeof supa !== 'undefined' && supa){
        supa.from('saved_plans')
          .upsert(row, { onConflict: 'user_email,account_id' })
          .then(function(res){
            if(res.error) console.warn('[SavePlan] upsert error:', res.error.message);
          })
          .catch(function(e){ console.warn('[SavePlan] upsert exception:', e.message); });
      }
    }catch(e){ console.warn('[SavePlan] _persistPlan exception:', e); }
  }

  // ── Restore saved plan for an account (called on account switch + login) ──
  function _restorePlan(accountId, userEmail){
    if(!accountId || !userEmail) return;

    // Try Supabase first; fall back to localStorage
    function _applyRestoredRow(row){
      if(!row || !Array.isArray(row.selections) || row.selections.length === 0) return;
      // Only restore if user hasn't already started making selections this session
      if((typeof sel !== 'undefined') && sel.size > 0) return;

      // Re-hydrate selection Set
      if(typeof sel !== 'undefined'){
        sel.clear();
        row.selections.forEach(function(id){ sel.add(id); });
      }
      if(typeof currentPlanMode !== 'undefined') window.currentPlanMode = row.plan_mode || 'custom';
      if(typeof footerUnlocked !== 'undefined') window.footerUnlocked = true;

      // Show the badge card in saved state immediately
      _injectBadgeCard();
      _spcSaved = true;
      _spcVisible = true;
      var card = document.getElementById('save-plan-card');
      if(card){
        card.className = 'save-plan-card spc-saved';
        var lbl = document.getElementById('spc-label');
        var sub = document.getElementById('spc-sub');
        var btn = document.getElementById('spc-btn');
        if(lbl) lbl.textContent = 'แผนบันทึกแล้ว';
        if(sub){
          sub.className = 'spc-sub green';
          // Format saved_at timestamp
          var ts = row.saved_at ? new Date(row.saved_at) : new Date();
          var d=ts.getDate(), m=ts.getMonth()+1, y=ts.getFullYear();
          var hh=String(ts.getHours()).padStart(2,'0'), mm2=String(ts.getMinutes()).padStart(2,'0');
          var MONTHS=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
          sub.textContent = d+' '+MONTHS[m-1]+' '+y+' · '+row.selections.length+' รายการ · restore แล้ว';
        }
        if(btn){ btn.textContent = 'อัปเดต'; btn.className = 'spc-btn done'; }
        var left = document.getElementById('spc-left');
        if(left && !left.querySelector('.spc-dot')){
          var dot = document.createElement('div');
          dot.className = 'spc-dot saved';
          left.prepend(dot);
        }
      }

      // Re-render the plan list to reflect restored selections
      if(typeof renderOpps === 'function') setTimeout(renderOpps, 80);
      if(typeof updatePbFooter === 'function') setTimeout(updatePbFooter, 80);
    }

    // Try Supabase
    if(typeof supa !== 'undefined' && supa){
      supa.from('saved_plans')
        .select('selections,plan_mode,saved_at')
        .eq('user_email', userEmail)
        .eq('account_id', accountId)
        .maybeSingle()
        .then(function(res){
          if(res.error){ console.warn('[SavePlan] restore error:', res.error.message); }
          if(res.data){
            _applyRestoredRow(res.data);
          } else {
            // Fall back to localStorage
            try{
              var local = localStorage.getItem('spb_plan_'+accountId);
              if(local) _applyRestoredRow(JSON.parse(local));
            }catch(e){}
          }
        })
        .catch(function(e){
          // Network error — fall back to localStorage
          try{
            var local = localStorage.getItem('spb_plan_'+accountId);
            if(local) _applyRestoredRow(JSON.parse(local));
          }catch(e2){}
        });
    } else {
      // No Supabase yet (early boot) — localStorage only
      try{
        var local = localStorage.getItem('spb_plan_'+accountId);
        if(local) _applyRestoredRow(JSON.parse(local));
      }catch(e){}
    }
  }

  // ── Expose restore so 01_core / account-switch can call it ────────────────
  window.savePlanBadge_restoreForAccount = _restorePlan;

  // ── ACTION: Share from pill button (report screen) ────────────────────────
  window.doShareFromPill = function(){
    if(_shareInFlight) return;
    _shareInFlight = true;
    var cta = document.querySelector('.sps-cta');
    var shareIcon = cta && cta.querySelector('.icon-share');

    // Scale press
    if(cta){ cta.style.transform = 'scale(.88)'; }
    setTimeout(function(){
      if(cta){ cta.style.transform = ''; }

      // Spinner in pill
      if(shareIcon){
        shareIcon.innerHTML = '<svg class="spin-icon" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.1" stroke-linecap="round"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>';
      }

      // Delegate to existing shareReport() for PDF + share sheet
      var shareBtn = document.getElementById('rpt2-share-btn');
      if(shareBtn){
        shareBtn.classList.add('sharing-loading');
        if(typeof shareReport === 'function'){
          try{ shareReport(); }catch(e){}
        }
      }

      // After 1.4s assume done (shareReport is async, no reliable callback)
      setTimeout(function(){
        if(shareIcon){
          shareIcon.innerHTML =
            '<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round">' +
              '<path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/>' +
              '<polyline points="16 6 12 2 8 6"/>' +
              '<line x1="12" y1="2" x2="12" y2="15"/>' +
            '</svg>';
        }
        if(shareBtn) shareBtn.classList.remove('sharing-loading');
        if(cta){ cta.style.background=''; } // revert to CSS rule
        _shareInFlight = false;
      }, 1400);
    }, 120);
  };

  // ── Init: wait for plan tray to be created, then patch ────────────────────
  // Poll continuously — re-patch whenever _initPlanTray creates a fresh .sps-cta
  // (one-shot setTimeout fails because _initPlanTray runs on every showScreen)
  setInterval(function(){
    var cta = document.querySelector('.sps-cta');
    if(cta && !cta.querySelector('.icon-report')){
      _patchSpsCta();
    }
  }, 400);

  // ── Hook: restore plan when account changes (restaurant sheet opens) ───────
  // Poll for currentAccountId changes — lightweight, fires only when non-null
  var _lastRestoredAccount = null;
  setInterval(function(){
    try{
      var accId = (typeof currentAccountId !== 'undefined') ? currentAccountId : null;
      var email = (typeof currentUserProfile !== 'undefined' && currentUserProfile)
        ? currentUserProfile.email : null;
      if(accId && email && accId !== _lastRestoredAccount){
        _lastRestoredAccount = accId;
        // Reset badge state for new account
        _spcVisible = false;
        _spcSaved   = false;
        _spcInited  = false;
        var old = document.getElementById('save-plan-card');
        if(old) old.parentNode && old.parentNode.removeChild(old);
        // Restore saved plan for this account
        _restorePlan(accId, email);
      }
    }catch(e){}
  }, 800);

})();


//////////////////////////////////////////////////////////////////////////////
// PATCH: v561-render-telemetry
//////////////////////////////////////////////////////////////////////////////

// v561 RENDER TELEMETRY — counts render calls, NEVER changes behavior.
// Purpose: Phase-4 evidence. Instead of guessing where flicker happens,
// real devices report 'render_storm' through Sense Sentinel when any key
// renderer fires >=7x within 10s. Fix what production proves, surgically.
// Inspect live: window._senseRenderStats()
(function(global){
  'use strict';
  var WINDOW_MS = 10000, STORM_N = 7;
  var counters = {}; var reported = {};
  function instrument(name){
    try{
      var fn = global[name];
      if (typeof fn !== 'function' || fn.__v561Counted) return;
      var w = function(){
        try{
          var now = Date.now();
          var arr = counters[name] || (counters[name] = []);
          arr.push(now);
          while (arr.length && now - arr[0] > WINDOW_MS) arr.shift();
          if (arr.length >= STORM_N && !reported[name]) {
            reported[name] = true; // once per session per fn
            var scr = document.querySelector('.scr.on');
            if (global.SenseSentinel && typeof global.SenseSentinel.report === 'function')
              global.SenseSentinel.report('render_storm', name + ' fired ' + arr.length + 'x in 10s | screen=' + (scr ? scr.id : '-'));
          }
        }catch(e){}
        return fn.apply(this, arguments);
      };
      w.__v561Counted = true;
      global[name] = w;
      // Rebind the lexical global binding too (same trick as v213 rails) so
      // intra-script direct calls go through the wrapper as well.
      try { eval(name + '=w'); } catch(e) {}
    }catch(e){}
  }
  var TARGETS = ['renderPortviewList','renderPortviewSummary','renderTeamview','renderTeamviewSummary',
                 'renderTeamviewKamList','renderSalesPortview','renderSalesHome','renderKamOverview',
                 'renderPortviewTargetBar','renderCompactStrip','refreshAll'];
  function installAll(){ TARGETS.forEach(instrument); }
  // Install late so we wrap the FINAL versions (after v213 rails and other wrappers).
  if (document.readyState === 'complete') setTimeout(installAll, 1200);
  else global.addEventListener('load', function(){ setTimeout(installAll, 1200); });
  global._senseRenderStats = function(){
    var o = {}; Object.keys(counters).forEach(function(k){ o[k] = counters[k].length; }); return o;
  };
})(window);

//////////////////////////////////////////////////////////////////////////////
// PATCH: v_crashprobe — ตัวจับหลักฐานว่าแอปตายตอนไหน (2026-09-17)
//////////////////////////////////////////////////////////////////////////////

// ทำไมต้องมี
// ───────────
// บุชชี่แจ้ง 17 ก.ย. 2026 ว่าบัญชี admin เปิดแอปแล้วค้นหาชื่อร้านในหน้า Portfolio
// แล้วแอป "ปิดไปเลย กลับหน้า home ของเครื่อง"
// ไล่โค้ดแล้วตัดทิ้งได้สองทาง คือไม่ใช่การออกจากระบบ และไม่ใช่การโหลดหน้าใหม่เอง
// เหลือทางเดียวคือ iOS ปิด WKWebView ทิ้ง ซึ่ง "ไม่เกิด error ให้ดักเลย"
//
// ปัญหาคือทั้งโปรเจกต์ไม่มีอะไรบันทึกไว้เลยว่าแอปปิดแบบปกติหรือถูกฆ่า
// saveResumeState() เขียนค่าเดียวกันทั้งสองกรณีและไม่เคยถูกล้าง จึงแยกไม่ได้
// ตัวนี้จึงเขียน "หมุด" ไว้ตอนเปิด แล้วลบทิ้งตอนปิดแบบปกติ
// เปิดรอบหน้าถ้าหมุดยังอยู่ = รอบที่แล้วถูกฆ่า และเรามีภาพนิ่งบอกว่าตายตอนทำอะไรอยู่
//
// ⛔ กฎเหล็ก: ห้ามเปลี่ยนพฤติกรรมอะไรทั้งสิ้น (เหมือน v561 render telemetry)
//    • เขียน localStorage ไม่ถี่กว่า 2 วินาทีครั้ง และเฉพาะตอนค่าเปลี่ยน
//    • ห้ามเก็บ "คำที่พิมพ์" เก็บได้แค่จำนวนตัวอักษร เพราะคำค้นคือชื่อร้านลูกค้า
//    • ห้ามอ่านค่าที่บังคับให้เบราว์เซอร์คำนวณ layout ใหม่ (ห้าม getBoundingClientRect
//      ห้าม offsetHeight) — ตัวจับหลักฐานต้องไม่กลายเป็นตัวเร่งอาการเสียเอง
//
// วัดหน่วยความจำตรง ๆ ไม่ได้ Safari ไม่เปิด performance.memory ให้
// จำนวน element กับจำนวนการ์ดจึงเป็นตัวแทนที่ดีที่สุดที่มี
//
// อ่านผลจริง:
//   select client_ts, user_email, role, version, message from app_errors
//   where kind in ('unclean_exit','build_reload') order by client_ts desc;
//
// ⚠️ ข้อจำกัดที่รู้อยู่: บนเดสก์ท็อป ถ้าเปิดแอปสองแท็บพร้อมกัน แท็บที่สองจะเห็นหมุด
//    ของแท็บแรกที่ยังมีชีวิตอยู่ แล้วรายงานว่า "ถูกฆ่า" ทั้งที่ไม่ใช่
//    ไม่ได้แก้ด้วยโค้ด เพราะทางแก้ทุกทางต้องเขียน localStorage ทุก 2 วินาทีตลอดเวลา
//    ซึ่งผิดกฎเหล็กข้างบน · เวลาอ่านผลให้กรองด้วย standalone:true ซึ่งคือ PWA
//    บนมือถือ ที่เปิดได้ครั้งละหนึ่งหน้าต่างอยู่แล้ว และเป็นเคสที่เรากำลังตามอยู่
(function(global){
  'use strict';
  var MARK_KEY = 'sense_boot_marker_v1';
  var SNAP_KEY = 'sense_live_snapshot_v1';
  var TICK_MS  = 2000;

  function rd(k){ try{ return localStorage.getItem(k); }catch(e){ return null; } }
  function wr(k,v){ try{ localStorage.setItem(k,v); }catch(e){} }
  function del(k){ try{ localStorage.removeItem(k); }catch(e){} }

  // ── 1) รอบที่แล้วตายแบบไม่ปกติหรือเปล่า — ตรวจก่อนปักหมุดใหม่เสมอ ──────
  try{
    var prevMark = rd(MARK_KEY);
    if(prevMark){
      var snap = rd(SNAP_KEY) || '(ไม่มีภาพนิ่ง)';
      // ตัดความยาวกันไม่ให้ล้นคอลัมน์ message
      if(snap.length > 900) snap = snap.slice(0,900) + '…';
      var msg = 'prev=' + prevMark + ' | last=' + snap;
      if(global.SenseSentinel && typeof global.SenseSentinel.report === 'function'){
        global.SenseSentinel.report('unclean_exit', msg);
      }
    }
  }catch(e){}
  del(SNAP_KEY);

  // ── 2) ปักหมุดของรอบนี้ ───────────────────────────────────────────────
  var bootAt = Date.now();
  try{
    wr(MARK_KEY, JSON.stringify({
      at: new Date(bootAt).toISOString(),
      v: (global.FreshketSenseConfig && global.FreshketSenseConfig.app && global.FreshketSenseConfig.app.version) || '',
      standalone: !!(global.matchMedia && global.matchMedia('(display-mode: standalone)').matches) || !!global.navigator.standalone,
      // 24 ต.ค. 2569: รอบนี้ "ไม่ดึงข้อมูลสินค้าล่วงหน้า" (02 _startTlBundlePrewarm) หรือเปล่า
      //   ⇒ อ่านจาก unclean_exit ได้ว่าตายในโหมดไหน · v349: มือถือปิดการดึงเองแม้ไม่มีค่าในเครื่อง จึงถามตัวตัดสินใน 02
      np: (typeof global._senseNoPrewarm === 'function') ? !!global._senseNoPrewarm() : rd('sense_no_prewarm_v1') === '1',
      mob: (typeof global._senseIsMobileDevice === 'function') ? !!global._senseIsMobileDevice() : null
    }));
  }catch(e){}

  // ── 3) ปิดแบบปกติ = ถอนหมุด ──────────────────────────────────────────
  // ครอบทั้ง pagehide และ beforeunload เหมือนที่ saveResumeState ทำอยู่แล้ว
  // location.replace ของตัวเช็ค build ก็เข้าทางนี้ จึงไม่กลายเป็นสัญญาณลวง
  function cleanExit(){ del(MARK_KEY); }
  global.addEventListener('pagehide', cleanExit);
  global.addEventListener('beforeunload', cleanExit);

  // ── 4) เวลาที่ผู้ใช้แตะจอครั้งล่าสุด — ตัวแยก "ตายตอนใช้งาน" กับ "ตายตอนพับทิ้ง" ──
  var lastInput = bootAt;
  function touch(){ lastInput = Date.now(); }
  ['pointerdown','keydown','input','touchstart'].forEach(function(ev){
    try{ global.addEventListener(ev, touch, {passive:true, capture:true}); }catch(e){}
  });

  // ── 5) ภาพนิ่ง ────────────────────────────────────────────────────────
  function onScreen(){
    try{
      var els = document.querySelectorAll('.scr.on');
      return els.length ? (els[els.length-1].id || '') : '';
    }catch(e){ return ''; }
  }
  var lastWritten = '';
  function tick(){
    try{
      var scr = onScreen();
      // 25 ต.ค. 2569 (ตรวจแอปตาย): เดิมจดเฉพาะหน้าพอร์ต ⇒ ตายในโหมดร้าน/Echo/หน้าสินค้า ภาพนิ่งยังบอกว่าอยู่หน้าพอร์ต
      //   (ค่าเก่าค้าง) ไล่สาเหตุผิดที่ · ตอนนี้จดทุกหน้า + แผ่นร้าน + Echo · ยังเขียนเฉพาะตอนค่าเปลี่ยน ไม่ถี่กว่า 2 วิ
      var listEl = document.getElementById('portview-list');
      var _b = document.body ? document.body.classList : null;
      var _ci = null;
      try { _ci = (typeof CI !== 'undefined' && CI && typeof CI._phase === 'function') ? CI._phase() : null; } catch(_e){}
      var si = document.getElementById('portview-search');
      var snap = {
        scr: scr,
        vis: document.visibilityState,
        idleS: Math.round((Date.now()-lastInput)/1000),   // แตะจอล่าสุดเมื่อกี่วินาทีก่อน
        qLen: (si && si.value) ? si.value.length : 0,     // ⛔ จำนวนตัวอักษรเท่านั้น ห้ามเก็บคำ
        cards: listEl ? listEl.children.length : -1,
        nodes: document.getElementsByTagName('*').length,
        gen: (typeof global._senseListGen === 'function') ? global._senseListGen() : -1,
        accts: (typeof portviewBulkData !== 'undefined' && portviewBulkData) ? portviewBulkData.length : -1,
        sheet: !!(_b && _b.contains('restaurant-sheet')),
        echo: document.getElementById('ci-fullsheet') ? (_ci || 'open') : '',
        sku: document.querySelectorAll('#skulist .skrow').length,
        upS: Math.round((Date.now()-bootAt)/1000),
        role: (typeof currentUserProfile !== 'undefined' && currentUserProfile) ? (currentUserProfile.role||'') : '',
        pre: !!global._bundlePreWarming
      };
      var s = JSON.stringify(snap);
      // เขียนเฉพาะตอนค่าเปลี่ยน — กัน localStorage โดนกระแทกทุก 2 วิโดยไม่จำเป็น
      // ตัด idleS/upS ออกจากการเทียบ ไม่งั้นมันเปลี่ยนทุกรอบอยู่แล้ว
      var cmp = s.replace(/"idleS":\d+,/,'').replace(/"upS":\d+,/,'');
      if(cmp === lastWritten) return;
      lastWritten = cmp;
      wr(SNAP_KEY, s);
    }catch(e){}
  }
  setInterval(tick, TICK_MS);
  // พับแอป = จดทันที (ไม่รอรอบ 2 วิ) — แยก "ถูกปิดตอนพับ" กับ "ตายตอนใช้" ได้แม่นขึ้น
  try{ document.addEventListener('visibilitychange', tick); }catch(e){}

  global._senseCrashProbe = function(){
    return { marker: rd(MARK_KEY), snapshot: rd(SNAP_KEY) };
  };
})(window);
</script>
<script id="freshket-conv-intel">
// =============================================================================
// 09_conv_intel.js — Conversation Intelligence Module
// CSS + HTML ตรงจาก ci_mockup_v2 — ห้ามแก้ design โดยไม่ update mockup ด้วย
// =============================================================================

const CI = (() => {
  'use strict';

  // ── Constants ──────────────────────────────────────────────────────────────
  const WORKER_URL = 'https://freshket-sense-ai-proxy.boonwirat-t.workers.dev';

  // v_echonick: อีเมล → ชื่อเล่น (Pop, Ply, Kwang...) · helper กลางอยู่ที่
  // 01_core.js (senseRepLabel) — ห่อไว้ตรงนี้เพราะ Echo เรียกถี่มากและต้องมี
  // fallback ที่ปลอดภัยถ้า core ยังไม่โหลด (Echo เปิดได้ก่อน portview พร้อม)
  function _echoRep(email) {
    try {
      if (typeof senseRepLabel === 'function') return senseRepLabel(email);
    } catch (_) {}
    return String(email || '').split('@')[0] || '—';
  }
  const MAX_SECS   = 4800; // v587: 80min — v_echor3 bitrate 48kbps = 6000B/s (80 นาที ≈ 29MB)
  let _micSettings = null;   // ค่าไมค์ที่ได้จริง (บางรุ่นเมินค่าที่ขอไปเงียบๆ)
                           // 80min = 14.4MB raw → ~19.2MB base64 ใต้ Gemini 20MB inline limit
                           // (เดิม 5400/90min คำนวณจาก 16kbps ที่ไม่ใช่ค่าจริง → 21.6MB เกิน limit → analyze fail ทั้ง session)

  // ── State ──────────────────────────────────────────────────────────────────
  let _recorder    = null;
  let _chunks      = [];
  let _startTime   = 0;
  let _timerRef    = null;
  let _waveRef     = null;
  let _phase       = 'idle'; // idle | recording | processing | result
  let _accountGuid = null;
  let _accountName = '';
  let _accountSeg  = '';
  let _durText     = '0:00';
  let _lastResult  = null;
  let _secs        = 0;
  let _lastTranscriptWordCount = 0;
  let _ownerType   = 'kam';
  let _showPicker  = false; // show account picker section in record screen // 'kam' | 'sales'
  let _floatTimer  = null; // minimize timer ref
  let _audioCtx    = null; // AudioContext keep-alive — prevents iOS from suspending audio session
  // v_deadcapture (2026-08-20): จำ mimeType ไว้ต่างหาก เพราะ _teardownRecorder()
  // เคลียร์ _recorder เป็น null ก่อน _onStop() จะได้อ่าน — ไม่งั้น blob จะกลาย
  // เป็น 'audio/webm' เปล่าแทนที่จะเป็นค่าจริงที่ _bestMime() เลือกไว้
  let _recMime     = '';
  // ── v_recwatch (2026-08-20): เฝ้าระวังสดระหว่างอัด ─────────────────────────
  // รอบก่อนพลาดเพราะ "เดา" พฤติกรรม encoder จึงวัดจริงก่อนตั้งค่าทุกตัว:
  //   สตรีมที่ไม่มีเสียงเลย → 12 วิ ได้ chunk เดียว ขนาด 0 ไบต์  = 0 B/วิ
  //   สตรีมที่มีเสียงจริง   → 12 วิ ได้ 13 chunk รวม 78,677 ไบต์ = 6,556 B/วิ
  // (ตรงกับ production ที่ไฟล์ดีอยู่ 5,150-8,910 B/วิ)
  // สรุป: ไมค์ตาย = "chunk หยุดส่ง" ไม่ใช่ "ส่ง chunk เงียบๆ ต่อไป" → ใช้ช่วงห่าง
  // ของ chunk เป็นสัญญาณหลัก ซึ่งชัดกว่าและ false-positive ยากกว่าการวัดบิตเรต
  // ห้องเงียบจริงเข้าเงื่อนไขนี้ไม่ได้ เพราะไมค์จริงเก็บเสียงแวดล้อมตลอดเวลา
  // (เราปิด noiseSuppression ไว้ตั้งแต่ v_echor3 เสียงแวดล้อมจึงไม่ถูกกรองทิ้ง)
  const REC_WATCH_TICK_MS   = 5000;    // เช็คทุก 5 วิ
  const REC_WATCH_START_SEC = 45;      // เผื่อไมค์อุ่นเครื่อง ยังไม่ตัดสินก่อนถึงเวลานี้
  const REC_WATCH_WINDOW_MS = 30000;   // ดูย้อนหลัง 30 วิ
  const REC_DEAD_BPS        = 1500;    // ต่ำกว่านี้ = ตาย (ห่างจากไฟล์ดีที่แย่สุด 3.4 เท่า)
  const REC_NO_CHUNK_MS     = 10000;   // ไม่มี chunk ที่มีเนื้อเลย 10 วิ = ตาย
  const REC_MUTE_GRACE_MS   = 5000;    // track.muted ชั่ววูบ (สลับ route) ไม่นับว่าตาย
  const REC_DEAD_COOLDOWN_MS = 120000; // กด "อัดต่อ" แล้วเว้นให้ 2 นาทีก่อนเตือนซ้ำ
  // ⚠ ยังไม่เปิด — ต้องทดสอบบน iPhone จริงก่อน (เหตุผลเต็มอยู่ตรงจุดที่ใช้งาน)
  const REC_KEEPALIVE_ENABLED = false;
  let _recBytes = 0, _recLastDataAt = 0, _recZeroChunks = 0;
  let _recSamples = [], _recWatchRef = null, _recDeadFired = false;
  let _recMuteTimer = null, _audioKeepSrc = null, _recDeadCooldownUntil = 0;
  let _pendingStream = null;   // สตรีมที่ขอมาแล้วแต่ยังตั้ง recorder ไม่เสร็จ (ดู catch)
  let _recLastTickAt = 0;      // ใช้จับว่าทิกถูก throttle/พักมา (ดู _recWatchTick)
  let _sessionId   = null; // ci_sessions UUID after save
  let _isOwnRecording = false; // true when TL/Admin records own session — hides Debrief
  let _histFilterMode = 'week'; // today|week|month|quarter|all — ใช้ร่วมทุก role
  let _mainTab     = 'record'; // 'record' | 'history' — main tab (state machine input)
  let _checkinCache = null; // { rep_lat, rep_lng, checked_in_at, account_guid } — GPS from check-in orb

  // ── Helpers ────────────────────────────────────────────────────────────────
  function _fmt(s) {
    return Math.floor(s/60)+':'+(s%60<10?'0':'')+(s%60);
  }

  // ── v_reviewsteps (2026-08-20): ETA จริงสำหรับป้าย "รอรีวิว" ─────────────────
  // บุชขอ: หน้าประวัติของ TL/Admin (_renderTLTeamFeed) โชว์ "รอรีวิว" เดียวกันทั้ง
  // สอง session ที่สถานะจริงต่างกันมาก — session ที่ AI ยังไม่วิเคราะห์เสร็จ กับ
  // session ที่ AI เสร็จแล้วรอแค่คนกดรีวิว — ไม่มีทางแยกออกจากป้ายเดียวเลย แถม
  // session ที่ pipeline ล้มถาวร (failed_audio/failed_system/no_speech) ก็ตกมา
  // โชว์ "รอรีวิว" เหมือนกันทั้งที่ไม่มีวันเสร็จ (_renderInlineHistory ฝั่ง rep
  // เองแยกไว้ถูกต้องแล้วตั้งแต่แรก — ย้าย pattern เดียวกันมาใช้ที่นี่)
  //
  // ETA คำนวณจากตาราง cron จริง (wrangler.toml: "*/5 2-15 * * *" = ทุก 5 นาที
  // ตั้งแต่ 9:00-22:55 เวลาไทย ปิดกลางคืน) ไม่ใช่เลขเดา — ถ้าตอนนี้อยู่ในเวลาทำการ
  // คาดว่าเสร็จใน ~5 นาที ถ้านอกเวลาทำการ คำนวณ 9:05 ของรอบถัดไป (เผื่อ 5 นาที
  // ให้ tick แรกทำงาน) "พร้อมให้รีวิว"/"รีวิวแล้ว" ไม่มี ETA เพราะเป็นเวลาคน
  // (TL หรือ Admin กดปุ่ม "บันทึก + รีวิว" เอง) ไม่ใช่ cron จึงประมาณไม่ได้แม่นๆ
  // v_etareal (2026-08-21): เดิมคิดจากคาบ cron ล้วน ("ทุก 5 นาที" → "ภายใน ~5 นาที")
  // ซึ่งถูกเฉพาะคลิปสั้นที่ถอดจบในคำขอเดียว · คลิปยาวถูกซอยเป็นหลายช่วงและทำได้
  // "ช่วงละหนึ่ง tick" ⇒ คลิป 51 นาที = 9 ช่วง = 45 นาทีเป็นอย่างน้อย ป้ายเดิมจึง
  // สัญญาเวลาที่ทำไม่ได้จริง (ผมคำนวณจากตาราง cron แต่ลืมว่า cron ทำทีละขั้น)
  // ตอนนี้ worker เก็บ listen_state.windows/next ไว้แล้ว จึงนับช่วงที่เหลือได้จริง
  const CRON_STEP_MIN = 5;
  function _reviewEtaText(nowMs, remainingSteps) {
    const steps = (typeof remainingSteps === 'number' && remainingSteps > 0) ? remainingSteps : 1;
    const mins = steps * CRON_STEP_MIN;
    const THAI_OFFSET_MS = 7 * 3600 * 1000;
    const t = new Date((nowMs == null ? Date.now() : nowMs) + THAI_OFFSET_MS); // "เวลาไทย" อ่านผ่าน getUTC*
    const h = t.getUTCHours();
    // ยังอยู่ในเวลาที่ cron เดินอยู่ (9:00-22:55) — บอกเป็นช่วงเวลาที่เหลือจริง
    if (h >= 9 && h < 23) {
      if (steps <= 1) return 'ภายใน ~5 นาที';
      return `ประมาณ ${mins} นาที (เหลือ ${steps} ช่วง)`;
    }
    const next = new Date(t);
    next.setUTCHours(9, 5, 0, 0);
    if (h >= 23) next.setUTCDate(next.getUTCDate() + 1); // หลัง 23:00 แล้ว = รอบถัดไปคือพรุ่งนี้
    const label = next.getUTCDate() === t.getUTCDate() ? 'วันนี้' : 'พรุ่งนี้';
    const hh = String(next.getUTCHours()).padStart(2, '0');
    const mm = String(next.getUTCMinutes()).padStart(2, '0');
    return `${label} ~${hh}:${mm} น.`;
  }

  // ขั้นที่ session หนึ่งอยู่ ณ ตอนนี้ — คืน index 0-3 (ถอดเสียง/วิเคราะห์/พร้อมรีวิว/รีวิวแล้ว)
  // หรือ null ถ้าเป็นสถานะที่ไม่ควรมีแถบขั้นตอนเลย (เช็คอินอย่างเดียว / ล้มถาวร)
  const REVIEW_STEP_LABELS = ['ถอดเสียง', 'วิเคราะห์', 'พร้อมให้รีวิว', 'รีวิวแล้ว'];
  function _reviewStepInfo(s) {
    const stage = s.pipeline_stage;
    if (stage === 'checked_in') return null;
    if (stage === 'failed_audio' || stage === 'failed_system' || stage === 'no_speech' || stage === 'expired_audio') {
      // expired_audio = worker v_queuebounds: ไฟล์ครบอายุ 7 วันก่อนถอดเสร็จ (visit ยังนับ)
      const why = stage === 'failed_audio' ? 'ไฟล์เสียงใช้ไม่ได้'
                : stage === 'failed_system' ? 'วิเคราะห์ไม่สำเร็จ'
                : stage === 'expired_audio' ? 'เสียงหมดอายุก่อนสรุปเสร็จ' : 'ไม่พบเสียงพูด';
      return { failed: true, why };
    }
    // v_etareal: นับช่วงที่เหลือจาก listen_state จริงถ้ามี (คลิปยาวถูกซอยหลายช่วง
    // และทำได้ช่วงละหนึ่ง tick) · ถ้าไม่มี = คลิปสั้น/ยังไม่วางแผน → ถือว่าเหลือ 1 ช่วง
    const _ls = s.listen_state;
    const _winTotal = (_ls && Array.isArray(_ls.windows)) ? _ls.windows.length : 0;
    const _winDone = (_ls && typeof _ls.next === 'number') ? _ls.next : 0;
    const _remaining = _winTotal ? Math.max(1, _winTotal - _winDone) : null;
    if (stage === 'uploaded' || stage === 'needs_gemini') {
      return { step: 0, eta: _reviewEtaText(null, _remaining) };
    }
    if (stage === 'transcribed') return { step: 1, eta: _reviewEtaText() };
    // analyzed (หรือ stage เก่า/ไม่รู้จักที่มี skill_scores จริงแล้ว) — แยกด้วย tl_reviewed_at
    return s.tl_reviewed_at ? { step: 3, eta: null } : { step: 2, eta: null };
  }

  function _reviewStepBarHtml(info) {
    if (!info) return '';
    if (info.failed) {
      return `<div style="font-size:var(--text-2xs);font-weight:var(--fw-medium);color:var(--ec-bad);background:rgba(var(--ec-bad-rgb),.10);padding:2px 7px;border-radius:var(--r-sm);font-family:'Noto Sans Thai',sans-serif;display:inline-block">${info.why}</div>`;
    }
    const bars = [0, 1, 2, 3].map(i => {
      const cls = i < info.step ? 'background:var(--ec-ok)'
                : i === info.step ? 'background:var(--ec-info-2)'
                : 'background:rgba(var(--ec-ink-rgb),.08)';
      return `<div style="flex:1;height:3px;border-radius:3px;${cls}"></div>`;
    }).join('');
    const label = REVIEW_STEP_LABELS[info.step];
    const etaHtml = info.eta ? ` <span style="color:var(--ec-ink-4)">· คาดว่าเสร็จ ${info.eta}</span>` : '';
    return `<div style="display:flex;flex-direction:column;gap:5px;width:100%">
  <div style="display:flex;align-items:center;gap:3px">${bars}</div>
  <div style="font-size:var(--text-xs);font-family:'Noto Sans Thai',sans-serif;color:${info.step===3?'var(--ec-ok)':info.step===2?'var(--ec-warn)':'var(--ec-info)'};font-weight:var(--fw-medium)">${label}${etaHtml}</div>
</div>`;
  }
  function _bestMime() {
    const types = ['audio/webm;codecs=opus','audio/webm','audio/mp4','audio/ogg'];
    for (const t of types) if (MediaRecorder.isTypeSupported(t)) return t;
    return '';
  }
  function _toast(msg) {
    if (typeof showToast === 'function') showToast(msg, '⚠');
  }
  // ── v587: Screen Wake Lock — กันจอดับระหว่างอัดเสียงหน้างาน 40-60 นาที ──────
  // iOS Safari 16.4+ / Chrome รองรับ · เครื่องไม่รองรับ = ข้ามเงียบๆ (พฤติกรรมเดิม)
  // wake lock ถูก OS ปล่อยอัตโนมัติตอน background → re-acquire ตอนกลับ foreground
  let _wakeLock = null;
  async function _acquireWakeLock() {
    try {
      if (!('wakeLock' in navigator)) return;
      _wakeLock = await navigator.wakeLock.request('screen');
    } catch(_) { _wakeLock = null; }
  }
  function _releaseWakeLock() {
    try { if (_wakeLock) _wakeLock.release(); } catch(_) {}
    _wakeLock = null;
  }
  try {
    document.addEventListener('visibilitychange', () => {
      if (document.visibilityState === 'visible' && _phase === 'recording') _acquireWakeLock();
    });
  } catch(_) {}

  // v583: key moment text — รองรับทั้ง string (sessions เก่า) และ {ts,quote,note} (v583+)
  function _kmText(m) {
    if (typeof m === 'string') return m;
    if (!m) return '';
    if (m.quote) {
      const ts = m.ts ? `<span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-xs);color:var(--ec-ink-4)">${m.ts}</span> ` : '';
      const note = m.note ? ` <span style="color:var(--ec-ink-4)">— ${m.note}</span>` : '';
      return `${ts}&ldquo;${m.quote}&rdquo;${note}`;
    }
    return m.text || '';
  }
  function _ctx() {
    if (typeof portviewBulkData !== 'undefined' && _accountGuid) {
      // v552: real bulk fields are id/name/accountType (not account_guid/res_name) — support both
      const row = portviewBulkData.find(r => (r.id || r.account_guid) === _accountGuid);
      if (row) return {
        name: row.name||row.res_name||'-',
        seg: row.accountType||row.account_type||'-',
        days: row.daysWithCurrentKam||row.days_with_current_kam||0,
        // enriched fields for AI context
        gmv_mtd: row.gmvToDate||row.gmv_to_date||0,
        gmv_baseline: (row.paceSignal&&row.paceSignal.baselineGmv)||row.lastGmv||0,
        pace_pct: (row.paceSignal&&row.paceSignal.pct)||null,
        churn_count: row.churnedSkuCount||row.churned_sku_count||0,
        missing_cats: row.missingCatCount||row.missing_cat_count||0,
        account_class: row.accountType||'-',
        is_new: (row.daysWithCurrentKam||0) > 0 && (row.daysWithCurrentKam||0) <= 30
      };
    }
    return { name: _accountName||'-', seg: _accountSeg||'-', days: 0,
             gmv_mtd:0, gmv_baseline:0, pace_pct:null, churn_count:0,
             missing_cats:0, account_class:'-', is_new:false };
  }

  // ── CSS from mockup (verbatim) ─────────────────────────────────────────────
  const _CSS = `
/* ── SPEC TOKENS ── (สี: ใช้ --ec-* ใน styles_tokens.css · ชื่อเก่าเหลือเป็น alias ที่นั่นสำหรับจอนอก Echo) */
:root{
  --font:'Noto Sans Thai',sans-serif;--mono:'Noto Sans Thai',sans-serif;
  --ease:cubic-bezier(0.16,1,0.3,1);
}


/* ── PHONE SHELL ── */
.phone{
  width:390px;background:var(--ec-bg);border-radius:50px;
  overflow:hidden;position:relative;
  box-shadow:0 48px 120px rgba(var(--ec-shadow-rgb),.22),0 0 0 1px rgba(var(--ec-paper-rgb),.5) inset,0 1px 0 rgba(var(--ec-paper-rgb),.8) inset;
}
.notch{width:126px;height:37px;background:var(--ec-bg);border-radius:0 0 22px 22px;margin:0 auto;position:relative;z-index:10;}
.sbar{display:flex;justify-content:space-between;align-items:center;padding:12px 28px 0;position:relative;z-index:2;}
.sbar-t{font-size:var(--text-lg2);font-weight:var(--fw-medium);color:var(--ec-ink);letter-spacing:-.02em;}
.sbar-r{font-size:var(--text-base);color:var(--ec-ink-3);}

/* ── SCREENS ── */
#ci-fullsheet .scr{display:none;flex-direction:column;min-height:780px;}
#ci-fullsheet .scr.on{display:flex;}

/* ── TOPBAR ── */
#ci-fullsheet .topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 10px;background:transparent;}
.tb-act{font-size:var(--text-lg2);font-weight:var(--fw-normal);color:var(--ec-ink-3);cursor:pointer;padding:6px 0;}
.tb-act:hover{color:var(--ec-ink);}
.tb-lbl{font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;}
.tb-rec{font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ac);display:flex;align-items:center;gap:5px;font-family:'Noto Sans Thai',sans-serif;}
.rec-dot{width:5px;height:5px;border-radius:50%;background:var(--ec-bad);opacity:0;transition:opacity .3s;}
.rec-dot.on{opacity:1;animation:blink 1.3s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes ci-dot-pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}

/* ── CHIP ── */
#ci-fullsheet .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;background:rgba(var(--ec-ink-rgb),.04);}
#ci-fullsheet .chip-dot{width:5px;height:5px;border-radius:50%;background:var(--ec-ac);flex-shrink:0;}
#ci-fullsheet .chip-txt{font-size:var(--text-base);color:var(--ec-ink-3);letter-spacing:-.01em;}
#ci-fullsheet .chip-seg{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ec-ac);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.06em;}

/* ── RECORD CENTER ── */
#ci-fullsheet .rec-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:0 24px;}

/* ── ORB ── */
#ci-fullsheet .orb-wrap{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;}
#ci-fullsheet .orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(var(--ec-ac-rgb),.12);opacity:0;pointer-events:none;}
.orb-ring-1{width:100%;height:100%;}
.orb-ring-2{width:136%;height:136%;border-color:rgba(var(--ec-ac-rgb),.08);}
.is-rec .orb-ring-1{animation:opulse 2.4s var(--ease) infinite;}
.is-rec .orb-ring-2{animation:opulse 2.4s var(--ease) .8s infinite;}
@keyframes opulse{0%{opacity:.55;transform:scale(.88)}100%{opacity:0;transform:scale(1.1)}}
#ci-fullsheet .orb-outer{
  width:172px;height:172px;border-radius:50%;cursor:pointer;
  background:rgba(var(--ec-paper-rgb),.62);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:0.5px solid rgba(var(--ec-paper-rgb),.72);
  box-shadow:inset 0 1px 0 rgba(var(--ec-paper-rgb),.92),0 6px 28px rgba(var(--ec-shadow-rgb),.08);
  display:flex;align-items:center;justify-content:center;
  transition:box-shadow 220ms var(--ease),transform 60ms linear;
}
#ci-fullsheet .orb-outer:active{transform:scale(.96);}
.is-rec .orb-outer{box-shadow:inset 0 1px 0 rgba(var(--ec-rec-ink-rgb),.95),0 8px 36px rgba(var(--ec-ac-rgb),.13);}
#ci-fullsheet .orb-core{
  width:114px;height:114px;border-radius:50%;
  background:var(--ec-orb);
  box-shadow:inset 0 1.5px 0 rgba(var(--ec-paper-rgb),1),0 3px 14px rgba(var(--ec-shadow-rgb),.09);
  display:flex;align-items:center;justify-content:center;
  transition:box-shadow 220ms var(--ease);
}
.is-rec .orb-core{box-shadow:inset 0 1.5px 0 rgba(var(--ec-rec-ink-rgb),1),0 3px 18px rgba(var(--ec-ac-rgb),.16);}
#ci-fullsheet .orb-core svg{width:38px;height:38px;color:var(--ec-ac);transition:transform 120ms var(--ease);}
.is-rec .orb-core svg{transform:scale(1.08);}

/* ambient — very subtle, only when recording */
.orb-ambient{
  position:absolute;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(var(--ec-ac-rgb),.06) 0%,transparent 65%);
  pointer-events:none;opacity:0;transition:opacity 600ms var(--ease);
}
.is-rec .orb-ambient{opacity:1;}

/* ── TIMER ── */
#ci-fullsheet .timer-block{text-align:center;}
#ci-fullsheet .timer-val{font-size:52px;font-weight:200;letter-spacing:-.04em;line-height:1;color:var(--ec-ink);font-variant-numeric:tabular-nums;}
#ci-fullsheet .timer-hint{font-size:var(--text-sm);font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ec-ink-5);margin-top:5px;font-family:'Noto Sans Thai',sans-serif;transition:color 220ms;}
.is-rec .timer-hint{color:rgba(var(--ec-rec-ink-rgb),.52);}

/* ── WAVEFORM ── */
.waveform{display:flex;align-items:center;gap:2.5px;height:44px;padding:0 28px;width:100%;}
.wb{flex:1;border-radius:3px;background:rgba(var(--ec-ac-rgb),.20);height:3px;min-height:3px;transition:height .11s ease,opacity .11s ease;opacity:.25;}
.is-rec .wb{opacity:.55;}
/* ── AMBIENT WAVE (recording active) ── */
.ci-wave-wrap{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:40px;}
.ci-wb{display:inline-block;width:3px;min-height:3px;border-radius:3px;}
/* ── RECORDING ACTIVE CENTER ── */
#ci-rec-active{display:none;flex-direction:column;align-items:center;padding:20px 24px 8px;gap:8px;}
/* ── ORB — remove pulse rings in active state ── */
.orb-ambient,.orb-ring{display:none;}

/* ── ORB CHECK-IN FEEDBACK (v552) ── */
@keyframes orb-snap-pulse{0%,100%{box-shadow:inset 0 1.5px 0 rgba(var(--ec-paper-rgb),1),0 3px 14px rgba(var(--ec-shadow-rgb),.09)}50%{box-shadow:inset 0 1.5px 0 rgba(var(--ec-paper-rgb),1),0 4px 24px rgba(var(--ec-ac-rgb),.30)}}
.orb-snapping{animation:orb-snap-pulse 1s ease-in-out infinite;}
.orb-snapping svg{opacity:.45;transition:opacity .2s;}
@keyframes orb-ok-flash{0%{box-shadow:0 0 0 0 rgba(var(--ec-ok-rgb),.5)}100%{box-shadow:0 0 0 30px rgba(var(--ec-ok-rgb),0)}}
.orb-checkin-ok{animation:orb-ok-flash .9s ease-out 1;}

/* ── CHECK-IN BAR ── */
.ci-checkin-bar{display:none;margin:0 24px 4px;background:rgba(var(--ec-ok-rgb),.06);border:0.5px solid rgba(var(--ec-ok-rgb),.2);border-radius:var(--r-card);padding:8px 12px;align-items:center;gap:8px;}
.ci-checkin-bar.show{display:flex;}
.ci-checkin-icon{width:18px;height:18px;border-radius:50%;background:rgba(var(--ec-ok-rgb),.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ci-checkin-txt{font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink);}
.ci-checkin-sub{font-size:var(--text-xs);color:var(--ec-ink-5);}

/* ── COVISIT LIST (TL screen) ── */
.cv-list-wrap{flex:1;overflow-y:auto;padding:0 0 max(32px,calc(env(safe-area-inset-bottom,0px)+80px));-webkit-overflow-scrolling:touch;}
.cv-section-hd{font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;padding:12px 24px 6px;}
.cv-row{display:flex;align-items:center;gap:10px;padding:10px 24px;border-bottom:0.5px solid var(--ec-line);}
.cv-row:last-child{border-bottom:none;}
.cv-avatar{width:30px;height:30px;border-radius:50%;background:rgba(var(--ec-ac-rgb),.1);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--ec-ac);flex-shrink:0;}
.cv-name{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--ec-ink);}
.cv-sub{font-size:var(--text-xs);color:var(--ec-ink-6);margin-top:1px;font-family:'Noto Sans Thai',sans-serif;}
.cv-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:100px;font-size:var(--text-2xs);font-weight:var(--fw-medium);white-space:nowrap;}
.cv-badge-ready{background:rgba(var(--ec-ok-rgb),.1);color:var(--ec-ok-tx-2);}
.cv-badge-wait{background:rgba(var(--ec-warn-rgb),.1);color:var(--ec-warn-tx-3);}
.cv-badge-done{background:rgba(var(--ec-ok-rgb),.1);color:var(--ec-ok-tx-2);}
.cv-badge-expired{background:rgba(var(--ec-bad-rgb),.08);color:var(--ec-bad-tx-3);}
.cv-verify-btn{display:block;margin:12px 24px 4px;width:calc(100% - 48px);padding:14px;border-radius:var(--r-lg);border:none;background:var(--ec-ac);color:var(--tk-text-primary);font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-lg2);font-weight:var(--fw-medium);letter-spacing:-.02em;cursor:pointer;transition:opacity 80ms;}
.cv-verify-btn:disabled{background:var(--ec-line);color:var(--ec-ink-6);cursor:not-allowed;}
.cv-verify-btn:active{opacity:.85;}
.cv-note{text-align:center;font-size:var(--text-xs);color:var(--ec-ink-6);padding:4px 24px 16px;line-height:1.5;font-family:'Noto Sans Thai',sans-serif;}

/* ── RECORD BOTTOM ── */
.rec-bottom{padding:8px 24px 40px;display:flex;flex-direction:column;gap:10px;}
#ci-fullsheet .btn-stop{
  width:100%;padding:15px;border-radius:var(--r-lg);border:none;
  background:rgba(var(--ec-ink-rgb),.055);color:var(--ec-ink-3);
  font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-lg2);font-weight:var(--fw-medium);letter-spacing:-.02em;
  cursor:pointer;transition:background 120ms,color 120ms,transform 60ms linear;
}
#ci-fullsheet .btn-stop:hover{background:rgba(var(--ec-ink-rgb),.08);color:var(--ec-ink);}
#ci-fullsheet .btn-stop:active{transform:scale(.98);}
#ci-fullsheet .stop-hint{text-align:center;font-size:var(--text-sm);color:var(--ec-ink-5);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.04em;}

/* ── PROCESSING SCREEN ── */
#ci-fullsheet .proc-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;}
#ci-fullsheet .proc-dots{display:flex;gap:7px;align-items:center;margin-bottom:16px;}
#ci-fullsheet .proc-dot{width:7px;height:7px;border-radius:50%;background:var(--ec-ac);opacity:.2;animation:dbreathe 1.2s ease-in-out infinite;}
#ci-fullsheet .proc-dot:nth-child(2){animation-delay:.2s;}
#ci-fullsheet .proc-dot:nth-child(3){animation-delay:.4s;}
@keyframes dbreathe{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
#ci-fullsheet .proc-step{font-size:var(--text-lg2);font-weight:var(--fw-normal);color:var(--ec-ink);letter-spacing:-.02em;text-align:center;}
#ci-fullsheet .proc-sub{font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif;margin-top:3px;text-align:center;}
#ci-fullsheet .proc-line{width:148px;height:1px;background:var(--ec-line);border-radius:1px;margin-top:24px;overflow:hidden;}
#ci-fullsheet .proc-fill{height:100%;background:var(--ec-ac);width:0%;transition:width .65s var(--ease);}

/* ── RESULT SCREEN ── */
#ci-fullsheet .result-hdr{padding:20px 24px 0;}
#ci-fullsheet .result-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
#ci-fullsheet .result-acct{font-size:var(--text-xl);font-weight:var(--fw-medium);letter-spacing:-.02em;color:var(--ec-ink);}
.dur-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;background:rgba(var(--ec-ink-rgb),.04);font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-md);color:var(--ec-ink-4);letter-spacing:.02em;}

/* ── TAB BAR — sliding pill ── */
#ci-fullsheet .tab-bar{position:relative;display:flex;background:rgba(var(--ec-ink-rgb),.042);border-radius:var(--r-md);padding:3px;gap:0;margin-bottom:18px;}
#ci-fullsheet .tab-pill{position:absolute;top:3px;bottom:3px;background:var(--ec-raised);border-radius:var(--r-7);box-shadow:0 1px 4px rgba(var(--ec-shadow-rgb),.10);pointer-events:none;transition:left 120ms var(--ease),width 120ms var(--ease);}
#ci-fullsheet .tab-btn{flex:1;padding:8px 6px;font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink-4);background:transparent;border:none;border-radius:var(--r-7);cursor:pointer;font-family:'Noto Sans Thai',sans-serif;letter-spacing:-.01em;transition:color 120ms;position:relative;z-index:1;white-space:nowrap;}
#ci-fullsheet .tab-btn.on{color:var(--ec-ink);}

/* ── RESULT BODY ── */
#ci-fullsheet .result-body{flex:1;overflow-y:auto;padding:0 24px;-webkit-overflow-scrolling:touch;}
#ci-fullsheet .result-body::-webkit-scrollbar{display:none;}
#ci-fullsheet .panel{display:none;}
#ci-fullsheet .panel.on{display:block;}

/* PIPC */
.pipc-track{display:flex;gap:4px;margin-bottom:6px;}
.pipc-seg{flex:1;height:2px;border-radius:var(--r-xxs);background:var(--ec-line);transition:background 220ms;}
.pipc-seg.done{background:var(--ec-ac);}
.pipc-labels{display:flex;justify-content:space-between;margin-bottom:24px;}
.pipc-lbl{font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif;transition:color 220ms;}
.pipc-lbl.done{color:var(--ec-ac);}

/* SKILL ROWS */
.skill-row{display:flex;gap:11px;padding:13px 0;border-bottom:0.5px solid var(--ec-line);opacity:0;transform:translateY(5px);animation:rowshow 280ms var(--ease) forwards;}
.skill-row:last-child{border-bottom:none;}
.skill-row:nth-child(1){animation-delay:0ms}
.skill-row:nth-child(2){animation-delay:70ms}
.skill-row:nth-child(3){animation-delay:140ms}
.skill-row:nth-child(4){animation-delay:210ms}
@keyframes rowshow{to{opacity:1;transform:translateY(0)}}
.sk-dot{width:6px;height:6px;border-radius:50%;margin-top:5px;flex-shrink:0;}
.sk-dot.pass{background:var(--ec-ok);}
.sk-dot.dev{background:var(--ec-warn);}
.sk-dot.no{background:var(--ec-line);}
.sk-body{flex:1;min-width:0;}
.sk-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px;}
.sk-name{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--ec-ink);letter-spacing:-.02em;}
.sk-badge{font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;font-family:'Noto Sans Thai',sans-serif;}
.sk-badge.pass{color:var(--ec-ok);}
.sk-badge.dev{color:var(--ec-warn);}
.sk-badge.no{color:var(--ec-ink-4);}
.sk-note{font-size:var(--text-md);color:var(--ec-ink-3);line-height:1.5;letter-spacing:-.005em;}

/* eyebrow */
#ci-fullsheet .eyebrow{font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.16em;text-transform:uppercase;color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif;margin-bottom:12px;}

/* BUYER CARD */
.buyer-card{
  background:rgba(var(--ec-paper-rgb),.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-radius:16px;border:0.5px solid rgba(var(--ec-paper-rgb),.55);
  box-shadow:inset 0 1px 0 rgba(var(--ec-paper-rgb),.90),0 4px 20px rgba(var(--ec-shadow-rgb),.05);
  padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:24px;
}
.buyer-icon-wrap{width:46px;height:46px;border-radius:var(--r-card);background:var(--ec-card);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);flex-shrink:0;}
.buyer-lbl{font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif;margin-bottom:4px;}
.buyer-type{font-size:var(--text-2xl);font-weight:300;letter-spacing:-.03em;color:var(--ec-ink);line-height:1.1;}
.buyer-ev{font-size:var(--text-sm);color:var(--ec-ink-4);margin-top:2px;letter-spacing:-.005em;}

/* PAIN ROWS */
#ci-fullsheet .pain-row{display:flex;gap:12px;padding:12px 0;border-bottom:0.5px solid var(--ec-line);}
#ci-fullsheet .pain-row:last-child{border-bottom:none;}
#ci-fullsheet .pain-dot{width:5px;height:5px;border-radius:50%;margin-top:4px;flex-shrink:0;}
#ci-fullsheet .pain-dot.hi{background:var(--ec-bad);}
#ci-fullsheet .pain-dot.md{background:var(--ec-warn);}
#ci-fullsheet .pain-dot.op{background:var(--ec-ac);}
.pain-body{flex:1;}
#ci-fullsheet .pain-dim{font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.13em;text-transform:uppercase;color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif;margin-bottom:3px;}
#ci-fullsheet .pain-txt{font-size:var(--text-md);color:var(--ec-ink-3);line-height:1.5;}

/* ACTION CARDS */
.action-card{
  background:rgba(var(--ec-paper-rgb),.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-radius:var(--r-lg);border:0.5px solid rgba(var(--ec-paper-rgb),.55);
  box-shadow:inset 0 1px 0 rgba(var(--ec-paper-rgb),.90),0 3px 16px rgba(var(--ec-shadow-rgb),.045);
  padding:14px 16px;margin-bottom:8px;
}
.action-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
#ci-fullsheet .action-n{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.08em;}
.urg{font-size:var(--text-2xs);font-weight:var(--fw-medium);padding:3px 8px;border-radius:100px;letter-spacing:.06em;text-transform:uppercase;font-family:'Noto Sans Thai',sans-serif;}
.urg.hi{background:rgba(var(--ec-bad-rgb),.08);color:var(--ec-bad);}
.urg.md{background:rgba(var(--ec-warn-rgb),.08);color:var(--ec-warn);}
#ci-fullsheet .action-txt{font-size:var(--text-md);color:var(--ec-ink);line-height:1.5;margin-bottom:5px;letter-spacing:-.01em;}
#ci-fullsheet .action-who{font-size:var(--text-xs);color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.04em;}

/* RESULT CTA */
.result-cta{display:flex;gap:8px;padding:14px 24px max(40px,calc(env(safe-area-inset-bottom,0px) + 20px));}
.btn{flex:1;padding:14px;border-radius:var(--r-lg);border:none;font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-lg2);font-weight:var(--fw-medium);letter-spacing:-.02em;cursor:pointer;transition:opacity 60ms linear,transform 60ms linear;}
.btn:active{transform:scale(.97);opacity:.85;}
.btn-primary{background:var(--ec-ac);color:var(--tk-text-primary);}
.btn-primary:hover{background:var(--ec-ac-press);}
.btn-ghost{background:rgba(var(--ec-ink-rgb),.045);color:var(--ec-ink-3);}
.btn-ghost:hover{background:rgba(var(--ec-ink-rgb),.07);}

/* spacing utility */
.mb-7{margin-bottom:28px;}
/* CI sheet overrides — scope inside #ci-fullsheet */
#ci-fullsheet {
  position:fixed;
  top:0;bottom:0;
  /* v576: no translateX — iOS WKWebView fixed+transform = white flash on cold open
     centering via left:0/right:0/margin:auto (same fix as .bnav) */
  left:0;right:0;
  width:100%;max-width:var(--app-max,440px);
  margin:0 auto;
  transform:translateY(100%);
  z-index:9999;
  padding-top:env(safe-area-inset-top,44px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  background:var(--ec-bg);
  font-family:'Noto Sans Thai',sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;
  transition:transform 380ms cubic-bezier(0.16,1,0.3,1);
  overflow:hidden;
  color:var(--ec-ink)!important;
}
/* v588: backstop — กันแถบขาว home indicator zone ตอน is-rec (dark mode)
   sheet เปลี่ยน bg ผ่าน JS แต่ถ้า OS ยัง render ใต้ sheet ให้ body รับ */
body.echo-active { background:var(--ec-rec-bg); }
body:not(.echo-active) { background:unset; }
#ci-fullsheet .topbar{
  position:relative;
  top:auto;left:auto;right:auto;
  max-width:none;
  z-index:1;
  margin:0;
  padding:16px 24px 10px;
  background:transparent;
  border-bottom:0.5px solid rgba(var(--ec-ink-rgb),.07);
  transition:background .7s ease,border-color .7s ease;
}
#ci-fullsheet.ci-open { transform:translateY(0); }
#ci-fullsheet .scr { display:none; flex-direction:column; flex:1; min-height:0; }
#ci-fullsheet .scr.on { display:flex; }
/* ── Picker sheet items ── */
.ci-pk-item{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:var(--r-md);border:none;background:rgba(var(--ec-ink-rgb),.03);cursor:pointer;width:100%;text-align:left;transition:background .15s;margin-bottom:2px;}
.ci-pk-item:active{background:rgba(var(--ec-ac-rgb),.08);}
.ci-pk-name{font-size:var(--text-base);color:var(--ec-ink);font-weight:var(--fw-medium);flex:1;text-align:left;}
.ci-pk-seg{font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--ec-ac);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.06em;margin-left:8px;}
/* ── Readability overrides ── */
.sk-name{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--ec-ink);letter-spacing:-.02em}
.sk-note{font-size:var(--text-md);color:var(--ec-ink-3);line-height:1.55;letter-spacing:-.005em}
.sk-badge{font-size:var(--text-xs);letter-spacing:.08em}
.buyer-type{font-size:var(--text-2xl);font-weight:300;letter-spacing:-.03em;color:var(--ec-ink)}
.buyer-ev{font-size:var(--text-md);color:var(--ec-ink-3);line-height:1.5}
.buyer-lbl{font-size:var(--text-2xs);letter-spacing:.14em;color:var(--ec-ink-4);margin-bottom:4px}
#ci-fullsheet .pain-txt{font-size:var(--text-md);color:var(--ec-ink-3);line-height:1.55}
#ci-fullsheet .pain-dim{font-size:var(--text-xs);color:var(--ec-ink-4);letter-spacing:.13em}
#ci-fullsheet .action-txt{font-size:var(--text-base);color:var(--ec-ink);line-height:1.5}
#ci-fullsheet .action-who{font-size:var(--text-sm);color:var(--ec-ink-4)}
#ci-fullsheet .action-n{font-size:var(--text-xs);color:var(--ec-ink-4);letter-spacing:.08em}
#ci-fullsheet .eyebrow{font-size:var(--text-xs);color:var(--ec-ink-4);letter-spacing:.16em}
#ci-fullsheet .tab-btn{font-size:var(--text-base);font-weight:var(--fw-normal);color:var(--ec-ink-4)}
#ci-fullsheet .tab-btn.on{color:var(--ec-ink);font-weight:var(--fw-medium)}
#ci-fullsheet .proc-step{font-size:var(--text-lg2);color:var(--ec-ink)}
#ci-fullsheet .proc-sub{font-size:var(--text-sm);color:var(--ec-ink-4)}
#ci-fullsheet .timer-val{color:var(--ec-ink)}
#ci-fullsheet .timer-hint{font-size:var(--text-sm);color:var(--ec-ink-4)}
#ci-fullsheet .stop-hint{font-size:var(--text-sm);color:var(--ec-ink-4)}
#ci-fullsheet .btn-stop{font-size:var(--text-lg2);color:var(--ec-ink);background:rgba(var(--ec-ink-rgb),.055)}
#ci-fullsheet .chip-txt{font-size:var(--text-base);color:var(--ec-ink-3)}
#ci-fullsheet .chip-seg{font-size:var(--text-xs);color:var(--ec-ac)}
/* ══ Echo ดีไซน์ใหม่ (Bucci เคาะ 25 ต.ค. 2569 · canvas EchoDesign3 + EchoResult) · สีจาก --ec-* เท่านั้น ══ */
/* ปุ่มเช็คอิน: ตำแหน่ง/ขนาดเดิมของ Bucci แต่เป็นปุ่มสีเต็ม มีคลื่นหายใจ ชวนกด */
#ci-fullsheet .ec-rip,#ci-fullsheet .ec-spin,#ci-fullsheet .ec-burst{position:absolute;border-radius:50%;pointer-events:none;display:none;}
#ci-fullsheet .ec-rip{width:172px;height:172px;border:2px solid rgba(var(--ec-ac-rgb),.45);opacity:0;}
#ci-fullsheet .ec-spin{width:186px;height:186px;border:3px solid rgba(var(--ec-ac-rgb),.12);border-top-color:var(--ec-ac);}
#ci-fullsheet .ec-burst{width:172px;height:172px;border:3px solid rgba(var(--ec-ok-rgb),.55);opacity:0;}
@keyframes ec-rip{0%{opacity:.7;transform:scale(.86)}100%{opacity:0;transform:scale(1.28)}}
@keyframes ec-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes ec-spin{to{transform:rotate(360deg)}}
@keyframes ec-burst{0%{opacity:.8;transform:scale(.9)}100%{opacity:0;transform:scale(1.6)}}
@keyframes ec-pop{0%{transform:scale(.7)}60%{transform:scale(1.1)}100%{transform:scale(1)}}
#ci-fullsheet .orb-wrap.ec-ck .ec-rip{display:block;animation:ec-rip 2.6s cubic-bezier(.2,.7,.3,1) infinite;}
#ci-fullsheet .orb-wrap.ec-ck .ec-rip.r2{animation-delay:1.3s;}
#ci-fullsheet .orb-wrap.ec-ck .orb-outer{background:rgba(var(--ec-ac-rgb),.10);border:1px solid rgba(var(--ec-ac-rgb),.35);box-shadow:0 14px 44px rgba(var(--ec-ac-rgb),.22);}
#ci-fullsheet .orb-wrap.ec-ck .orb-core{width:120px;height:120px;background:linear-gradient(150deg,var(--ec-ac),var(--ec-ac-press));box-shadow:inset 0 1.5px 0 rgba(var(--ec-hi-rgb),.28),0 8px 24px rgba(var(--ec-ac-rgb),.45);animation:ec-breathe 2.6s ease-in-out infinite;}
#ci-fullsheet .orb-wrap.ec-ck .orb-core svg{color:var(--ec-on-ac);width:44px;height:44px;stroke-width:2;}
#ci-fullsheet .orb-wrap.ec-busy .ec-rip{display:none;}
#ci-fullsheet .orb-wrap.ec-busy .ec-spin{display:block;animation:ec-spin .9s linear infinite;}
#ci-fullsheet .orb-wrap.ec-busy .orb-core{opacity:.55;box-shadow:none;animation:none;}
#ci-fullsheet .orb-wrap.ec-ok .orb-outer,#ci-fullsheet .orb-wrap.ec-done .orb-outer{background:rgba(var(--ec-ok-rgb),.12);border:1px solid rgba(var(--ec-ok-rgb),.38);box-shadow:none;cursor:default;}
#ci-fullsheet .orb-wrap.ec-ok .orb-core,#ci-fullsheet .orb-wrap.ec-done .orb-core{background:var(--ec-ok);box-shadow:0 0 0 8px rgba(var(--ec-ok-rgb),.16),0 8px 26px rgba(var(--ec-ok-rgb),.4);animation:none;}
#ci-fullsheet .orb-wrap.ec-ok .orb-core svg,#ci-fullsheet .orb-wrap.ec-done .orb-core svg{color:var(--ec-on-ac);stroke-width:2.6;}
#ci-fullsheet .orb-wrap.ec-ok .orb-core{animation:ec-pop .5s cubic-bezier(.2,.9,.3,1.2) 1;}
#ci-fullsheet .orb-wrap.ec-ok .ec-burst{display:block;animation:ec-burst .9s ease-out 1 forwards;}
#ci-fullsheet .orb-wrap.ec-done{width:156px;height:156px;}
#ci-fullsheet .orb-wrap.ec-done .orb-outer{width:140px;height:140px;}
#ci-fullsheet .orb-wrap.ec-done .orb-core{width:92px;height:92px;box-shadow:0 0 0 7px rgba(var(--ec-ok-rgb),.14);}
#ci-fullsheet .orb-wrap.ec-done .orb-core svg{width:36px;height:36px;}
#ci-fullsheet .ec-hint-b{display:block;font-size:var(--text-lg);font-weight:var(--fw-semi);color:var(--ec-ac);letter-spacing:0;text-transform:none;}
#ci-fullsheet .ec-hint-b.ok{color:var(--ec-ok-tx);}
#ci-fullsheet .ec-hint-b.wait{color:var(--ec-ink-3);font-weight:var(--fw-medium);}
#ci-fullsheet .ec-hint-b.bad{color:var(--ec-bad-tx);}
#ci-fullsheet .ec-hint-s{display:block;font-size:var(--text-sm);color:var(--ec-ink-5);margin-top:4px;line-height:1.5;letter-spacing:0;text-transform:none;font-weight:var(--fw-normal);}
#ci-fullsheet .ec-hint-s.bad{color:var(--ec-bad-tx);}
/* ปุ่มอัดเสียง: แคปซูลกว้างล่างจอ คนละรูปทรงกับปุ่มเช็คอิน */
#ci-recpill-wrap{display:none;flex-direction:column;align-items:center;gap:8px;padding:0 24px max(22px,calc(env(safe-area-inset-bottom,0px) + 14px));}
#ci-fullsheet .ec-recpill{width:100%;height:58px;border-radius:18px;border:1px solid var(--ec-recpill-line);background:var(--ec-recpill-bg);color:var(--ec-recpill-ink);display:flex;align-items:center;justify-content:center;gap:12px;font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-lg);font-weight:var(--fw-semi);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 80ms linear;}
#ci-fullsheet .ec-recpill:active{transform:scale(.98);}
#ci-fullsheet .ec-recpill.nudge{animation:ec-pop .45s ease 1;}
#ci-fullsheet .ec-eq{display:flex;align-items:flex-end;gap:3px;height:18px;}
#ci-fullsheet .ec-eq i{display:block;width:4px;border-radius:2px;background:var(--ec-ac);}
#ci-fullsheet .ec-recsub{font-size:var(--text-sm);color:var(--ec-ink-5);}
/* การ์ด visit เดือนละ 12 + Olive ขอบคุณ */
#ci-fullsheet .ec-bar{display:flex;gap:4px;align-items:center;margin-top:10px;}
#ci-fullsheet .ec-bar i{flex:1;height:6px;border-radius:3px;background:rgba(var(--ec-ac-rgb),.15);}
#ci-fullsheet .ec-bar i.on{background:var(--ec-ac);}
#ci-fullsheet .ec-bar i.new{background:var(--ec-ac);box-shadow:0 0 0 3px rgba(var(--ec-ac-rgb),.28),0 0 12px rgba(var(--ec-ac-rgb),.7);animation:ec-pop .6s ease 1;}
#ci-fullsheet .ec-bar span{font-size:var(--text-xs);color:var(--ec-ink-5);margin-left:6px;white-space:nowrap;font-variant-numeric:tabular-nums;}
#ci-fullsheet .ec-olv{display:flex;gap:10px;align-items:center;}
#ci-fullsheet .ec-av{width:30px;height:30px;border-radius:50%;flex:0 0 auto;background:linear-gradient(145deg,var(--ec-olive-1),var(--ec-olive-2));color:var(--ec-on-ac);font-size:var(--text-sm);font-weight:var(--fw-bold,700);display:flex;align-items:center;justify-content:center;}
#ci-fullsheet .ec-olv p{margin:0;font-size:var(--text-md);line-height:1.5;color:var(--ec-ink);}
#ci-fullsheet .ec-olv b{color:var(--ec-ok-tx);font-weight:var(--fw-semi);}
/* การ์ดของถึงรอบ กาง/ซ่อน */
#ci-fullsheet .ec-ro{margin:10px 0 0;border-radius:14px;border:.5px solid rgba(var(--ec-warn-rgb),.38);background:rgba(var(--ec-warn-rgb),.07);padding:10px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
#ci-fullsheet .ec-ro-h{display:flex;justify-content:space-between;align-items:center;gap:8px;}
#ci-fullsheet .ec-ro-h p{margin:0;font-size:13.5px;font-weight:var(--fw-semi);color:var(--ec-warn-tx);line-height:1.45;}
#ci-fullsheet .ec-ro-h span{font-size:var(--text-sm);color:var(--ec-ink-4);white-space:nowrap;}
#ci-fullsheet .ec-ro-one{font-size:var(--text-sm);color:var(--ec-ink-4);margin-top:4px;}
#ci-fullsheet .ec-ro-list{display:none;margin:8px 0 0;padding:0;list-style:none;}
#ci-fullsheet .ec-ro.open .ec-ro-list{display:block;}
#ci-fullsheet .ec-ro.open .ec-ro-one{display:none;}
#ci-fullsheet .ec-ro-list li{display:flex;justify-content:space-between;gap:10px;font-size:var(--text-sm);color:var(--ec-ink);padding:7px 0;border-top:.5px solid rgba(var(--ec-warn-rgb),.22);}
#ci-fullsheet .ec-ro-list li span{font-size:var(--text-xs);color:var(--ec-ink-5);text-align:right;white-space:nowrap;}
#ci-fullsheet .ec-ro-list li em{font-style:normal;color:var(--ec-warn-tx);}
/* เลือกร้าน: ใกล้คุณตอนนี้ */
#ci-fullsheet .ec-near{display:flex;align-items:center;gap:12px;width:100%;border-radius:16px;border:1.5px solid rgba(var(--ec-ok-rgb),.6);background:rgba(var(--ec-ok-rgb),.08);padding:13px 14px;cursor:pointer;font-family:'Noto Sans Thai',sans-serif;text-align:left;-webkit-tap-highlight-color:transparent;}
#ci-fullsheet .ec-near-ic{width:38px;height:38px;border-radius:50%;background:rgba(var(--ec-ok-rgb),.16);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--ec-ok-tx);}
#ci-fullsheet .ec-near-t{flex:1;min-width:0;}
#ci-fullsheet .ec-near-t b{display:block;font-size:var(--text-lg);font-weight:var(--fw-semi);color:var(--ec-ink);}
#ci-fullsheet .ec-near-t b em{font-style:normal;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ec-ac);letter-spacing:.06em;margin-left:6px;}
#ci-fullsheet .ec-near-t span{display:block;font-size:var(--text-sm);color:var(--ec-ok-tx);margin-top:2px;}
#ci-fullsheet .ec-near-go{font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--ec-on-ac);background:var(--ec-ac);border-radius:999px;padding:6px 12px;white-space:nowrap;}
#ci-fullsheet .ec-dist{font-size:var(--text-sm);color:var(--ec-ink-5);font-variant-numeric:tabular-nums;margin-left:10px;white-space:nowrap;flex-shrink:0;}
/* จออัด: ชื่อร้านใต้เวลา + ปุ่มจบวงเขียวใต้นิ้วโป้ง */
#ci-fullsheet .ec-rshop{font-size:var(--text-md);color:rgba(var(--ec-rec-ink-rgb),.4);text-align:center;}
#ci-fullsheet .ec-stopw{display:flex;flex-direction:column;align-items:center;gap:10px;}
#ci-fullsheet .ec-stopb{width:88px;height:88px;border-radius:50%;border:0;background:var(--ec-go);box-shadow:0 0 0 7px rgba(var(--ec-go-rgb),.16),0 12px 34px rgba(var(--ec-go-rgb),.28);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 80ms linear;}
#ci-fullsheet .ec-stopb:active{transform:scale(.95);}
#ci-fullsheet .ec-stopb i{display:block;width:28px;height:28px;border-radius:7px;background:var(--ec-on-go);}
#ci-fullsheet .ec-stopl{font-size:var(--text-base);font-weight:var(--fw-semi);color:rgba(var(--ec-rec-ink-rgb),.82);}
#ci-fullsheet .ec-disc{background:none;border:0;padding:6px 12px;font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-sm);color:rgba(var(--ec-rec-ink-rgb),.38);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
/* แผ่นยืนยันทิ้งเสียง */
#ci-fullsheet .ec-scrim{position:absolute;inset:0;background:rgba(var(--ec-shadow-rgb),.55);z-index:20;display:flex;align-items:flex-end;}
#ci-fullsheet .ec-cf{margin:0 12px max(18px,calc(env(safe-area-inset-bottom,0px) + 12px));width:100%;border-radius:22px;background:var(--ec-confirm-bg);padding:20px 18px 14px;border:.5px solid rgba(var(--ec-rec-ink-rgb),.1);font-family:'Noto Sans Thai',sans-serif;}
#ci-fullsheet .ec-cf h3{margin:0;font-size:var(--text-xl);font-weight:var(--fw-semi);color:rgba(var(--ec-rec-ink-rgb),1);}
#ci-fullsheet .ec-cf p{margin:6px 0 0;font-size:var(--text-md);color:rgba(var(--ec-rec-ink-rgb),.66);line-height:1.55;}
#ci-fullsheet .ec-cf button{display:block;width:100%;height:50px;border:0;border-radius:14px;margin-top:8px;font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-lg);font-weight:var(--fw-semi);cursor:pointer;}
#ci-fullsheet .ec-cf .keep{margin-top:16px;background:var(--ec-go);color:var(--ec-on-go);}
#ci-fullsheet .ec-cf .drop{background:rgba(var(--ec-bad-rgb),.12);color:var(--ec-bad-tx);}
/* ส่งแล้ว */
#ci-fullsheet .ec-sent{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 32px;text-align:center;font-family:'Noto Sans Thai',sans-serif;}
#ci-fullsheet .ec-sent-ic{width:92px;height:92px;border-radius:50%;background:var(--ec-ok);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(var(--ec-ok-rgb),.14);color:var(--ec-on-ac);animation:ec-pop .5s ease 1;}
#ci-fullsheet .ec-sent h3{margin:6px 0 0;font-size:var(--text-2xl);font-weight:var(--fw-semi);color:var(--ec-ink);}
#ci-fullsheet .ec-sent p{margin:0;font-size:var(--text-base);color:var(--ec-ink-3);line-height:1.6;}
#ci-fullsheet .ec-sent p b{color:var(--ec-ink);font-weight:var(--fw-semi);}
#ci-fullsheet .ec-sent .s2{font-size:var(--text-sm);color:var(--ec-ink-5);}
#ci-fullsheet .ec-sent button{margin-top:12px;font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-base);font-weight:var(--fw-semi);color:var(--ec-ink);background:transparent;border:1px solid var(--ec-line);border-radius:999px;padding:9px 30px;cursor:pointer;}
#ci-fullsheet .ec-sent .auto{font-size:var(--text-xs);color:var(--ec-ink-6);}
/* ประวัติแบบใหม่: แบ่งตามวัน · การ์ดเดียวกันทุกสถานะ */
#ci-fullsheet .ec-hsum{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 2px;border-radius:14px;background:var(--ec-card);border:.5px solid var(--ec-line-2);}
#ci-fullsheet .ec-hsum div{padding:9px 0;text-align:center;}
#ci-fullsheet .ec-hsum div+div{border-left:.5px solid var(--ec-line-2);}
#ci-fullsheet .ec-hsum b{display:block;font-size:var(--text-xl3);font-weight:var(--fw-medium);color:var(--ec-ink);font-variant-numeric:tabular-nums;}
#ci-fullsheet .ec-hsum span{font-size:var(--text-xs);color:var(--ec-ink-5);}
#ci-fullsheet .ec-hday{padding:14px 0 6px;font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--ec-ink-5);letter-spacing:.04em;}
#ci-fullsheet .ec-hc{margin:0 0 8px;border-radius:16px;background:var(--ec-card);border:.5px solid var(--ec-line-2);padding:11px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:'Noto Sans Thai',sans-serif;}
#ci-fullsheet .ec-hr1{display:flex;align-items:center;gap:8px;}
#ci-fullsheet .ec-hr1 b{flex:1;min-width:0;font-size:var(--text-base);font-weight:var(--fw-semi);color:var(--ec-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ci-fullsheet .ec-hr1 time{font-size:var(--text-sm);color:var(--ec-ink-5);font-variant-numeric:tabular-nums;white-space:nowrap;}
#ci-fullsheet .ec-new{font-size:var(--text-2xs);font-weight:var(--fw-bold,700);color:var(--ec-on-ac);background:var(--ec-ac);border-radius:999px;padding:1px 8px;flex-shrink:0;}
#ci-fullsheet .ec-hcv{font-size:var(--text-2xs);font-weight:var(--fw-medium);color:var(--ec-ok-tx);white-space:nowrap;}
#ci-fullsheet .ec-hst{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--text-sm);flex-wrap:wrap;}
#ci-fullsheet .ec-hst svg{width:14px;height:14px;flex:0 0 auto;}
#ci-fullsheet .ec-hst .m{color:var(--ec-ink-5);}
#ci-fullsheet .ec-hst.ok{color:var(--ec-ok-tx);}
#ci-fullsheet .ec-hst.bad{color:var(--ec-bad-tx);}
#ci-fullsheet .ec-hst.mute{color:var(--ec-ink-5);}
#ci-fullsheet .ec-hbtn{margin-left:auto;border:0;font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-sm);font-weight:var(--fw-semi);border-radius:999px;padding:5px 12px;cursor:pointer;}
#ci-fullsheet .ec-hbtn.bad{background:rgba(var(--ec-bad-rgb),.14);color:var(--ec-bad-tx);}
#ci-fullsheet .ec-vchip{display:inline-block;font-size:var(--text-xs);font-weight:var(--fw-semi);border-radius:6px;padding:1px 7px;}
#ci-fullsheet .ec-vchip.warn{color:var(--ec-warn-tx);background:rgba(var(--ec-warn-rgb),.14);}
#ci-fullsheet .ec-vchip.ok{color:var(--ec-ok-tx);background:rgba(var(--ec-ok-rgb),.14);}
#ci-fullsheet .ec-vchip.bad{color:var(--ec-bad-tx);background:rgba(var(--ec-bad-rgb),.12);}
#ci-fullsheet .ec-hnx{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:.5px solid var(--ec-line-2);font-size:13.5px;color:var(--ec-ink-2);line-height:1.5;}
#ci-fullsheet .ec-hnx i{font-style:normal;flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:var(--ec-ac);color:var(--ec-on-ac);font-size:var(--text-2xs);font-weight:var(--fw-bold,700);display:flex;align-items:center;justify-content:center;margin-top:1px;}
#ci-fullsheet .ec-hnx em{font-style:normal;color:var(--ec-ink-5);white-space:nowrap;}
#ci-fullsheet .ec-htl{margin-top:8px;border-left:2px solid rgba(var(--ec-info-rgb),.45);padding:2px 0 2px 10px;font-size:var(--text-sm);color:var(--ec-info-tx);line-height:1.6;}
#ci-fullsheet .ec-htl b{display:block;font-size:var(--text-2xs);letter-spacing:.08em;color:var(--ec-info);font-weight:var(--fw-semi);}
@media (prefers-reduced-motion:reduce){#ci-fullsheet .ec-rip,#ci-fullsheet .ec-spin,#ci-fullsheet .ec-burst,#ci-fullsheet .orb-core,#ci-fullsheet .ec-bar i.new,#ci-fullsheet .ec-sent-ic,#ci-fullsheet .ec-recpill.nudge{animation:none!important;}}
`;

  // ── Mount / unmount sheet ──────────────────────────────────────────────────
  function _mount() {
    // v604: ถ้า ci-fullsheet เก่ายังอยู่ใน DOM (อยู่ระหว่าง 400ms slide-out)
    // ให้ remove ทันทีแทนที่จะ return — กัน blank screen จาก race ระหว่าง
    // _unmount(400ms) กับ _mount(50ms) ใน open()
    const _stale = document.getElementById('ci-fullsheet');
    if (_stale) { _stale.remove(); }
    // inject font
    if (!document.getElementById('ci-font')) {
      const l = document.createElement('link');
      l.id = 'ci-font'; l.rel = 'stylesheet';
      l.href = 'https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap';
      document.head.appendChild(l);
    }
    // inject CSS
    if (!document.getElementById('ci-style')) {
      const s = document.createElement('style');
      s.id = 'ci-style'; s.textContent = _CSS;
      document.head.appendChild(s);
    }
    const el = document.createElement('div');
    el.id = 'ci-fullsheet';
    el.innerHTML = _buildHTML();
    document.body.appendChild(el);
    // v601: กัน iOS scroll chaining โดยใช้ overflow:hidden แทน position:fixed
    // position:fixed ทำให้ topbar sticky re-anchor ผิดตำแหน่งใน KAM PWA mode
    // overflow:hidden กัน scroll ได้เหมือนกัน โดยไม่ทำลาย sticky/layout context
    try {
      window._ciScrollLockY = window.scrollY || 0;
      document.body.style.overflow = 'hidden';
    } catch(_) {}
    // v478-H4: double-rAF races with left:50% layout resolution on some iOS devices.
    // left:50% is computed relative to viewport width, but translateX(-50%) is computed
    // against the element's own width. If the browser hasn't reflowed yet, the combined
    // transform resolves incorrectly (x offset only, no Y slide-in) → sheet lands off-screen.
    // Fix: use setTimeout(50ms) instead of double-rAF to guarantee a full layout pass before
    // adding ci-open. The 380ms CSS transition still provides a smooth slide-in animation.
    setTimeout(() => { el.classList.add('ci-open'); }, 50);
    _initWaveform();
    _showScreen('ci-s-record');
    _renderEchoState();   // v552: state machine — single visibility pass
    // Echo ดีไซน์ใหม่: เปิด Echo = ดูแล้ว (จุดแดง/แถบแจ้งผลหาย) · หาตำแหน่งล่วงหน้า · ร้านใกล้สุดขึ้นก่อน
    _ecMarkSeen();
    if (!_canDebrief()) {
      if (_showPicker) {
        if (_ownerType !== 'sales') { _ecWarmGps(true); _ecLoadSpots().then(_ecOnPlaces).catch(() => {}); }
      } else if (_phase === 'idle') {
        _ecEnterAccount();
        _ecLoadSpots().then(_ecOnPlaces).catch(() => {});
      }
    }
    setTimeout(_checkRecoverBuffer, 400); // v555: เช็คบันทึกค้างจาก session ก่อน
    // Load visit counts after mount (async, non-blocking)
    setTimeout(_loadVisitBadge, 200);
    if (_canDebrief()) {
      setTimeout(_loadCovisitHero, 250);
      setTimeout(_loadCovisitList, 300);
    } else {
      setTimeout(_loadVisitHero, 250);
    }
  }

  // v601: centralised body-scroll restore — ใช้ overflow:hidden แทน position:fixed
  function _restoreBodyScroll() {
    try {
      document.body.style.overflow = '';
      // clear สิ่งที่เคย set ไว้ก่อน v601 (ป้องกัน stale state ถ้า cache SW เก่า)
      document.body.style.position = '';
      document.body.style.top = '';
      document.body.style.left = '';
      document.body.style.right = '';
      document.body.style.width = '';
      document.body.style.maxWidth = '';
      document.body.style.marginLeft = '';
      document.body.style.marginRight = '';
      window._ciScrollLockY = 0;
    } catch(_) {}
  }

  function _unmount() {
    // v_deadcapture (2026-08-20): ต้องอยู่ "ก่อน" early-return ข้างล่าง เพราะถ้า
    // sheet ถูกถอดไปแล้ว recorder ก็ยังค้างจับไมค์อยู่ได้ · open() เรียก _unmount()
    // อยู่แล้ว จุดนี้จึงครอบเส้นที่ทำให้เกิดตัวอัดซ้อนได้ทั้งหมดในที่เดียว
    //
    // v_recwatch (2026-08-20) — เคยใส่ teardown ไว้ตรงนี้ ทั้งแบบไม่มีเงื่อนไข และ
    // แบบกันด้วย `_phase !== 'recording'` · **ผิดทั้งสองแบบ** เอาออกถาวร:
    //   _unmount() ถูกเรียกจากเส้น pipeline ที่ทำงานอยู่เบื้องหลังด้วย (สำเร็จ /
    //   ไฟล์เล็ก / no_speech / catch) ซึ่งอาจจบตอน rep เริ่มอัด "ร้านถัดไป" แล้ว
    //   → จะไปฆ่าไมค์ของงานใหม่กลางประโยค
    //   และเงื่อนไข _phase ก็กันไม่ได้จริง เพราะทุกเส้นพวกนั้นตั้ง _phase='idle'
    //   ไว้ "ก่อน" เรียก _unmount() อยู่แล้ว (เช่นเส้นสำเร็จของ _startAsyncPipeline)
    // การปิดไมค์ต้องสั่งจากจุดที่ "ตั้งใจทิ้งการอัดนั้นจริงๆ" เท่านั้น คือ
    // open() / cancel() / stopRecording() / visibility guard / ด่านก่อนเริ่มอัดใหม่
    //
    // v_uiguard (2026-08-20): ครึ่งหลังของบั๊กเดียวกัน — v269 กันไม่ให้งานเก่าไปปิด
    // "ไมค์" ของงานใหม่แล้ว แต่ยังถอด "หน้าจอ" กับหยุดนาฬิกาของงานใหม่ได้อยู่
    // (pipeline ร้านก่อนหน้าทำเสร็จตอน rep กำลังอัดร้านถัดไป → จอหายทั้งที่ยังอัด
    //  อยู่เบื้องหลัง แล้วไม่มีปุ่มให้กดจบด้วย) · ถ้ามีการอัดที่ยังไหลอยู่จริง
    // แปลว่า sheet บนจอเป็นของการอัดนั้น ไม่ใช่ของงานที่เพิ่งจบ — ห้ามแตะ
    // เส้นที่ปิด sheet อย่างถูกต้องทุกเส้นผ่าน teardown มาก่อนแล้ว (_recorder = null)
    // จึงไม่ติดเงื่อนไขนี้
    if (_recorder && _recorder.state === 'recording') return;
    const el = document.getElementById('ci-fullsheet');
    if (!el) return;
    el.classList.remove('ci-open');
    setTimeout(() => el.remove(), 400);
    clearInterval(_timerRef);
    clearInterval(_waveRef);
    _restoreBodyScroll();
    // v603: flush queued renders after Echo closes
    setTimeout(() => {
      try {
        // ถ้า shimmer ค้างอยู่ระหว่าง Echo เปิด → deactivate ก่อน render
        if (window._pwaShimmerActive && typeof window._deactivatePortviewShimmer === 'function') {
          window._deactivatePortviewShimmer();
        }
        if (window._pendingRefreshAll && typeof refreshAll === 'function') {
          window._pendingRefreshAll = false;
          refreshAll();
        }
      } catch(_) {}
    }, 450);
  }

  function _minimize() {
    if (_phase !== 'recording') return;
    const sheet = document.getElementById('ci-fullsheet');
    if (sheet) sheet.style.display = 'none';
    const pill = document.getElementById('echo-float-pill');
    if (pill) {
      pill.classList.add('visible');
      // v_pillwarn: pill ต้องสะท้อนสถานะ "ตอนนี้" ทุกครั้งที่โผล่ — ถ้าไมค์ยังตายอยู่
      // (เตือนไปแล้วและ rep ยังไม่กด "อัดต่อ") ต้องขึ้นสีเตือนตั้งแต่แรกที่ย่อ ไม่ใช่
      // ขึ้นเฉพาะตอนที่ watchdog ยิงพอดีขณะย่ออยู่
      pill.classList.toggle('fp-warn', !!_recDeadFired);
      _startFloatTimer();
    }
    document.body.classList.add('echo-active');
    // v598: restore body scroll when minimized — sheet is hidden so app nav must work
    // body scroll re-locked when user expands back (echoExpand → _reapplyBodyLock)
    _restoreBodyScroll();
    // Update topbar: left button shows minimize hint
    const _tbLeft = document.getElementById('ci-topbar-left-label');
    const _tbIcon = document.getElementById('ci-topbar-left-icon');
    if (_tbLeft) _tbLeft.textContent = 'ย่อ';
    if (_tbIcon) _tbIcon.style.display = 'none';
  }

  // v_discreetmode (2026-08-20): จุดกดที่สองสำหรับ _minimize() เดิม — แตะตัวเลข
  // เวลากลางจอตอนอัด สั่นเบาๆ ยืนยันว่ากดโดนจริง (จอดับตอนนั้นไม่มี toast/label
  // ให้เห็นว่าเกิดอะไรขึ้น การสั่นคือ feedback เดียวที่ทันเวลา) ไม่แตะ _minimize()
  // เดิมเพราะจุดกดจาก topbar ("ย่อ") ไม่ควรสั่นซ้ำ — มันเห็น label ยืนยันอยู่แล้ว
  function _minimizeFromTimer() {
    if (_phase !== 'recording') return;
    try { navigator.vibrate && navigator.vibrate(30); } catch(_) {}
    _minimize();
  }

  // v601: re-apply body scroll lock (overflow:hidden) when expanding sheet back from minimized
  function _reapplyBodyLock() {
    try {
      document.body.style.overflow = 'hidden';
    } catch(_) {}
  }

  function _startFloatTimer() {
    clearInterval(_floatTimer);
    _floatTimer = setInterval(() => {
      const el = document.getElementById('echo-float-time');
      if (el) el.textContent = _fmt(_secs);
    }, 1000);
  }

  // ── HTML (structure from mockup) ───────────────────────────────────────────
  function _buildHTML() {
    const ctx = _ctx();
    return `
<div id="ci-s-record" class="scr on">
  <div class="topbar">
    <span class="tb-act" id="ci-topbar-left" onclick="CI._topbarLeft()" style="display:flex;align-items:center;gap:4px;">
      <span id="ci-topbar-left-icon" style="font-size:var(--text-xl);line-height:1">←</span>
      <span id="ci-topbar-left-label">ยกเลิก</span>
    </span>
    <span class="tb-lbl">Echo</span>
    <span class="tb-rec"><span class="rec-dot" id="ci-rdot"></span><span id="ci-rlbl"></span></span>
  </div>
  <div style="padding:8px 24px 0">
    <div class="tab-bar" id="ci-main-tabs">
      <div class="tab-pill" id="ci-tab-pill" style="left:3px;width:calc(50% - 3px)"></div>
      <button class="tab-btn on" id="ci-tab-rec" onclick="CI._switchMainTab('record')">บันทึก</button>
      <button class="tab-btn" id="ci-tab-hist" onclick="CI._switchMainTab('history')">ประวัติ</button>
    </div>
  </div>
  <!-- chip — shown after account selected -->
  <div id="ci-chip-wrap" style="padding:4px 24px 10px;display:${_showPicker?'none':''}">
    <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap">
      <div class="chip" style="display:inline-flex">
        <div class="chip-dot" style="${_accountSeg==='LEAD'?'background:var(--ec-warn)':''}"></div>
        <span class="chip-txt">${ctx.name||'ร้านค้า'}</span>
        <span class="chip-seg" style="${_accountSeg==='LEAD'?'color:var(--ec-warn)':''}">${_accountSeg==='LEAD'?'LEAD':ctx.seg}</span>
      </div>
      <div id="ci-checkin-pill" style="display:none;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;background:rgba(var(--ec-ok-rgb),.1);border:0.5px solid rgba(var(--ec-ok-rgb),.25)">
        <svg width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="var(--ec-ok)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        <span style="font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ec-ok-tx-2);font-family:'Noto Sans Thai',sans-serif">เช็คอิน <span id="ci-checkin-time">—</span></span>
      </div>
      <!-- v_checkinretry (2026-08-17): เดิม retry หมดรอบเงียบๆ มีแค่ telemetry —
           rep ไม่รู้เลยว่าเช็คอินยังไม่ขึ้นระบบ · pill นี้ค้างอยู่จนกว่าจะ sync
           สำเร็จหรือ rep แตะลองใหม่เอง -->
      <div id="ci-checkin-warn" onclick="CI._retryCheckinSyncNow()" style="display:none;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;background:rgba(var(--ec-bad-rgb),.10);border:0.5px solid rgba(var(--ec-bad-rgb),.28);cursor:pointer">
        <svg width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="var(--ec-bad)" stroke-width="2.5" 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>
        <span style="font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ec-bad-tx-2);font-family:'Noto Sans Thai',sans-serif">เช็คอินยังไม่ขึ้นระบบ · แตะลองใหม่</span>
      </div>
    </div>
  </div>
  <!-- visit hero — hide during picker state, show after account selected -->
  <div id="ci-visit-hero" style="padding:0 24px 10px;${_showPicker?'display:none':''}">
    <div id="ci-vh-card" style="background:rgba(var(--ec-ac-rgb),.04);border:0.5px solid rgba(var(--ec-ac-rgb),.13);border-radius:var(--r-lg);padding:12px 14px;transition:background .7s ease,border-color .7s ease">
      <div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px">
        <div>
          <div id="ci-vh-wlabel" style="font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.13em;text-transform:uppercase;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;margin-bottom:3px;transition:color .7s ease">สัปดาห์นี้</div>
          <div id="ci-vh-wnum" style="font-size:var(--text-3xl);font-weight:300;color:var(--ec-ink);letter-spacing:-.03em;line-height:1.1;transition:color .7s ease">—</div>
          <div id="ci-vh-wsub" style="font-size:var(--text-xs);color:var(--ec-ink-6);margin-top:1px;transition:color .7s ease">visits</div>
        </div>
        <div id="ci-vh-div" style="width:0.5px;background:rgba(var(--ec-ac-rgb),.12);align-self:stretch;transition:background .7s ease"></div>
        <div style="text-align:right">
          <div id="ci-vh-qlabel" style="font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.13em;text-transform:uppercase;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;margin-bottom:3px;transition:color .7s ease">ไตรมาสนี้</div>
          <div id="ci-vh-qnum" style="font-size:var(--text-3xl);font-weight:300;color:var(--ec-ink);letter-spacing:-.03em;line-height:1.1;transition:color .7s ease">—</div>
          <div id="ci-vh-qsub" style="font-size:var(--text-xs);color:var(--ec-ink-6);margin-top:1px;transition:color .7s ease">visits</div>
        </div>
      </div>
      <div id="ci-vh-dots" style="display:flex;gap:5px;align-items:center"></div>
    </div>
  </div>
  <!-- Inline picker section — shown when no account selected, after visit hero -->
  <div id="ci-picker-sec" style="display:${_showPicker?'flex':'none'};flex-direction:column;flex:1;padding:0 24px 24px;gap:12px;overflow-y:auto">
    ${_ownerType==='sales' ? _buildSalesPickerInline() : _buildKamPickerInline()}
  </div>
  <!-- idle center — orb, shown before startRecording() -->
  <div class="rec-center" id="ci-rec-center" style="${_showPicker?'display:none':''}">
    <!-- Echo ดีไซน์ใหม่ (25 ต.ค.): ตำแหน่งและขนาดปุ่มเดิมของ Bucci · สถานะ ec-ck / ec-busy / ec-ok / ec-done ที่ _ecOrb() -->
    <div class="orb-wrap" id="ci-orb-wrap">
      <span class="ec-rip"></span><span class="ec-rip r2"></span><span class="ec-spin"></span><span class="ec-burst"></span>
      <div class="orb-outer" onclick="CI._orbTap()">
        <div class="orb-core" id="ci-orb-core">
          <svg id="ci-orb-icon-mic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
            <path d="M12 2a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V5a3 3 0 0 1 3-3z"/>
            <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
            <line x1="12" y1="19" x2="12" y2="22"/>
            <line x1="8" y1="22" x2="16" y2="22"/>
          </svg>
          <svg id="ci-orb-icon-pin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" style="display:none">
            <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/>
            <circle cx="12" cy="9" r="2.5"/>
          </svg>
          <svg id="ci-orb-icon-ok" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="display:none">
            <path d="M5 12.5l4.5 4.5L19 7.5"/>
          </svg>
        </div>
      </div>
    </div>
    <div class="timer-block">
      <div class="timer-hint" id="ci-thint">กดเพื่อเริ่มบันทึก</div>
    </div>
  </div>
  <!-- ปุ่มอัดเสียง: แคปซูลล่างจอ ขึ้นหลังเช็คอินแล้วเท่านั้น (หรือเมื่อเช็คอินไม่ได้) — คนละรูปทรงกับปุ่มเช็คอิน -->
  <div id="ci-recpill-wrap">
    <button class="ec-recpill" id="ci-recpill" onclick="CI.startRecording()">
      <span class="ec-eq"><i style="height:6px"></i><i style="height:12px"></i><i style="height:7px"></i><i style="height:15px"></i><i style="height:18px"></i></span>
      อัดเสียงคุยกับร้าน
    </button>
    <span class="ec-recsub" id="ci-recsub">ไม่อัดก็ได้ visit นับแล้ว</span>
  </div>
  <!-- TL covisit panel — shown for TL/Admin instead of orb -->
  <div id="ci-covisit-panel" style="display:none;flex:1;flex-direction:column;overflow:hidden">
    <!-- v_echor2: สรุปผลการ visit ย้ายไปรวมกับแท็บ "ประวัติ" แล้ว (เดิมเป็นหน้าแยก
         ที่ query คนละครั้ง ตัวเลขจึงไม่ตรงกับรายการที่แสดง) -->
    <button onclick="CI._switchMainTab('history')"
      style="display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px;padding:12px 14px;border:0.5px solid rgba(var(--ec-ink-rgb),.1);border-radius:var(--r-lg);background:rgba(var(--ec-paper-rgb),.72);cursor:pointer;font-family:'Noto Sans Thai',sans-serif;-webkit-tap-highlight-color:transparent;width:100%">
      <span style="display:inline-flex;align-items:center;gap:7px;font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink)"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0"><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>ผลการ visit</span>
      <span style="font-size:var(--text-sm);color:var(--ec-ink-4)">ดูในแท็บประวัติ →</span>
    </button>
    <div class="cv-list-wrap" id="ci-cv-list-body">
      <div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-6)">กำลังโหลด...</div>
    </div>
    <div id="ci-cv-verify-wrap" style="display:none">
      <button class="cv-verify-btn" id="ci-cv-verify-btn" onclick="CI._covisitVerify()"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:5px"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg>ยืนยัน Co-visit</button>
      <div class="cv-note">GPS จะเปรียบเทียบตำแหน่งกับน้อง · ต้องอยู่ในรัศมี 150 เมตร และภายใน 90 นาที</div>
    </div>
  </div>
  <!-- active recording center — wave + timer -->
  <div id="ci-rec-active" style="display:none;flex-direction:column;align-items:center;padding:20px 24px 8px;gap:12px">
    <div class="ci-wave-wrap" id="ci-wf"></div>
    <!-- v_discreetmode (2026-08-20): บุชขอ — ระหว่างอัด แตะที่ตัวเลขเวลาเพื่อย่อ
         ทันทีเหลือแค่ pill ลอย (ของเดิม _minimize() มีอยู่แล้ว แต่จุดกดเดียวซ่อน
         อยู่ในมุมซ้ายบนที่ใช้ร่วมกับปุ่ม "ยกเลิก" — น้องๆ ไม่รู้ว่ามี หรือกลัวกดพลาด
         เสียการอัด) เพิ่มจุดกดที่สอง ชัดเจนกว่า ไม่ต้องเพิ่มปุ่มใหม่ในแถวล่างที่
         แน่นอยู่แล้ว (จบ&วิเคราะห์ / ยกเลิก) — สั่นเบาๆ ยืนยันว่ากดโดนจริง -->
    <div class="timer-val" id="ci-tval" onclick="CI._minimizeFromTimer()" style="cursor:pointer">0:00</div>
    <div class="ec-rshop" id="ci-rec-shop">${ctx.name && ctx.name !== '-' ? ctx.name : ''}</div>
    <!-- v_screenlock (2026-08-17): ข้อความเดิม "ทำงานอยู่เบื้องหลัง" หลอกว่าปิดจอ
         ได้ปลอดภัย — จริงๆ iOS ตัดไมค์ทันทีที่ล็อกจอ (เหตุการณ์จริง 11 ส.ค. เสียง
         19-48 นาทีเหลือ 24-54KB) ข้อความนี้ต้องเตือนไว้ก่อนตั้งแต่เริ่มอัด ไม่ใช่
         บอกทีหลังตอนเจอไฟล์ขาดไปแล้ว -->
    <div class="timer-hint" id="ci-rec-hint">เปิดหน้าจอทิ้งไว้ระหว่างคุย · ถ้าจอล็อกเสียงอาจขาดหาย</div>
    <div class="timer-hint" id="ci-tap-hint" style="color:var(--ec-info-2);opacity:.8">แตะตัวเลขเวลา เพื่อซ่อนอย่างเงียบๆ</div>
    <!-- v_recwatch (2026-08-20): แถบเตือน "ไมค์ไม่ได้รับเสียง" — ต้องค้างไว้ ไม่ใช่
         toast ที่หายเอง เพราะจุดตายของบั๊กนี้คือ rep ไม่มีทางรู้เลยจนสาย -->
    <div id="ci-rec-dead" style="display:none;margin-top:6px;padding:12px 14px;border-radius:12px;
         background:rgba(var(--ec-bad-rgb),.14);border:0.5px solid rgba(var(--ec-bad-rgb),.5);max-width:330px;text-align:center">
      <div style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--ec-bad-2)">ไมค์ไม่ได้รับเสียง</div>
      <div id="ci-rec-dead-sub" style="font-size:var(--text-sm);color:rgba(var(--ec-rec-ink-rgb),.6);margin-top:3px"></div>
      <div style="display:flex;gap:8px;justify-content:center;margin-top:10px">
        <button onclick="CI.stopRecording()" style="padding:8px 16px;border:0;border-radius:100px;
                background:var(--ec-bad);color:var(--ec-on-ac);font-size:var(--text-sm);font-weight:var(--fw-semi);
                font-family:'Noto Sans Thai',sans-serif;cursor:pointer">จบ &amp; วิเคราะห์เท่าที่ได้</button>
        <button onclick="CI._recDismissDead()" style="padding:8px 14px;border:0.5px solid rgba(var(--ec-rec-ink-rgb),.3);
                border-radius:100px;background:transparent;color:rgba(var(--ec-rec-ink-rgb),.7);
                font-size:var(--text-sm);font-family:'Noto Sans Thai',sans-serif;cursor:pointer">อัดต่อ</button>
      </div>
    </div>
  </div>
  <!-- ปุ่มจบตอนอัด (Echo ดีไซน์ใหม่ 25 ต.ค.): วงกลมเขียวใหญ่ใต้นิ้วโป้ง · จอยังหรี่เหมือนเดิม
       ปุ่ม X เดิมทิ้งเสียงทันทีโดยไม่ถาม → เปลี่ยนเป็น "ทิ้งเสียงนี้" ที่ต้องยืนยันก่อน (_ecConfirmDiscard) -->
  <div id="ci-rec-bottom" style="display:none;margin-top:auto;padding:0 24px max(34px,calc(env(safe-area-inset-bottom,0px) + 20px))">
    <div class="ec-stopw">
      <button class="ec-stopb" id="ci-stop-btn" onclick="CI.stopRecording()" aria-label="จบ แล้วส่งให้ Olive สรุป"><i></i></button>
      <span class="ec-stopl">จบ แล้วส่งให้ Olive สรุป</span>
      <button class="ec-disc" onclick="CI._ecConfirmDiscard()">ทิ้งเสียงนี้</button>
    </div>
  </div>
  <!-- inline history panel — shown when tab=history -->
  <div id="ci-inline-hist" style="display:none;flex:1;overflow-y:auto;padding:0 24px max(32px,calc(env(safe-area-inset-bottom,0px) + 80px));-webkit-overflow-scrolling:touch">
    <div id="ci-inline-hist-body" style="padding-top:8px">
      <div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-4)">กำลังโหลด...</div>
    </div>
  </div>
</div>

<div id="ci-s-proc" class="scr">
  <div class="ec-sent" id="ci-sent" style="display:none"></div>
  <div class="proc-wrap" id="ci-proc-wrap">
    <div class="proc-dots">
      <div class="proc-dot"></div><div class="proc-dot"></div><div class="proc-dot"></div>
    </div>
    <p class="proc-step" id="ci-pstep">กำลัง transcript...</p>
    <p class="proc-sub" id="ci-psub">Gemini · ฟัง audio ทั้งหมด</p>
    <div class="proc-line"><div class="proc-fill" id="ci-pfill"></div></div>
    <div style="display:flex;gap:8px;margin-top:12px;justify-content:center" id="ci-proc-steps">
      <div id="ci-proc-s1" style="font-size:var(--text-xs);padding:3px 10px;border-radius:var(--r-xl);background:rgba(var(--ec-ac-rgb),.15);color:var(--ec-ac);border:1px solid rgba(var(--ec-ac-rgb),.3);font-family:'Noto Sans Thai',sans-serif">1 · Transcript</div>
      <div id="ci-proc-s2" style="font-size:var(--text-xs);padding:3px 10px;border-radius:var(--r-xl);background:rgba(var(--ec-paper-rgb),.06);color:var(--ec-ink-4);border:1px solid rgba(var(--ec-paper-rgb),.1);font-family:'Noto Sans Thai',sans-serif">2 · สรุป</div>
      <div id="ci-proc-s3" style="font-size:var(--text-xs);padding:3px 10px;border-radius:var(--r-xl);background:rgba(var(--ec-paper-rgb),.06);color:var(--ec-ink-4);border:1px solid rgba(var(--ec-paper-rgb),.1);font-family:'Noto Sans Thai',sans-serif">3 · ทักษะ</div>
    </div>
    <p style="font-size:var(--text-sm);color:var(--ec-ink-4);margin-top:10px;font-family:'Noto Sans Thai',sans-serif" id="ci-pelapsed"></p>
  </div>
</div>

<div id="ci-s-result" class="scr">
  <div class="result-hdr">
    <div class="result-meta">
      <span class="result-acct">${ctx.name}</span>
      <span class="dur-chip" id="ci-dur-chip">0:00</span>
    </div>
    <div class="tab-bar" id="ci-tabbar">
      <div class="tab-pill" id="ci-tpill"></div>
      <button class="tab-btn on" onclick="CI._tab(0,this)">สรุป</button>
      <button class="tab-btn" onclick="CI._tab(1,this)">บทสนทนา</button>
      <button class="tab-btn" onclick="CI._tab(2,this)">ทักษะ</button>
    </div>
  </div>
  <div class="result-body" id="ci-result-body">
    <div class="panel on" id="ci-p0"></div>
    <div class="panel" id="ci-p1"></div>
    <div class="panel" id="ci-p2"></div>
  </div>
  <div class="result-cta">
    <button class="btn btn-ghost" onclick="CI.cancel()">ทิ้ง</button>
    <button class="btn btn-primary" onclick="CI._save()">บันทึก</button>
  </div>
  <div id="ci-tl-actions" style="display:none;padding:0 24px 12px;gap:8px;flex-shrink:0">
    <button onclick="CI._openDebrief()" style="flex:1;padding:10px;border-radius:var(--r-card);border:0.5px solid rgba(var(--ec-info-rgb),.3);background:rgba(var(--ec-info-rgb),.07);color:var(--ec-info);font-size:var(--text-base);font-weight:var(--fw-medium);cursor:pointer;font-family:'Noto Sans Thai',-apple-system,sans-serif">Debrief</button>
  </div>
</div>`;
  }

  // ── Screen switch ──────────────────────────────────────────────────────────
  function _showScreen(id) {
    ['ci-s-record','ci-s-proc','ci-s-result'].forEach(s => {
      const el = document.getElementById(s);
      if (el) el.classList.toggle('on', s === id);
    });
  }

  // ── Waveform ───────────────────────────────────────────────────────────────
  function _initWaveform() {
    const wf = document.getElementById('ci-wf');
    if (!wf) return;
    const N = 13;
    // Independent random phase offset per bar — true ripple, not synchronized movement
    // Evenly distributed phases — smooth traveling wave, no blocky pattern
    const phases = [0.0000, 0.4833, 0.9666, 1.4500, 1.9333, 2.4166, 2.8999, 3.3833, 3.8666, 4.3499, 4.8332, 5.3165, 5.7999];
    for (let i = 0; i < N; i++) {
      const b = document.createElement('div');
      b.className = 'ci-wb';
      b.style.cssText = 'width:3px;border-radius:3px;transform-origin:bottom;background:rgba(var(--ec-ac-rgb),.4);display:inline-block;margin:0 2.5px;transition:background .7s ease';
      wf.appendChild(b);
    }
    let t = 0;
    // v_uiguard (2026-08-20): คลื่นนี้เคยเป็น Math.sin() ล้วน ไม่ผูกกับเสียงจริงเลย
    // จึงยังกระเพื่อมสวยงามอยู่แม้ไมค์ตายสนิท — เป็น "จอที่โกหก" ชนิดเดียวกับนาฬิกา
    // ที่เดินต่อทั้งที่ไม่ได้อัดอะไร ซึ่งคือเหตุผลที่บั๊กเดิมไม่มีใครจับได้เป็นสัปดาห์
    // ตอนนี้ผูกความสูงกับ "ไบต์เสียงที่เข้ามาจริง" (_recBytes ที่ watchdog นับอยู่แล้ว)
    // ไมค์เงียบ → แท่งแบนราบเอง ไม่ต้องรอ watchdog ครบ 45 วิ ก็เห็นด้วยตาว่าผิดปกติ
    // ⚠ เจตนาไม่ใช้ AnalyserNode/createMediaStreamSource เพราะเคยทำสัญญาณที่อัดได้เพี้ยน
    let _wLastBytes = 0, _wLastAt = Date.now(), _wLevel = 1;
    _waveRef = setInterval(() => {
      // 25 ต.ค. 2569: คลื่นทำงานเฉพาะตอนอัดและจอเปิดอยู่ — เดิมวิ่งทุก 80 มิลลิวิ แม้หน้าประวัติ/ผล/ย่อเป็นปุ่ม
      if (_phase !== 'recording' || document.hidden) return;
      t += 0.14;
      const now = Date.now();
      if (now - _wLastAt >= 500) {
        const bps = (_recBytes - _wLastBytes) / ((now - _wLastAt) / 1000);
        _wLastBytes = _recBytes; _wLastAt = now;
        // 6,800 B/วิ = ย่านปกติที่วัดได้จาก production · ขยับเข้าหาค่าใหม่แบบนุ่มๆ
        // ไม่กระตุก และคงพื้นไว้ 0.12 เพื่อให้ยังเห็นว่าแอปไม่ค้าง
        const target = _phase === 'recording' ? Math.max(0, Math.min(1, bps / 6800)) : 1;
        _wLevel += (target - _wLevel) * 0.5;
      }
      const lv = 0.12 + _wLevel * 0.88;
      const bars = wf.querySelectorAll('.ci-wb');
      bars.forEach((b, i) => {
        // All bars same max height (32px), independent phase → every bar ripples visibly
        const s = (1 + Math.sin(t + phases[i])) / 2; // 0..1, smooth single freq
        const h = 6 + s * 26 * lv; // min 6px — แอมพลิจูดตามเสียงจริง
        const op = 0.28 + s * 0.52 * lv;
        b.style.height = h.toFixed(1) + 'px';
        b.style.opacity = op.toFixed(2);
      });
    }, 80);
  }

  // ── Tab pill ───────────────────────────────────────────────────────────────
  function _initPill() {
    const bar = document.getElementById('ci-tabbar');
    if (!bar) return;
    const active = bar.querySelector('.tab-btn.on');
    const pill   = document.getElementById('ci-tpill');
    if (!active || !pill) return;
    pill.style.left  = active.offsetLeft + 'px';
    pill.style.width = active.offsetWidth + 'px';
  }

  function _tab(idx, btn) {
    document.querySelectorAll('#ci-fullsheet .panel').forEach((p,i) => p.classList.toggle('on', i === idx));
    document.querySelectorAll('#ci-fullsheet .tab-btn').forEach(b => b.classList.remove('on'));
    btn.classList.add('on');
    const pill = document.getElementById('ci-tpill');
    if (pill) { pill.style.left = btn.offsetLeft + 'px'; pill.style.width = btn.offsetWidth + 'px'; }
    const rb = document.getElementById('ci-result-body');
    if (rb) rb.scrollTop = 0;
  }

  // ── IndexedDB recording buffer (v555) — กู้ session ถ้าแอพถูก kill กลางทาง ──
  const IDB_NAME = 'echo_buffer';
  // 25 ต.ค. 2569 (ตรวจแอปตาย): เดิมเปิดการเชื่อมต่อใหม่ทุกครั้งที่เขียน (ทุก 1 วิระหว่างอัด = 3,600 ครั้ง/ชม.)
  // และไม่เคยปิด ⇒ ค้างจนกว่าเครื่องจะเก็บกวาด · ตอนนี้ใช้ตัวเดียวซ้ำ แต่ลองเปิดธุรกรรมก่อนทุกครั้ง
  // (iOS ตัดการเชื่อมต่อทิ้งได้ตอนพับแอป — ตัวที่ตายแล้วจะถูกทิ้งแล้วเปิดใหม่ ไม่ใช้ของตาย)
  let _idbDb = null, _idbPending = null;
  function _idbOpen() {
    if (_idbDb) {
      try { _idbDb.transaction('meta', 'readonly'); return Promise.resolve(_idbDb); }
      catch (_) { try { _idbDb.close(); } catch (__) {} _idbDb = null; }
    }
    if (_idbPending) return _idbPending;
    _idbPending = new Promise((res, rej) => {
      const r = indexedDB.open(IDB_NAME, 2);
      r.onupgradeneeded = (ev) => {
        const db = r.result;
        if (!db.objectStoreNames.contains('chunks'))   db.createObjectStore('chunks', { autoIncrement: true });
        if (!db.objectStoreNames.contains('meta'))     db.createObjectStore('meta');
        if (!db.objectStoreNames.contains('pipeline')) db.createObjectStore('pipeline'); // v709: transcript + stage
      };
      r.onsuccess = () => {
        const db = r.result;
        db.onversionchange = () => { try { db.close(); } catch (_) {} if (_idbDb === db) _idbDb = null; };
        _idbDb = db; _idbPending = null; res(db);
      };
      r.onerror   = () => { _idbPending = null; rej(r.error); };
    });
    return _idbPending;
  }
  // v_echofix (2026-07-21): IDB write failures used to be swallowed silently
  // (.catch(()=>{})) — in Safari private mode / full storage, recording
  // proceeded with ZERO warning that crash-recovery wouldn't work. Warn the
  // rep ONCE per session (not per 1s chunk) — recording itself continues,
  // only the safety net is degraded.
  let _idbWarned = false;
  function _warnIdbOnce(e) {
    if (_idbWarned) return;
    _idbWarned = true;
    _toast('เก็บไฟล์กันเสียงหายไม่ได้ (พื้นที่เต็ม/โหมดส่วนตัว?) — ถ้าแอปถูกปิดกลางทาง เสียงจะกู้คืนไม่ได้');
    try { window.SenseSentinel?.report('ci_idb_write_fail', String(e?.message || e || 'unknown')); } catch(_) {}
  }
  function _idbPutChunk(blob) {
    _idbOpen().then(db => { db.transaction('chunks','readwrite').objectStore('chunks').add(blob); }).catch(_warnIdbOnce);
  }
  function _idbSetMeta(meta) {
    _idbOpen().then(db => { db.transaction('meta','readwrite').objectStore('meta').put(meta,'current'); }).catch(_warnIdbOnce);
  }
  function _idbGetMeta() {
    return _idbOpen().then(db => new Promise(res => {
      const r = db.transaction('meta').objectStore('meta').get('current');
      r.onsuccess = () => res(r.result || null);
      r.onerror   = () => res(null);
    })).catch(() => null);
  }
  function _idbGetChunks() {
    return _idbOpen().then(db => new Promise(res => {
      const r = db.transaction('chunks').objectStore('chunks').getAll();
      r.onsuccess = () => res(r.result || []);
      r.onerror   = () => res([]);
    })).catch(() => []);
  }
  function _idbClear() {
    return _idbOpen().then(db => {
      const tx = db.transaction(['chunks','meta','pipeline'],'readwrite');
      tx.objectStore('chunks').clear();
      tx.objectStore('meta').clear();
      tx.objectStore('pipeline').clear();
    }).catch(()=>{});
  }
  // v709: pipeline state — เก็บ transcript + stage เผื่อ recovery resume จากขั้นที่ค้าง
  function _idbSetPipeline(data) {
    _idbOpen().then(db => { db.transaction('pipeline','readwrite').objectStore('pipeline').put(data,'current'); }).catch(()=>{});
  }
  function _idbGetPipeline() {
    return _idbOpen().then(db => new Promise(res => {
      const r = db.transaction('pipeline').objectStore('pipeline').get('current');
      r.onsuccess = () => res(r.result || null);
      r.onerror   = () => res(null);
    })).catch(() => null);
  }

  // ── Recovery — เช็ค buffer ค้างตอนเปิด Echo (rep เท่านั้น, idle เท่านั้น) ──
  // v_uiguard (2026-08-20): ใช้เกณฑ์เดียวกับ _checkRecoverBuffer เพื่อตอบว่า "ตอนนี้
  // มีเสียงที่กู้ได้ค้างอยู่จริงไหม" — ใช้ก่อนล้าง buffer ตอนเริ่มอัดรอบใหม่
  // (ถ้าเคยกด "ทิ้ง" ที่แถบกู้ไปแล้ว buffer จะว่าง ฟังก์ชันนี้คืน 0 จึงไม่ถามซ้ำ)
  async function _idbRecoverable() {
    try {
      const meta = await _idbGetMeta();
      if (!meta) return null;
      if (Date.now() - (meta.started_at || 0) > 24 * 3600 * 1000) return null;
      const chunks = await _idbGetChunks();
      if (!chunks || chunks.length < 5) return null;
      return { secs: chunks.length, name: meta.account_name || '' };  // timeslice 1 วิ = 1 chunk
    } catch (_) { return null; }
  }

  async function _checkRecoverBuffer() {
    if (_phase !== 'idle' || _sessionId || _canDebrief()) return; // v728: ไม่ recover ถ้ามี session active อยู่
    const meta = await _idbGetMeta();
    if (!meta) return;
    const chunks = await _idbGetChunks();
    const approxSecs = chunks.length; // timeslice 1s ต่อ chunk
    if (approxSecs < 5) { _idbClear(); return; }
    if (Date.now() - (meta.started_at || 0) > 24*3600*1000) { _idbClear(); return; } // เก่าเกิน 24 ชม. ทิ้ง
    _showRecoverBanner(meta, approxSecs);
  }

  function _showRecoverBanner(meta, secs) {
    const scr = document.getElementById('ci-s-record');
    if (!scr || document.getElementById('ci-recover-banner')) return;
    const div = document.createElement('div');
    div.id = 'ci-recover-banner';
    div.style.cssText = 'margin:4px 24px 8px;padding:12px 14px;border-radius:var(--r-lg);background:rgba(var(--ec-warn-rgb),.08);border:0.5px solid rgba(var(--ec-warn-rgb),.25)';
    div.innerHTML = `
      <div style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--ec-warn-tx-3);margin-bottom:2px;font-family:'Noto Sans Thai',sans-serif">พบการบันทึกค้าง ${secs < 60 ? secs + ' วินาที' : Math.round(secs / 60) + ' นาที'}</div>
      <div style="font-size:var(--text-sm);color:var(--ec-ink-5);margin-bottom:8px;font-family:'Noto Sans Thai',sans-serif">${meta.account_name || 'ไม่ระบุร้าน'} · แอพถูกปิดก่อนวิเคราะห์เสร็จ</div>
      <div style="display:flex;gap:8px">
        <button onclick="CI._recoverBuffer()" style="flex:1;padding:9px;border:none;border-radius:var(--r-md);background:var(--ec-warn);color:var(--tk-text-primary);font-size:var(--text-md);font-weight:var(--fw-semi);font-family:'Noto Sans Thai',sans-serif;cursor:pointer">วิเคราะห์ต่อ</button>
        <button onclick="CI._discardBuffer()" style="padding:9px 14px;border:0.5px solid rgba(var(--ec-ink-rgb),.12);border-radius:var(--r-md);background:transparent;color:var(--ec-ink-5);font-size:var(--text-md);font-family:'Noto Sans Thai',sans-serif;cursor:pointer">ทิ้ง</button>
      </div>`;
    const anchor = document.getElementById('ci-chip-wrap');
    if (anchor && anchor.parentElement === scr) scr.insertBefore(div, anchor);
    else scr.appendChild(div);
  }

  // 25 ต.ค. 2569 (ตรวจแอปตาย): ป้ายต้องหายทันทีที่แตะ — เดิมหายหลังอ่าน IndexedDB 3 รอบ แตะซ้ำได้ = ส่ง 2 ชุดพร้อมกัน
  let _recoverBusy = false;
  async function _recoverBuffer() {
    if (_recoverBusy) return;
    _recoverBusy = true;
    document.getElementById('ci-recover-banner')?.remove();
    try { await _recoverBufferRun(); } finally { _recoverBusy = false; }
  }
  async function _recoverBufferRun() {
    const meta     = await _idbGetMeta();
    const chunks   = await _idbGetChunks();
    const pipeline = await _idbGetPipeline(); // v709: check if transcript already done
    if (!chunks.length && !pipeline?.segments?.length) { _toast('ไม่พบข้อมูลเสียง'); _idbClear(); return; }
    _accountGuid = meta?.account_guid || null;
    _accountName = meta?.account_name || '';
    _accountSeg  = meta?.account_seg  || '';
    _ownerType   = meta?.owner_type   || _ownerType;
    // v_echog1: กู้ _checkinCache ด้วย — เดิมกู้ทุกอย่างยกเว้นตัวนี้ ทำให้แถวที่
    // save จากเส้นทางกู้คืนเสีย GPS (rep_lat=null) และไม่เชื่อมกับแถวเช็คอินใน DB
    // เงื่อนไขจับคู่: ร้านเดียวกัน + เช็คอินเกิดก่อนเริ่มอัดไม่เกิน 90 นาที
    try {
      const cached = JSON.parse(localStorage.getItem('ci_checkin_cache') || 'null');
      if (cached) {
        const sameAcct = cached.account_guid
          ? cached.account_guid === _accountGuid
          : (!_accountGuid && cached.account_name && cached.account_name === _accountName);
        const ciT  = new Date(cached.checked_in_at).getTime();
        const recT = meta?.started_at || Date.now();
        if (sameAcct && ciT <= recT && (recT - ciT) < 90 * 60000) _checkinCache = cached;
      }
    } catch(_) {}
    _secs = chunks.length; _durText = _fmt(_secs);
    _isOwnRecording = true;
    _phase = 'processing';
    _renderEchoState();
    _showScreen('ci-s-proc');
    // v709: ถ้ามี transcript แล้วให้ resume จาก Step 2 ไม่ต้อง re-transcript
    if (pipeline?.segments?.length && pipeline.stage === 'transcribed') {
      _setStep('กำลังสรุปบทสนทนา...', 'กู้คืน — resume จาก transcript', 45);
      const blob = chunks.length ? new Blob(chunks, { type: meta?.mime || 'audio/webm' }) : new Blob([]);
      _processBlob(blob, pipeline.segments);
    } else {
      // 25 ต.ค. 2569 (ตรวจแอปตาย): กู้คืนส่งทางเดียวกับการกดจบปกติ (อัปไฟล์ตรง ๆ ให้ระบบวิเคราะห์ต่อ)
      //   เดิมใช้ทางเก่าที่แปลงเสียงทั้งไฟล์เป็นข้อความในเครื่อง ⇒ ใช้หน่วยความจำ 6–7 เท่าของไฟล์
      //   (อัด 45 นาที ≈ 120 MB) ⇒ iPhone ปิดแอปซ้ำตอนกดกู้ — วนไม่จบ เพราะบัฟเฟอร์ล้างเฉพาะตอนสำเร็จ
      _setStep('กำลังส่งเสียงที่กู้คืน...', 'กู้คืนจากบันทึกค้าง', 10);
      const blob = new Blob(chunks, { type: meta?.mime || 'audio/webm' });
      _startAsyncPipeline(blob);
    }
  }

  async function _discardBuffer() {
    document.getElementById('ci-recover-banner')?.remove();
    await _idbClear();
  }

  // ── v_echog1: "วิเคราะห์ต่อ" จากแถว history ที่ค้างขั้น transcribed ──────────
  // ปุ่มนี้ถูก error message สัญญาไว้ตั้งแต่ v709 แต่ไม่เคยมีจริง — session ที่
  // transcript สำเร็จแต่วิเคราะห์พัง (AI คิวเต็ม ฯลฯ) เลยตันถาวร
  // flow: อ่าน transcript จากแถว DB → ตั้ง _sessionId เป็นแถวนั้น → วิ่ง pipeline
  // ครึ่งหลังเดิมผ่าน _processBlob(resume) → _saveAnalysisToExistingSession
  // UPDATE แถวเดิมเป็น analyzed/saved เอง
  async function _resumeAnalysis(sessionId) {
    if (!sessionId) return;
    if (_phase === 'recording' || _phase === 'processing') { _toast('มี session กำลังทำงานอยู่ — รอให้เสร็จก่อน'); return; }
    try {
      const { data: row, error } = await supa.from('ci_sessions')
        .select('id,owner_email,account_id,account_name,duration_secs,transcript,pipeline_stage,owner_type')
        .eq('id', sessionId).single();
      if (error || !row) throw error || new Error('ไม่พบ session');
      const segments = Array.isArray(row.transcript) ? row.transcript : [];
      if (!segments.length) { _toast('แถวนี้ไม่มี transcript ให้วิเคราะห์ต่อ'); return; }
      const me = (_authEmail() || '').toLowerCase(); // v952
      if ((row.owner_email || '').toLowerCase() !== me) { _toast('วิเคราะห์ต่อได้เฉพาะ session ของตัวเอง'); return; }

      // A2v2.1: prefer server-side processing — if the deployed worker has
      // /process, the rep doesn't need to keep the app open for the analysis
      if (!_asyncEndpointMissing) {
        try {
          const r = await fetch(`${WORKER_URL}/process`, {
            method: 'POST', headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ session_id: row.id })
          });
          if (r.status === 202) {
            _toast('ส่งให้ระบบวิเคราะห์แล้ว — ผลจะขึ้นในประวัติสักครู่ ปิดหน้าจอได้เลย');
            return;
          }
          if (r.status === 409) {
            // worker v_queuebounds F9: ลองใหม่ครบ 2 ครั้งแล้ว / ไม่มีบทถอด — ห้ามตกไปวิเคราะห์ในเครื่อง
            // (ไม่งั้นเพดานฝั่ง worker ไม่มีความหมาย และจ่ายค่า AI ซ้ำ)
            const j = await r.json().catch(() => ({}));
            _toast(j && j.error === 'no_transcript' ? 'แถวนี้ไม่มีบทถอดให้วิเคราะห์ต่อ' : 'ลองใหม่ครบ 2 ครั้งแล้ว — แจ้งหัวหน้าทีมถ้าต้องการให้ดูต่อ');
            return;
          }
          if (r.status === 404 || r.status === 405) _asyncEndpointMissing = true;
        } catch(_) { /* network — fall through to local resume */ }
      }

      _sessionId   = row.id;
      _accountGuid = row.account_id || null;
      _accountName = row.account_name || '';
      // ECHO GOAL 2: use the REAL row's owner_type for rubric bucketing — not
      // whatever _ownerType last happened to be from a previous open()/picker
      _ownerType = row.owner_type || _ownerType;
      _secs = row.duration_secs || 0; _durText = _fmt(_secs);
      _isOwnRecording = true;
      _phase = 'processing';
      _renderEchoState();
      _showScreen('ci-s-proc');
      _setStep('กำลังสรุปบทสนทนา...', 'วิเคราะห์ต่อจาก transcript ที่บันทึกไว้', 45);
      // v951: await + refresh — เดิม fire-and-forget ทำให้ history ไม่รู้ว่าจบแล้ว
      // (_processBlob ตรึง ctx ของตัวเองจาก globals ที่เพิ่งตั้งข้างบน — การเซฟ
      // จึงลงแถวนี้เสมอ ต่อให้ user ปิด/สลับหน้าระหว่างรอ)
      await _processBlob(new Blob([]), segments);
      try { _loadInlineHistory(); } catch(_) {}
    } catch(e) {
      _phase = 'idle';
      _toast('เริ่มวิเคราะห์ต่อไม่สำเร็จ: ' + e.message);
    }
  }

  // ── Recording ─────────────────────────────────────────────────────────────
  // v_recdebounce (2026-08-17): _phase ยังเป็น 'idle' อยู่ตลอดช่วงรอ
  // getUserMedia() (อาจช้าเพราะ permission dialog/มือถือค้าง) — กดซ้อนสองครั้ง
  // ในช่วงนี้ผ่านด่าน _phase !== 'idle' ได้ทั้งคู่ กลายเป็นสอง MediaRecorder
  // ทำงานพร้อมกัน ต่างจาก _doCheckin ที่มี _checkinBusy กันไว้แล้วแต่แรก
  let _startRecBusy = false;
  async function startRecording() {
    document.body.classList.add('echo-active');
    if (_phase !== 'idle' || _startRecBusy) return;
    _startRecBusy = true;
    // v_deadcapture (2026-08-20): กันชั้นสุดท้าย — ถ้ายังมี recorder ค้างจากเส้นทาง
    // ที่คาดไม่ถึง ต้องปิดไมค์ให้สนิทก่อนขอ getUserMedia ใหม่เสมอ ไม่งั้นได้ตัวอัด
    // สองตัวแย่งไมค์กันแล้วตัวจริงตายเงียบๆ ตลอดทั้ง visit
    if (_recorder) _teardownRecorder('stale-before-start');
    // RECORD-HANG-DIAG: getUserMedia() has zero telemetry today — if it truly
    // hangs (mic held by another process, browser deadlock) the promise never
    // settles and the catch block below never runs, leaving no trace at all.
    // This watchdog fires once even if getUserMedia eventually resolves late.
    let _gumSettled = false;
    const _gumWatchdog = setTimeout(() => {
      if (_gumSettled) return;
      try { window.SenseSentinel?.report('ci_record_start_timeout', 'getUserMedia not settled after 8s'); } catch(_) {}
    }, 8000);
    try {
      // v_echor3 (2026-08-08): เดิมขอไมค์ด้วย { audio: true } เปล่าๆ = ปล่อยให้
      // มือถือใช้ค่า default ซึ่งจูนมาเพื่อ "โทรศัพท์" — คนเดียว ปากใกล้ไมค์ ตัด
      // ทุกอย่างที่ไม่ใช่เสียงนั้นทิ้ง · สถานการณ์จริงของ Echo ตรงข้ามเป๊ะ: วาง
      // มือถือบนโต๊ะ สองคนนั่งคนละฝั่ง ในร้านอาหารเสียงดัง
      //   noiseSuppression → กินเสียงลูกค้าที่นั่งไกลทิ้งไปด้วย
      //   autoGainControl  → ดันเสียงรบกวนขึ้นมาตอนไม่มีใครพูด
      //   echoCancellation → ออกแบบมาเพื่อตัดเสียงลำโพงตัวเอง ไม่มีประโยชน์ที่นี่
      // ขอปิดทั้ง 3 ตัว · เบราว์เซอร์ไหนไม่รองรับจะเมินค่าที่ขอไปเฉยๆ ไม่ error
      // v_recwatch (2026-08-20): เก็บ ref ไว้นอก try ด้วย — ถ้าโค้ดหลังจากนี้โยน error
      // (เช่น new MediaRecorder ไม่รับ mime) สตรีมที่ขอมาแล้วจะค้างจับไมค์ต่อไปเงียบๆ
      // และ _recorder ยัง null อยู่ ด่าน 'stale-before-start' จึงจับไม่ได้ = ไมค์ค้าง
      // แบบเดียวกับบั๊กที่เพิ่งแก้ · catch ข้างล่างต้องปิดสตรีมนี้ให้ได้เสมอ
      _pendingStream = await navigator.mediaDevices.getUserMedia({
        audio: {
          echoCancellation: false,
          noiseSuppression: false,
          autoGainControl:  false,
          channelCount:     1,
          sampleRate:       48000
        }
      });
      const stream = _pendingStream;
      _gumSettled = true; clearTimeout(_gumWatchdog);
      // บันทึกว่าได้ค่าที่ขอจริงไหม — บางรุ่นเมินเงียบๆ ต้องรู้ตอนไล่คุณภาพเสียง
      try {
        const st = stream.getAudioTracks()[0]?.getSettings?.() || {};
        _micSettings = {
          echoCancellation: st.echoCancellation, noiseSuppression: st.noiseSuppression,
          autoGainControl: st.autoGainControl, sampleRate: st.sampleRate, channelCount: st.channelCount
        };
        console.log('[CI mic]', JSON.stringify(_micSettings));
      } catch(_) { _micSettings = null; }
      const mime   = _bestMime();
      // v_echor3: 24k → 48k · ที่ 24kbps Opus บีบเสียงพูดคนเดียวใกล้ไมค์ได้พอดี
      // แต่สองคนคนละระยะในห้องมีเสียงรบกวนคือสัญญาณที่ซับซ้อนกว่ามาก 48k ยังนับว่า
      // ประหยัด (80 นาที ≈ 29MB) และเป็นตัวแปรที่ถูกที่สุดที่ยังไม่เคยลองขยับเลย
      _recorder    = new MediaRecorder(stream, { ...(mime ? { mimeType: mime } : {}), audioBitsPerSecond: 48000 });
      _recMime     = _recorder.mimeType || mime || 'audio/webm';   // v_deadcapture
      _chunks      = [];
      _recGen++;   // 25 ต.ค. 2569: _onStop ทำงานได้ครั้งเดียวต่อการอัดหนึ่งครั้ง
      _secs        = 0;
      // v_recwatch: ต้องนับ "ทุก" chunk รวมขนาด 0 ก่อนถึงตัวกรอง — ของเดิมทิ้ง chunk
      // ขนาด 0 เงียบๆ ทำให้ระบบแยกไม่ออกเลยว่า "ห้องเงียบ" หรือ "ไมค์ตายไปแล้ว"
      _recorder.ondataavailable = e => {
        const sz = (e.data && e.data.size) || 0;
        _recBytes += sz;
        if (sz > 0) { _recLastDataAt = Date.now(); _chunks.push(e.data); _idbPutChunk(e.data); }
        else { _recZeroChunks++; }
      };
      // v_recwatch: สัญญาณตรงจาก OS — เชื่อถือได้กว่าการวัดบิตเรต ใช้เป็นด่านแรก
      _recorder.onerror = ev => _onDeadCapture('recorder-error:' + ((ev && ev.error && ev.error.name) || 'unknown'));
      try {
        stream.getAudioTracks().forEach(t => {
          t.onended  = () => _onDeadCapture('track-ended');
          t.onmute   = () => {
            // mute ชั่ววูบตอนสลับ route (เสียบหูฟัง/ตัดสาย) เกิดได้ปกติ ไม่ใช่ตาย
            clearTimeout(_recMuteTimer);
            _recMuteTimer = setTimeout(() => { if (t.muted) _onDeadCapture('track-muted'); }, REC_MUTE_GRACE_MS);
          };
          t.onunmute = () => { clearTimeout(_recMuteTimer); _recMuteTimer = null; };
        });
      } catch(_) {}
      _recorder.onstop = _onStop;
      // v_uiguard (2026-08-20): ของเดิมล้าง buffer ทิ้งเงียบๆ ทุกครั้งที่เริ่มอัด แม้มี
      // เสียงที่ยังไม่ได้วิเคราะห์ค้างอยู่ · แถบ "พบการบันทึกค้าง" ขึ้นให้เห็นก่อนจริง
      // แต่ถ้า rep กดอัดร้านใหม่เลย เสียง visit ก่อนหน้าหายถาวรโดยไม่มีใครรู้ตัว
      // ถามก่อนเสมอ และถ้าไม่ยืนยันก็ไม่เริ่มอัด (ปิดไมค์ที่เพิ่งขอมาให้เรียบร้อย)
      const _stale = await _idbRecoverable();
      if (_stale && !confirm(
            'มีเสียงที่ยังไม่ได้วิเคราะห์ค้างอยู่ ' + (_stale.secs < 60 ? _stale.secs + ' วินาที' : Math.round(_stale.secs / 60) + ' นาที') +
            (_stale.name ? '\n(' + _stale.name + ')' : '') +
            '\n\nถ้าเริ่มอัดใหม่ เสียงชุดนั้นจะหายถาวร\nกดยกเลิกเพื่อกลับไปกด "วิเคราะห์ต่อ" ที่แถบด้านบนก่อน')) {
        _teardownRecorder('keep-stale-buffer');   // ยังไม่ start() แต่ไมค์เปิดแล้ว
        _phase = 'idle';
        _startRecBusy = false;
        _toast('ยังไม่เริ่มอัดใหม่ — กด "วิเคราะห์ต่อ" ที่แถบด้านบนก่อน');
        return;
      }
      // v555: เคลียร์ buffer เก่า + เขียน meta ก่อนเริ่ม — กู้คืนได้ถ้าแอพถูก kill
      try { await _idbClear(); } catch(_) {}
      _idbSetMeta({ account_guid: _accountGuid, account_name: _accountName, account_seg: _accountSeg,
                    owner_type: _ownerType, started_at: Date.now(), mime: mime || 'audio/webm' });
      _recorder.start(1000);
      _startTime = Date.now();
      _phase     = 'recording';
      _startRecBusy = false;   // _phase !== 'idle' เองก็กันซ้อนได้แล้วจากนี้ไป
      _isOwnRecording = true; // recording own session
      _acquireWakeLock(); // v587: กันจอดับระหว่างอัด
      // v_echog1: retry เช็คอินที่ค้างในเครื่อง (จุดกดเช็คอินเน็ตอาจหลุด) —
      // idempotent: มี session_id แล้วจะข้ามเอง · fire-and-forget ไม่บล็อกการอัด
      _syncCheckinToDb().catch(() => {});
      // ── v_recwatch (2026-08-20): keep-alive ตัวจริง ──────────────────────────
      // ของเดิมสร้าง AudioContext เปล่าๆ แล้วเขียนคอมเมนต์ว่า "แค่ state เป็น running
      // ก็พอสำหรับ iOS" — ไม่จริง context ที่ไม่ได้ render อะไรเลยจะถูก iOS พักทันที
      // การป้องกันที่เราคิดว่ามีมาตลอดจึงไม่เคยมีอยู่จริงสักครั้ง
      // ต้องให้มัน "เล่น" อะไรสักอย่างจริงๆ ถึงจะยึด audio session ไว้ได้ — ใช้บัฟเฟอร์
      // ที่เป็นศูนย์ล้วนวนลูป: เงียบสนิท 100% เป็นไปไม่ได้ที่จะดังออกลำโพงหรือย้อน
      // เข้าไมค์ตัวเอง (ปลอดภัยกว่า oscillator ที่ต้องพึ่งการหรี่ gain)
      // ⚠ ห้ามใช้ createMediaStreamSource เด็ดขาด — คำเตือนเดิมยังคงมีผล ว่าเคยทำให้
      // สัญญาณที่ MediaRecorder อัดได้เพี้ยน · ตรงนี้ไม่ได้แตะสตรีมไมค์เลย
      //
      // ⚠ ปิดไว้ก่อน (REC_KEEPALIVE_ENABLED = false) — รีวิวชี้ความเสี่ยงที่ผมยืนยัน
      // เองไม่ได้จากเครื่องนี้: การต่อ source เข้า destination ทำให้หน้าเว็บกลายเป็น
      // "ตัวเล่นเสียง" ด้วย ซึ่งบน iOS จะดัน AVAudioSession เป็นโหมด play-and-record
      // แล้วระบบอาจเปิด voice-processing/echo-cancellation และลด sample rate เหลือ
      // 16kHz โดยอัตโนมัติ = สวนทางกับที่เราตั้งใจขอ 48kHz + ปิด EC ไว้ตั้งแต่ v_echor3
      // ผลคืออาจทำ "คุณภาพเสียงของทุกคน" แย่ลง เพื่อแลกกับการกันปัญหาที่ยังพิสูจน์
      // ไม่ได้ว่าเคยเกิดจริง (ต้นเหตุจริงของ 5 เคสคือ recorder ค้าง ไม่ใช่ iOS พัก
      // audio session) · ตอนนี้มี watchdog คอยจับให้แล้ว จึงไม่คุ้มเสี่ยงลงทุกเครื่อง
      // วิธีเปิด: ตั้งเป็น true แล้วอัดจริงบน iPhone 1 คลิป เทียบ [CI mic] ว่า
      // sampleRate ยังเป็น 48000 และ bytes/วินาที ยังอยู่ในย่าน 5,150-8,910
      try {
        _audioCtx = new (window.AudioContext || window.webkitAudioContext)();
        if (REC_KEEPALIVE_ENABLED) {
          const _buf = _audioCtx.createBuffer(1, _audioCtx.sampleRate, _audioCtx.sampleRate);
          _audioKeepSrc = _audioCtx.createBufferSource();
          _audioKeepSrc.buffer = _buf;          // ศูนย์ล้วน = ไม่มีเสียงออกจริง
          _audioKeepSrc.loop   = true;
          _audioKeepSrc.connect(_audioCtx.destination);
          _audioKeepSrc.start();
        }
        if (_audioCtx.state === 'suspended') _audioCtx.resume().catch(() => {});
      } catch(_) {}
      _startRecWatchdog();

      // UI — dark mode transition (silent recording feel)
      _applyRecordingTheme(true);

      _timerRef = setInterval(() => {
        // Use Date.now() diff — avoids drift when JS is throttled on screen lock
        _secs = Math.floor((Date.now() - _startTime) / 1000);
        const el = document.getElementById('ci-tval');
        if (el) el.textContent = _fmt(_secs);
        if (_secs >= MAX_SECS) stopRecording();
      }, 1000);

    } catch (err) {
      _gumSettled = true; clearTimeout(_gumWatchdog);
      _phase = 'idle';
      _startRecBusy = false;
      // v_recwatch: ปิดไมค์ที่ขอมาได้แล้วแต่ตั้ง recorder ไม่สำเร็จ — ไม่งั้นค้างจับไมค์
      // ไว้ทั้งที่ผู้ใช้เห็นแค่ toast ว่าเปิดไมค์ไม่ได้ แล้วกดอัดใหม่ = ซ้อนกันอีก
      try { _pendingStream?.getTracks().forEach(t => t.stop()); } catch(_) {}
      _pendingStream = null;
      if (_recorder) _teardownRecorder('start-failed');   // ล้มหลังสร้าง recorder แล้ว
      // RECORD-HANG-DIAG: this catch never wrote to app_errors before — only a
      // toast the rep could dismiss/miss, leaving zero trace for diagnosis later
      try { window.SenseSentinel?.report('ci_record_start_fail', (err?.name || 'Error') + ':' + (err?.message || 'unknown')); } catch(_) {}
      // v_micfix (2026-08-17): เดิม "กรุณาอนุญาตไมโครโฟน" ไม่บอกวิธีเลย — เบราว์เซอร์
      // จะไม่โชว์ permission prompt ซ้ำเองอีกหลังถูกปฏิเสธ ผู้ใช้จึงไม่มีทางไปต่อได้
      // เลยจากข้อความเดิม ต่างจาก location ที่มีคำแนะนำเปิด settings ชัดเจนอยู่แล้ว
      // (ดู _doCheckin) · mirror รูปแบบเดียวกันที่นี่
      const micMsg = err.name === 'NotAllowedError'
          ? 'มือถือไม่ให้สิทธิ์ไมโครโฟน — เปิด ตั้งค่า > เลือกเบราว์เซอร์/แอปนี้ > อนุญาตไมโครโฟน แล้วกลับมากดอัดใหม่'
        : err.name === 'NotFoundError'
          ? 'ไม่พบไมโครโฟนในเครื่อง — เช็คว่ามีไมค์ต่ออยู่ แล้วลองใหม่'
        : err.name === 'NotReadableError'
          ? 'ไมโครโฟนถูกแอปอื่นใช้งานอยู่ — ปิดแอปที่อาจใช้ไมค์ค้างไว้ (โทรศัพท์/แอปอัดเสียงอื่น) แล้วลองใหม่'
        : 'เปิดไมค์ไม่ได้: ' + err.message;
      _toast(micMsg);
    }
  }

  function stopRecording() {
    if (_phase !== 'recording' || !_recorder) return;
    _durText = _fmt(_secs);
    // v_deadcapture: keepOnStop — นี่คือการหยุดที่ตั้งใจ ต้องปล่อยให้ onstop ยิง
    // _onStop() ต่อไปตามเดิม (teardown จัดการ timer/track/audioCtx/wakelock ให้ครบ)
    _teardownRecorder('user-stop', { keepOnStop: true });
    // Restore white theme before proc/result screens
    _phase = 'processing';
    _applyRecordingTheme(false);
    _showScreen('ci-s-proc');
    _setStep('กำลังวิเคราะห์...', 'Gemini · audio + skills', 14);
  }

  function cancel() {
    clearInterval(_floatTimer);
    document.body.classList.remove('echo-active');
    const pill = document.getElementById('echo-float-pill');
    if (pill) { pill.classList.remove('visible'); pill.classList.remove('fp-warn'); }
    // Reset CI fullsheet display if minimized
    const sheet = document.getElementById('ci-fullsheet');
    if (sheet) sheet.style.display = '';
    // v_deadcapture: ยกเลิกแล้วห้ามยิง pipeline — teardown ถอด onstop ให้เอง
    // (ของเดิมเรียก _recorder.stop() ทั้งที่ onstop ยังผูกอยู่ แล้วรอดมาได้เพราะ
    //  _chunks ถูกล้างทันก่อน onstop จะยิง — บังเอิญ ไม่ใช่ตั้งใจ)
    _teardownRecorder('cancel');
    _phase = 'idle';
    _applyRecordingTheme(false);
    _chunks = [];
    _idbClear(); // ยกเลิกโดยตั้งใจ — ไม่ต้องกู้
    _unmount();
  }

  // ── v_deadcapture (2026-08-20): ปิดไมค์ให้สนิท ทุกทางออก ───────────────────
  //
  // บั๊กจริงที่ทำให้ 5 จาก 20 การอัดยาวได้ไฟล์แทบว่างเปล่า (25% · วันที่ 19 ส.ค.
  // พัง 4 จาก 9) โดยนาฬิกาบนจอยังนับครบ 40-70 นาทีเหมือนปกติ:
  //   _recorder.stop() เคยมีแค่ใน stopRecording() กับ cancel() เท่านั้น
  //   แต่ open() รีเซ็ต _phase='idle' แล้วเรียก _unmount() ซึ่งไม่เคยสั่งหยุด
  //   recorder หรือ track เลย → ตัวอัดเก่าค้างจับไมค์ไว้เงียบๆ → พอกดอัดใหม่
  //   ด่าน _phase !== 'idle' ก็ผ่านฉลุย เกิด MediaRecorder สองตัวแย่งไมค์ตัวเดียว
  //   (iOS ทำให้ตัวหนึ่งตาย) แถม _chunks = [] ยังล้างเสียงที่อัดไว้ทิ้งอีก
  // หลักฐาน production: KAM เช็คอิน 06:11 (ไม่มีการอัดจบ) แล้วเช็คอินร้านเดิมซ้ำ
  // 06:39 → session ที่สองอัด 72 นาที ได้ไฟล์ 44KB (ปกติต้อง ~5,150-8,910 B/วิ)
  //
  // ตัวนี้คือทางออกเดียวที่ทุกเส้นต้องเรียก · idempotent เรียกซ้ำได้ไม่พัง
  // เจตนา: ไม่แตะ _chunks / IndexedDB เลย — ปล่อยให้ _checkRecoverBuffer() เดิม
  // เสนอกู้เสียงคืนได้ถ้าออกจากหน้าไปกลางคัน (ส่วน cancel() ที่ตั้งใจทิ้ง
  // จะเรียก _idbClear() ของมันเองอยู่แล้ว)
  // ── v_recwatch (2026-08-20): จับ "อัดอยู่แต่ไม่ได้เสียง" ให้ได้ใน ~45 วิ ────
  // เดิมรู้ตัวตอนกดหยุดเท่านั้น = เสีย visit ทั้ง 40-70 นาทีโดยไม่มีใครรู้
  function _startRecWatchdog() {
    clearInterval(_recWatchRef);
    // ซ่อนแถบเตือนของรอบก่อน ไม่งั้นค้างมาหลอกว่าอัดรอบใหม่ก็พังอีก
    const box = document.getElementById('ci-rec-dead');
    if (box) box.style.display = 'none';
    _recBytes = 0; _recZeroChunks = 0; _recDeadFired = false;
    _recLastDataAt = Date.now();
    _recLastTickAt = Date.now();
    _recDeadCooldownUntil = 0;
    _recSamples = [{ t: Date.now(), b: 0 }];
    _recWatchRef = setInterval(_recWatchTick, REC_WATCH_TICK_MS);
  }

  function _recWatchTick() {
    if (_phase !== 'recording' || !_recorder) return;
    // เดิมเขียนว่า `if (document.visibilityState === 'hidden') return;` แล้วเทสต์จริง
    // จับได้ว่าพัง: บางสภาพแวดล้อมรายงาน hidden ทั้งที่แอปกำลังถูกใช้อยู่จริง
    // (เจอกับ preview pane ตรงๆ — watchdog เงียบสนิททั้งรอบ) = ปิดตาข่ายนิรภัยทิ้ง
    // ทั้งอัน ซึ่งอันตรายกว่าปัญหาที่จะกัน · เปลี่ยนมาวัด "อาการ" แทนการเชื่อธง:
    // ถ้าทิกนี้มาช้ากว่ากำหนดมาก แปลว่าเพิ่งถูกพัก/throttle มา (พับแอป จอดับ)
    // ช่วงที่หายไปจึงเชื่อถือไม่ได้ → ตั้งฐานใหม่แล้วรอรอบหน้า วิธีนี้ไม่ขึ้นกับว่า
    // เบราว์เซอร์รายงาน visibility ถูกหรือไม่
    const now = Date.now();
    const _tickGap = now - (_recLastTickAt || now);
    _recLastTickAt = now;
    if (_tickGap > REC_WATCH_TICK_MS * 3) {
      _recLastDataAt = now;
      _recSamples = [{ t: now, b: _recBytes }];
      return;
    }
    // iOS พัก AudioContext เองได้ตลอดเวลา — ปลุกกลับทุกรอบ (ของเดิมสร้างแล้วไม่เคยเช็คซ้ำ)
    try { if (_audioCtx && _audioCtx.state !== 'running') _audioCtx.resume().catch(() => {}); } catch(_) {}
    _recSamples.push({ t: now, b: _recBytes });
    while (_recSamples.length > 2 && now - _recSamples[0].t > REC_WATCH_WINDOW_MS + REC_WATCH_TICK_MS) {
      _recSamples.shift();
    }
    if (_recDeadFired) return;
    if ((now - _startTime) / 1000 < REC_WATCH_START_SEC) return;
    // ด่านหลัก: chunk หยุดส่ง (ชัดที่สุดตามที่วัดมา — ดู REC_NO_CHUNK_MS)
    if (now - _recLastDataAt > REC_NO_CHUNK_MS) { _onDeadCapture('no-chunk'); return; }
    // ด่านรอง: ยังส่ง chunk อยู่แต่เนื้อแทบไม่มี (เผื่อ encoder บางรุ่นไม่หยุดส่ง)
    const oldest = _recSamples[0];
    const dt = (now - oldest.t) / 1000;
    // ตัวอย่างเก่าเกินไป = เพิ่งผ่านช่วงที่ทิกถูกหยุด (พับแอป/จอดับ) การเฉลี่ยคร่อม
    // ช่วงนั้นจะได้บิตเรตต่ำปลอมๆ — ตั้งฐานใหม่แล้วรอรอบหน้าแทนที่จะตัดสินตอนนี้
    if (dt > (REC_WATCH_WINDOW_MS / 1000) * 3) {
      _recSamples = [{ t: now, b: _recBytes }];
      return;
    }
    if (dt >= REC_WATCH_WINDOW_MS / 1000) {
      const bps = (_recBytes - oldest.b) / dt;
      if (bps < REC_DEAD_BPS) _onDeadCapture('low-bitrate:' + Math.round(bps) + 'Bps');
    }
  }

  function _onDeadCapture(reason) {
    if (_recDeadFired || _phase !== 'recording') return;
    // กด "อัดต่อ" แล้วต้องไม่เด้งซ้ำทุก 10 วิ — ไมค์ที่ตายจริงจะเข้าเงื่อนไขตลอดเวลา
    // ถ้าไม่มีช่วงพัก rep จะโดนรบกวนทั้ง visit จนต้องเลิกสนใจแถบเตือนไปเลย
    if (_recDeadCooldownUntil && Date.now() < _recDeadCooldownUntil) return;
    _recDeadFired = true;
    console.warn('[CI rec] dead capture:', reason, { secs: _secs, bytes: _recBytes, zeroChunks: _recZeroChunks });
    try { navigator.vibrate && navigator.vibrate([200, 100, 200]); } catch(_) {}
    const box = document.getElementById('ci-rec-dead');
    if (box) box.style.display = 'block';
    const sub = document.getElementById('ci-rec-dead-sub');
    if (sub) sub.textContent = 'ตรวจพบตอน ' + _fmt(_secs) + ' · เสียงช่วงก่อนหน้ายังอยู่ครบ';
    // v_pillwarn (2026-08-21): แถบเตือนข้างบนอยู่ใน #ci-fullsheet ซึ่งถูก display:none
    // ตอนย่อเป็น pill ⇒ ตอนย่อจะไม่เห็นอะไรเลย เหลือแค่การสั่นเป็นสัญญาณเดียว · และ
    // v276 เพิ่งทำให้การย่อเป็นท่ามาตรฐาน (แตะตัวเลขเวลา) = สถานะย่อกลายเป็นสถานะปกติ
    //
    // **ไม่**สั่งขยายจอกลับเอง เพราะจะขัดกับเหตุผลทั้งหมดของ v276 (ไม่ให้ลูกค้าเห็นว่า
    // มี AI ช่วยสรุป) — ทำให้ pill เองเปลี่ยนเป็นสีเตือนแทน: rep เห็นได้ทันทีจากมุมตา
    // แต่ลูกค้าที่ไม่รู้ว่าปกติเป็นสีอะไรก็ยังไม่รู้ว่าเกิดอะไรขึ้น
    try {
      const pill = document.getElementById('echo-float-pill');
      if (pill) pill.classList.add('fp-warn');
    } catch(_) {}
    // ส่งขึ้น telemetry เพื่อให้เห็นของจริงหลังปล่อย ว่ายังเหลือเส้นทางไหนอีกไหม
    try {
      if (window.SenseSentinel && typeof window.SenseSentinel.report === 'function') {
        window.SenseSentinel.report('echo_dead_capture',
          reason + ' | secs=' + _secs + ' | bytes=' + _recBytes + ' | zeroChunks=' + _recZeroChunks);
      }
    } catch(_) {}
  }

  // ปิดแถบเตือนแต่ยังอัดต่อ — เผื่อไมค์กลับมาเอง (เช่น วางสายแล้ว route คืน)
  function _recDismissDead() {
    const box = document.getElementById('ci-rec-dead');
    if (box) box.style.display = 'none';
    // ปลดล็อกให้เตือนได้อีกถ้ายังไม่ฟื้นจริง — แต่เว้นช่วงพักก่อน ไม่งั้นเด้งซ้ำทันที
    _recDeadFired = false;
    _recDeadCooldownUntil = Date.now() + REC_DEAD_COOLDOWN_MS;
    _recLastDataAt = Date.now();
    _recSamples = [{ t: Date.now(), b: _recBytes }];
    // v_pillwarn: ปิดสีเตือนบน pill ด้วย ไม่ใช่แค่แถบในจอ — ถ้าไมค์ยังไม่ฟื้นจริง
    // watchdog จะยิงใหม่หลังพ้นช่วงพักแล้วทาสีกลับมาเอง
    try {
      const pill = document.getElementById('echo-float-pill');
      if (pill) pill.classList.remove('fp-warn');
    } catch(_) {}
  }

  function _teardownRecorder(reason, opts) {
    const keepOnStop = !!(opts && opts.keepOnStop);
    clearInterval(_timerRef); _timerRef = null;
    clearInterval(_recWatchRef); _recWatchRef = null;
    clearTimeout(_recMuteTimer); _recMuteTimer = null;
    try { if (_audioKeepSrc) { _audioKeepSrc.stop(); _audioKeepSrc.disconnect(); } } catch(_) {}
    _audioKeepSrc = null;
    const r = _recorder;
    _recorder = null;               // null ก่อนเรียก stop() — กันเข้าซ้อน/เรียกซ้ำ
    if (r) {
      try {
        // ปิดเพราะออกจากหน้า (open/_unmount) ห้ามให้ onstop ยิง pipeline ซ้ำ
        // ส่วนการกดหยุดเองต้องปล่อยให้ยิง จึงส่ง keepOnStop:true มา
        if (!keepOnStop) r.onstop = null;
        if (r.state !== 'inactive') r.stop();
      } catch(_) {}
      try {
        r.stream?.getTracks().forEach(t => {
          try { t.onmute = t.onunmute = t.onended = null; } catch(_) {}
          t.stop();
        });
      } catch(_) {}
    }
    try { if (_audioCtx) { _audioCtx.close(); _audioCtx = null; } } catch(_) {}
    _releaseWakeLock();
    if (r && reason) console.log('[CI rec] teardown:', reason);
  }

  // ── Processing steps ───────────────────────────────────────────────────────
  let _procStartTime = 0;
  let _procElapsedRef = null;

  function _setStep(step, sub, pct) {
    const ps = document.getElementById('ci-pstep');
    const pb = document.getElementById('ci-psub');
    const pf = document.getElementById('ci-pfill');
    if (ps) ps.textContent = step;
    if (pb) pb.textContent = sub;
    if (pf) pf.style.width = pct + '%';
  }

  function _startProcTimer() {
    _procStartTime = Date.now();
    clearInterval(_procElapsedRef);
    _procElapsedRef = setInterval(() => {
      const el = document.getElementById('ci-pelapsed');
      if (!el) return;
      const secs = Math.floor((Date.now() - _procStartTime) / 1000);
      const m = Math.floor(secs / 60), s = secs % 60;
      el.textContent = `กำลังประมวลผล ${m > 0 ? m + ' นาที ' : ''}${s} วินาที...`;
    }, 1000);
  }

  function _stopProcTimer() {
    clearInterval(_procElapsedRef);
    _procElapsedRef = null;
    const el = document.getElementById('ci-pelapsed');
    if (el) el.textContent = '';
  }

  // ── Audio → Gemini analyze (single call) ──────────────────────────────────
  // 25 ต.ค. 2569 (ตรวจแอปตาย): iOS หยุดตัวอัดตอนพับแอป ⇒ ด่านตอนกลับมา (visibilitychange) เรียก _onStop เอง
  //   แล้วเหตุการณ์ stop ที่ค้างคิวอยู่ก็ยิง _onStop ซ้ำด้วยเสียงว่าง ⇒ ล้างบัฟเฟอร์กู้คืน + ปิดจอส่ง + ขึ้น "ไมค์ไม่ได้รับเสียง"
  //   ทั้งที่การส่งรอบแรกยังวิ่งอยู่ · กันไว้ให้ทำงานครั้งเดียวต่อการอัด
  let _recGen = 0, _onStopGen = -1;
  async function _onStop() {
    if (_onStopGen === _recGen) return;
    _onStopGen = _recGen;
    // v_recwatch (2026-08-20): OS หยุด recorder เองได้ (track ตาย / onerror) แล้ว
    // onstop จะยิงมาที่นี่ทั้งที่ _phase ยังเป็น 'recording' — ถ้าไม่ปรับสถานะให้ตรง
    // นาฬิกาจะเดินต่อและแถบเตือนยังชวนให้กด "จบ & วิเคราะห์" ซ้อนกับ pipeline ที่
    // กำลังทำงานอยู่แล้ว ทำให้ progress กระโดดกลับไป 14%
    if (_phase === 'recording') {
      _durText = _fmt(_secs);
      _teardownRecorder('os-forced', { keepOnStop: true });
      _phase = 'processing';
      _applyRecordingTheme(false);
      _showScreen('ci-s-proc');
      _setStep('กำลังวิเคราะห์...', 'การบันทึกถูกหยุดโดยระบบ — ใช้เสียงที่มี', 14);
    }
    // v_deadcapture: _recorder ถูก teardown เคลียร์เป็น null ไปแล้วตอนมาถึงนี่
    // จึงต้องอ่าน mime จาก _recMime ที่จำไว้ตอนสร้าง ไม่งั้น type จะเพี้ยน
    const blob = new Blob(_chunks, { type: _recorder?.mimeType || _recMime || 'audio/webm' });
    _chunks = [];

    // Guard: ถ้า audio เล็กเกินไปหรือ record น้อยกว่า 5 วินาที ยังไม่มีเสียงพอให้วิเคราะห์
    if (blob.size < 8000 || _secs < 5) {
      _phase = 'idle';
      _idbClear();
      _unmount();
      // v_recwatch (2026-08-20): เคสไมค์ตายจะเข้าเงื่อนไขนี้ด้วย (อัดไป 45 นาทีแต่
      // ได้ไบต์นิดเดียว) แล้วเด้งข้อความ "บันทึกอย่างน้อย 5 วินาที" ซึ่งงงมาก
      // ต้องแยกสองกรณีออกจากกันให้ชัด
      _toast(_recDeadFired || _secs >= 60
        ? 'ไมค์ไม่ได้รับเสียง จึงไม่มีอะไรให้วิเคราะห์ — visit ยังนับปกติ'
        : 'กรุณาบันทึกอย่างน้อย 5 วินาทีก่อนกด stop');
      return;
    }
    _startAsyncPipeline(blob);
  }

  // ── A2v2.1 (2026-08-05): async pipeline — upload then fire-and-forget ──────
  // Real rep behavior: stop recording, pocket the phone. So the client does ONE
  // quick upload (seconds) + one tiny keepalive trigger, and the WORKER runs
  // transcript→analyze server-side. If the live worker doesn't have /process
  // yet (pre-deploy window) we fall back to the proven local pipeline, on the
  // same row, transparently.
  function _getAuthUserId() {
    try {
      for (const store of [localStorage, sessionStorage]) {
        const k = Object.keys(store).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
        if (k) {
          const s = JSON.parse(store.getItem(k));
          const id = s?.user?.id || s?.data?.user?.id;
          if (id) return id;
        }
      }
    } catch(_) {}
    return null;
  }

  // v_queue (2026-08-12): ตัวตรวจไฟล์เสียงตัวเดียวที่ใช้ร่วมกันทุกเส้นทาง
  //
  // ทำไม: ของเดิมตรวจอยู่ใน _processBlob (เส้นทาง legacy) เท่านั้น — เส้นทางหลัก
  // _startAsyncPipeline ไม่เคยเรียกเลย · ผลคือ 11 ส.ค. มีคลิป 24KB/54KB จากการอัด
  // 19-48 นาที (iOS ตัดไมค์ตอนล็อกจอ) หลุดขึ้นไปทั้งก้อน แล้ววนกิน Groq อยู่ 24 ชม.
  //
  // ค่าคงที่เดิมคือ _secs * 3000 ซึ่งอิง bitrate 24kbps ของยุคก่อน — เครื่องอัด
  // ตั้งไว้ที่ 48kbps มาตั้งแต่ v_echor3 ทำให้เกณฑ์หย่อนไปเท่าตัว
  // เกณฑ์ fatal 0.15 มาจากข้อมูลจริง: ไฟล์ดีอยู่ที่ 0.25-0.51 MB/นาที
  // ไฟล์พังอยู่ที่ 0.0011-0.02 MB/นาที — ห่างกัน 25 เท่า ตัดตรงกลางได้สบาย
  const REC_BYTES_PER_SEC = 48000 / 8;   // ต้องตรงกับ audioBitsPerSecond ตอนอัด
  // v_deadcapture (2026-08-20): ค่าบนคือ "บิตเรตที่สั่ง" ไม่ใช่ขนาดไฟล์จริงต่อวินาที
  // วัดจาก production 20 ไฟล์: ของดีอยู่ที่ 5,150-8,910 B/วิ (มี container overhead
  // ทับอยู่) ค่ากลาง ~6,800 · การใช้ 6,000 คำนวณ "ได้เสียงกี่นาที" ทำให้รายงานเกิน
  // จริงได้ถึง ~49% จึงแยกค่าคงที่ออกมาเฉพาะสำหรับเลขที่โชว์ให้คนอ่าน
  // ส่วน ratio ยังคิดบนค่าเดิม เพราะเกณฑ์ 0.15 จับไฟล์พังได้ครบทุกใบอยู่แล้ว
  const REC_REAL_BYTES_PER_SEC = 6800;
  function _audioLooksTruncated(blobSize, secs) {
    if (!secs || secs < 60) return null;               // สั้นเกินกว่าจะตัดสิน
    const expected = secs * REC_BYTES_PER_SEC;
    if (expected <= 0) return null;
    const ratio = blobSize / expected;
    const gotMins = Math.round(blobSize / REC_REAL_BYTES_PER_SEC / 60);
    if (ratio < 0.15) return { fatal: true,  ratio, gotMins };   // ใช้งานไม่ได้จริง
    if (ratio < 0.7)  return { fatal: false, ratio, gotMins };   // ขาดบางช่วง
    return null;
  }

  // ── v_ears (2026-08-14): glossary ชื่อสินค้าของร้านนี้ ───────────────────
  //
  // Whisper รับ `prompt` เพื่อ "ใบ้" การสะกดคำเฉพาะ — ของเดิมใส่แค่ 6 คำคงที่
  // ทั้งที่เรามีรายชื่อสินค้าที่ร้านนี้ซื้อประจำอยู่ในมือแล้ว (bulkSkusData)
  // ผลคือคำอย่าง "เป็กโกรีโน" / "พิคานย่า" ถอดออกมาเพี้ยนทุกครั้ง เพราะโมเดล
  // ไม่เคยเห็นคำนี้ในบริบทนี้มาก่อน
  //
  // เพดาน prompt ของ Whisper คือ 224 token — เกินแล้วมันตัดหัวทิ้งเงียบๆ
  // จึงคุมด้วยจำนวนอักษรแทน (ไทยกินหลาย token ต่ออักษร ตัดที่ ~260 ตัวอักษร
  // เผื่อไว้มาก) และเรียงตาม GMV เพื่อให้คำที่พูดถึงบ่อยสุดได้ที่ก่อน
  const SKU_GLOSSARY_MAX_CHARS = 260;
  function _skuGlossaryFor(accountGuid) {
    try {
      if (!accountGuid || typeof bulkSkusData === 'undefined' || !bulkSkusData) return '';
      const byMonth = bulkSkusData[accountGuid];
      if (!byMonth) return '';
      // เดือนล่าสุดที่มีข้อมูล
      const months = Object.keys(byMonth).sort();
      const rows = byMonth[months[months.length - 1]] || [];
      const seen = new Set(), names = [];
      rows.slice()
        .sort((a, b) => (b.gmv || 0) - (a.gmv || 0))
        .forEach(r => {
          const n = String(r.n || '').trim();
          // ข้ามชื่อสั้นเกินจนไม่ช่วยอะไร และชื่อยาวเกินจนกินโควตา
          if (n.length < 3 || n.length > 28) return;
          const k = n.toLowerCase();
          if (seen.has(k)) return;
          seen.add(k); names.push(n);
        });
      let out = '';
      for (const n of names) {
        const next = out ? out + ' ' + n : n;
        if (next.length > SKU_GLOSSARY_MAX_CHARS) break;
        out = next;
      }
      return out;
    } catch (e) { return ''; }
  }

  async function _startAsyncPipeline(blob) {
    // pin ctx at start — same v951 discipline as _processBlob (globals can be
    // wiped by open()/picker while we await network)
    const ctx = {
      sessionId:    _sessionId || null,
      checkinCache: _checkinCache || null,
      accountGuid:  _accountGuid || null,
      accountName:  _accountName || '',
      skuGlossary:  _skuGlossaryFor(_accountGuid),
      ownerType:    _ownerType,
      secs:         _secs,
    };
    _startProcTimer();
    _setStep('กำลังบันทึกขึ้นระบบ...', 'อัปโหลดเสียง — ไม่กี่วินาที', 30);
    // v_orphanfix (2026-08-17): ประกาศไว้นอก try เพื่อให้ catch รู้ว่าอัปโหลด
    // สำเร็จไปแล้วหรือยัง — ถ้า DB เขียนต่อไม่ผ่านหลังอัปสำเร็จ ไฟล์นี้จะกลาย
    // เป็นไฟล์กำพร้าใน storage ที่ไม่มี session ไหนอ้างถึงเลย
    let path = null;
    let _uploadedOk = false;
    try {
      const userId = _getAuthUserId();
      const email  = _authEmail();
      if (!userId || !email) throw new Error('no-auth');

      // 1) upload audio to the rep's own prefix (RLS-scoped)
      const ext  = (blob.type || '').includes('mp4') ? 'mp4' : 'webm';
      const rand = (typeof crypto !== 'undefined' && crypto.randomUUID)
        ? crypto.randomUUID() : (Date.now() + '-' + Math.random().toString(36).slice(2));
      path = `echo-audio/${userId}/${rand}.${ext}`;

      // ── v_audior2 (2026-08-21): อัปขึ้น R2 ก่อน ถอยไป Supabase ถ้าล้ม ──────────
      //
      // ทำไมย้าย: Supabase คิดค่า "ขาออก" ทุกครั้งที่ worker ดึงไฟล์ไปถอดเสียง
      // (พิสูจน์จาก log จริง: 71 จาก 88 request เป็น cache HIT = ถูกนับเต็มขนาดไฟล์)
      // ทำให้เกินโควตา 327% · R2 ไม่คิดค่าขาออก ⇒ ยอดฝั่ง Supabase เหลือ 0
      // การอัปโหลด "ขาเข้า" ไม่เคยมีค่าใช้จ่ายทั้งสองฝั่ง — ที่แพงคือขาออก
      //
      // ลำดับสำคัญมาก: **เสียงที่อัดมาแล้วหายคือความเสียหายที่กู้ไม่ได้** ห้ามแลกกับ
      // การประหยัดค่า egress ⇒ ถ้า R2 ล้มด้วยเหตุใดก็ตาม ถอยไปอัป Supabase แบบเดิม
      // ทันที (worker อ่านได้ทั้งสองที่อยู่แล้ว จึงถอดเสียงได้เหมือนกัน)
      let _store = 'r2';
      try {
        const _r2res = await fetch(
          `${WORKER_URL}/audio-put?path=${encodeURIComponent(path)}`,
          { method: 'POST', headers: { 'Content-Type': blob.type || 'audio/webm' }, body: blob });
        if (!_r2res.ok) throw new Error('R2 ตอบ ' + _r2res.status + ': ' + (await _r2res.text().catch(() => '')).slice(0, 120));
      } catch (_r2e) {
        console.warn('[CI upload] อัป R2 ไม่สำเร็จ — ถอยไป Supabase:', (_r2e && _r2e.message) || _r2e);
        _store = 'supabase';
        const { error: upErr } = await supa.storage.from('ciq-data')
          .upload(path, blob, { upsert: true, contentType: blob.type || 'audio/webm' });
        if (upErr) throw upErr;   // ล้มทั้งสองที่ = ปล่อยให้ catch ข้างนอกจัดการ (เสียงยังอยู่ใน IndexedDB)
      }
      console.log(`[CI upload] เก็บไฟล์เสียงที่ ${_store}: ${path} (${(blob.size / 1048576).toFixed(1)}MB)`);
      _uploadedOk = true;

      // 2) claim/create the session row at stage 'uploaded'
      await _syncCheckinToDb(ctx.checkinCache).catch(() => {});
      let rowId = ctx.sessionId || ctx.checkinCache?.session_id || null;
      const nowIso = new Date().toISOString();

      // v_queue: ไฟล์ที่สั้นผิดปกติเทียบกับเวลาอัด = ถอดเสียงไม่ได้แน่นอน
      // ตีตราจบตั้งแต่ตรงนี้ ไม่ส่งเข้าคิว — ประหยัดโควตา Groq และบอก rep ทันที
      // ตั้งแต่ยังอยู่หน้าร้าน (ยังอัปไฟล์ขึ้นไปตามปกติ เพราะต้องเก็บไว้เป็นหลักฐาน
      // ว่าไมค์มีปัญหาจริง ตามกติกา "ห้ามลบเสียงทิ้ง" ของ v_echor3)
      const _trunc = _audioLooksTruncated(blob.size, ctx.secs);
      const _dead  = !!(_trunc && _trunc.fatal);
      const _stage = _dead ? 'failed_audio' : 'uploaded';
      // v_deadcapture (2026-08-20): ของเดิมเขียนว่า "ไฟล์เสียงไม่สมบูรณ์" ซึ่งชี้ไป
      // ทางไฟล์ถูกตัด/อัปโหลดไม่ครบ — ผิดทาง และทำให้ไล่สาเหตุผิดอยู่หลายรอบ
      // ความจริงคือไมค์ไม่ได้ส่งเสียงเข้ามาเลยตั้งแต่ต้น (ตัวอัดค้าง/ถูก iOS ตัด)
      // เขียนใหม่ให้ตรงกับสิ่งที่เกิดจริง และบอก rep ว่า visit ยังนับให้ตามปกติ
      const _deadNote = _dead
        ? `${nowIso} [client] ไมค์ไม่ได้รับเสียงตลอดการอัด ${Math.round(ctx.secs / 60)} นาที (ได้ข้อมูลเสียงเกือบเป็นศูนย์ ~${_trunc.gotMins} นาที) — visit นับปกติ แต่วิเคราะห์ไม่ได้`
        : null;
      if (rowId) {
        const { error } = await supa.from('ci_sessions')
          .update({ pipeline_stage: _stage, audio_path: path, duration_secs: ctx.secs,
                    sku_glossary: ctx.skuGlossary || null,
                    pipeline_error: _deadNote })
          .eq('id', rowId);
        if (error) throw error;
      } else {
        const { data: rowIns, error } = await supa.from('ci_sessions').insert({
          owner_email:    email,
          owner_type:     ctx.ownerType,
          account_id:     ctx.accountGuid || null,
          account_name:   ctx.accountName || null,
          sku_glossary:   ctx.skuGlossary || null,
          visited_at:     ctx.checkinCache?.checked_in_at || nowIso,
          duration_secs:  ctx.secs,
          pipeline_stage: _stage,
          pipeline_error: _deadNote,
          audio_path:     path,
          rep_lat:        ctx.checkinCache?.rep_lat ?? null,
          rep_lng:        ctx.checkinCache?.rep_lng ?? null,
          checked_in_at:  ctx.checkinCache?.checked_in_at || null,
          status:         'draft'
        }).select('id').single();
        if (error || !rowIns) throw error || new Error('insert failed');
        rowId = rowIns.id;
        if (ctx.checkinCache) ctx.checkinCache.session_id = rowId;
      }

      // v_queue: ไฟล์ใช้ไม่ได้ = ไม่ต้องปลุก worker เลย จบตรงนี้แบบบอกความจริง
      if (_dead) {
        _idbClear(); _stopProcTimer(); _phase = 'idle'; _sessionId = null;
        if (_checkinCache && _checkinCache === ctx.checkinCache) {
          _checkinCache = null;
          try { localStorage.removeItem('ci_checkin_cache'); } catch(_) {}
        }
        // v_deadcapture (2026-08-20): ของเดิมบอก rep ว่า "ครั้งหน้าลองไม่ล็อกจอ" —
        // โยนความผิดให้คนใช้ทั้งที่ต้นเหตุจริงคือ recorder ค้างในโค้ดเรา (ดู
        // _teardownRecorder) · เอาคำแนะนำที่ทำอะไรไม่ได้ออก เหลือแต่ความจริง
        _setStep('บันทึก visit แล้ว', 'แต่ไมค์ไม่ได้รับเสียง — วิเคราะห์ไม่ได้', 100);
        setTimeout(() => {
          _unmount();
          _toast('ไมค์ไม่ได้รับเสียงตลอดการอัด — visit นับปกติ แต่วิเคราะห์ไม่ได้');
        }, 2400);
        return;
      }

      // 3) trigger — keepalive survives the rep closing the app immediately
      _setStep('ส่งให้ระบบวิเคราะห์...', '', 70);
      let endpointMissing = false;
      try {
        const res = await fetch(`${WORKER_URL}/process`, {
          method: 'POST', keepalive: true,
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ session_id: rowId })
        });
        if (res.status === 404 || res.status === 405) endpointMissing = true;
        else console.log('[CI async] /process trigger status=' + res.status);
      } catch(_) { /* network blip — the audio+row are durable; sweep retries */ }

      if (endpointMissing) {
        // old worker without /process — clean up the uploaded file and run the
        // proven local pipeline against this same row
        _asyncEndpointMissing = true;
        try { await supa.storage.from('ciq-data').remove([path]); } catch(_) {}
        try { await supa.from('ci_sessions').update({ audio_path: null }).eq('id', rowId); } catch(_) {}
        _sessionId = rowId; // local pipeline's pinned ctx targets this row
        _stopProcTimer();
        return _processBlob(blob);
      }

      // async mode engaged — everything durable server-side, phone can close
      _idbClear();
      _stopProcTimer();
      _phase = 'idle';
      _sessionId = null;
      // v951 discipline: only clear the global when it's still THIS visit's cache
      if (_checkinCache && _checkinCache === ctx.checkinCache) {
        _checkinCache = null;
        try { localStorage.removeItem('ci_checkin_cache'); } catch(_) {}
      }
      // Echo ดีไซน์ใหม่: "ส่งแล้ว" ปิดได้เลย ไม่ต้องรอ Olive สรุป · จำไว้ว่ารอผลอยู่ เปิดแอปครั้งหน้าจะบอกเมื่อเสร็จ
      _ecPendingAdd(rowId, ctx.accountName);
      if (!_ecShowSent(ctx.accountName)) {
        _setStep('บันทึกเรียบร้อย ✓', 'ระบบวิเคราะห์ต่อเองเบื้องหลัง — ปิดหน้าจอได้เลย ผลจะขึ้นในประวัติ', 100);
        setTimeout(() => {
          _unmount();
          _toast('ส่งให้ระบบวิเคราะห์แล้ว — ผลจะขึ้นในประวัติ');
        }, 2400);
      }
    } catch (err) {
      // upload path failed (offline / storage / auth) — the blob is still in
      // memory + IDB; behave exactly like before this feature existed
      console.warn('[CI async] upload path failed, falling back to local pipeline:', err?.message || err);
      try { window.SenseSentinel?.report('ci_async_upload_fail', String(err?.message || err).slice(0, 200)); } catch(_) {}
      // v_orphanfix: อัปโหลดขึ้น storage สำเร็จแล้ว แต่ขั้นเขียน DB ถัดไปพัง — ไฟล์
      // นี้ไม่มี session ไหนอ้างถึงเลย (ทั้ง fallback ก็ใช้ blob ในเครื่อง ไม่ใช้ path
      // นี้) ถ้าไม่ลบจะกลายเป็นไฟล์กำพร้าค้าง storage ตลอดไป (ไม่มี audio_path ให้
      // sweepExpiredAudio ไปเจอ เพราะไม่มีแถวไหนชี้มา)
      if (_uploadedOk && path) {
        try { await supa.storage.from('ciq-data').remove([path]); } catch(_) {}
      }
      _stopProcTimer();
      // 25 ต.ค. 2569 (ตรวจแอปตาย): ทางสำรองเดิม (_processBlob) แปลงเสียงทั้งไฟล์เป็นข้อความในเครื่องก่อนส่ง
      //   ⇒ ไฟล์ใหญ่กินหน่วยความจำ 6–7 เท่า (อัด 45 นาที ≈ 120 MB) แล้วถ้าไม่มีสัญญาณก็ล้มอยู่ดี
      //   ใช้ทางสำรองเฉพาะไฟล์เล็ก (≤ 2.5 MB ≈ 7 นาที) ตอนมีเน็ต · นอกนั้นเก็บเสียงไว้ในเครื่อง (IndexedDB มีครบแล้ว)
      //   แล้วให้กดส่งใหม่จากป้ายกู้คืนตอนเปิด Echo ครั้งหน้า
      const _online = (typeof navigator === 'undefined' || navigator.onLine !== false);
      if (_online && blob.size <= 2.5 * 1048576) { _processBlob(blob); return; }
      _phase = 'idle';
      _sessionId = null;   // ป้ายกู้คืน (_checkRecoverBuffer) ขึ้นเฉพาะตอนไม่มี session ค้าง · แถวเช็คอินกู้กลับจาก ci_checkin_cache
      _setStep('ยังส่งไม่ได้', 'เสียงเก็บไว้ในเครื่องแล้ว — เปิด Echo อีกครั้งเมื่อสัญญาณดีเพื่อส่งต่อ', 100);
      setTimeout(() => {
        _unmount();
        _toast(_online ? 'ส่งเสียงไม่สำเร็จ — เก็บไว้ในเครื่องแล้ว เปิด Echo อีกครั้งเพื่อส่งต่อ'
                       : 'ไม่มีสัญญาณ — เสียงเก็บไว้ในเครื่องแล้ว เปิด Echo อีกครั้งเมื่อมีเน็ตเพื่อส่งต่อ');
      }, 2400);
    }
  }

  // A2v2.1: safety net — on app boot / resume, re-trigger my own rows stuck in
  // an async stage (worker died mid-stage, or the trigger call never landed).
  // Mirrors the v952 checkin retry pattern; /process stage claims are
  // idempotent so over-triggering is harmless.
  let _asyncSweepLast = 0;
  let _asyncEndpointMissing = false;
  async function _sweepStuckAsyncRows(force) {
    if (_asyncEndpointMissing) return;      // old worker — nothing to sweep to
    if (_phase !== 'idle') return;          // never race a live local pipeline
    const now = Date.now();
    if (!force && now - _asyncSweepLast < 5 * 60 * 1000) return;
    _asyncSweepLast = now;
    try {
      const email = _authEmail();
      if (!email) return;
      const staleIso = new Date(now - 3 * 60 * 1000).toISOString();
      const { data: rows } = await supa.from('ci_sessions')
        .select('id,pipeline_stage,processing_since')
        .eq('owner_email', email)
        .in('pipeline_stage', ['uploaded', 'transcribed'])
        .eq('status', 'draft')
        .order('visited_at', { ascending: false })
        .limit(10);
      const stuck = (rows || []).filter(r => !r.processing_since || r.processing_since < staleIso);
      for (const r of stuck) {
        try {
          const res = await fetch(`${WORKER_URL}/process`, {
            method: 'POST', headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ session_id: r.id })
          });
          if (res.status === 404 || res.status === 405) { _asyncEndpointMissing = true; return; }
        } catch(_) { return; } // offline — try again next resume
      }
    } catch(_) {}
  }
  document.addEventListener('visibilitychange', () => {
    if (document.visibilityState === 'visible') setTimeout(_sweepStuckAsyncRows, 4000);
  });
  setTimeout(_sweepStuckAsyncRows, 9000);

  // v709: pipeline — 3 calls แยก task แทน 1 call ทำทุกอย่าง
  // transcript (ground truth) → summary → skills+OCPB
  // แต่ละขั้น save IDB ก่อน proceed — recovery resume ได้จากขั้นที่ค้าง
  async function _processBlob(blob, _resumeFromSegments) {
    _startProcTimer();
    // v951: ตรึง context ของ pipeline ตอนเริ่ม — การเซฟทุกจุดอ่านจาก ctx นี้เท่านั้น
    // เดิมอ่าน globals ตอนเซฟ ซึ่ง open()/picker ล้างได้ระหว่างรอ AI 1-3 นาที
    // → ผลวิเคราะห์หลุดไปสร้างแถวกำพร้า (เคสจริง 2026-08-04: แถว analyzed
    // ที่ account=null, 0 วิ ทั้งที่ transcript คือเสียงร้านโยโยเล 19 วิ)
    // หมายเหตุ: checkinCache เก็บเป็น "reference" ไม่ใช่สำเนา — กันเฉพาะเคสตัวแปร
    // global ถูก set เป็น null แต่ยังแชร์ session_id ที่ sync สำเร็จทีหลังได้
    const _ctx = {
      sessionId:    _sessionId || null,          // resume ตั้งไว้ก่อนเรียก
      checkinCache: _checkinCache || null,
      accountGuid:  _accountGuid || null,
      accountName:  _accountName || '',
      skuGlossary:  _skuGlossaryFor(_accountGuid),
      ownerType:    _ownerType,
      secs:         _secs,
    };
    try {
      // ── audio integrity check ──────────────────────────────────────────────
      // v_queue: ใช้ตัวตรวจตัวเดียวกับเส้นทางหลัก (เดิมคำนวณเองด้วยเลข 24kbps)
      // v_echog1: resume จาก transcript ส่ง blob เปล่ามา — อย่าเตือนเสียงหายผิดๆ
      const _tr = _resumeFromSegments ? null : _audioLooksTruncated(blob.size, _secs);
      if (_tr) {
        try { window.SenseSentinel?.report('ci_audio_gap', 'ratio=' + _tr.ratio.toFixed(2)); } catch(_) {}
        _toast('เสียงที่อัดได้จริง ~' + _tr.gotMins + ' นาที (บางช่วงอาจหายจากการสลับแอพหรือล็อคจอ)');
      }

      // Load rubric from DB if not cached yet
      if (!_rubricCache) await _loadRubricFromDB();

      // ── Step 1: Transcript (ground truth) ───────────────────────────────────
      // Echo v2: save transcript to Supabase immediately after this step
      // Analysis layers are disposable — transcript is permanent
      let segments = _resumeFromSegments || null;
      if (!segments) {
        _setStep('กำลัง transcript...', 'Whisper + Gemini · ถอดเสียง + แยกคนพูด', 10); // v3 hybrid pipeline (worker /transcript)
        // Dynamic timeout: at least 6 min, scale with recording length
        const transcriptTimeout = Math.max(360000, _secs * 1000 * 1.5);
        const transcriptResult = await _callTranscript(blob, transcriptTimeout, _ctx.accountName, _ctx.skuGlossary);
        if (transcriptResult.no_speech) {
          _phase = 'idle'; _idbClear(); _unmount();
          _toast('ไม่พบเสียงพูดใน audio'); return;
        }
        segments = transcriptResult.segments || [];
        // Fallback: diarize failed but Whisper text exists (source = 'whisper_fallback')
        if (!segments.length) throw new Error('Transcript ไม่ได้ผล — ไม่มี segments');
        _idbSetPipeline({ segments, stage: 'transcribed' });
        console.log('[CI pipeline] transcript done —', segments.length, 'segments, source=' + (transcriptResult.source || 'unknown'));
        // Phase A0: carry the worker's own quality signal through ctx so it can
        // be persisted — was computed already, just never read anywhere before
        _ctx.transcriptConfidence = typeof transcriptResult.avg_transcript_confidence === 'number' ? transcriptResult.avg_transcript_confidence : null;
        _ctx.speakerConfidence    = typeof transcriptResult.avg_speaker_confidence === 'number' ? transcriptResult.avg_speaker_confidence : null;

        // ── Echo v2: Save transcript to Supabase immediately (permanent ground truth) ──
        _setStep('กำลังบันทึก transcript...', '', 20);
        await _saveTranscriptOnly(segments, transcriptResult.source || 'unknown', _ctx);

      } else {
        console.log('[CI pipeline] resuming from transcript —', segments.length, 'segments');
      }

      // ── Progressive: เข้าหน้า result ทันทีหลัง transcript เสร็จ ───────────
      _lastResult = { segments, summaryData: null, skillData: null, intelData: null,
                      transcriptSummary: null, toneSignals: null };
      _renderResult();
      // v951: guard null — ถ้า Echo DOM ถูกถอด (user ปิด sheet ระหว่างรอ) ห้าม throw
      // ทั้ง pipeline เพราะขั้นเซฟยังต้องวิ่งต่อให้จบ
      const _durChip = document.getElementById('ci-dur-chip');
      if (_durChip) _durChip.textContent = _durText;
      _showScreen('ci-s-result');
      setTimeout(_initPill, 80);

      // ── Step 2: Summary ──────────────────────────────────────────────────────
      _setStep('กำลังสรุปบทสนทนา...', 'Gemini · อ่าน transcript', 45);
      let summaryResult = null;
      try {
        summaryResult = await _callSummarize(segments);
      } catch(summaryErr) {
        // Summary failure is non-fatal — analysis proceeds with null summary
        console.warn('[CI pipeline] summary failed (non-fatal):', summaryErr.message);
        summaryResult = null;
      }
      _idbSetPipeline({ segments, summary: summaryResult, stage: 'summarized' });
      console.log('[CI pipeline] summary done, result=' + (summaryResult ? 'ok' : 'null'));

      // Update Tab 1 immediately after summary (guard: user may have cancelled)
      if (_lastResult) {
        _lastResult.summaryData = summaryResult;
        _lastResult.transcriptSummary = summaryResult?.transcript_summary || null;
        _lastResult.toneSignals = summaryResult?.tone || null;
        _updatePanel(1);   // บทสนทนา (Echo ดีไซน์ใหม่: แท็บที่ 2)
        _updatePanel(0);   // สรุป — "ลูกค้าบอกว่า" มาจาก summary
      }

      // ── Step 3: Skills + OCPB ────────────────────────────────────────────────
      _setStep('กำลังวิเคราะห์ทักษะ...', 'Claude · ประเมิน skills + OCPB', 70);
      const analysisResult = await _callAnalyze(segments, summaryResult, _ctx);
      console.log('[CI pipeline] analysis done');

      // Update Tab 2 + 3 (guard: user may have cancelled/unmounted)
      if (_lastResult) {
        _lastResult.skillData  = analysisResult.skillData;
        _lastResult.intelData  = analysisResult.intelData;
        _updatePanel(0);   // สรุป
        _updatePanel(2);   // ทักษะ
      }

      // ── Save full analysis to Supabase ───────────────────────────────────────
      // Transcript was already saved in step 1 — this updates the same row
      _setStep('กำลังบันทึก...', '', 92);
      console.log('[CI pipeline] reaching save step, _sessionId=' + _sessionId);
      await _saveAnalysisToExistingSession(segments, summaryResult, analysisResult, _ctx);
      _sessionId = null; // v731: pipeline owns _sessionId — release after save completes
      _idbClear();
      _setStep('', '', 100);
      _stopProcTimer();
      const procBanner = document.getElementById('ci-proc-banner');
      if (procBanner) procBanner.style.display = 'none';

    } catch (err) {
      _stopProcTimer();
      _phase = 'idle';
      console.error('[CI pipeline] FAILED:', err.message, err.stack?.split('\n').slice(0,2).join(' | '));
      _unmount();
      try { window.SenseSentinel?.report('ci_analyze_fail',
        err.message.slice(0, 200) + ' | secs=' + _secs + ' | acct=' + (_accountName || '-')); } catch(_) {}
      const _m = String(err.message || '');
      let _human;
      if (/location is not supported/i.test(_m)) {
        _human = 'ระบบ AI ใช้ไม่ได้ชั่วคราว (เส้นทางเครือข่าย)';
      } else if (/503|429|overload|UNAVAILABLE/i.test(_m)) {
        _human = 'ระบบ AI คิวเต็มชั่วคราว';
      } else if (/timeout|aborted|AbortError/i.test(_m)) {
        _human = 'การวิเคราะห์ใช้เวลานานเกินไป';
      } else if (/network|fetch|Failed to fetch/i.test(_m)) {
        _human = 'การเชื่อมต่อขัดข้อง';
      } else {
        _human = 'วิเคราะห์ไม่สำเร็จ';
      }
      // If transcript was already saved, user can retry analysis from history
      if (_sessionId) {
        _toast(_human + ' — transcript บันทึกแล้ว กด "วิเคราะห์ใหม่" ใน history ได้เลย');
      } else {
        _toast(_human + ' — บันทึกเสียงถูกเก็บไว้แล้ว เปิด Echo อีกครั้งแล้วกด "วิเคราะห์ต่อ" ได้เลย');
      }
    }
  }

  // ── Pipeline API calls ────────────────────────────────────────────────────────

  async function _callTranscript(audioBlob, timeoutMs, accountName, skuGlossary) {
    const arrayBuf = await audioBlob.arrayBuffer();
    const uint8 = new Uint8Array(arrayBuf);
    let binary = '';
    const chunkSize = 8192;
    for (let i = 0; i < uint8.length; i += chunkSize) {
      binary += String.fromCharCode(...uint8.subarray(i, i + chunkSize));
    }
    const b64audio = btoa(binary);
    const mimeType = audioBlob.type || 'audio/webm';
    const FETCH_TIMEOUT_MS = timeoutMs || Math.max(360000, _secs * 1000 * 1.5); // dynamic

    let res, lastErr;
    for (let attempt = 1; attempt <= 3; attempt++) {
      if (attempt > 1) {
        _setStep(`ลองใหม่ครั้งที่ ${attempt-1}/2...`, 'Whisper + Gemini · ระบบคิวเต็ม', 10 + attempt * 5);
        await new Promise(r => setTimeout(r, attempt === 2 ? 3000 : 7000));
      }
      const ctrl = new AbortController();
      const tmo = setTimeout(() => ctrl.abort(), FETCH_TIMEOUT_MS);
      try {
        res = await fetch(`${WORKER_URL}/transcript`, {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          // Phase A0: account_name lets the (yet-to-deploy) worker bias Whisper's
          // spelling of this visit's store/company name — old worker just ignores
          // the extra field, so this is safe to ship ahead of the worker deploy
          body: JSON.stringify({ audio_b64: b64audio, mime_type: mimeType, duration_secs: _secs, account_name: accountName || undefined, sku_glossary: skuGlossary || undefined }),
          signal: ctrl.signal,
        });
        if (res.ok) { clearTimeout(tmo); break; }
        const errText = await res.text().catch(() => String(res.status));
        lastErr = new Error(`Transcript ${res.status}: ${errText}`);
        if (res.status !== 503 && res.status !== 429) { clearTimeout(tmo); throw lastErr; }
        res = null;
      } catch(e) {
        if (e.name === 'AbortError') throw new Error('หมดเวลา transcript (' + Math.round(FETCH_TIMEOUT_MS/60000) + ' นาที)');
        if (e.message && !e.message.startsWith('Transcript 503') && !e.message.startsWith('Transcript 429')) throw e;
        lastErr = e;
      } finally { clearTimeout(tmo); }
    }
    if (!res || !res.ok) throw lastErr || new Error('Transcript unavailable');
    const data = await res.json();
    const raw = data?.text || '';
    const s = raw.indexOf('{'), e = raw.lastIndexOf('}');
    if (s === -1 || e === -1) throw new Error('Transcript: no JSON in response');
    let parsed;
    try { parsed = JSON.parse(raw.slice(s, e+1)); }
    catch(_) { parsed = _ciRepairJson(raw.slice(s, e+1)); }
    if (!parsed) throw new Error('Transcript: JSON parse failed');
    return parsed;
  }

  async function _callSummarize(segments) {
    const FETCH_TIMEOUT_MS = 120000; // 2 นาที — text input เร็วกว่า audio
    let res, lastErr;
    for (let attempt = 1; attempt <= 3; attempt++) {
      if (attempt > 1) {
        await new Promise(r => setTimeout(r, attempt === 2 ? 2000 : 5000));
      }
      const ctrl = new AbortController();
      const tmo = setTimeout(() => ctrl.abort(), FETCH_TIMEOUT_MS);
      try {
        res = await fetch(`${WORKER_URL}/summarize`, {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ segments }),
          signal: ctrl.signal,
        });
        if (res.ok) { clearTimeout(tmo); break; }
        const errText = await res.text().catch(() => String(res.status));
        lastErr = new Error(`Summarize ${res.status}: ${errText}`);
        if (res.status !== 503 && res.status !== 429) { clearTimeout(tmo); throw lastErr; }
        res = null;
      } catch(e) {
        if (e.name === 'AbortError') throw new Error('หมดเวลา summarize (2 นาที)');
        lastErr = e;
      } finally { clearTimeout(tmo); }
    }
    if (!res || !res.ok) throw lastErr || new Error('Summarize unavailable');
    const data = await res.json();
    const raw = data?.text || '';
    const s = raw.indexOf('{'), e = raw.lastIndexOf('}');
    if (s === -1 || e === -1) return {}; // graceful — summary ไม่มีไม่ block analyze
    try { return JSON.parse(raw.slice(s, e+1)); }
    catch(_) { return _ciRepairJson(raw.slice(s, e+1)) || {}; }
  }

  async function _callAnalyze(segments, summary, ctx) {
    const FETCH_TIMEOUT_MS = 180000; // 3 นาที
    // ECHO GOAL 2 / Phase R: filter the rubric to the visit owner's role bucket
    // before it ever leaves the client — worker only sees skills that apply
    // to this role. skillRoleBucket(ctx.ownerType) is an identity op today
    // (ownerType is already a bucket value) but stays correct if that ever changes.
    const _bucket = (typeof skillRoleBucket === 'function') ? skillRoleBucket(ctx?.ownerType) : 'kam';
    const _rubricForSend = _rubricForBucket(_bucket);
    let res, lastErr;
    for (let attempt = 1; attempt <= 3; attempt++) {
      if (attempt > 1) {
        await new Promise(r => setTimeout(r, attempt === 2 ? 2000 : 5000));
      }
      const ctrl = new AbortController();
      const tmo = setTimeout(() => ctrl.abort(), FETCH_TIMEOUT_MS);
      try {
        res = await fetch(`${WORKER_URL}/analyze`, {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ segments, summary, rubric: _rubricForSend, role: _bucket }),
          signal: ctrl.signal,
        });
        if (res.ok) { clearTimeout(tmo); break; }
        const errText = await res.text().catch(() => String(res.status));
        lastErr = new Error(`Analyze ${res.status}: ${errText}`);
        if (res.status !== 503 && res.status !== 429) { clearTimeout(tmo); throw lastErr; }
        res = null;
      } catch(e) {
        if (e.name === 'AbortError') throw new Error('หมดเวลา analyze (3 นาที)');
        lastErr = e;
      } finally { clearTimeout(tmo); }
    }
    if (!res || !res.ok) throw lastErr || new Error('Analyze unavailable');
    const data = await res.json();
    const raw = data?.text || '';
    const s = raw.indexOf('{'), e = raw.lastIndexOf('}');
    if (s === -1 || e === -1) throw new Error('Analyze: no JSON in response');
    let parsed;
    try { parsed = JSON.parse(raw.slice(s, e+1)); }
    catch(_) { parsed = _ciRepairJson(raw.slice(s, e+1)); }
    if (!parsed) throw new Error('Analyze: JSON parse failed');
    // ECHO GOAL 2 / Phase R: guard against the model returning a skill_code that
    // wasn't in the rubric subset we sent for this role bucket — drop + warn
    // instead of trusting it (out-of-role skill shouldn't reach skill_scores/logs)
    let _skills = Array.isArray(parsed.skills) ? parsed.skills : [];
    if (_skills.length) {
      const _sentCodes = new Set(_rubricForSend.map(d => d.skill_code));
      const _kept = _skills.filter(s => _sentCodes.has(s.code));
      if (_kept.length !== _skills.length) {
        const _dropped = _skills.filter(s => !_sentCodes.has(s.code)).map(s => s.code);
        console.warn('[CI] analyze returned out-of-role skill code(s), dropped:', _dropped, 'bucket=' + _bucket);
      }
      _skills = _kept;
    }
    return {
      skillData: {
        no_speech: false,
        skills:          _skills,
        pipc_stage:      parsed.pipc_stage || null,
        pipc_reached:    parsed.pipc_reached || null,
        overall:         parsed.overall || null,
        session_summary: parsed.session_summary || null,
      },
      intelData: {
        ocpb_status: parsed.ocpb_status || null,
        ocpb_facts:  Array.isArray(parsed.ocpb_facts) ? parsed.ocpb_facts : [],
        next_actions: parsed.next_actions || [],
      },
    };
  }

  // ── AI Analysis ────────────────────────────────────────────────────────────
  //
  // ── AI Analysis — Gemini audio-native ────────────────────────────────────
  //
  // แทน Whisper+Haiku+Sonnet ด้วย Gemini call เดียว
  // รับ audio blob โดยตรง — ไม่ต้อง transcribe ก่อน
  // Rubric โหลดจาก skill_definitions (echo_enabled=true) ไม่ hardcode

  // ── Echo code → skill_code bridge (ยังคงไว้เพราะ kam_skill_log ใช้) ──────
  const ECHO_TO_SKILL_CODE = {
    'A01_PIPC':     'A01_PIPC',
    'A05_VALUE':    'A05_VALUE',
    'B02_DM':       'B02_DM',
    'B03_APPT':     'B03_APPT',
    'C00_RAPPORT':  'C00_RAPPORT',
    'C01_DISCOVERY':'C01_DISCOVERY',
    'C03_ANALYZE':  'C03_ANALYZE',
    'C04_OBJECTION':'C04_OBJECTION',
    'C05_CLOSE':    'C05_CLOSE',
    'D01_WALLET':   'D01_WALLET',
    'D02_FOLLOWUP': 'D02_FOLLOWUP',
    // legacy short codes — backward compat
    'APIPC':'A01_PIPC','A5':'A05_VALUE','B2':'B02_DM','B3':'B03_APPT',
    'C0':'C00_RAPPORT','C1':'C01_DISCOVERY','C3':'C03_ANALYZE',
    'C4':'C04_OBJECTION','C5':'C05_CLOSE','D1':'D01_WALLET','D2':'D02_FOLLOWUP',
  };

  // ── v952: email พร้อมตั้งแต่วินาทีที่ 0 — ไม่รอ profiles fetch ────────────
  // สเปค "เช็คอิน insert ทันทีที่กด" เคยพังเพราะทุกจุดเซฟรอ currentUserProfile
  // ซึ่งโหลด async — ทั้งที่ email อยู่ใน JWT ที่ localStorage/sessionStorage
  // แบบ synchronous อยู่แล้ว (pattern เดียวกับ _userId lookup ใน save path)
  function _authEmail() {
    if (currentUserProfile?.email) return currentUserProfile.email;
    try {
      for (const store of [localStorage, sessionStorage]) {
        const k = Object.keys(store).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
        if (k) {
          const s = JSON.parse(store.getItem(k));
          const em = s?.user?.email || s?.data?.user?.email;
          if (em) return em;
        }
      }
    } catch(_) {}
    return null;
  }

  // ── Rubric cache — โหลดจาก DB ครั้งเดียว ──────────────────────────────────
  let _rubricCache = null; // null = ยังไม่โหลด

  async function _loadRubricFromDB() {
    try {
      const { data, error } = await supa
        .from('skill_definitions')
        .select('skill_code,skill_name_en,skill_name_th,principle_th,pass_test_th,echo_observable,echo_enabled,roles') // v_echofix: +skill_name_th for the worker's richer rubric text · ECHO GOAL 2: +roles
        .eq('echo_enabled', true)
        .order('skill_code');
      if (error) throw error;
      _rubricCache = data || []; // v_goal2: cache stays the FULL set always — filtering happens per-use via _rubricForBucket
      console.log('[CI] rubric loaded from DB:', _rubricCache.length, 'skills');
    } catch(e) {
      console.warn('[CI] rubric DB load failed, using empty fallback:', e.message);
      _rubricCache = [];
    }
  }

  // ECHO GOAL 2 / Phase R: rubric subset actually sent to the worker for a given
  // role bucket. _rubricCache itself is never filtered/mutated — every def-lookup
  // site (pending queue, name lookups, etc.) keeps seeing the full set, which is
  // what prevents silent-drop bugs.
  function _rubricForBucket(bucket) {
    return (_rubricCache || []).filter(def =>
      (typeof skillDefMatchesBucket === 'function') ? skillDefMatchesBucket(def, bucket) : true);
  }

  // v_echofix (2026-07-21): deleted the dead audio-native Gemini path
  // (_buildGeminiPrompt + _analyzeWithGemini, ~150 lines) — fully built but
  // never invoked anywhere since the Echo v2 3-stage pipeline replaced it.
  // Recover from git history if an audio-native A/B test is ever wanted;
  // the worker-side /analyze-audio endpoint it called is still deployed.

  // ── v571b: JSON repair — กู้ JSON ที่ถูก truncate กลางทาง ──────────────────
  // Gemini ตอบยาวเกิน max tokens → JSON ขาดท้าย → ตัด incomplete trailing แล้วปิด braces
  function _ciRepairJson(str) {
    // Strategy: เดินจากท้าย ตัดทีละส่วนจน parse ได้ — เก็บ fields ที่สมบูรณ์ไว้มากที่สุด
    // 1) ลองตัดท้าย string ที่ขาด แล้วปิด quote + braces/brackets ที่ค้าง
    for (let cut = str.length; cut > str.length * 0.5; cut = str.lastIndexOf(',', cut - 1)) {
      if (cut <= 0) break;
      let candidate = str.slice(0, cut);
      // นับ braces/brackets ที่ยังเปิดอยู่ (ข้ามที่อยู่ใน string)
      let depth = [], inStr = false, escaped = false;
      for (let i = 0; i < candidate.length; i++) {
        const c = candidate[i];
        if (escaped) { escaped = false; continue; }
        if (c === '\\') { escaped = true; continue; }
        if (c === '"') { inStr = !inStr; continue; }
        if (inStr) continue;
        if (c === '{') depth.push('}');
        else if (c === '[') depth.push(']');
        else if (c === '}' || c === ']') depth.pop();
      }
      if (inStr) candidate += '"';
      while (depth.length) candidate += depth.pop();
      try { return JSON.parse(candidate); } catch(_) { /* ตัดต่อ */ }
    }
    return null;
  }


  // ── v709: pipeline save — saves transcript to new column ─────────────────────
// ── Echo v2: Save transcript immediately (permanent ground truth) ─────────────
  async function _saveTranscriptOnly(segments, source, ctx) {
    const email = _authEmail(); // v952: ไม่รอ profiles fetch
    if (!email) {
      // v_echofix (2026-07-21): used to silently return — a profile-load race
      // at save time meant the transcript was NEVER persisted and the rep had
      // no idea. Now: tell the rep, keep the IDB buffer alive (caller's
      // success path only clears IDB after analysis save), and report it.
      _toast('บันทึกไม่สำเร็จ (โปรไฟล์ยังไม่พร้อม) — เสียงถูกเก็บไว้ เปิด Echo ใหม่แล้วกด "วิเคราะห์ต่อ"');
      try { window.SenseSentinel?.report('ci_save_no_profile', 'stage=transcript'); } catch(_) {}
      return;
    }
    // v951: อ่านจาก pinned ctx เท่านั้น — globals อาจถูก open()/picker ล้างไปแล้ว
    ctx = ctx || { checkinCache: _checkinCache, accountGuid: _accountGuid,
                   accountName: _accountName, ownerType: _ownerType, secs: _secs };
    const nowIso = new Date().toISOString();
    try {
      // v_echog1: ถ้าเช็คอินสร้างแถวไว้แล้ว (pipeline_stage:'checked_in') ให้
      // UPDATE แถวเดิม ไม่ INSERT ซ้ำ — 1 visit ต้องเป็น 1 แถวเสมอ
      // retry เช็คอินของ visit นี้ก่อนหนึ่งรอบ เผื่อ insert ตอนกดพลาดเพราะเน็ต
      await _syncCheckinToDb(ctx.checkinCache).catch(() => {});
      // A2v2.1: prefer ctx.sessionId — the async-upload fallback path creates
      // the row BEFORE the local pipeline runs, so this update must land on
      // that row (not INSERT a duplicate below)
      const _ciSessionId = ctx.sessionId || ctx.checkinCache?.session_id || null;

      if (_ciSessionId) {
        // visited_at ไม่ทับ — วันที่ไปคือเวลาที่เช็คอิน ไม่ใช่เวลาถอดเสียงเสร็จ
        const { data: updRow, error } = await supa.from('ci_sessions').update({
          duration_secs:  ctx.secs,
          transcript:     segments,
          pipeline_stage: 'transcribed',
          transcript_source: source || 'unknown',
          // Phase A0: worker-computed quality signal — surfaced in UI as a low-confidence warning
          transcript_confidence: ctx.transcriptConfidence ?? null,
          speaker_confidence:    ctx.speakerConfidence ?? null
        }).eq('id', _ciSessionId).select('id').single();
        if (!error && updRow) {
          ctx.sessionId = updRow.id;
          _sessionId = updRow.id;
          console.log('[CI] transcript saved onto checkin row, session_id=' + updRow.id);
          return;
        }
        // v951 self-heal: UPDATE พลาด/0 แถว (แถวถูกลบ หรือ cache ค้างชี้แถวที่
        // ไม่มีแล้ว) — ห้ามจบแค่ toast แล้วปล่อยข้อมูลหาย → ตกลงไป INSERT ข้างล่าง
        console.error('[CI] transcript update failed (' + (error?.message || '0 rows') + ') — self-healing via insert');
        try { window.SenseSentinel?.report('ci_save_selfheal', 'transcript update→insert: ' + (error?.message || '0 rows')); } catch(_) {}
        if (ctx.checkinCache) ctx.checkinCache.session_id = null; // อย่าให้จุดอื่นใช้ id เสียซ้ำ
      }

      const { data: sessionRow, error } = await supa.from('ci_sessions').insert({
        owner_email:    email,
        owner_type:     ctx.ownerType,
        account_id:     ctx.accountGuid || null,
        account_name:   ctx.accountName || null,
        visited_at:     ctx.checkinCache?.checked_in_at || nowIso,
        duration_secs:  ctx.secs,
        transcript:     segments,
        pipeline_stage: 'transcribed',
        transcript_source: source || 'unknown',
        transcript_confidence: ctx.transcriptConfidence ?? null,
        speaker_confidence:    ctx.speakerConfidence ?? null,
        rep_lat:        ctx.checkinCache?.rep_lat ?? null,
        rep_lng:        ctx.checkinCache?.rep_lng ?? null,
        checked_in_at:  ctx.checkinCache?.checked_in_at || null,
        status:         'draft'
      }).select('id').single();
      if (error) {
        console.error('[CI] _saveTranscriptOnly insert FAILED:', error.message, error.code, error.details, error.hint);
        // v_echog1: เดิมพังเงียบ — rep เห็นหน้า result ปกติทั้งที่ไม่มีอะไรถูกเซฟ
        _toast('บันทึก transcript ไม่สำเร็จ — เสียงยังอยู่ในเครื่อง เปิด Echo ใหม่แล้วกด "วิเคราะห์ต่อ"');
      } else if (sessionRow) {
        ctx.sessionId = sessionRow.id;
        if (ctx.checkinCache) ctx.checkinCache.session_id = sessionRow.id;
        _sessionId = sessionRow.id;
        console.log('[CI] transcript saved, session_id=' + sessionRow.id);
      } else {
        console.error('[CI] _saveTranscriptOnly: no error but no row returned');
      }
    } catch(e) {
      console.warn('[CI] _saveTranscriptOnly unavailable:', e.message);
      _toast('บันทึก transcript ไม่สำเร็จ — เสียงยังอยู่ในเครื่อง เปิด Echo ใหม่แล้วกด "วิเคราะห์ต่อ"');
    }
  }

  // ── Echo v2: Update existing session row with analysis ───────────────────
  // v951: รับ pinned ctx — การเซฟห้ามอ่าน globals (open()/picker ล้างได้ระหว่างรอ AI)
  // + self-heal ทุก branch: UPDATE พลาด/0 แถว → ตกลงไป INSERT เสมอ ข้อมูลห้ามหาย
  async function _saveAnalysisToExistingSession(segments, summaryData, analysisResult, ctx) {
    const skillData  = analysisResult?.skillData  || null;
    const intelData  = analysisResult?.intelData  || null;
    const transcriptSummary = summaryData?.transcript_summary || null;
    const toneSignals = summaryData?.tone || null;
    const email = _authEmail(); // v952: ไม่รอ profiles fetch
    if (!email) {
      // v_echofix: same silent-loss guard as _saveTranscriptOnly above.
      _toast('บันทึกผลวิเคราะห์ไม่สำเร็จ (โปรไฟล์ยังไม่พร้อม) — เปิด Echo ใหม่แล้วกด "วิเคราะห์ต่อ"');
      try { window.SenseSentinel?.report('ci_save_no_profile', 'stage=analysis'); } catch(_) {}
      return;
    }
    ctx = ctx || { sessionId: _sessionId, checkinCache: _checkinCache, accountGuid: _accountGuid,
                   accountName: _accountName, ownerType: _ownerType, secs: _secs };
    const today = new Date().toISOString().split('T')[0];
    const nowIso = new Date().toISOString();

    const analysisFields = {
      pipeline_stage:     'analyzed',
      skill_scores:       skillData || null,
      customer_intel:     intelData || null,
      next_actions:       intelData?.next_actions || [],
      transcript_summary: transcriptSummary || null,
      tone_signals:       toneSignals || null,
      summary_data:       summaryData || null,
      status:             'saved'
    };

    // เป้าหมาย: แถวจาก transcript save ก่อน ถ้าไม่มีใช้แถวเช็คอิน
    let targetId = ctx.sessionId || ctx.checkinCache?.session_id || null;
    let saved = false;

    console.log('[CI save] targetId=' + targetId + ' skillData=' + !!skillData + ' intelData=' + !!intelData);
    if (targetId) {
      try {
        // แถวที่ยังไม่ผ่าน transcript save (มาจากเช็คอินล้วน) ต้องได้ transcript+duration ด้วย
        const viaCheckinOnly = !ctx.sessionId;
        const updFields = viaCheckinOnly
          ? { ...analysisFields, duration_secs: ctx.secs,
              transcript: segments?.length ? segments : null, transcript_source: 'unknown' }
          : analysisFields;
        const { data: updRow, error: updErr } = await supa.from('ci_sessions')
          .update(updFields).eq('id', targetId).select('id').single();
        if (!updErr && updRow) {
          _sessionId = updRow.id;
          ctx.sessionId = updRow.id;
          saved = true;
          console.log('[CI] analysis saved to session_id=' + updRow.id);
        } else {
          // v951 self-heal: แถวเป้าหมายหาย (ถูกลบ/cache ค้าง) — ห้ามทิ้งผลวิเคราะห์
          console.error('[CI] analysis update failed (' + (updErr?.message || '0 rows') + ') — self-healing via insert');
          try { window.SenseSentinel?.report('ci_save_selfheal', 'analysis update→insert: ' + (updErr?.message || '0 rows')); } catch(_) {}
        }
      } catch(e) {
        console.warn('[CI] analysis update unavailable:', e.message);
      }
    }

    if (!saved) {
      // Fallback insert — ใช้ค่าจาก pinned ctx เท่านั้น (เดิมอ่าน globals ที่ถูกล้าง
      // ระหว่างรอ AI → แถวกำพร้า account=null, 0 วิ อย่างเคสจริง 2026-08-04)
      try {
        const { data: sessionRow, error: sessionErr } = await supa.from('ci_sessions').insert({
          owner_email:        email,
          owner_type:         ctx.ownerType,
          account_id:         ctx.accountGuid || null,
          account_name:       ctx.accountName || null,
          visited_at:         ctx.checkinCache?.checked_in_at || nowIso,
          duration_secs:      ctx.secs,
          transcript:         segments?.length ? segments : null,
          transcript_source:  'unknown',
          rep_lat:            ctx.checkinCache?.rep_lat ?? null,
          rep_lng:            ctx.checkinCache?.rep_lng ?? null,
          checked_in_at:      ctx.checkinCache?.checked_in_at || null,
          ...analysisFields
        }).select('id').single();
        if (sessionErr) {
          console.warn('[CI] ci_sessions insert:', sessionErr.message);
          _toast('บันทึกผลวิเคราะห์ไม่สำเร็จ: ' + sessionErr.message);
        } else if (sessionRow) {
          _sessionId = sessionRow.id;
          ctx.sessionId = sessionRow.id;
          saved = true;
        }
      } catch(e) {
        console.warn('[CI] ci_sessions unavailable:', e.message);
        _toast('บันทึกผลวิเคราะห์ไม่สำเร็จ: ' + e.message);
      }
    }

    // v951: เคลียร์เช็คอิน cache เฉพาะเมื่อ global ยังชี้ visit เดียวกับที่เพิ่งเซฟจบ
    // — ถ้า user ไปเช็คอินร้านใหม่ระหว่างรอ AI ห้ามล้างของเขา
    if (saved && _checkinCache && _checkinCache === ctx.checkinCache) {
      _checkinCache = null;
      try { localStorage.removeItem('ci_checkin_cache'); } catch(_) {}
    }

    // skill log
    if (skillData?.skills?.length) {
      const rows = skillData.skills.map(s => ({
        kam_email: email, account_id: ctx.accountGuid || null,
        session_date: today, skill_code: s.code,
        score: s.score,
        evidence_summary: s.evidence || s.evidence_summary || '',
        ci_session_id: ctx.sessionId || null
      }));
      const { error } = await supa.from('kam_skill_log').insert(rows);
      if (error) console.warn('[CI] kam_skill_log insert error:', error.message);
    }

    // echo_skill_observations
    if (skillData?.skills?.length) {
      try {
        let _userId = null;
        try {
          const _sk = Object.keys(localStorage).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
          if (_sk) { const _ss = JSON.parse(localStorage.getItem(_sk)); _userId = _ss?.user?.id || null; }
        } catch(_) {}
        if (_userId) {
          // v_echog1: DB enum รับแค่ 4 ค่านี้ — LLM เคยคืนค่านอก enum แล้วทำ batch
          // insert ล่มทั้งชุดเงียบๆ (ทุก skill หาย ไม่ใช่แค่ตัวที่ผิด) → map เป็น
          // not_observed + warn แทน
          const _VALID_SCORES = ['pass', 'developing', 'not_observed', 'not_applicable'];
          const obsRows = skillData.skills.map(s => ({
            session_id:    ctx.sessionId || null,
            user_id:       _userId,
            skill_code:    ECHO_TO_SKILL_CODE[s.code] || s.code,
            echo_code:     s.code,
            ai_score:      _VALID_SCORES.includes(s.score) ? s.score
                             : (console.warn('[CI] off-enum ai_score:', s.code, s.score), 'not_observed'),
            evidence:      s.evidence || s.evidence_summary || null,
            coaching_note: s.coaching_note || null,
            gap:           s.gap || null,
            observed_at:   nowIso,
          }));
          const { error: obsErr } = await supa.from('echo_skill_observations').insert(obsRows);
          if (obsErr) console.warn('[CI] echo_skill_observations insert:', obsErr.message);
        }
      } catch(e) { console.warn('[CI] echo_skill_observations unavailable:', e.message); }
    }

    // kam_visits snapshot
    if (ctx.accountGuid) {
      const { error: visitError } = await supa.from('kam_visits').upsert({
        kam_email: email, account_id: ctx.accountGuid,
        ci_skill_scores: skillData, ci_customer_signals: intelData,
        ci_next_actions: intelData?.next_actions || [], ci_mode: 'echo',
        ci_created_at: nowIso, last_seen: nowIso, modes: ['echo']
      }, { onConflict: 'kam_email,account_id' });
      if (visitError) console.warn('[CI] kam_visits upsert error:', visitError.message);
      // perf R1: จอทีมจำรายชื่อเข้าพบไว้ 2 นาที (06 getTeamVisitMapFromSupabase) ⇒ บันทึกใหม่แล้วล้างทิ้ง
      try { if (typeof _tvVisitCacheInvalidate === 'function') _tvVisitCacheInvalidate(); } catch(_) {}
    }

    // localStorage echo visits dot
    if (ctx.accountGuid) {
      try {
        const _echoKey = 'ciq_echo_visits';
        const _store = JSON.parse(localStorage.getItem(_echoKey) || '{}');
        const _eKey = email + '::' + ctx.accountGuid;
        _store[_eKey] = { ts: Date.now(), count: (_store[_eKey]?.count || 0) + 1 };
        const _cutoff = Date.now() - 30*24*60*60*1000;
        Object.keys(_store).forEach(k => { if (_store[k].ts < _cutoff) delete _store[k]; });
        localStorage.setItem(_echoKey, JSON.stringify(_store));
      } catch(e) { /* non-fatal */ }
    }
  }

  // ── Render result panels ───────────────────────────────────────────────────
  // v712: update single panel without full re-render
  function _updatePanel(idx) {
    if (!_lastResult) return;
    const { skillData, intelData, segments, summaryData } = _lastResult;
    const _tone = summaryData?.tone || null;
    const _summaryText = summaryData?.transcript_summary || null;
    // Echo ดีไซน์ใหม่: แท็บ 0 = สรุป (ทำอะไรต่อ) · 1 = บทสนทนา · 2 = ทักษะ — ลำดับเดียวกับหน้าอ่านผลจากประวัติ
    if (idx === 0) {
      const el = document.getElementById('ci-p0');
      if (el) el.innerHTML = intelData ? _customerPanel(Object.assign({}, intelData, { _customer_said: summaryData?.customer_said || [] })) : _loadingPanel('กำลังวิเคราะห์ข้อมูลลูกค้า...');
    } else if (idx === 1) {
      const el = document.getElementById('ci-p1');
      if (el) el.innerHTML = _overviewPanel(_summaryText, _tone, segments, summaryData);
    } else if (idx === 2) {
      const el = document.getElementById('ci-p2');
      if (el) el.innerHTML = skillData ? _skillsPanel(skillData) : _loadingPanel('กำลังประเมินทักษะ...');
    }
  }

  function _loadingPanel(msg, isDone) {
    // isDone=true → แสดง "ไม่มีข้อมูล" แทน spinner
    if (isDone) {
      return '<div style="padding:24px;text-align:center;font-size:var(--text-base);color:var(--ec-ink-6)">ไม่มีข้อมูลในส่วนนี้</div>';
    }
    return '<div style="padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:12px">'
      + '<div style="display:flex;gap:5px;align-items:center">'
      + '<span style="width:5px;height:5px;border-radius:50%;background:var(--ec-ink-6);animation:ci-dot-pulse 1.2s ease-in-out infinite"></span>'
      + '<span style="width:5px;height:5px;border-radius:50%;background:var(--ec-ink-6);animation:ci-dot-pulse 1.2s ease-in-out .2s infinite"></span>'
      + '<span style="width:5px;height:5px;border-radius:50%;background:var(--ec-ink-6);animation:ci-dot-pulse 1.2s ease-in-out .4s infinite"></span>'
      + '</div>'
      + '<div style="font-size:var(--text-md);color:var(--ec-ink-6);letter-spacing:.04em">' + (msg||'กำลังประมวลผล...') + '</div>'
      + '</div>';
  }

  function _renderResult() {
    // v709: pipeline result — segments + summaryData added
    const { skillData, intelData, transcriptSummary, toneSignals, segments, summaryData } = _lastResult;
    // tone comes from summaryData.tone (pipeline) or toneSignals (legacy)
    const _tone = summaryData?.tone || toneSignals || null;
    // summary text from summaryData or transcriptSummary
    const _summaryText = summaryData?.transcript_summary || transcriptSummary || null;

    // Guard: no speech
    if (skillData?.no_speech) {
      const noSpeechHTML = `
        <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:16px">
          <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="var(--ec-warn)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="1" y1="1" x2="23" y2="23"/><path d="M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"/>
            <path d="M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"/>
            <line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/>
          </svg>
          <div style="font-size:var(--text-lg2);font-weight:var(--fw-semi);color:var(--ec-ink)">ไม่พบเสียงการสนทนา</div>
          <div style="font-size:var(--text-base);color:var(--ec-ink-3);line-height:1.6;max-width:260px">
            Audio ที่ส่งไปไม่มีเสียงพูด หรือเสียงเบาเกินไป<br>กรุณาลองบันทึกใหม่ และตรวจสอบว่าไมโครโฟนทำงานได้
          </div>
        </div>`;
      document.getElementById('ci-p0').innerHTML = noSpeechHTML;
      document.getElementById('ci-p1').innerHTML = noSpeechHTML;
      document.getElementById('ci-p2').innerHTML = noSpeechHTML;
      const tlDiv = document.getElementById('ci-tl-actions');
      if (tlDiv) tlDiv.style.display = 'none';
      return;
    }

    // v712: progressive — handle null states while pipeline continues
    // Echo ดีไซน์ใหม่: สรุป · บทสนทนา · ทักษะ (สไตล์ชุดเดียวกับหน้าอ่านผลจากประวัติ)
    _ensureSdCss();
    document.getElementById('ci-p0').innerHTML = intelData ? _customerPanel(Object.assign({}, intelData, { _customer_said: summaryData?.customer_said || [] })) : _loadingPanel('กำลังวิเคราะห์ข้อมูลลูกค้า...');
    document.getElementById('ci-p1').innerHTML = _overviewPanel(_summaryText, _tone, segments, summaryData);
    document.getElementById('ci-p2').innerHTML = skillData ? _skillsPanel(skillData) : _loadingPanel('กำลังประเมินทักษะ...');
    const tlDiv = document.getElementById('ci-tl-actions');
    if (tlDiv) tlDiv.style.display = (_canDebrief() && !_isOwnRecording) ? 'flex' : 'none';
  }

  // ── v709: "บทสนทนา" panel — transcript segments + tone + summary ────────────
  function _overviewPanel(summary, tone, segments, summaryData) {
    const thaiConf = { high:'มั่นใจ', medium:'ปานกลาง', low:'ยังไม่มั่นใจ', not_applicable:'—', n_a:'—', na:'—' };
    const thaiEng  = { increasing:'สนใจขึ้น', stable:'เท่าเดิม', declining:'สนใจลดลง', not_applicable:'—', n_a:'—', na:'—' };

    // Tone & Energy
    let toneHtml = '';
    if (tone) {
      const _conf = tone.rep_confidence;
      const _eng  = tone.customer_engagement;
      const cConf = _conf==='high'?'var(--ec-ok-tx)':_conf==='medium'?'var(--ec-warn-tx)':(_conf==='low'?'var(--ec-bad-tx)':'var(--ec-ink-5)');
      const cEng  = _eng==='increasing'?'var(--ec-ok-tx)':_eng==='stable'?'var(--ec-warn-tx)':(_eng==='declining'?'var(--ec-bad-tx)':'var(--ec-ink-5)');
      const confTxt = thaiConf[_conf] || '—';
      const engTxt  = thaiEng[_eng]   || '—';
      const bothNA = (!_conf || _conf==='not_applicable') && (!_eng || _eng==='not_applicable');
      if (!bothNA) {
        toneHtml = `<div class="sd2-lbl">บรรยากาศ</div>
<div class="sd2-tone">
  <div class="sd2-tcard"><div class="k">คุณพูด</div><div class="v" style="color:${cConf}">${confTxt}</div><div class="n">${tone.rep_confidence_note||''}</div></div>
  <div class="sd2-tcard"><div class="k">ลูกค้า</div><div class="v" style="color:${cEng}">${engTxt}</div><div class="n">${tone.customer_engagement_note||''}</div></div>
</div>`;
      }
    }

    // Summary
    const summaryHtml = summary
      ? `<div class="sd2-lbl">สรุปบทสนทนา</div><div class="sd2-sum">${summary}</div>` : '';

    // v709: Transcript segments — ground truth แทน key_moments
    let transcriptHtml = '';
    if (segments && segments.length) {
      const speakerColor = (sp) => {
        if (!sp) return 'var(--ec-ink-3)';
        const s = sp.toLowerCase();
        if (s === 'sales') return 'var(--ec-ac)';
        if (s.startsWith('ลูกค้า')) return 'var(--ec-ok-tx)';
        return 'var(--ec-ink-3)';
      };
      const rows = segments.map(seg => {
        const color = speakerColor(seg.speaker);
        const ts = seg.ts ? `<span style="font-family:'IBM Plex Mono',monospace;font-size:var(--text-xs);color:var(--ec-ink-6);margin-right:6px;flex-shrink:0">${seg.ts}</span>` : '';
        const spk = seg.speaker ? `<span style="font-size:var(--text-xs);font-weight:var(--fw-semi);color:${color};margin-right:6px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em">${seg.speaker}</span>` : '';
        return `<div style="display:flex;align-items:baseline;gap:0;padding:7px 0;border-bottom:0.5px solid rgba(var(--ec-ink-rgb),.06)">
          <div style="display:flex;align-items:baseline;gap:0;flex-shrink:0;width:120px">${ts}${spk}</div>
          <div style="font-size:var(--text-base);color:var(--ec-ink);line-height:1.6;flex:1">${seg.text||''}</div>
        </div>`;
      }).join('');
      transcriptHtml = `<div class="sd2-lbl">บทสนทนาเต็ม · ${segments.length} ช่วง</div>
<div style="margin-bottom:8px">${rows}</div>`;
    }

    // v712: notes format (Google Meet style) — แสดงแทน transcript ยาวๆ
    let notesHtml = '';
    const notes = summaryData?.notes || [];
    if (notes.length) {
      notesHtml = '<div class="sd2-lbl">บันทึกตามหัวข้อ</div>';
      notesHtml += notes.map(n => {
        const bullets = (n.bullets||[]).map(b =>
          '<div style="display:flex;gap:8px;padding:4px 0;font-size:var(--text-base);color:var(--ec-ink);line-height:1.6">'
          + '<span style="color:var(--ec-ink-6);flex-shrink:0">•</span><span>' + b + '</span></div>'
        ).join('');
        return '<div style="margin-bottom:14px">'
          + (n.heading ? '<div style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--ec-ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px">' + n.heading + '</div>' : '')
          + bullets + '</div>';
      }).join('');
      // Echo ดีไซน์ใหม่: บทสนทนาเต็มพับเก็บไว้ใต้บันทึก แตะเปิดได้ (เดิมมีบันทึกแล้วจะดูบทเต็มไม่ได้เลย)
      if (transcriptHtml) {
        notesHtml += `<details class="ec-sd-more"><summary>ดูบทสนทนาเต็ม<span>${segments.length} ช่วง ›</span></summary><div>${transcriptHtml}</div></details>`;
        transcriptHtml = '';
      }
    } else if (segments && segments.length) {
      // notes ว่าง (session เก่า / summarize fail) — fallback แสดง transcript segments แทน
      // ไม่ต้องเช็ค !summaryData เพราะ session เก่ามี summaryData แต่ไม่มี notes field
      notesHtml = transcriptHtml;
      transcriptHtml = ''; // ป้องกัน duplicate
    } else if (!summaryData) {
      // ไม่มีทั้ง notes, segments, summaryData — session ยังไม่ได้ analyze หรือ fail
      notesHtml = _loadingPanel('ยังไม่มีข้อมูล', true);
    }

    // Echo ดีไซน์ใหม่: "ลูกค้าบอกว่า" ย้ายไปแท็บสรุป (_customerPanel ผ่าน d._customer_said) — ไม่โชว์ซ้ำที่นี่
    return (toneHtml + summaryHtml + notesHtml)
      || _loadingPanel('ยังไม่มีข้อมูล', true);
  }

  function _skillsPanel(d) {
    const shortBanner = (d?._short_transcript)
      ? `<div style="display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:rgba(var(--ec-warn-rgb),.08);border-radius:var(--r-card);margin-bottom:16px;border:0.5px solid rgba(var(--ec-warn-rgb),.2)">
          <div style="flex-shrink:0;display:flex;align-items:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--ec-warn)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg></div>
          <div>
            <div style="font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-warn);margin-bottom:2px">Transcript สั้น (${d._word_count||'?'} คำ)</div>
            <div style="font-size:var(--text-sm);color:var(--ec-ink-3);line-height:1.5">Skill analysis ต้องการอย่างน้อย 80 คำ — บันทึกนานขึ้นเพื่อผลที่แม่นยำกว่านี้</div>
          </div>
        </div>`
      : '';

    // v606: ลบ PIPC progress bar ออก — A01_PIPC เป็น skill หนึ่งใน rows อยู่แล้ว
    // ลบ session_summary ("สรุปทักษะ") ออก — อยู่ใน tab บทสนทนาแล้ว

    // Echo ดีไซน์ใหม่ (Bucci เคาะ 25 ต.ค. canvas EchoResult): แถบรวมผล · ข้อที่ต้องฝึกขึ้นก่อนพร้อมคำแนะนำ
    // (สีม่วงอ่อน ไม่ใช่สีแดงที่อ่านเหมือนโดนตำหนิ) · ข้อที่ทำได้ดีพับ · สีตามผลเท่านั้น ไม่ใช่ตามหมวด
    // ชื่อทักษะภาษาไทยจาก skill_definitions.skill_name_th (เดิมขึ้นรหัส A01_PIPC หรือชื่ออังกฤษ)
    const _x = v => String(v == null ? '' : v).replace(/[&<>]/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;' }[c]));
    const _real = v => v && v !== '-' ? String(v) : '';
    const nameOf = sk => {
      const r = (_rubricCache || []).find(x => x.skill_code === sk.code);
      return (r && r.skill_name_th) || sk.name || (r && r.skill_name_en) || sk.code || '';
    };
    const codeShort = c => String(c || '').split('_')[0];
    const skills = Array.isArray(d?.skills) ? d.skills.filter(Boolean) : [];
    const g = _ecSkillGroups(skills);
    const seg = (k, c) => `<i style="flex:${c};background:${k === 'ok' ? 'var(--ec-ok)' : k === 'warn' ? 'var(--ec-warn)' : 'rgba(var(--ec-ink-rgb),.18)'}"></i>`;
    const barHtml = skills.length
      ? `<div class="sd2-lbl">ผล ${skills.length} ทักษะ</div>
         <div class="ec-sd-sbar">${(g.good.length ? seg('ok', g.good.length) : '') + (g.practice.length ? seg('warn', g.practice.length) : '') + (g.none.length ? seg('none', g.none.length) : '')}</div>
         <div class="ec-sd-sleg"><span><i style="background:var(--ec-ok)"></i>ทำได้ดี ${g.good.length}</span><span><i style="background:var(--ec-warn)"></i>ฝึกต่อ ${g.practice.length}</span><span><i style="background:rgba(var(--ec-ink-rgb),.3)"></i>ไม่พบ ${g.none.length}</span></div>`
      : '';
    const summary = d?.session_summary
      ? `<div class="sd2-sum" style="margin-top:12px;font-size:14.5px">${d.session_summary}</div>` : '';
    const practice = g.practice.length
      ? `<div class="sd2-lbl">ฝึกต่อ ${g.practice.length} ข้อ</div>` + g.practice.map(sk => {
          const ev = _real(sk.evidence || sk.evidence_summary), gap = _real(sk.gap), tip = _real(sk.coaching_note);
          return `<div class="ec-sd-sk"><div class="h"><b>${_x(nameOf(sk))}</b><code>${_x(codeShort(sk.code))}</code></div>
            ${ev ? `<div class="e">${_x(ev)}</div>` : ''}${gap ? `<div class="g">ขาด: ${_x(gap)}</div>` : ''}
            ${tip ? `<div class="ec-sd-tip"><b>ลองครั้งหน้า:</b> ${_x(tip)}</div>` : ''}</div>`;
        }).join('')
      : '';
    const okRow = (sk, cls, mark) => {
      const ev = _real(sk.evidence || sk.evidence_summary);
      return `<div class="ec-sd-ok ${cls}"><i>${mark}</i><div><b>${_x(nameOf(sk))}</b>${ev ? `<span>${_x(ev)}</span>` : ''}</div></div>`;
    };
    const SHOW_GOOD = 3;
    const good = g.good.length
      ? `<div class="sd2-lbl">ทำได้ดี ${g.good.length} ข้อ</div>` + g.good.slice(0, SHOW_GOOD).map(sk => okRow(sk, '', '✓')).join('') +
        (g.good.length > SHOW_GOOD
          ? `<details class="ec-sd-more"><summary>ดูอีก ${g.good.length - SHOW_GOOD} ข้อที่ทำได้ดี<span>›</span></summary><div>${g.good.slice(SHOW_GOOD).map(sk => okRow(sk, '', '✓')).join('')}</div></details>`
          : '')
      : '';
    const none = g.none.length
      ? `<details class="ec-sd-more"><summary>ไม่พบในบทสนทนานี้<span>${g.none.length} ข้อ ›</span></summary><div>${g.none.map(sk => okRow(sk, 'none', '–')).join('')}</div></details>`
      : '';
    const body = barHtml + summary + practice + good + none;
    return shortBanner + (body || `<div style="padding:24px;text-align:center;font-size:var(--text-base);color:var(--ec-ink-6)">ยังไม่มีการประเมินทักษะ</div>`);
  }

  // ── หน้า "ลูกค้า" (v_echor2 2026-08-08) ───────────────────────────────────
  // เดิมเรียง needs → unknowns → progress → OCPB → Next Steps = ต้องอ่าน 5 การ์ด
  // กับ 4 บล็อกก่อนจะรู้ว่า "แล้วต้องทำอะไร" · rep เปิดอ่านเพื่อหาว่าทำอะไรต่อ
  // TL เปิดอ่านเพื่อหาว่าลูกน้องพลาดตรงไหน (= ช่องว่าง OCPB ที่ยังไม่ได้ถาม)
  // ลำดับใหม่จึงเป็น: สรุปหนึ่งบรรทัด → ทำอะไรต่อ → ช่องว่าง OCPB → รายละเอียดพับเก็บ
  //
  // รองรับข้อมูลเก่า: session ที่วิเคราะห์ก่อนหน้านี้ไม่มี headline/need_id/priority
  // ทุกส่วนต้องยุบเงียบๆ ไม่พัง และ needs เก่าที่ยังมี suggested_action ติดมาก็ยัง
  // แสดงในรายละเอียด (ของใหม่ไม่มีแล้ว เพราะย้ายไปรวมที่ "ทำอะไรต่อ" ที่เดียว)
  function _customerPanel(d) {
    const DIMS = [
      ['O','การทำงานของร้าน'],
      ['C','ซัพเดิม · ราคา · สินค้า'],
      ['P','การจ่ายเงิน · วางบิล'],
      ['B','แผนธุรกิจ'],
    ];
    const ST = {
      answered:        ['ได้ข้อมูล','ok'],
      asked_no_answer: ['ถามแล้ว ไม่ได้คำตอบ','dev'],
      not_asked:       ['ยังไม่แตะ','no'],
    };
    // กรอง null/undefined ทิ้งทุกลิสต์ตั้งแต่ต้นทาง — โมเดลเคยคาย element ว่างมา
    // แล้วหน้าทั้งหน้าพังทั้งที่ข้อมูลที่เหลือใช้ได้ (harness จับได้ 2026-08-08)
    const arr    = v => (Array.isArray(v) ? v.filter(Boolean) : []);
    const facts  = arr(d?.ocpb_facts);
    const status = d?.ocpb_status || {};
    const needs  = arr(d?.needs);
    const acts   = arr(d?.next_actions);
    const esc = v => String(v == null ? '' : v);

    // ── ชั้น 1: สรุปหนึ่งบรรทัด ────────────────────────────────────────────
    // ไม่มี headline (แถวเก่า) → ปั้นจาก pain ที่แรงที่สุด แล้วค่อย need ข้อแรก
    let headline = (typeof d?.headline === 'string' && d.headline.trim()) ? d.headline.trim() : '';
    if (!headline) {
      const pain = facts.find(f => f && f.tag === 'pain_high') || facts.find(f => f && f.tag === 'pain_medium');
      if (pain && pain.summary) headline = String(pain.summary);
      else if (needs.length && needs[0].need) headline = String(needs[0].need);
    }
    // Echo ดีไซน์ใหม่: Olive สรุปให้หนึ่งประโยค (แท็บแรก "สรุป")
    const headlineHtml = headline
      ? `<div class="ec-sd-hl"><div class="who"><i>O</i>Olive สรุปให้</div><p>${esc(headline)}</p></div>` : '';

    // ── ชั้น 2: ทำอะไรต่อ — 3 การ์ดแรก อ่านจบใน 5 วินาที ────────────────────
    const URG = {
      '3_days':    ['ภายใน 3 วัน',  'var(--ec-bad-tx)', 'rgba(var(--ec-bad-rgb),.08)'],
      'this_week': ['สัปดาห์นี้',    'var(--ec-warn-tx)', 'rgba(var(--ec-warn-rgb),.08)'],
    };
    // คนรับงานจาก worker มีแค่ Sales / TL — แปลเป็นคำที่ KAM อ่านแล้วรู้ว่าใคร (เดิมขึ้นคำอังกฤษ)
    const OWNER = { sales: 'คุณ', kam: 'คุณ', rep: 'คุณ', tl: 'หัวหน้าทีม' };
    const needById = {};
    needs.forEach(n => { if (n && n.id) needById[n.id] = n; });
    const actsSorted = acts.slice().sort((a, b) => (a?.priority || 99) - (b?.priority || 99));
    const TOP_ACTS = 3;
    const actCard = (a, i) => {
      const u = URG[a?.urgency] || ['visit ถัดไป', 'var(--ec-ink-3)', 'rgba(var(--ec-ink-rgb),.05)'];
      const linked = a?.need_id ? needById[a.need_id] : null;
      const why = linked?.need ? `เพราะลูกค้าติดเรื่อง: ${linked.need}` : (a?.reason || '');
      return `<div style="display:flex;gap:11px;padding:13px 0;border-bottom:0.5px solid var(--ec-line-2)">
        <span style="flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--ec-ac);color:var(--ec-on-ac);font-size:var(--text-xs);font-weight:var(--fw-semi);display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums">${i + 1}</span>
        <div style="flex:1;min-width:0">
          <div style="font-size:var(--text-lg);font-weight:var(--fw-semi);color:var(--ec-ink);line-height:1.55">${esc(a?.action)}</div>
          ${why ? `<div style="font-size:13.5px;color:var(--ec-ink-3);line-height:1.6;margin-top:4px">${esc(why)}</div>` : ''}
          <div style="margin-top:6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap">
            <span style="font-size:var(--text-2xs);font-weight:var(--fw-medium);padding:2px 8px;border-radius:var(--r-sm);color:${u[1]};background:${u[2]}">${u[0]}</span>
            ${a?.owner ? `<span class="ec-sd-own">${esc(OWNER[String(a.owner).trim().toLowerCase()] || a.owner)}</span>` : ''}
          </div>
        </div>
      </div>`;
    };
    const restActs = actsSorted.slice(TOP_ACTS);
    const actsHtml = actsSorted.length
      ? `<div class="sd2-lbl">ทำอะไรต่อ</div>` +
        actsSorted.slice(0, TOP_ACTS).map(actCard).join('') +
        (restActs.length
          ? `<details style="margin-top:2px"><summary style="cursor:pointer;padding:10px 0;font-size:var(--text-base);color:var(--ec-info);-webkit-tap-highlight-color:transparent">อีก ${restActs.length} ข้อ</summary>${restActs.map((a, i) => actCard(a, i + TOP_ACTS)).join('')}</details>`
          : '')
      : '';

    // ── ชั้น 3: แถบ OCPB 4 จุด — เห็นช่องว่างใน 1 วินาที ────────────────────
    const DOT_COLOR = { answered: 'var(--ec-ok)', asked_no_answer: 'var(--ec-warn)', not_asked: 'var(--ec-ink-7)' };
    const dimState = {};
    DIMS.forEach(([dim]) => {
      dimState[dim] = status[dim] || (facts.some(f => f && f.dim === dim) ? 'answered' : 'not_asked');
    });
    const gapCount = DIMS.filter(([dim]) => dimState[dim] === 'not_asked').length;
    // Echo ดีไซน์ใหม่: ชื่อเต็มภาษาไทยแทนตัวย่อ O C P B · ✓ ได้ข้อมูล · ? ถามแล้วยังไม่ได้คำตอบ · ○ ยังไม่ได้ถาม
    const DIM_TH = { O: 'การทำงานของร้าน', C: 'ซัพเดิม ราคา สินค้า', P: 'การจ่ายเงิน วางบิล', B: 'แผนธุรกิจ' };
    const PILL = { answered: ['y', '✓'], asked_no_answer: ['p', '?'], not_asked: ['', '○'] };
    const gapNames = DIMS.filter(([dim]) => dimState[dim] === 'not_asked').map(([dim]) => DIM_TH[dim]);
    const stripHtml = `<div class="sd2-lbl">เก็บข้อมูลครบแค่ไหน</div>
      <div class="ec-sd-oc">${DIMS.map(([dim]) => {
        const pl = PILL[dimState[dim]] || PILL.not_asked;
        return `<span class="${pl[0]}"><i>${pl[1]}</i>${DIM_TH[dim]}</span>`;
      }).join('')}</div>
      <div class="ec-sd-hw">${
        gapCount ? `ยังไม่ได้ถาม ${gapCount} มิติ — การบ้าน visit หน้า: ถามเรื่อง${gapNames.join(' กับ ')}` : 'ถามครบทั้ง 4 มิติแล้ว'
      }</div>`;

    // Echo ดีไซน์ใหม่: "ลูกค้าบอกว่า" ย้ายมาแท็บสรุป (เป็นสิ่งที่ KAM ใช้ต่อ) — ส่งมาทาง d._customer_said
    const said = arr(d?._customer_said);
    const saidHtml = said.length
      ? `<div class="sd2-lbl">ลูกค้าบอกว่า</div>` + said.map(c =>
          `<div class="ec-sd-q"><b>${esc(c.point)}</b>${c.quote ? `<span>&ldquo;${esc(c.quote)}&rdquo;${c.ts ? `<time>${esc(c.ts)}</time>` : ''}</span>` : ''}</div>`).join('')
      : '';

    // ── ชั้น 4: รายละเอียด พับเก็บทั้งหมด ──────────────────────────────────
    const NEED_TYPE = {
      product:'สินค้า', price:'ราคา', delivery:'การส่ง', credit:'เครดิต',
      quality:'คุณภาพ', service:'บริการ', operations:'ปฏิบัติการ', other:'อื่นๆ'
    };
    const needsHtml = needs.map(n => {
      const typeChip = `<span class="sd2-sstate dev" style="color:var(--ec-info);background:rgba(var(--ec-info-rgb),.08)">${NEED_TYPE[n.type] || n.type || '—'}</span>`;
      const stChip = n.status === 'addressed'
        ? `<span class="sd2-sstate ok">ตอบสนองแล้ว</span>`
        : `<span class="sd2-sstate dev">ค้างอยู่</span>`;
      const srcChip = n.intensity === 'implied'
        ? `<span class="sd2-sstate no" title="${esc(n.inferred_from).replace(/"/g,'&quot;')}">อ่านระหว่างบรรทัด</span>`
        : `<span class="sd2-sstate no">ลูกค้าพูดเอง</span>`;
      const quote = (n.quote && String(n.quote).trim())
        ? `<div class="sd2-sev">&ldquo;${esc(n.quote)}&rdquo;</div>` : '';
      const imp = n.implication
        ? `<div style="font-size:13.5px;color:var(--ec-ink-2);line-height:1.65;margin-top:5px">${esc(n.implication)}</div>` : '';
      // แถวเก่าเท่านั้น — ของใหม่ย้ายไปอยู่ใน "ทำอะไรต่อ" ที่เดียวแล้ว
      const legacyAct = n.suggested_action
        ? `<div style="font-size:var(--text-base);color:var(--ec-info);line-height:1.65;margin-top:5px;padding-left:10px;border-left:2px solid rgba(var(--ec-info-rgb),.3)">เกมที่ควรเดิน: ${esc(n.suggested_action)}</div>` : '';
      return `<div style="padding:12px 0;border-bottom:0.5px solid var(--ec-line-2)">
        <div style="display:flex;align-items:flex-start;gap:8px">
          <div style="flex:1;font-size:var(--text-lg);font-weight:var(--fw-semi);color:var(--ec-ink);line-height:1.6">${esc(n.need) || '-'}</div>
          <div style="display:flex;gap:5px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end">${typeChip}${stChip}</div>
        </div>
        <div style="margin-top:3px">${srcChip}</div>
        ${quote}${imp}${legacyAct}
      </div>`;
    }).join('');

    const unknowns = Array.isArray(d?.unknowns) ? d.unknowns : [];
    const unknownsHtml = unknowns.map((q, i) =>
      `<div class="sd2-next"><span class="num">${String(i+1).padStart(2,'0')}</span><div>${esc(q)}</div></div>`
    ).join('');

    const prog = Array.isArray(d?.progress_vs_last) ? d.progress_vs_last : [];
    const PROG_V = {
      'คืบหน้า':   ['คืบหน้า','ok'],
      'ถอยหลัง':   ['ถอยหลัง','no'],
      'ค้างที่เดิม': ['ค้างที่เดิม','dev'],
    };
    const progHtml = prog.map(p => {
      const v = PROG_V[p.verdict] || [p.verdict || '—', 'dev'];
      return `<div style="padding:10px 0;border-bottom:0.5px solid var(--ec-line-2)">
        <div style="display:flex;justify-content:space-between;align-items:center;gap:8px">
          <span style="font-size:var(--text-lg);font-weight:var(--fw-semi);color:var(--ec-ink)">${esc(p.topic) || '-'}</span>
          <span class="sd2-sstate ${v[1]}">${v[0]}</span>
        </div>
        <div style="font-size:13.5px;color:var(--ec-ink-2);line-height:1.65;margin-top:4px">ครั้งก่อน: ${esc(p.before) || '—'}<br>รอบนี้: ${esc(p.now) || '—'}</div>
      </div>`;
    }).join('');

    const blocks = DIMS.map(([dim, label]) => {
      const fs = facts.filter(f => f && f.dim === dim);
      const st = ST[dimState[dim]] || ST.not_asked;
      if (!fs.length && dimState[dim] === 'not_asked') {
        return `<div style="display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 0;border-bottom:0.5px solid var(--ec-line-2)">
          <span style="font-size:var(--text-base);color:var(--ec-ink-6)">${dim} — ${label}</span>
          <span class="sd2-sstate no">${st[0]}</span>
        </div>`;
      }
      const rows = fs.map(f => {
        const quote = (f.quote && String(f.quote).trim())
          ? `<div class="sd2-sev">&ldquo;${esc(f.quote)}&rdquo;${f.ts ? ` <span style="font-family:var(--mono,'IBM Plex Mono','Noto Sans Thai',monospace);font-size:var(--text-sm);color:var(--ec-ink-5)">${esc(f.ts)}</span>` : ''}</div>`
          : '';
        return `<div style="padding:8px 0 8px 2px">
          <div style="font-size:var(--text-lg);color:var(--ec-ink);line-height:1.7">${esc(f.summary) || '-'}</div>
          ${quote}
        </div>`;
      }).join('');
      const empty = fs.length ? '' :
        `<div style="font-size:12.5px;color:var(--ec-ink-5);padding:6px 0 6px 2px">rep ถามแล้ว แต่ยังไม่ได้คำตอบจากลูกค้า</div>`;
      return `<div style="padding:11px 0;border-bottom:0.5px solid var(--ec-line-2)">
        <div style="display:flex;justify-content:space-between;align-items:center;gap:8px">
          <span style="font-size:var(--text-lg);font-weight:var(--fw-semi);color:var(--ec-ink)">${dim} — ${label}</span>
          <span class="sd2-sstate ${st[1]}">${st[0]}</span>
        </div>
        ${rows}${empty}
      </div>`;
    }).join('');

    const fold = (title, count, inner) => inner
      ? `<details style="border-top:0.5px solid var(--ec-line-2)">
           <summary style="cursor:pointer;padding:13px 0;font-size:var(--text-lg);font-weight:var(--fw-medium);color:var(--ec-ink);-webkit-tap-highlight-color:transparent;display:flex;justify-content:space-between;align-items:center">
             <span>${title}</span><span style="font-size:var(--text-base);color:var(--ec-ink-5);font-weight:var(--fw-regular)">${count}</span>
           </summary>
           <div style="padding-bottom:8px">${inner}</div>
         </details>` : '';

    const details =
      fold('สิ่งที่ควรถามครั้งหน้า', unknowns.length + ' ข้อ', unknownsHtml) +
      fold('ความต้องการลูกค้า', needs.length + ' ข้อ', needsHtml) +
      fold('ความคืบหน้าจากครั้งก่อน', prog.length + ' เรื่อง', progHtml) +
      fold('ข้อมูลร้านที่เก็บได้', facts.length + ' จุด', blocks);

    const anything = headlineHtml || actsHtml || facts.length || needs.length || unknowns.length || prog.length || said.length;
    if (!anything) {
      return `<div style="padding:24px;text-align:center;font-size:var(--text-base);color:var(--ec-ink-6)">ยังไม่มีข้อมูลลูกค้าจาก session นี้</div>`;
    }
    return headlineHtml + actsHtml + saidHtml + stripHtml + details;
  }

  function _transcriptPanel(tone, transcriptSummary) {
    // v586: Transcript = บ้านของ full transcript + key moments ครบทุกจุด
    // v599: รับ transcriptSummary เพิ่ม — แสดงเมื่อ overview ไม่ได้โชว์ (session detail path)
    const summaryHtml = transcriptSummary
      ? `<div class="sd2-lbl">สรุปบทสนทนา</div><div class="sd2-sum">${transcriptSummary}</div>`
      : '';
    const allM = (tone?.key_moments||[]).map(m => _kmText(m)).filter(Boolean);
    const momentsHtml = allM.length
      ? `<div class="sd2-lbl">Key Moments ทั้งหมด · ${allM.length} จุด</div>`
        + allM.map(x => `<div style="font-size:var(--text-lg);color:var(--ec-ink);line-height:1.7;padding:8px 0;border-bottom:0.5px solid var(--ec-line-2)">${x}</div>`).join('')
      : '';
    return (summaryHtml + momentsHtml)
      || `<div style="padding:24px;text-align:center;font-size:var(--text-base);color:var(--ec-ink-6)">ยังไม่มี transcript จาก session นี้</div>`;
  }


  // ── CI_TL_DEBRIEF ───────────────────────────────────────────────────────────
  // TL/Admin เท่านั้น — override AI score per skill + เพิ่ม coaching note
  // เปิดจาก "Debrief" button ใน result screen
  // Save ลง kam_skill_log.tl_override + tl_note

  let _debriefOverrides = {}; // { skillCode: { score, note } }

  function _canDebrief() {
    // v498: ad_tl can also debrief their team sessions
    // v551: sales_tl added — sees covisit panel + team history
    return isTLRole(getCurrentRole()) || isAdminRole(getCurrentRole()) || isADTLRole(getCurrentRole()) || isSalesTLRole(getCurrentRole());
  }

  function _buildDebriefCSS() {
    return `
#ci-debrief-sheet {
  position:fixed;top:0;bottom:0;left:50%;
  width:100%;max-width:var(--app-max,440px);
  transform:translateX(-50%) translateY(100%);
  z-index:10000;
  padding-top:env(safe-area-inset-top,44px);
  background:var(--ec-bg);
  font-family:'Noto Sans Thai',sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;
  transition:transform 380ms cubic-bezier(0.16,1,0.3,1);
  overflow:hidden;
}
#ci-debrief-sheet.open { transform:translateX(-50%) translateY(0); }
.db-header {
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px 12px;border-bottom:0.5px solid var(--ec-line);
  flex-shrink:0;
}
.db-title { font-size:var(--text-lg2);font-weight:var(--fw-medium);color:var(--ec-ink);letter-spacing:-.02em; }
.db-role-chip {
  font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;
  font-family:'Noto Sans Thai',sans-serif;
  padding:3px 8px;border-radius:100px;
  background:rgba(var(--ec-info-rgb),.1);color:var(--ec-info);
}
.db-body { flex:1;overflow-y:auto;padding:16px 24px;-webkit-overflow-scrolling:touch; }
.db-body::-webkit-scrollbar { display:none; }
.db-skill-row {
  padding:14px 0;border-bottom:0.5px solid var(--ec-line);
}
.db-skill-row:last-child { border-bottom:none; }
.db-skill-head {
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:8px;gap:10px;
}
.db-skill-name { font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--ec-ink);letter-spacing:-.02em;flex:1; }
.db-ai-badge {
  font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;
  font-family:'Noto Sans Thai',sans-serif;
  padding:2px 7px;border-radius:100px;flex-shrink:0;
}
.db-ai-badge.pass { background:rgba(var(--ec-ok-rgb),.12);color:var(--ec-ok-tx-3); }
.db-ai-badge.dev  { background:rgba(var(--ec-warn-rgb),.12);color:var(--ec-warn-tx-2); }
.db-ai-badge.no   { background:rgba(var(--ec-ink-rgb),.06);color:var(--ec-ink-5b); }
.db-evidence { font-size:var(--text-sm);color:var(--ec-ink-3);line-height:1.5;margin-bottom:8px; }
.db-override-row { display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap; }
.db-pill {
  padding:5px 12px;border-radius:100px;border:0.5px solid rgba(var(--ec-ink-rgb),.12);
  font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:'Noto Sans Thai',sans-serif;
  letter-spacing:.04em;cursor:pointer;background:rgba(var(--ec-ink-rgb),.03);
  color:var(--ec-ink-3);transition:background 100ms,color 100ms,border-color 100ms;
}
.db-pill.sel-pass   { background:rgba(var(--ec-ok-rgb),.12);color:var(--ec-ok-tx-3);border-color:rgba(var(--ec-ok-rgb),.3); }
.db-pill.sel-dev    { background:rgba(var(--ec-warn-rgb),.12);color:var(--ec-warn-tx-2);border-color:rgba(var(--ec-warn-rgb),.3); }
.db-pill.sel-no     { background:rgba(var(--ec-ink-rgb),.07);color:var(--ec-ink-2b);border-color:rgba(var(--ec-ink-rgb),.18); }
.db-pill.sel-na     { background:rgba(var(--ec-ink-rgb),.04);color:var(--ec-ink-6b);border-color:rgba(var(--ec-ink-rgb),.1); }
.db-note {
  width:100%;box-sizing:border-box;
  border:0.5px solid rgba(var(--ec-ink-rgb),.14);border-radius:var(--r-md);
  padding:9px 12px;font-size:var(--text-md);font-family:'Noto Sans Thai',sans-serif;
  color:var(--ec-ink);background:rgba(var(--ec-paper-rgb),.7);
  resize:none;min-height:52px;outline:none;line-height:1.5;
  transition:border-color 150ms;
}
.db-note:focus { border-color:rgba(var(--ec-ac-rgb),.35); }
.db-note::placeholder { color:var(--ec-ink-4); }
.db-footer {
  padding:12px 24px 36px;display:flex;gap:8px;flex-shrink:0;
  border-top:0.5px solid var(--ec-line);
}
.db-btn {
  flex:1;padding:13px;border-radius:var(--r-lg);border:none;
  font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-lg2);
  font-weight:var(--fw-medium);letter-spacing:-.02em;cursor:pointer;
  transition:opacity 60ms,transform 60ms;
}
.db-btn:active { transform:scale(.97);opacity:.85; }
.db-btn-primary { background:var(--ec-ac);color:var(--tk-text-primary); }
.db-btn-primary:hover { background:var(--ec-ac-press); }
.db-btn-ghost { background:rgba(var(--ec-ink-rgb),.045);color:var(--ec-ink-3); }
.db-saving { text-align:center;font-size:var(--text-md);color:var(--ec-ink-4);padding:4px 0; }
`;
  }

  function _openDebrief() {
    if (!_canDebrief() || !_lastResult?.skillData) return;
    _debriefOverrides = {};

    // Inject CSS once
    if (!document.getElementById('ci-debrief-style')) {
      const s = document.createElement('style');
      s.id = 'ci-debrief-style';
      s.textContent = _buildDebriefCSS();
      document.head.appendChild(s);
    }

    // Remove old sheet if exists
    document.getElementById('ci-debrief-sheet')?.remove();

    const skills = _lastResult.skillData.skills || [];
    const rows = skills.map(s => {
      const dc = s.score==='pass'?'pass':s.score==='developing'?'dev':'no';
      const bl = s.score==='pass'?'Pass':s.score==='developing'?'Developing':s.score==='not_applicable'?'N/A':'Not observed';
      const ev = s.evidence || s.evidence_summary || '-';
      return `<div class="db-skill-row" data-code="${s.code}">
        <div class="db-skill-head">
          <span class="db-skill-name">${s.code} · ${s.name||s.code}</span>
          <span class="db-ai-badge ${dc}">AI: ${bl}</span>
        </div>
        <div class="db-evidence">${ev}</div>
        <div class="db-override-row">
          <button class="db-pill" data-code="${s.code}" data-val="pass" onclick="CI._debriefPick(this)">Pass</button>
          <button class="db-pill" data-code="${s.code}" data-val="developing" onclick="CI._debriefPick(this)">Developing</button>
          <button class="db-pill" data-code="${s.code}" data-val="not_observed" onclick="CI._debriefPick(this)">Not observed</button>
          <button class="db-pill" data-code="${s.code}" data-val="not_applicable" onclick="CI._debriefPick(this)">N/A</button>
        </div>
        <textarea class="db-note" placeholder="Coaching note สำหรับ rep (optional)" rows="2"
          oninput="CI._debriefNote('${s.code}', this.value)"></textarea>
      </div>`;
    }).join('');

    const sheet = document.createElement('div');
    sheet.id = 'ci-debrief-sheet';
    sheet.innerHTML = `
      <div class="db-header">
        <span class="db-title">TL Debrief</span>
        <span class="db-role-chip">${roleLabel(getCurrentRole())}</span>
      </div>
      <div class="db-body">${rows}</div>
      <div class="db-footer">
        <button class="db-btn db-btn-ghost" onclick="CI._closeDebrief()">ยกเลิก</button>
        <button class="db-btn db-btn-primary" id="db-save-btn" onclick="CI._saveDebrief()">บันทึก Debrief</button>
      </div>`;
    document.body.appendChild(sheet);
    requestAnimationFrame(() => requestAnimationFrame(() => sheet.classList.add('open')));
  }

  function _debriefPick(btn) {
    const code = btn.dataset.code;
    const val  = btn.dataset.val;
    // Deselect siblings
    btn.closest('.db-override-row').querySelectorAll('.db-pill').forEach(b => {
      b.className = 'db-pill';
    });
    // Select this
    const cls = {pass:'sel-pass',developing:'sel-dev',not_observed:'sel-no',not_applicable:'sel-na'}[val]||'sel-no';
    btn.classList.add(cls);
    if (!_debriefOverrides[code]) _debriefOverrides[code] = {};
    _debriefOverrides[code].score = val;
  }

  function _debriefNote(code, val) {
    if (!_debriefOverrides[code]) _debriefOverrides[code] = {};
    _debriefOverrides[code].note = val;
  }

  function _closeDebrief() {
    const sheet = document.getElementById('ci-debrief-sheet');
    if (!sheet) return;
    sheet.classList.remove('open');
    setTimeout(() => sheet.remove(), 400);
  }

  async function _saveDebrief() {
    if (!_lastResult?.skillData) return;
    const btn = document.getElementById('db-save-btn');
    if (btn) { btn.disabled = true; btn.textContent = 'กำลังบันทึก...'; }

    const tlEmail = currentUserProfile?.email;
    const today   = new Date().toISOString().split('T')[0];
    const rows = [];

    (_lastResult.skillData.skills || []).forEach(s => {
      const override = _debriefOverrides[s.code];
      if (!override?.score && !override?.note) return; // ไม่มีการเปลี่ยนแปลง
      rows.push({
        kam_email:        _lastResult.repEmail || tlEmail,
        account_id:       _accountGuid,
        session_date:     today,
        skill_code:       s.code,
        score:            s.score,          // AI score เดิม
        evidence_summary: s.evidence || s.evidence_summary || '',
        tl_override:      override.score || null,
        tl_note:          override.note  || null,
      });
    });

    if (rows.length === 0) { _closeDebrief(); return; }

    try {
      const { error } = await supa.from('kam_skill_log').insert(rows);
      if (error) throw error;
      _closeDebrief();
      _toast('บันทึก Debrief แล้ว');
    } catch(e) {
      console.warn('[CI debrief save]', e.message);
      if (btn) { btn.disabled = false; btn.textContent = 'บันทึก Debrief'; }
      _toast('บันทึกไม่สำเร็จ: ' + e.message);
    }
  }


  // ── CI_HISTORY ──────────────────────────────────────────────────────────────
  // ดูประวัติ CI sessions ย้อนหลัง per account
  // KAM เห็นของตัวเอง, TL/admin เห็นทุก rep ใน account นั้น

  async function _loadHistory() {
    const email = currentUserProfile?.email;
    if (!_accountGuid || !email) return [];
    try {
      let query = supa
        .from('kam_skill_log')
        .select('*')
        .eq('account_id', _accountGuid)
        .order('session_date', { ascending: false })
        .order('created_at', { ascending: false });

      // KAM เห็นเฉพาะของตัวเอง
      if (!_canDebrief()) query = query.eq('kam_email', email);

      const { data, error } = await query.limit(200);
      if (error) throw error;
      return data || [];
    } catch(e) {
      console.warn('[CI history]', e.message);
      return [];
    }
  }

  function _groupHistoryBySessions(rows) {
    // Group by (kam_email, session_date) — แต่ละ session = 1 วัน + 1 rep
    const map = {};
    rows.forEach(r => {
      const key = `${r.kam_email}__${r.session_date}`;
      if (!map[key]) map[key] = { kam_email: r.kam_email, session_date: r.session_date, skills: [] };
      map[key].skills.push(r);
    });
    return Object.values(map).sort((a,b) => b.session_date.localeCompare(a.session_date));
  }

  function _buildHistoryCSS() {
    return `
#ci-history-sheet {
  position:fixed;top:0;bottom:0;left:50%;
  width:100%;max-width:var(--app-max,440px);
  transform:translateX(-50%) translateY(100%);
  z-index:10000;
  padding-top:env(safe-area-inset-top,44px);
  background:var(--ec-bg);
  font-family:'Noto Sans Thai',sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;
  transition:transform 380ms cubic-bezier(0.16,1,0.3,1);
  overflow:hidden;
}
#ci-history-sheet.open { transform:translateX(-50%) translateY(0); }
.hist-header {
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px 12px;border-bottom:0.5px solid var(--ec-line);flex-shrink:0;
}
.hist-title { font-size:var(--text-lg2);font-weight:var(--fw-medium);color:var(--ec-ink);letter-spacing:-.02em; }
.hist-close { font-size:var(--text-lg2);color:var(--ec-ink-3);cursor:pointer;padding:4px; }
.hist-body { flex:1;overflow-y:auto;padding:12px 24px 24px;-webkit-overflow-scrolling:touch; }
.hist-body::-webkit-scrollbar { display:none; }
.hist-empty { text-align:center;padding:48px 0;font-size:var(--text-base);color:var(--ec-ink-4); }
.hist-session {
  background:rgba(var(--ec-paper-rgb),.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-radius:var(--r-lg);border:0.5px solid rgba(var(--ec-paper-rgb),.55);
  box-shadow:inset 0 1px 0 rgba(var(--ec-paper-rgb),.9),0 3px 16px rgba(var(--ec-shadow-rgb),.045);
  padding:14px 16px;margin-bottom:10px;
}
.hist-session-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:8px; }
.hist-date { font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink);letter-spacing:-.01em; }
.hist-rep  { font-size:var(--text-xs);color:var(--ec-ink-3);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.03em; }
.hist-skills { display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px; }
.hist-skill-dot {
  display:flex;align-items:center;gap:4px;
  font-size:var(--text-xs);font-family:'Noto Sans Thai',sans-serif;
  color:var(--ec-ink-3);letter-spacing:.03em;
}
.hsd { width:5px;height:5px;border-radius:50%;flex-shrink:0; }
.hsd.pass { background:var(--ec-ok); }
.hsd.dev  { background:var(--ec-warn); }
.hsd.no   { background:var(--ec-ink-6); }
.hist-coaching {
  font-size:var(--text-sm);color:var(--ec-ac);font-style:italic;line-height:1.5;
  border-top:0.5px solid rgba(var(--ec-ac-rgb),.12);padding-top:6px;margin-top:6px;
}
.hist-tl-note {
  font-size:var(--text-sm);color:var(--ec-info);font-style:italic;line-height:1.5;
  border-top:0.5px solid rgba(var(--ec-info-rgb),.12);padding-top:6px;margin-top:4px;
}
`;
  }


  // ── CI_SKILL_TREND (TL view) ─────────────────────────────────────────────────
  // TL/admin เท่านั้น — heatmap skill score ต่อ rep ใน squad

  async function _loadSkillTrend(repEmails) {
    try {
      const { data, error } = await supa
        .from('kam_skill_log')
        .select('kam_email, skill_code, score, tl_override, session_date')
        .in('kam_email', repEmails)
        .order('session_date', { ascending: false })
        .limit(500);
      if (error) throw error;
      return data || [];
    } catch(e) {
      console.warn('[CI trend]', e.message);
      return [];
    }
  }

  function _buildTrendCSS() {
    return `
#ci-trend-sheet {
  position:fixed;top:0;bottom:0;left:50%;
  width:100%;max-width:var(--app-max,440px);
  transform:translateX(-50%) translateY(100%);
  z-index:10000;
  padding-top:env(safe-area-inset-top,44px);
  background:var(--ec-bg);
  font-family:'Noto Sans Thai',sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;
  transition:transform 380ms cubic-bezier(0.16,1,0.3,1);
  overflow:hidden;
}
#ci-trend-sheet.open { transform:translateX(-50%) translateY(0); }
.trend-header {
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px 12px;border-bottom:0.5px solid var(--ec-line);flex-shrink:0;
}
.trend-title { font-size:var(--text-lg2);font-weight:var(--fw-medium);color:var(--ec-ink);letter-spacing:-.02em; }
.trend-close { font-size:var(--text-lg2);color:var(--ec-ink-3);cursor:pointer;padding:4px; }
.trend-body { flex:1;overflow-y:auto;overflow-x:auto;padding:16px 24px 24px;-webkit-overflow-scrolling:touch; }
.trend-body::-webkit-scrollbar { display:none; }
.trend-rep-row { margin-bottom:20px; }
.trend-rep-name { font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink);margin-bottom:8px;letter-spacing:-.01em; }
.trend-grid { display:flex;flex-wrap:wrap;gap:5px; }
.trend-cell {
  width:44px;padding:5px 4px;border-radius:var(--r-7);text-align:center;
  font-size:var(--text-2xs);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.04em;
}
.trend-cell-code { font-weight:var(--fw-medium);margin-bottom:2px;line-height:1.2; }
.trend-cell-score { font-size:var(--text-3xs);opacity:.75; }
.trend-cell.pass { background:rgba(var(--ec-ok-rgb),.14);color:var(--ec-ok-tx-3); }
.trend-cell.dev  { background:rgba(var(--ec-warn-rgb),.14);color:var(--ec-warn-tx-2); }
.trend-cell.no   { background:rgba(var(--ec-ink-rgb),.05);color:var(--ec-ink-5b); }
.trend-cell.none { background:rgba(var(--ec-ink-rgb),.03);color:var(--ec-ink-7b); }
.trend-legend { display:flex;gap:14px;margin-bottom:16px; }
.tl-dot { width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px; }
.tl-legend-item { display:flex;align-items:center;font-size:var(--text-xs);color:var(--ec-ink-3); }
`;
  }

  async function _openSkillTrend() {
    if (!_canDebrief()) return;

    if (!document.getElementById('ci-trend-style')) {
      const s = document.createElement('style');
      s.id = 'ci-trend-style';
      s.textContent = _buildTrendCSS();
      document.head.appendChild(s);
    }
    document.getElementById('ci-trend-sheet')?.remove();

    const sheet = document.createElement('div');
    sheet.id = 'ci-trend-sheet';
    sheet.innerHTML = `
      <div class="trend-header">
        <span class="trend-title">Skill Overview — Team</span>
        <span class="trend-close" onclick="CI._closeTrend()">ปิด</span>
      </div>
      <div class="trend-body" id="ci-trend-body">
        <div style="text-align:center;padding:48px 0;font-size:var(--text-base);color:var(--ec-ink-6)">กำลังโหลด...</div>
      </div>`;
    document.body.appendChild(sheet);
    requestAnimationFrame(() => requestAnimationFrame(() => sheet.classList.add('open')));

    // Get rep emails from squad (use portviewBulkData if available)
    let repEmails = [];
    if (typeof portviewBulkData !== 'undefined' && portviewBulkData) {
      const seen = new Set();
      portviewBulkData.forEach(r => {
        if (r.owner_email && !seen.has(r.owner_email)) {
          seen.add(r.owner_email);
          repEmails.push(r.owner_email);
        }
      });
    }
    if (repEmails.length === 0) {
      repEmails = [currentUserProfile?.email].filter(Boolean);
    }

    const rows = await _loadSkillTrend(repEmails);
    const body = document.getElementById('ci-trend-body');
    if (!body) return;

    if (rows.length === 0) {
      body.innerHTML = '<div style="text-align:center;padding:48px 0;font-size:var(--text-base);color:var(--ec-ink-6)">ยังไม่มีข้อมูล</div>';
      return;
    }

    // Aggregate: per rep, per skill → latest score
    const repMap = {}; // repEmail → { skillCode → { score, sessions } }
    rows.forEach(r => {
      if (!repMap[r.kam_email]) repMap[r.kam_email] = {};
      const code = r.skill_code;
      if (!repMap[r.kam_email][code]) repMap[r.kam_email][code] = { latest: null, pass: 0, dev: 0, no: 0, total: 0 };
      const bucket = repMap[r.kam_email][code];
      const finalScore = r.tl_override || r.score;
      if (!bucket.latest) bucket.latest = finalScore;
      if (finalScore === 'pass') bucket.pass++;
      else if (finalScore === 'developing') bucket.dev++;
      else bucket.no++;
      bucket.total++;
    });

    const skillCodes = (_rubricCache || []).map(s => s.skill_code);

    const legend = `<div class="trend-legend">
      <div class="tl-legend-item"><span class="tl-dot" style="background:var(--ec-ok)"></span>Pass</div>
      <div class="tl-legend-item"><span class="tl-dot" style="background:var(--ec-warn)"></span>Developing</div>
      <div class="tl-legend-item"><span class="tl-dot" style="background:var(--ec-ink-6)"></span>Not observed</div>
    </div>`;

    const repRows = Object.entries(repMap).map(([email, skills]) => {
      const name = _echoRep(email);
      const cells = skillCodes.map(code => {
        const sk = skills[code];
        if (!sk) return `<div class="trend-cell none"><div class="trend-cell-code">${code}</div><div class="trend-cell-score">—</div></div>`;
        const cls = sk.latest==='pass'?'pass':sk.latest==='developing'?'dev':'no';
        const pct = sk.total > 0 ? Math.round(sk.pass/sk.total*100) : 0;
        return `<div class="trend-cell ${cls}"><div class="trend-cell-code">${code}</div><div class="trend-cell-score">${pct}%</div></div>`;
      }).join('');
      return `<div class="trend-rep-row">
        <div class="trend-rep-name">${name}</div>
        <div class="trend-grid">${cells}</div>
      </div>`;
    }).join('');

    body.innerHTML = legend + repRows;
  }

  function _closeTrend() {
    const sheet = document.getElementById('ci-trend-sheet');
    if (!sheet) return;
    sheet.classList.remove('open');
    setTimeout(() => sheet.remove(), 400);
  }

  // ── ช่วงเวลาของแท็บประวัติ ────────────────────────────────────────────────
  // v_echor2: เดิมมีสองหน้าจอ ("ผลการ visit" ของ TL กับ "ประวัติ") ที่ query
  // ci_sessions คนละครั้งและ dedupe ไม่เหมือนกัน → ตัวเลขสองหน้าไม่ตรงกัน
  // ตอนนี้เหลือหน้าเดียวคือแท็บประวัติ · ช่วงเวลาใช้ helper ตัวนี้ตัวเดียวทุก role
  // นิยามการนับ (บุชเคาะ): เช็คอิน = visit จริง · นับทั้งเช็คอินเปล่าและมีอัดเสียง
  // แยกตัวเลข — แยกด้วย pipeline_stage ('checked_in' = เปล่า, ที่เหลือ = มีเสียง)
  const HIST_PERIODS = [
    { key: 'today',   label: 'วันนี้' },
    { key: 'week',    label: 'สัปดาห์นี้' },
    { key: 'month',   label: 'เดือนนี้' },
    { key: 'quarter', label: 'ไตรมาสนี้' },
    { key: 'all',     label: 'ทั้งหมด' },
  ];

  function _histSince(period) {
    if (period === 'all') return null;
    const now = new Date();
    const d = new Date(now); d.setHours(0, 0, 0, 0);
    if (period === 'week') {
      // สัปดาห์เริ่มจันทร์ (convention เดิมของไฟล์)
      const dow = now.getDay() === 0 ? 6 : now.getDay() - 1;
      d.setDate(now.getDate() - dow);
    } else if (period === 'month') {
      return new Date(now.getFullYear(), now.getMonth(), 1);
    } else if (period === 'quarter') {
      // calendar quarter = รอบ commission เป๊ะ (Q3 = ก.ค.–ก.ย.)
      return new Date(now.getFullYear(), Math.floor(now.getMonth() / 3) * 3, 1);
    }
    return d;
  }

  function _ensureHistCSS() {
    if (document.getElementById('ci-hist-style')) return;
    const s = document.createElement('style');
    s.id = 'ci-hist-style';
    // _buildHistoryCSS = คลาส .hist-* ที่ _renderLegacyHistory (fallback ตอน query
    // พัง) ใช้ · เดิมฉีดโดย sheet ประวัติเก่าที่ลบไปแล้ว fallback จึงไม่มีสไตล์
    s.textContent = _buildHistoryCSS() + `
.vd-pill {
  font-size:var(--text-sm);font-weight:var(--fw-medium);padding:5px 12px;border-radius:100px;
  border:0.5px solid rgba(var(--ec-ink-rgb),.14);background:rgba(var(--ec-ink-rgb),.04);color:var(--ec-ink-3);
  cursor:pointer;font-family:'Noto Sans Thai',sans-serif;-webkit-tap-highlight-color:transparent;
  transition:background .15s,color .15s,border-color .15s;
}
.vd-pill.on { background:var(--ec-ac);border-color:var(--ec-ac);color:var(--ec-on-ac); }
.vd-cards { display:flex;gap:8px;margin-bottom:4px; }
.vd-card {
  flex:1;padding:12px 10px;border-radius:var(--r-lg);text-align:center;
  border:0.5px solid rgba(var(--ec-ink-rgb),.07);background:rgba(var(--ec-ink-rgb),.02);
}
.vd-card-num { font-size:var(--text-xl);font-weight:var(--fw-semi);color:var(--ec-ink);font-variant-numeric:tabular-nums; }
.vd-card-lbl { font-size:var(--text-2xs);color:var(--ec-ink-3);margin-top:2px;line-height:1.4; }
.vd-sec-hd {
  font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;
  color:var(--ec-ink-4);margin:16px 0 8px;
}
.vd-rep-row {
  display:flex;align-items:center;gap:8px;padding:8px 0;
  border-bottom:0.5px solid rgba(var(--ec-ink-rgb),.05);font-size:var(--text-md);
}
.vd-rep-name { flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ec-ink);font-weight:var(--fw-medium); }
.vd-rep-num { width:52px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ec-ink-3);font-size:var(--text-sm);flex-shrink:0; }
.vd-rep-head { border-bottom:none;padding-bottom:2px; }
.vd-rep-head .vd-rep-num { font-size:var(--text-3xs);letter-spacing:.05em;color:var(--ec-ink-4);text-transform:uppercase; }
`;
    document.head.appendChild(s);
  }

  // co-visit ที่ยืนยันแล้ว — ci_sessions.covisit_verified อาจโดน RLS ตอน TL กด
  // ยืนยันแล้ว update ไม่เข้า covisit_events จึงเป็น source of truth · กรองด้วย
  // หน้าต่างเวลา ไม่ .in() ด้วย id หลายร้อยตัว (URL ยาวเกินจน request พัง)
  async function _histCovisitSet(sinceIso) {
    const out = new Set();
    try {
      let q = supa.from('covisit_events').select('session_id').eq('verified', true).limit(500);
      if (sinceIso) q = q.gte('checked_at', sinceIso);
      const { data } = await q;
      (data || []).forEach(e => out.add(e.session_id));
    } catch(_) {}
    return out;
  }

  // บล็อกสรุปหัวแท็บประวัติของ TL/admin — คิดจาก sessions ชุดเดียวกับที่แสดง
  // ข้างล่างเป๊ะๆ (dedupe แล้ว) เดิมแยก query กับหน้า "ผลการ visit" จึงนับไม่ตรงกัน
  function _histSummaryHtml(sessions, cvSet) {
    const isCk = s => s.pipeline_stage === 'checked_in';
    const isCv = s => !!(s.covisit_verified || cvSet.has(s.id));
    const total = sessions.length;
    const rec   = sessions.filter(s => !isCk(s)).length;
    const cv    = sessions.filter(isCv).length;

    const perRep = {};
    sessions.forEach(s => {
      const k = s.owner_email ? _echoRep(s.owner_email) : '—';
      if (!perRep[k]) perRep[k] = { total: 0, rec: 0, cv: 0 };
      perRep[k].total++;
      if (!isCk(s)) perRep[k].rec++;
      if (isCv(s)) perRep[k].cv++;
    });
    const repRows = Object.entries(perRep)
      .sort((a, b) => b[1].total - a[1].total)
      .map(([name, c]) => `<div class="vd-rep-row">
        <span class="vd-rep-name">${name}</span>
        <span class="vd-rep-num">${c.total}</span>
        <span class="vd-rep-num">${c.rec}</span>
        <span class="vd-rep-num">${c.cv}</span>
      </div>`).join('');

    return `
      <div class="vd-cards">
        <div class="vd-card"><div class="vd-card-num">${total}</div><div class="vd-card-lbl">เช็คอินทั้งหมด</div></div>
        <div class="vd-card"><div class="vd-card-num">${rec}</div><div class="vd-card-lbl">มีบันทึกเสียง<br>+วิเคราะห์</div></div>
        <div class="vd-card"><div class="vd-card-num">${cv}</div><div class="vd-card-lbl">co-visit<br>ยืนยันแล้ว</div></div>
      </div>
      <div class="vd-sec-hd">รายคน</div>
      <div class="vd-rep-row vd-rep-head">
        <span class="vd-rep-name"></span>
        <span class="vd-rep-num">เช็คอิน</span>
        <span class="vd-rep-num">มีเสียง</span>
        <span class="vd-rep-num">co-visit</span>
      </div>
      ${repRows}
      <div class="vd-sec-hd">รายการ visit</div>`;
  }


  // ── History filter ─────────────────────────────────────────────────────────
  function _histFilter(mode) {
    _histFilterMode = mode;
    HIST_PERIODS.forEach(p => {
      const btn = document.getElementById('ci-hf-' + p.key);
      if (btn) btn.classList.toggle('on', p.key === mode);
    });
    _loadInlineHistory();
  }

  // ── Visit badge (rep sees own week count) ──────────────────────────────────
  async function _loadVisitBadge() {
    const badge = document.getElementById('ci-visit-badge');
    if (!badge) return;
    const email = currentUserProfile?.email;
    if (!email || _canDebrief()) { badge.style.display = 'none'; return; }
    try {
      const now = new Date();
      const dow = now.getDay() === 0 ? 6 : now.getDay() - 1;
      const weekStart = new Date(now);
      weekStart.setHours(0,0,0,0);
      weekStart.setDate(now.getDate() - dow);
      const { count: _visitCount, error } = await supa
        .from('ci_sessions')
        .select('*', { count: 'exact', head: true })
        .eq('owner_email', email)
        .gte('visited_at', weekStart.toISOString());
      if (error) throw error;
      const count = _visitCount ?? 0;
      if (count > 0) {
        badge.textContent = count + ' visits this week';
        badge.style.display = '';
      } else {
        badge.style.display = 'none';
      }
    } catch(e) {
      badge.style.display = 'none';
    }
  }

  // ── ECHO STATE MACHINE — single source of truth for section visibility ────
  // Spec: docs/echo-state-spec.md (Table 1) — ห้าม toggle display ที่อื่น
  function _renderEchoState() {
    const isTL = _canDebrief();
    const rec  = _mainTab === 'record';
    const show = {
      'ci-chip-wrap':     rec && !isTL && !_showPicker && _phase !== 'recording',
      'ci-visit-hero':    rec && !_showPicker && _phase !== 'recording',
      'ci-picker-sec':    rec && !isTL && _showPicker && _phase === 'idle',
      'ci-rec-center':    rec && !isTL && !_showPicker && _phase === 'idle',
      // Echo ดีไซน์ใหม่: ปุ่มอัดเสียงขึ้นหลังเช็คอิน (หรือเมื่อเช็คอินไม่ได้ — ต้องไม่เสียการคุยทั้งก้อน)
      'ci-recpill-wrap':  rec && !isTL && !_showPicker && _phase === 'idle' && _ecCkState !== 'none',
      'ci-covisit-panel': rec && isTL && _phase !== 'recording',
      'ci-rec-active':    rec && _phase === 'recording',
      'ci-rec-bottom':    rec && _phase === 'recording',
      'ci-inline-hist':   !rec,
    };
    const DISPLAY = {
      'ci-picker-sec':'flex', 'ci-rec-center':'flex', 'ci-covisit-panel':'flex', 'ci-recpill-wrap':'flex',
      'ci-rec-active':'flex', 'ci-rec-bottom':'block', 'ci-inline-hist':'block',
    };
    Object.entries(show).forEach(([id, on]) => {
      const el = document.getElementById(id);
      if (el) el.style.display = on ? (DISPLAY[id] || '') : 'none';
    });
    const sub = document.getElementById('ci-recsub');
    if (sub) sub.textContent = _ecCkState === 'failed' ? 'เช็คอินไม่ได้ อัดเสียงอย่างเดียวก็ได้' : 'ไม่อัดก็ได้ visit นับแล้ว';
  }

  // ── Main tab switch (บันทึก / ประวัติ) ────────────────────────────────────────
  function _switchMainTab(tab) {
    _mainTab = tab === 'history' ? 'history' : 'record';
    const pill    = document.getElementById('ci-tab-pill');
    const recBtn  = document.getElementById('ci-tab-rec');
    const histBtn = document.getElementById('ci-tab-hist');
    if (_mainTab === 'history') {
      if (pill) { pill.style.left = 'calc(50%)'; pill.style.width = 'calc(50% - 3px)'; }
      if (recBtn)  recBtn.classList.remove('on');
      if (histBtn) histBtn.classList.add('on');
    } else {
      if (pill) { pill.style.left = '3px'; pill.style.width = 'calc(50% - 3px)'; }
      if (recBtn)  recBtn.classList.add('on');
      if (histBtn) histBtn.classList.remove('on');
    }
    _renderEchoState();
    if (_mainTab === 'history') {
      const histPanel = document.getElementById('ci-inline-hist');
      // v_echor2: chips ช่วงเวลาใช้ได้ทุก role (เดิม rep ได้ 3 ตัว TL ไม่ได้เลย
      // จึงต้องมีหน้า "ผลการ visit" แยกไว้เลือกช่วง — ตอนนี้รวมมาที่นี่แล้ว)
      _ensureHistCSS();
      if (histPanel && !document.getElementById('ci-hist-filter-bar')) {
        const bar = document.createElement('div');
        bar.id = 'ci-hist-filter-bar';
        bar.style.cssText = 'padding:8px 0 4px;display:flex;gap:6px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;';
        bar.innerHTML = HIST_PERIODS.map(p =>
          `<button class="vd-pill${p.key === _histFilterMode ? ' on' : ''}" id="ci-hf-${p.key}" onclick="CI._histFilter('${p.key}')" style="flex-shrink:0">${p.label}</button>`
        ).join('');
        const histBody = document.getElementById('ci-inline-hist-body');
        if (histBody) histPanel.insertBefore(bar, histBody);
      }
      _loadInlineHistory();
    }
  }

  async function _loadInlineHistory() {
    const body = document.getElementById('ci-inline-hist-body');
    if (!body) return;
    _ensureHistCSS();
    body.innerHTML = '<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-4)">กำลังโหลด...</div>';
    const email = currentUserProfile?.email;
    if (!email) { body.innerHTML = '<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-4)">ไม่พบผู้ใช้งาน</div>'; return; }
    try {
      const isTL = _canDebrief();
      // v_echog1: + pipeline_stage — list ต้องแยกแถว "เช็คอินอย่างเดียว" ออกจาก
      // session ที่วิเคราะห์จบ (transcript/summary_data ไม่ดึงที่นี่ — หนักเกินสำหรับ
      // list 100 แถว detail view ดึงเองตอนเปิด)
      let q = supa.from('ci_sessions')
        .select('id,owner_email,account_id,account_name,visited_at,duration_secs,skill_scores,customer_intel,next_actions,transcript_summary,tone_signals,tl_reviewed_at,tl_reviewed_by,tl_note,covisit_verified,status,pipeline_stage,listen_state')
        .order('visited_at', { ascending: false })
        .limit(isTL ? 100 : 50);

      // v_echor2: ช่วงเวลาใช้กับทุก role (เดิม TL ไม่มีตัวกรองเลย ต้องไปหน้าอื่น)
      const _since = _histSince(_histFilterMode);
      const sinceIso = _since ? _since.toISOString() : null;
      if (sinceIso) q = q.gte('visited_at', sinceIso);

      if (isTL) {
        // TL — ดู sessions ของทุกคนในทีม (ใช้ portviewBulkData หา emails)
        // v951: admin ห้ามใส่ .in() — รายชื่อทั้งบริษัทหลายร้อยอีเมลทำ URL ยาวเกิน
        // request พังเงียบแล้วตกไป fallback ที่โชว์ "ยังไม่มีประวัติ" (เคสจริง
        // 2026-08-04 admin เปิดประวัติไม่ได้) · RLS เปิดให้ admin เห็นทุกแถวอยู่แล้ว
        if (!(typeof isAdminRole === 'function' && isAdminRole(getCurrentRole()))) {
          const teamEmails = _getTeamEmails();
          if (teamEmails.length > 0) {
            q = q.in('owner_email', teamEmails);
          }
        }
        // ไม่ filter by account — TL เห็นทุก session ของทีม
      } else {
        // Sales — เห็นเฉพาะของตัวเอง
        q = q.eq('owner_email', email);
        if (_accountGuid) q = q.eq('account_id', _accountGuid);
      }

      const { data: _rawData, error } = await q;
      if (error) throw error;
      // v575: dedupe — double-save เดิมสร้าง row ซ้ำ (same owner+account+duration, ห่างกัน <60s)
      // เก็บ row แรก (ใหม่สุด เพราะ order desc) ทิ้งตัวซ้ำ
      const data = (_rawData || []).filter((s, i, arr) => {
        return !arr.slice(0, i).some(prev =>
          prev.owner_email === s.owner_email &&
          (prev.account_id || prev.account_name) === (s.account_id || s.account_name) &&
          prev.duration_secs === s.duration_secs &&
          Math.abs(new Date(prev.visited_at) - new Date(s.visited_at)) < 60000
        );
      });
      if (!data || !data.length) {
        const pLabel = (HIST_PERIODS.find(p => p.key === _histFilterMode) || {}).label || '';
        const emptyMsg = _histFilterMode === 'all' ? 'ยังไม่มีประวัติ Echo' : `ยังไม่มี visit ${pLabel}`;
        body.innerHTML = `<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-4)">${emptyMsg}</div>`;
        return;
      }
      // TL/admin ได้บล็อกสรุปนำหน้า — คิดจาก data ชุดเดียวกับรายการข้างล่าง
      const head = isTL ? _histSummaryHtml(data, await _histCovisitSet(sinceIso)) : '';
      body.innerHTML = head + (isTL ? _renderTLTeamFeed(data) : _renderInlineHistory(data));
    } catch(e) {
      console.warn('[CI inline history]', e.message);
      // v951: error ≠ ว่าง — เดิม fallback ตีหน้าเป็น "ยังไม่มีประวัติ" ทำให้
      // ปัญหา query (เช่น URL ยาวเกินของ admin) ถูกกลืนหาย ไล่บั๊กไม่ได้
      if (_canDebrief()) {
        body.innerHTML = `<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-4)">โหลดประวัติไม่สำเร็จ<br><span style="font-size:var(--text-xs)">${(e.message || '').slice(0, 120)}</span></div>`;
        return;
      }
      const rows = await _loadHistory();
      const sessions = _groupHistoryBySessions(rows);
      if (!sessions.length) {
        body.innerHTML = '<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-4)">ยังไม่มีประวัติ</div>';
        return;
      }
      body.innerHTML = _renderLegacyHistory(sessions);
    }
  }

  function _getTeamEmails() {
    const tlEmail = (currentUserProfile?.email || '').toLowerCase();
    if (!tlEmail) return [];
    const emails = new Set();

    // v_echog1: admin ไม่ใช่ TL ของใคร — เดิม match tlEmail === ตัวเองได้ 0 คน แล้ว
    // fallback เป็น [ตัวเอง] ทำให้ admin เห็นหน้าว่างทุก feed โดยไม่รู้สาเหตุ
    // → admin เห็น rep ทุกคนทั้งบริษัท · bulk ยังไม่โหลด = คืน [] ให้ผู้เรียกโชว์
    // "กำลังโหลด" (ห้าม fallback เป็นตัวเอง เพราะจะกลายเป็นหน้าว่างถาวรอีก)
    const _isAdmin = typeof isAdminRole === 'function' && isAdminRole(getCurrentRole());
    if (_isAdmin) {
      if (typeof portviewBulkData !== 'undefined' && portviewBulkData) {
        portviewBulkData.forEach(r => { if (r.kamEmail) emails.add(r.kamEmail.toLowerCase()); });
      }
      if (typeof window.salesBulkData !== 'undefined' && window.salesBulkData) {
        window.salesBulkData.forEach(r => { if (r.owner_email) emails.add(r.owner_email.toLowerCase()); });
      }
      return [...emails];
    }

    // KAM team — portviewBulkData มี tlEmail + kamEmail
    if (typeof portviewBulkData !== 'undefined' && portviewBulkData) {
      portviewBulkData.forEach(r => {
        if (r.tlEmail && r.tlEmail.toLowerCase() === tlEmail && r.kamEmail)
          emails.add(r.kamEmail.toLowerCase());
      });
    }
    // v498: AD team — portviewBulkData uses same tlEmail+kamEmail columns for AD reps
    // (AD rep kamEmail is stored identically to KAM — no separate column needed)
    // Sales team — salesBulkData มี tl_email + owner_email
    if (typeof window.salesBulkData !== 'undefined' && window.salesBulkData) {
      window.salesBulkData.forEach(r => {
        if (r.tl_email && r.tl_email.toLowerCase() === tlEmail && r.owner_email)
          emails.add(r.owner_email.toLowerCase());
      });
    }
    // fallback: ถ้ายังไม่มี bulk data ให้ใส่ตัวเองไว้ก่อน
    if (emails.size === 0) emails.add(tlEmail);
    return [...emails];
  }

  // ── TL Team Feed ──────────────────────────────────────────────────────────
  function _renderTLTeamFeed(sessions) {
    if (!sessions.length) return '<div style="text-align:center;padding:48px 0;font-size:var(--text-base);color:var(--ec-ink-4)">ยังไม่มี session</div>';

    return sessions.map(s => {
      const repName  = s.owner_email ? _echoRep(s.owner_email) : '—';
      const acctLabel = s.account_name || '—';
      const date     = new Date(s.visited_at).toLocaleDateString('th-TH', { day:'numeric', month:'short' });

      // v_echog1: แถวเช็คอินอย่างเดียว (ยังไม่มีเสียง/วิเคราะห์) — การ์ดย่อของตัวเอง
      // แทนที่จะเรนเดอร์เป็นการ์ด session พังๆ (dots ว่าง + ป้ายรอรีวิวที่ไม่มีวันจบ)
      if (s.pipeline_stage === 'checked_in') {
        const time = new Date(s.visited_at).toLocaleTimeString('th-TH', { hour:'2-digit', minute:'2-digit' });
        return `<div onclick="CI._openSessionDetail('${s.id}')" style="background:rgba(var(--ec-paper-rgb),.55);border-radius:var(--r-lg);border:0.5px dashed rgba(var(--ec-ink-rgb),.14);padding:10px 14px;margin-bottom:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:8px">
  <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="var(--ec-warn)" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg>
  <div style="flex:1;min-width:0">
    <div style="font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink);line-height:1.2">${repName}</div>
    <div style="font-size:var(--text-xs);color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif">${acctLabel} · ${date} ${time}</div>
  </div>
  <span style="font-size:var(--text-2xs);font-weight:var(--fw-medium);color:var(--ec-warn);background:rgba(var(--ec-warn-rgb),.094);padding:2px 7px;border-radius:var(--r-sm);font-family:'Noto Sans Thai',sans-serif;flex-shrink:0">เช็คอินอย่างเดียว</span>
</div>`;
      }

      // v_reviewsteps (2026-08-20): pipeline ล้มถาวรต้องไม่โผล่เป็น "รอรีวิว" —
      // ของเดิมตกมาโชว์ป้ายเดียวกับ session ที่กำลังทำงานปกติ ทั้งที่ไม่มีวันเสร็จ
      // (_renderInlineHistory ฝั่ง rep แยกไว้ถูกต้องอยู่แล้ว ย้าย pattern มาที่นี่)
      if (s.pipeline_stage === 'failed_audio' || s.pipeline_stage === 'failed_system' || s.pipeline_stage === 'no_speech' || s.pipeline_stage === 'expired_audio') {
        const info = _reviewStepInfo(s);
        return `<div onclick="CI._openSessionDetail('${s.id}')" style="background:rgba(var(--ec-paper-rgb),.72);border-radius:var(--r-lg);border:0.5px solid rgba(var(--ec-bad-rgb),.28);padding:12px 14px;margin-bottom:8px;cursor:pointer;-webkit-tap-highlight-color:transparent">
  <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:6px">
    <div style="display:flex;align-items:center;gap:7px">
      <div style="width:22px;height:22px;border-radius:50%;background:rgba(var(--ec-ac-rgb),.12);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--fw-semi);color:var(--ec-ac);flex-shrink:0">${repName.slice(0,2).toUpperCase()}</div>
      <div>
        <div style="font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink);line-height:1.2">${repName}</div>
        <div style="font-size:var(--text-xs);color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif">${acctLabel} · ${date}</div>
      </div>
    </div>
    ${_reviewStepBarHtml(info)}
  </div>
</div>`;
      }

      // Echo ดีไซน์ใหม่: "อัด N นาที" แทน m:ss ที่อ่านแล้วเหมือนเวลาที่ไปร้าน
      const dur      = _ecDurText(s.duration_secs);
      const stepInfo = _reviewStepInfo(s);

      // Skill dots
      const skills = s.skill_scores?.skills || [];
      const dots = skills.slice(0, 8).map(sk => {
        const sc  = sk.tl_override || sk.score;
        const col = sc==='pass'?'var(--ec-ok)':sc==='developing'?'var(--ec-warn)':'var(--ec-line)';
        return `<span style="width:6px;height:6px;border-radius:50%;background:${col};flex-shrink:0;display:inline-block"></span>`;
      }).join('');

      // Tone badge
      let toneBadge = '';
      if (s.tone_signals?.rep_confidence) {
        const c = s.tone_signals.rep_confidence;
        const tk = c==='high'?'ok':c==='medium'?'warn':'bad';
        const col = `var(--ec-${tk})`;
        toneBadge = `<span style="font-size:var(--text-2xs);font-weight:var(--fw-medium);color:${col};background:rgba(var(--ec-${tk}-rgb),.094);padding:2px 7px;border-radius:var(--r-sm);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.04em">${c==='high'?'Confident':c==='medium'?'Steady':'Hesitant'}</span>`;
      }

      // Co-visit badge
      const cvBadge = s.covisit_verified
        ? `<span style="display:inline-flex;align-items:center;gap:3px;font-size:var(--text-2xs);font-weight:var(--fw-medium);color:var(--ec-ok);background:rgba(var(--ec-ok-rgb),.094);padding:2px 7px;border-radius:var(--r-sm);font-family:'Noto Sans Thai',sans-serif"><svg width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="var(--ec-ok)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Co-visit</span>`
        : '';

      return `<div onclick="CI._openSessionDetail('${s.id}')" style="background:rgba(var(--ec-paper-rgb),.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--r-lg);border:0.5px solid rgba(var(--ec-paper-rgb),.55);box-shadow:inset 0 1px 0 rgba(var(--ec-paper-rgb),.9),0 2px 12px rgba(var(--ec-shadow-rgb),.04);padding:12px 14px;margin-bottom:8px;cursor:pointer;-webkit-tap-highlight-color:transparent">
  <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:6px">
    <div style="display:flex;align-items:center;gap:7px">
      <div style="width:22px;height:22px;border-radius:50%;background:rgba(var(--ec-ac-rgb),.12);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--fw-semi);color:var(--ec-ac);flex-shrink:0">${repName.slice(0,2).toUpperCase()}</div>
      <div>
        <div style="font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink);line-height:1.2">${repName}</div>
        <div style="font-size:var(--text-xs);color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif">${acctLabel}</div>
      </div>
    </div>
    <div style="text-align:right">
      <div style="font-size:var(--text-xs);color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif">${date}${dur?' · '+dur:''}</div>
    </div>
  </div>
  <div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap">
    <div style="display:flex;gap:3px;align-items:center;flex:1">${dots}</div>
    ${toneBadge}
    ${cvBadge}
  </div>
  <div style="margin-top:8px">${_reviewStepBarHtml(stepInfo)}</div>
  ${s.tl_note ? `<div style="font-size:var(--text-xs);color:var(--ec-info);font-style:italic;line-height:1.5;margin-top:6px;padding-top:6px;border-top:0.5px solid rgba(var(--ec-info-rgb),.12);font-family:'Noto Sans Thai',sans-serif">${s.tl_note}</div>` : ''}
</div>`;
    }).join('');
  }

  // สไตล์ของหน้าอ่านผล — ใช้ทั้งหน้าอ่านผลจากประวัติ และหน้าผลสดในแอป (ทางสำรองตอนเน็ตไม่ดี)
  function _ensureSdCss() {
    if (!document.getElementById('ci-sess-detail-style')) {
      const s = document.createElement('style');
      s.id = 'ci-sess-detail-style';
      s.textContent = `
#ci-sess-detail { position:fixed;top:0;bottom:0;left:50%;width:100%;max-width:var(--app-max,440px);transform:translateX(-50%) translateY(100%);z-index:10001;padding-top:env(safe-area-inset-top,44px);background:var(--ec-bg);font-family:'Noto Sans Thai',sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;transition:transform 380ms cubic-bezier(0.16,1,0.3,1);overflow:hidden; }
#ci-sess-detail.open { transform:translateX(-50%) translateY(0); }
.sd-header { display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:0.5px solid var(--ec-line);flex-shrink:0; }
.sd-title { font-size:var(--text-lg2);font-weight:var(--fw-medium);color:var(--ec-ink);letter-spacing:-.02em; }
.sd-close { font-size:var(--text-lg2);color:var(--ec-ink-3);cursor:pointer;padding:4px 0 4px 12px; }
.sd-body { flex:1;overflow-y:auto;padding:16px 20px 24px;-webkit-overflow-scrolling:touch; }
.sd2-transcript { font-size:12.5px;color:var(--ec-ink-2);line-height:1.7;padding:12px 14px;background:rgba(var(--ec-ac-rgb),.05);border:0.5px solid rgba(var(--ec-ac-rgb),.12);border-radius:11px;letter-spacing:-.005em; }
.sd-body::-webkit-scrollbar { display:none; }
.sd-section-hd { font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;margin:16px 0 8px; }
.sd-skill-row { display:flex;gap:10px;padding:10px 0;border-bottom:0.5px solid var(--ec-fill-3); }
.sd-skill-row:last-child { border-bottom:none; }
.sd-skill-dot { width:6px;height:6px;border-radius:50%;margin-top:4px;flex-shrink:0; }
.sd-skill-name { font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink);margin-bottom:2px; }
.sd-skill-ev { font-size:var(--text-sm);color:var(--ec-ink-3);line-height:1.5; }
.sd-skill-note { font-size:var(--text-sm);color:var(--ec-ac);margin-top:3px;font-style:italic;line-height:1.4; }
.sd-tone-row { display:flex;gap:10px;margin-bottom:12px; }
.sd-tone-card { flex:1;padding:10px 12px;background:var(--ec-fill-2);border-radius:var(--r-md); }
.sd-tone-label { font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;margin-bottom:3px; }
.sd-tone-val { font-size:var(--text-base);font-weight:var(--fw-medium); }
.sd-tone-note { font-size:var(--text-xs);color:var(--ec-ink-6);margin-top:2px;line-height:1.4; }
.sd-summary { font-size:var(--text-md);color:var(--ec-ink-3);line-height:1.7;padding:12px 14px;background:rgba(var(--ec-ac-rgb),.05);border-radius:var(--r-md);border:0.5px solid rgba(var(--ec-ac-rgb),.12); }
.sd-review-btn { width:100%;padding:14px;border-radius:var(--r-lg);border:none;background:var(--ec-ac);color:var(--tk-text-primary);font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-lg2);font-weight:var(--fw-medium);cursor:pointer;letter-spacing:-.02em;transition:opacity 80ms; }
.sd-review-btn:active { opacity:.8; }
.sd-review-btn.done { background:var(--ec-ok); }
.sd-review-footer { padding:12px 20px 32px;flex-shrink:0;border-top:0.5px solid var(--ec-line); }
/* ── v568 redesign (approved mockup): readable type scale + tabs + collapsible states ── */
.sd2-name { font-size:var(--text-xl2);font-weight:var(--fw-semi);color:var(--ec-ink);letter-spacing:-.02em; }
.sd2-meta { font-size:var(--text-base);color:var(--ec-ink-2);margin-top:3px;line-height:1.55; }
.sd2-chips { display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap; }
.sd2-chip { display:inline-flex;align-items:center;gap:5px;font-size:var(--text-md);font-weight:var(--fw-semi);padding:5px 12px;border-radius:var(--r-pill);letter-spacing:.01em; }
.sd2-chip svg { flex-shrink:0; }
.sd2-chip.bad { color:var(--ec-bad-tx);background:rgba(var(--ec-bad-rgb),.08); }
.sd2-chip.dev { color:var(--ec-warn-tx);background:rgba(var(--ec-warn-rgb),.09); }
.sd2-chip.good { color:var(--ec-ok-tx);background:rgba(var(--ec-ok-rgb),.09); }
.sd2-chip.cv { color:var(--ec-ok);background:rgba(var(--ec-ok-rgb),.07); }
.sd2-chip.rev { color:var(--ec-info);background:rgba(var(--ec-info-rgb),.07); }
.sd2-whywrap { position:relative;margin-top:10px; }
.sd2-why { font-size:13.5px;color:var(--ec-ink-2);line-height:1.7;padding:12px 38px 12px 14px;background:var(--ec-fill);border-radius:var(--r-card);transition:all .2s; }
.sd2-why.collapsed { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.sd2-whytg { position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:var(--r-8);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ec-ink-5);transition:transform .2s; }
.sd2-whytg.flip { transform:rotate(180deg); }
.sd2-tabs { display:flex;gap:4px;margin-top:16px;background:var(--ec-fill);border-radius:var(--r-card);padding:4px; }
.sd2-tab { flex:1;text-align:center;font-size:13.5px;font-weight:var(--fw-semi);color:var(--ec-ink-5);padding:9px 0;border-radius:var(--r-9);cursor:pointer;transition:all .18s;-webkit-tap-highlight-color:transparent; }
.sd2-tab.on { background:var(--ec-raised);color:var(--ec-ink);box-shadow:0 1px 4px rgba(var(--ec-shadow-rgb),.07); }
.sd2-pane { display:none;padding-top:16px; }
.sd2-pane.on { display:block;animation:sd2fade .22s ease; }
@keyframes sd2fade { from { opacity:0;transform:translateY(4px); } to { opacity:1;transform:none; } }
.sd2-lbl { font-size:var(--text-sm);font-weight:var(--fw-semi);letter-spacing:.12em;text-transform:uppercase;color:var(--ec-ink-5);margin:18px 0 10px;font-family:'Noto Sans Thai',sans-serif; }
.sd2-lbl:first-child { margin-top:0; }
.sd2-tone { display:flex;gap:10px; }
.sd2-tcard { flex:1;padding:13px 14px;background:var(--ec-fill);border-radius:var(--r-card); }
.sd2-tcard .k { font-size:var(--text-sm);font-weight:var(--fw-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--ec-ink-5); }
.sd2-tcard .v { font-size:var(--text-lg2);font-weight:var(--fw-semi);margin-top:4px; }
.sd2-tcard .n { font-size:12.5px;color:var(--ec-ink-2);margin-top:4px;line-height:1.6; }
.sd2-sum { font-size:var(--text-lg);color:var(--ec-ink);line-height:1.8;padding:14px 16px;background:rgba(var(--ec-ac-rgb),.03);border:0.5px solid rgba(var(--ec-ac-rgb),.1);border-radius:var(--r-card); }
.sd2-srow { display:flex;gap:12px;padding:13px 0;border-bottom:0.5px solid var(--ec-line-2); }
.sd2-srow:last-child { border:none; }
.sd2-sdot { width:8px;height:8px;border-radius:50%;margin-top:7px;flex-shrink:0; }
.sd2-scode { font-family:var(--mono,'IBM Plex Mono','Noto Sans Thai',monospace);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--ec-ink-5);letter-spacing:.04em; }
.sd2-sname { font-size:var(--text-lg);font-weight:var(--fw-semi);color:var(--ec-ink);margin-top:1px; }
.sd2-sev { font-size:13.5px;color:var(--ec-ink-2);line-height:1.7;margin-top:4px; }
.sd2-snote { font-size:var(--text-base);color:var(--ec-bad-tx);line-height:1.65;margin-top:5px;padding-left:10px;border-left:2px solid rgba(var(--ec-bad-rgb),.2); }
.sd2-sstate { margin-left:auto;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--fw-semi);padding:3px 9px;border-radius:var(--r-pill);height:fit-content;white-space:nowrap; }
.sd2-sstate.no { color:var(--ec-ink-5);background:var(--ec-fill); }
.sd2-sstate.dev { color:var(--ec-warn-tx);background:rgba(var(--ec-warn-rgb),.08); }
.sd2-sstate.ok { color:var(--ec-ok-tx);background:rgba(var(--ec-ok-rgb),.08); }
.sd2-iline { display:flex;gap:12px;padding:11px 0;border-bottom:0.5px solid var(--ec-line-2); }
.sd2-iline:last-child { border:none; }
.sd2-ik { flex-shrink:0;width:64px;font-size:var(--text-sm);font-weight:var(--fw-semi);letter-spacing:.08em;text-transform:uppercase;color:var(--ec-ink-5);padding-top:3px; }
.sd2-iv { font-size:var(--text-lg);color:var(--ec-ink);line-height:1.7; }
.sd2-iv .sub { color:var(--ec-ink-2);font-size:var(--text-base); }
.sd2-ipoint { display:flex;gap:9px;padding:7px 0;font-size:var(--text-lg);color:var(--ec-ink);line-height:1.7; }
.sd2-ipoint::before { content:'';width:5px;height:5px;border-radius:50%;background:var(--ec-ac);margin-top:9px;flex-shrink:0; }
.sd2-next { display:flex;gap:10px;padding:11px 13px;background:rgba(var(--ec-info-rgb),.03);border:0.5px solid rgba(var(--ec-info-rgb),.12);border-radius:11px;margin-bottom:8px;font-size:var(--text-lg);color:var(--ec-ink);line-height:1.65; }
.sd2-next .num { font-family:var(--mono,'IBM Plex Mono','Noto Sans Thai',monospace);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--ec-info);padding-top:3px;flex-shrink:0; }
.sd2-notebar { display:flex;align-items:center;gap:9px;padding:13px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent; }
.sd2-notebar .t { flex:1;min-width:0;font-size:13.5px;font-weight:var(--fw-semi);color:var(--ec-info);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sd2-notebar .t .pv { font-weight:var(--fw-normal);color:var(--ec-ink-2); }
.sd2-notebar .ch { color:var(--ec-ink-5);transition:transform .2s;flex-shrink:0; }
.sd2-notebar.open .ch { transform:rotate(180deg); }
.sd2-note-editor { display:none;padding:0 16px 4px; }
.sd2-note-editor.open { display:block;animation:sd2fade .2s ease; }
.sd2-note-ro { font-size:13.5px;color:var(--ec-info-tx);line-height:1.7;padding:11px 13px;background:rgba(var(--ec-info-rgb),.05);border:0.5px solid rgba(var(--ec-info-rgb),.16);border-radius:11px;margin-bottom:4px; }
      
/* ── Echo ดีไซน์ใหม่ หน้าอ่านผล (Bucci เคาะ 25 ต.ค. canvas EchoResult) ── */
.sd-header .sd-back { font-size:var(--text-lg);color:var(--ec-ink-3);cursor:pointer;padding:4px 12px 4px 0;min-width:52px; }
.sd2-shop { font-size:var(--text-2xl);font-weight:var(--fw-semi);color:var(--ec-ink);line-height:1.25; }
.sd2-meta2 { font-size:13.5px;color:var(--ec-ink-3);margin-top:4px;font-family:'Noto Sans Thai',sans-serif; }
.sd2-meta2 a { color:var(--ec-info-2);text-decoration:none; }
.sd2-chip.by { color:var(--ec-ink-3);background:transparent;border:.5px solid var(--ec-line); }
.ec-sd-hl { margin:2px 0 16px;border-radius:16px;background:linear-gradient(135deg,rgba(var(--ec-ac-rgb),.12),rgba(var(--ec-ac-rgb),.04));border:.5px solid rgba(var(--ec-ac-rgb),.35);padding:13px 14px; }
.ec-sd-hl .who { display:flex;align-items:center;gap:8px;font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--ec-ok-tx); }
.ec-sd-hl .who i { font-style:normal;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,var(--ec-olive-1),var(--ec-olive-2));color:var(--ec-on-ac);font-size:var(--text-2xs);font-weight:700;display:flex;align-items:center;justify-content:center; }
.ec-sd-hl p { margin:6px 0 0;font-size:var(--text-lg2);font-weight:var(--fw-semi);line-height:1.55;color:var(--ec-ink); }
.ec-sd-q { padding:9px 0;border-bottom:.5px solid var(--ec-line-2); }
.ec-sd-q:last-child { border:0; }
.ec-sd-q b { display:block;font-size:var(--text-base);font-weight:var(--fw-medium);line-height:1.5;color:var(--ec-ink); }
.ec-sd-q span { display:block;font-size:13.5px;color:var(--ec-ink-3);margin-top:2px; }
.ec-sd-q span time { color:var(--ec-ink-6);font-size:var(--text-xs);margin-left:4px; }
.ec-sd-oc { display:grid;grid-template-columns:1fr 1fr;gap:6px; }
.ec-sd-oc span { display:flex;align-items:center;gap:7px;font-size:13.5px;border-radius:10px;padding:8px 10px;background:var(--ec-card);border:.5px solid var(--ec-line-2);color:var(--ec-ink-3); }
.ec-sd-oc span.y { color:var(--ec-ok-tx);border-color:rgba(var(--ec-ok-rgb),.3);background:rgba(var(--ec-ok-rgb),.07); }
.ec-sd-oc span.p { color:var(--ec-warn-tx);border-color:rgba(var(--ec-warn-rgb),.3);background:rgba(var(--ec-warn-rgb),.07); }
.ec-sd-oc span i { font-style:normal;font-weight:700;width:16px;text-align:center; }
.ec-sd-hw { font-size:var(--text-sm);color:var(--ec-warn-tx);margin-top:8px; }
.ec-sd-own { font-size:var(--text-2xs);font-weight:var(--fw-semi);border-radius:6px;padding:2px 8px;color:var(--ec-info-tx);background:rgba(var(--ec-info-rgb),.12); }
.ec-sd-sbar { display:flex;gap:3px;height:8px;border-radius:4px;overflow:hidden;margin-top:6px; }
.ec-sd-sbar i { display:block; }
.ec-sd-sleg { display:flex;gap:12px;font-size:var(--text-sm);color:var(--ec-ink-3);margin-top:7px;flex-wrap:wrap; }
.ec-sd-sleg span { display:flex;align-items:center;gap:5px; }
.ec-sd-sleg span i { width:8px;height:8px;border-radius:50%;display:inline-block; }
.ec-sd-sk { border-radius:14px;background:var(--ec-card);border:.5px solid var(--ec-line-2);padding:11px 13px;margin-bottom:8px; }
.ec-sd-sk .h { display:flex;align-items:center;gap:8px; }
.ec-sd-sk .h b { flex:1;font-size:var(--text-base);font-weight:var(--fw-semi);color:var(--ec-ink); }
.ec-sd-sk .h code { font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-2xs);color:var(--ec-ink-6); }
.ec-sd-sk .e { font-size:13.5px;color:var(--ec-ink-3);margin-top:4px;line-height:1.55; }
.ec-sd-sk .g { font-size:var(--text-sm);color:var(--ec-ink-5);margin-top:3px; }
.ec-sd-tip { margin-top:8px;border-radius:10px;background:rgba(var(--ec-info-rgb),.10);padding:8px 10px;font-size:13.5px;color:var(--ec-info-tx);line-height:1.55; }
.ec-sd-ok { display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-bottom:.5px solid var(--ec-line-2); }
.ec-sd-ok:last-child { border:0; }
.ec-sd-ok i { font-style:normal;color:var(--ec-ok);font-weight:700;margin-top:1px; }
.ec-sd-ok.none i { color:var(--ec-ink-6); }
.ec-sd-ok b { display:block;font-size:14.5px;font-weight:var(--fw-medium);color:var(--ec-ink); }
.ec-sd-ok span { display:block;font-size:var(--text-sm);color:var(--ec-ink-5);margin-top:1px; }
.ec-sd-more { margin-top:12px;border-radius:14px;border:.5px solid var(--ec-line); }
.ec-sd-more summary { padding:12px 14px;font-size:14.5px;color:var(--ec-ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between; }
.ec-sd-more summary::-webkit-details-marker { display:none; }
.ec-sd-more summary span { color:var(--ec-ink-5);font-size:var(--text-sm); }
.ec-sd-more > div { padding:0 14px 10px; }
`;
      document.head.appendChild(s);
    }
  }

  // ── Session Detail Sheet (TL) ──────────────────────────────────────────────
  async function _openSessionDetail(sessionId) {
    // v567: TL-only guard removed — the detail is now role-aware (v566): the
    // coaching editor is gated to TL inside the renderer; reps get read-only.
    // This guard was why reps could not open their own history detail.

    _ensureSdCss();

    document.getElementById('ci-sess-detail')?.remove();
    const sheet = document.createElement('div');
    sheet.id = 'ci-sess-detail';
    sheet.innerHTML = `
      <div class="sd-header">
        <span class="sd-back" onclick="CI._closeSessionDetail()">← กลับ</span>
        <span class="sd-title">ผลสรุป visit</span>
        <span style="min-width:52px"></span>
      </div>
      <div class="sd-body" id="sd-body-inner">
        <div style="text-align:center;padding:48px 0;font-size:var(--text-base);color:var(--ec-ink-6)">กำลังโหลด...</div>
      </div>
      <div class="sd-review-footer" id="sd-review-footer" style="display:none"></div>`;
    document.body.appendChild(sheet);
    requestAnimationFrame(() => requestAnimationFrame(() => sheet.classList.add('open')));

    // Load session data
    try {
      // v_echog1: + transcript,summary_data (เดิมไม่ดึง → แท็บบทสนทนาว่างเสมอเมื่อ
      // เปิดจาก history) + pipeline_stage,rep_lat,rep_lng,checked_in_at (แถบเช็คอิน
      // + สถานะเช็คอินอย่างเดียว)
      // v_confproxy: +transcript_source — จำเป็นต้องรู้ว่าถอดด้วยหูไหนก่อนตัดสิน
      // ว่าค่า transcript_confidence เชื่อถือได้แค่ไหน (ดูคอมเมนต์ที่ป้ายเตือนด้านล่าง)
      const { data, error } = await supa.from('ci_sessions')
        .select('id,owner_email,account_id,account_name,visited_at,duration_secs,skill_scores,customer_intel,next_actions,transcript_summary,tone_signals,tl_reviewed_at,tl_reviewed_by,tl_note,covisit_verified,status,pipeline_stage,pipeline_error,transcript,summary_data,rep_lat,rep_lng,checked_in_at,transcript_confidence,transcript_source')
        .eq('id', sessionId)
        .single();
      if (error || !data) throw error || new Error('not found');
      // v552: merge verified จาก local cache + covisit_events (spec: source of truth)
      if (!data.covisit_verified) {
        if (_cvDoneCache()[data.id]) data.covisit_verified = true;
        else {
          try {
            const { data: ev } = await supa.from('covisit_events')
              .select('session_id').eq('session_id', data.id).eq('verified', true).limit(1);
            if (ev && ev.length) data.covisit_verified = true;
          } catch(_) {}
        }
      }
      // ชื่อทักษะภาษาไทยมาจาก rubric — เปิดจากประวัติ/แถบแจ้งผลตรงๆ cache อาจยังว่าง (โหลดครั้งเดียว ~12 แถว)
      if (!_rubricCache || !_rubricCache.length) { try { await _loadRubricFromDB(); } catch (_) {} }
      _renderSessionDetailContent(data);
      try { _ecPendingDrop(String(sessionId)); } catch (_) {}
    } catch(e) {
      const b = document.getElementById('sd-body-inner');
      if (b) b.innerHTML = `<div style="text-align:center;padding:48px 0;font-size:var(--text-base);color:var(--ec-ink-6)">โหลดไม่สำเร็จ: ${e.message}</div>`;
    }
  }

  function _renderSessionDetailContent(s) {
    // v598: shared renderer — map ci_sessions row → same 4 panel functions as live result
    // เพื่อให้ design เดียวกันทั้ง live result และ session detail จาก history
    const body   = document.getElementById('sd-body-inner');
    const footer = document.getElementById('sd-review-footer');
    if (!body) return;

    const repName   = s.owner_email ? _echoRep(s.owner_email) : '—';
    const acctLabel = s.account_name || '—';
    const reviewed  = !!s.tl_reviewed_at;
    const reviewedDate = reviewed
      ? new Date(s.tl_reviewed_at).toLocaleDateString('th-TH', { day:'numeric', month:'short' })
      : null;

    // ── Verdict + meta chips
    const overall = s.skill_scores?.overall;
    const vMap = { needs_work:['ต้องปรับปรุง','bad'], developing:['กำลังพัฒนา','dev'], strong:['ทำได้ดี','good'] };
    const v = vMap[overall] || null;
    const verdictChip = v ? `<span class="sd2-chip ${v[1]}">ภาพรวม ${v[0]}</span>` : '';
    // Echo ดีไซน์ใหม่: หัวจอเป็นชื่อร้าน · "โดย ชื่อเล่น" เฉพาะเมื่อดูของคนอื่น (หัวหน้าทีม/แอดมิน)
    const _me = (_authEmail() || '').toLowerCase();
    const _other = !!(s.owner_email && s.owner_email.toLowerCase() !== _me);
    const byChip = _other ? `<span class="sd2-chip by">โดย ${repName}</span>` : '';
    const _vd = new Date(s.visited_at);
    const _when = _vd.toLocaleDateString('th-TH', { weekday: 'short', day: 'numeric', month: 'short' });
    const _go = s.checked_in_at ? ' · ไป ' + _ecTime(s.checked_in_at) : '';
    const _recTxt = s.duration_secs ? ' · ' + _ecDurText(s.duration_secs) : '';
    const _map = (s.rep_lat != null && s.rep_lng != null)
      ? ` · <a href="https://www.google.com/maps?q=${s.rep_lat},${s.rep_lng}" target="_blank" rel="noopener">ดูพิกัด ↗</a>` : '';
    const headHtml = `<div class="sd2-shop">${acctLabel}</div><div class="sd2-meta2">${_when}${_go}${_recTxt}${_map}</div>`;
    const cvChip = s.covisit_verified
      ? `<span class="sd2-chip cv" id="sd-cv-badge"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Co-visit</span>`
      : `<span id="sd-cv-badge" style="display:none"></span>`;
    const revChip = reviewed
      ? `<span class="sd2-chip rev"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>รีวิวแล้ว ${reviewedDate}</span>` : '';

    // ── Map ci_sessions fields → shared panel function arguments
    // skill_scores: { skills, overall, pipc_stage, session_summary, no_speech }
    // apply tl_override per skill so shared renderer shows final score
    const skillData = Object.assign({}, s.skill_scores || {}, {
      skills: (s.skill_scores?.skills || []).map(sk => Object.assign({}, sk, {
        score: sk.tl_override || sk.score
      }))
    });
    // customer_intel: { ocpb_facts, ocpb_status, next_actions } + legacy fields
    const intelData = Object.assign({}, s.customer_intel || {}, {
      next_actions: s.next_actions || s.customer_intel?.next_actions || [],
      _customer_said: (s.summary_data && Array.isArray(s.summary_data.customer_said)) ? s.summary_data.customer_said : []
    });
    const toneSignals       = s.tone_signals || null;
    // v606: ส่ง transcriptSummary ให้ _overviewPanel โดยตรง (ไม่มี whyHtml กรอง)
    const transcriptSummary = s.transcript_summary || null;
    // Echo v2: pass segments + summaryData so history matches live result
    const segments   = Array.isArray(s.transcript) ? s.transcript : [];
    const summaryData = s.summary_data || null;

    // (แถบเช็คอินเดิมรวมเข้าบรรทัดใต้ชื่อร้านแล้ว — headHtml: วัน · ไป HH:MM · อัด N นาที · ดูพิกัด)
    // ── Phase A0: low transcript-confidence warning — worker already computed
    // this per session, it just was never surfaced before. Threshold is a
    // starting estimate (Whisper avg_logprob-derived, 0-1), not calibrated
    // against real data yet — revisit once Phase E has baseline numbers.
    // Copy deliberately does NOT say "listen to the original audio" — Echo
    // never stores/replays the recording, only the transcript.
    //
    // v_confproxy (2026-08-17): 0.6 ใช้ไม่ได้กับ transcript_source='gemini-3.1-pro'
    // — Gemini ไม่มีตัวเลขความมั่นใจจริงแบบ Whisper (ดู runListenStep ฝั่ง worker)
    // ค่านี้เป็นแค่ตัวแทนจากสัดส่วนท่อนที่มันติดป้าย "[ฟังไม่ชัด]" เอง ซึ่งมันไม่ค่อย
    // ติดป้ายนี้เลยไม่ว่าคุณภาพเสียงจะแย่แค่ไหนจริง (ข้อมูลจริงที่วัดได้: กระจุกใกล้
    // 1.0 เกือบทุกแถว) → เกณฑ์ 0.6 แทบไม่มีวันติดสำหรับ Gemini เลย ป้ายเตือนเงียบ
    // ไปทั้งที่ควรขึ้น ใช้เกณฑ์เข้มกว่ามากสำหรับ Gemini แทน: แค่มีท่อนเดียวที่มันเอง
    // ยังยอมรับว่าฟังไม่ชัด (conf < 1.0) ก็ควรเตือนแล้ว เพราะมันประเมินตัวเองสูงเกิน
    // จริงเป็นปกติอยู่แล้ว
    // v_usability (2026-08-21): เหตุผลข้างบนหมดอายุแล้ว · ตอนนี้ worker คิด
    // transcript_confidence จาก "ความใช้ได้จริง" (ครอบคลุม × ความละเอียด × ความชัด)
    // ด้วยสูตรเดียวกันทั้ง Gemini และ Whisper (ดู _usabilityScore ฝั่ง worker) ⇒ ตัวเลข
    // มีความหมายเท่ากันทั้งสองแหล่งแล้ว ไม่ต้องมีเกณฑ์พิเศษต่อแหล่งอีก
    // ตรวจกับ session จริง 6 ตัวแล้ว 0.6 แยกงานดี/งานพังได้ถูกทุกตัว: ของ Dent
    // 19 ส.ค. (บุชยืนยันว่าแม่น) ได้ 0.73 = ไม่เตือน · ตัวที่ถอดได้ 27% ได้ 0.27 = เตือน
    const _confThreshold = 0.6;
    let confBanner = '';
    if (typeof s.transcript_confidence === 'number' && s.transcript_confidence < _confThreshold) {
      confBanner = `<div style="display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-top:10px;background:rgba(var(--ec-warn-rgb),.08);border:0.5px solid rgba(var(--ec-warn-rgb),.22);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--ec-warn-tx);line-height:1.5;font-family:'Noto Sans Thai',sans-serif">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;margin-top:1px"><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.01" y2="17"/></svg>
        <span>ถอดเสียงไม่ชัดเจน (ความมั่นใจ ${Math.round(s.transcript_confidence*100)}%) — ควรตรวจสอบความถูกต้องก่อนเชื่อผลวิเคราะห์ในหน้านี้</span>
      </div>`;
    }

    // ── v_queue: pipeline ยอมแพ้ — บอกเหตุผลจริง ไม่ปล่อยให้เดา
    if (s.pipeline_stage === 'failed_audio' || s.pipeline_stage === 'failed_system') {
      const _isAudio = s.pipeline_stage === 'failed_audio';
      body.innerHTML = `
${headHtml}${byChip ? `<div class="sd2-chips">${byChip}</div>` : ''}
<div class="sd2-chips">${cvChip}</div>
<div style="text-align:center;padding:36px 16px;color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif">
  <div style="margin-bottom:10px"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="var(--ec-bad)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 8v5M12 16.5v.01"/></svg></div>
  <div style="font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink-3);margin-bottom:4px">${_isAudio ? 'ไฟล์เสียงใช้ไม่ได้' : 'วิเคราะห์ไม่สำเร็จ'}</div>
  <div style="font-size:var(--text-sm);line-height:1.6">${_isAudio
    ? 'เสียงขาดระหว่างอัด (มักเกิดตอนล็อกจอหรือสลับแอพ)<br>visit นี้ยังนับตามปกติ — ครั้งหน้าลองอัดโดยเปิดหน้าจอทิ้งไว้'
    : 'ระบบลองวิเคราะห์หลายรอบแล้วยังไม่ผ่าน<br>กด "ลองใหม่" ที่การ์ดในหน้าประวัติได้'}</div>
  ${s.pipeline_error ? `<div style="margin-top:14px;font-size:var(--text-2xs);color:var(--ec-ink-4);font-family:'IBM Plex Mono',monospace;word-break:break-all;opacity:.7">${String(s.pipeline_error).slice(0, 160)}</div>` : ''}
</div>`;
      if (footer) footer.style.display = 'none';
      return;
    }

    // ── A2v2.1: async pipeline กำลังทำงาน / ไม่พบเสียง — สถานะตรงๆ แทนแท็บว่าง
    // v_audiofix: needs_gemini = ไฟล์ดีแต่ใหญ่เกินขีดของตัวถอดปัจจุบัน — ยังไม่ตาย
    // รอเส้นทางใหม่มารับช่วง จึงแสดงเหมือน 'uploaded' (กำลังทำอยู่) ไม่ใช่ล้มเหลว
    if (s.pipeline_stage === 'uploaded' || s.pipeline_stage === 'no_speech' || s.pipeline_stage === 'needs_gemini') {
      const _isProcessing = s.pipeline_stage === 'uploaded' || s.pipeline_stage === 'needs_gemini';
      body.innerHTML = `
${headHtml}${byChip ? `<div class="sd2-chips">${byChip}</div>` : ''}
<div class="sd2-chips">${cvChip}</div>
<div style="text-align:center;padding:40px 16px;color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif">
  ${_isProcessing
    ? `<div style="display:flex;gap:5px;align-items:center;justify-content:center;margin-bottom:12px">
        <span style="width:6px;height:6px;border-radius:50%;background:var(--ec-info);animation:ci-dot-pulse 1.2s ease-in-out infinite"></span>
        <span style="width:6px;height:6px;border-radius:50%;background:var(--ec-info);animation:ci-dot-pulse 1.2s ease-in-out .2s infinite"></span>
        <span style="width:6px;height:6px;border-radius:50%;background:var(--ec-info);animation:ci-dot-pulse 1.2s ease-in-out .4s infinite"></span>
      </div>
      <div style="font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink-3);margin-bottom:4px">ระบบกำลังวิเคราะห์เบื้องหลัง</div>
      <div style="font-size:var(--text-sm);line-height:1.6">ไม่ต้องเปิดหน้าจอรอ — เสร็จแล้วผลจะขึ้นแทนหน้านี้เอง<br>(ปกติภายใน 15 นาที)</div>`
    : `<div style="font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink-3);margin-bottom:4px">ไม่พบเสียงพูดในไฟล์ที่อัด</div>
      <div style="font-size:var(--text-sm);line-height:1.6">visit นี้ยังนับเช็คอินตามปกติ — ถ้าต้องการผลวิเคราะห์ ลองอัดใหม่ใน visit หน้า</div>`}
</div>`;
      if (footer) footer.style.display = 'none';
      return;
    }

    // ── v_echog1: visit แบบเช็คอินอย่างเดียว — ไม่มีเสียง/วิเคราะห์ให้โชว์
    // แสดงสถานะตรงๆ แทน 3 แท็บว่างที่ดูเหมือนข้อมูลหาย
    if (s.pipeline_stage === 'checked_in') {
      body.innerHTML = `
${headHtml}${byChip ? `<div class="sd2-chips">${byChip}</div>` : ''}
<div class="sd2-chips">${cvChip}</div>
<div style="text-align:center;padding:40px 16px;color:var(--ec-ink-4);font-family:'Noto Sans Thai',sans-serif">
  <div style="margin-bottom:10px"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="var(--ec-warn)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg></div>
  <div style="font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--ec-ink-3);margin-bottom:4px">เช็คอินอย่างเดียว</div>
  <div style="font-size:var(--text-sm);line-height:1.6">visit นี้ไม่มีบันทึกเสียง — นับเป็น visit ตามปกติ<br>ถ้า rep อัดเสียงต่อจากเช็คอินนี้ ผลวิเคราะห์จะมาแทนหน้านี้เอง</div>
</div>`;
      if (footer) footer.style.display = 'none';
      return;
    }

    // ── Build 3 panes (v606: รวม overview+transcript → "บทสนทนา")
    const pane1 = _overviewPanel(transcriptSummary, toneSignals, segments, summaryData);
    const pane2 = _skillsPanel(skillData);
    const pane3 = _customerPanel(intelData);

    // Echo ดีไซน์ใหม่ (Bucci เคาะ 25 ต.ค. canvas EchoResult): แท็บแรก "สรุป" = ทำอะไรต่อ ขึ้นก่อน
    // (เดิมอยู่แท็บสุดท้าย "ลูกค้า") · เนื้อหาเดิมครบทุกชิ้น แค่ย้ายลำดับ · id ของ pane คงเดิม
    body.innerHTML = `
${headHtml}
<div class="sd2-chips">${verdictChip}${byChip}${cvChip}${revChip}</div>
${confBanner}
<div class="sd2-tabs">
  <div class="sd2-tab on" onclick="CI._sdTab(this,'sd2p3')">สรุป</div>
  <div class="sd2-tab" onclick="CI._sdTab(this,'sd2p1')">บทสนทนา</div>
  <div class="sd2-tab" onclick="CI._sdTab(this,'sd2p2')">ทักษะ</div>
</div>
<div class="sd2-pane on" id="sd2p3">${pane3}</div>
<div class="sd2-pane" id="sd2p1">${pane1}</div>
<div class="sd2-pane" id="sd2p2">${pane2}</div>`;

    // ── Footer — TL coaching note editor / read-only note for rep
    const _isTLViewer = (typeof _canDebrief === 'function') ? _canDebrief() : false;
    if (footer) footer.style.padding = '0 0 max(16px, env(safe-area-inset-bottom, 0px))';
    if (footer && !_isTLViewer) {
      const _hasNote = !!(s.tl_note && s.tl_note.trim());
      footer.style.display = _hasNote ? 'block' : 'none';
      if (_hasNote) {
        const pv = s.tl_note.length > 42 ? s.tl_note.slice(0, 42) + '\u2026' : s.tl_note;
        footer.innerHTML = `
<div class="sd2-notebar" id="sd2-notebar" onclick="CI._sdToggleNote()">
  <span class="t">TL Note <span class="pv">\u00b7 ${pv}</span></span>
  <span class="ch"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg></span>
</div>
<div class="sd2-note-editor" id="sd2-note-editor">
  <div class="sd2-note-ro">${s.tl_note}</div>
</div>`;
      }
    }
    if (footer && _isTLViewer) {
      footer.style.display = 'block';
      const existingNote = s.tl_note || '';
      const pv = existingNote ? (existingNote.length > 36 ? existingNote.slice(0, 36) + '\u2026' : existingNote) : '';
      const barLabel = reviewed
        ? `รีวิวแล้ว ${reviewedDate}${pv ? ` <span class="pv">\u00b7 ${pv}</span>` : ''}`
        : 'เขียน Coaching Note + รีวิว';
      footer.innerHTML = `
<div class="sd2-notebar" id="sd2-notebar" onclick="CI._sdToggleNote()">
  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--ec-info)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0"><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>
  <span class="t">${barLabel}</span>
  <span class="ch"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg></span>
</div>
<div class="sd2-note-editor" id="sd2-note-editor">
  <textarea id="sd-tl-note" placeholder="บันทึก coaching note สำหรับ session นี้ (optional)" rows="3"
    style="width:100%;padding:11px 13px;border:0.5px solid rgba(var(--ec-info-rgb),.3);border-radius:11px;background:rgba(var(--ec-info-rgb),.04);color:var(--ec-ink);font-family:'Noto Sans Thai',sans-serif;font-size:var(--text-lg);line-height:1.65;resize:none;-webkit-appearance:none;outline:none"
    onfocus="this.style.borderColor='rgba(var(--ec-info-rgb),.55)'" onblur="this.style.borderColor='rgba(var(--ec-info-rgb),.3)'"
  >${existingNote}</textarea>
  <button class="sd-review-btn" id="sd-save-note-btn"
    style="margin-top:10px;background:var(--ec-info);font-size:var(--text-lg2);font-weight:var(--fw-semi)"
    onclick="CI._saveTLSessionNote('${s.id}', ${reviewed})">
    ${reviewed ? 'อัปเดต Note' : 'บันทึก + รีวิว'}
  </button>
</div>`;
    }
  }

  // ── v568 detail-sheet interactions ──────────────────────────────────────────
  function _sdTab(el, paneId) {
    try {
      el.parentElement.querySelectorAll('.sd2-tab').forEach(t => t.classList.remove('on'));
      el.classList.add('on');
      const body = document.getElementById('sd-body-inner');
      if (body) body.querySelectorAll('.sd2-pane').forEach(p => p.classList.remove('on'));
      const pane = document.getElementById(paneId);
      if (pane) pane.classList.add('on');
    } catch(e) {}
  }
  function _sdToggleWhy() {
    const w = document.getElementById('sd2-why');
    const tg = document.getElementById('sd2-whytg');
    if (!w) return;
    const collapsed = w.classList.toggle('collapsed');
    if (tg) tg.classList.toggle('flip', collapsed);
  }
  function _sdToggleNote() {
    const ed = document.getElementById('sd2-note-editor');
    const bar = document.getElementById('sd2-notebar');
    if (!ed) return;
    const open = ed.classList.toggle('open');
    if (bar) bar.classList.toggle('open', open);
    if (open) { try { const ta = document.getElementById('sd-tl-note'); if (ta) ta.focus(); } catch(e) {} }
  }

  async function _markSessionReviewed(sessionId) {
    await _saveTLSessionNote(sessionId, false);
  }

  async function _saveTLSessionNote(sessionId, alreadyReviewed) {
    const btn  = document.getElementById('sd-save-note-btn');
    const ta   = document.getElementById('sd-tl-note');
    const note = ta ? ta.value.trim() : '';
    if (btn) { btn.disabled = true; btn.textContent = 'กำลังบันทึก...'; }
    try {
      let reviewerId = null;
      try {
        const sk = Object.keys(localStorage).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
        if (sk) { const ss = JSON.parse(localStorage.getItem(sk)); reviewerId = ss?.user?.id || null; }
      } catch(_) {}

      const payload = { tl_note: note || null };
      if (!alreadyReviewed) {
        payload.tl_reviewed_at = new Date().toISOString();
        payload.tl_reviewed_by = reviewerId;
      }

      let { data: updRows, error } = await supa.from('ci_sessions')
        .update(payload)
        .eq('id', sessionId)
        .select('id');

      // Graceful degrade: if tl_note column doesn't exist yet, retry without it
      if (error && error.message && error.message.includes('tl_note')) {
        const fallback = { ...payload };
        delete fallback.tl_note;
        const res2 = await supa.from('ci_sessions').update(fallback).eq('id', sessionId).select('id');
        error = res2.error; updRows = res2.data;
      }
      if (error) throw error;
      // v566 FAKE-SUCCESS FIX: when RLS filters the row, .update() returns success
      // with ZERO rows and no error — button showed ✓ but the DB never changed,
      // so the session stayed 'รอรีวิว' forever and could be re-reviewed endlessly.
      // .select('id') above makes the row count visible; zero rows = real failure.
      if (!updRows || !updRows.length) {
        throw new Error('สิทธิ์ในฐานข้อมูลยังไม่เปิดให้ TL รีวิว — รัน sql/ci_sessions_tl_review.sql ใน Supabase');
      }
      if (btn) {
        btn.disabled = false;
        btn.textContent = '✓ บันทึกแล้ว';
        btn.style.background = 'var(--ec-ok)';
        setTimeout(() => {
          btn.textContent = alreadyReviewed ? '✓ อัปเดต Note' : '✓ บันทึก + รีวิวแล้ว';
          btn.style.background = 'var(--ec-info)';
        }, 1800);
      }
      // v566: first review succeeded — flip the button into 'update note' mode so a
      // second tap updates the note instead of looking like a fresh review.
      if (!alreadyReviewed && btn) {
        try { btn.setAttribute('onclick', "CI._saveTLSessionNote('" + sessionId + "', true)"); } catch(_e) {}
      }
      // refresh feed + badge in background
      setTimeout(() => { _loadInlineHistory(); _loadVisitBadge(); _loadVisitHero(); }, 800);
    } catch(e) {
      if (btn) { btn.disabled = false; btn.textContent = alreadyReviewed ? '✓ อัปเดต Note' : 'บันทึก + รีวิว'; }
      _toast('บันทึกไม่สำเร็จ: ' + e.message);
    }
  }

  // ── Haversine distance (metres) between two lat/lng points ──────────────────
  function _haversine(lat1, lng1, lat2, lng2) {
    const R = 6371000;
    const dLat = (lat2 - lat1) * Math.PI / 180;
    const dLng = (lng2 - lng1) * Math.PI / 180;
    const a = Math.sin(dLat/2)*Math.sin(dLat/2)
            + Math.cos(lat1*Math.PI/180)*Math.cos(lat2*Math.PI/180)
            * Math.sin(dLng/2)*Math.sin(dLng/2);
    return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
  }

  // ── v_falseproof (2026-08-19) — 2 data-integrity gaps Bush caught live: a
  // rep checked into the same account 3× within ~2hr with no guard at all,
  // and one of those 3 check-ins' GPS was ~19km from anywhere this same
  // account had ever been checked into (a genuinely different real place).
  // Both are soft WARN + confirm, not a hard block (Bush's own call) — a
  // hard block risks stopping a real "went back for something forgotten"
  // visit or a large/multi-building account. Query failures return null
  // (pass through silently) — a broken check must never block a real
  // check-in, same principle as every other best-effort guard in this file.
  const CI_DUPE_CHECKIN_WINDOW_MS = 2 * 60 * 60 * 1000; // 2 ชม. (บุชยืนยัน)
  const CI_LOCATION_MISMATCH_M = 2000; // 2 กม. — ไกลกว่าความคลาดเคลื่อน GPS ปกติมาก

  async function _checkRecentDuplicateCheckin(accountGuid, email) {
    if (!accountGuid || !email) return null;
    try {
      const sinceIso = new Date(Date.now() - CI_DUPE_CHECKIN_WINDOW_MS).toISOString();
      const { data } = await supa.from('ci_sessions')
        .select('checked_in_at')
        .eq('owner_email', email).eq('account_id', accountGuid)
        .gte('checked_in_at', sinceIso)
        .order('checked_in_at', { ascending: false }).limit(1);
      return (data && data[0]) ? data[0].checked_in_at : null;
    } catch (_) { return null; }
  }

  // ไม่มีที่อยู่/พิกัดจริงของร้านเก็บไว้ในระบบนี้เลย (เช็คแล้วทั้ง codebase) — แหล่ง
  // อ้างอิงเดียวที่ทำได้วันนี้โดยไม่ต้องรอ SQL ที่อยู่ร้านจากทีมข้อมูลคือเทียบกับ
  // "จุดที่เคยเช็คอินร้านนี้มาก่อน" (ทุกคน ไม่ใช่แค่ตัวเอง) เฉลี่ยจาก 5 เช็คอิน
  // ล่าสุด — บัญชีใหม่ที่ยังไม่มีประวัติคืน null (ไม่มีอะไรให้เทียบ = ปล่อยผ่าน
  // ไม่ใช่ false positive)
  async function _checkLocationMismatch(accountGuid, lat, lng) {
    if (!accountGuid || lat == null || lng == null) return null;
    try {
      const { data } = await supa.from('ci_sessions')
        .select('rep_lat,rep_lng')
        .eq('account_id', accountGuid)
        .not('rep_lat', 'is', null).not('rep_lng', 'is', null)
        .order('checked_in_at', { ascending: false }).limit(5);
      if (!data || !data.length) return null;
      const avgLat = data.reduce((s, r) => s + r.rep_lat, 0) / data.length;
      const avgLng = data.reduce((s, r) => s + r.rep_lng, 0) / data.length;
      const distM = _haversine(lat, lng, avgLat, avgLng);
      return distM > CI_LOCATION_MISMATCH_M ? Math.round(distM) : null;
    } catch (_) { return null; }
  }

  // (v552: duplicate _covisitVerify removed — เหลือตัวเดียวด้านล่าง รองรับทั้ง 2 entry)

  function _closeSessionDetail() {
    const sheet = document.getElementById('ci-sess-detail');
    if (!sheet) return;
    sheet.classList.remove('open');
    setTimeout(() => sheet.remove(), 400);
  }

  function _renderInlineHistory(sessions) {
    // v498: AD uses KAM-style grouping (by month), not sales-style (by account)
    const _salesMode = typeof isSalesRole === 'function' &&
      isSalesRole(typeof getCurrentRole === 'function' ? getCurrentRole() : '') &&
      !isADAny(typeof getCurrentRole === 'function' ? getCurrentRole() : '');
    const _groupBySales = _salesMode && !_accountGuid;

    // ── Echo ดีไซน์ใหม่ (Bucci เคาะ 25 ต.ค. canvas EchoResult): การ์ดเดียวกันทุกสถานะ ──
    // "ไป HH:MM" (เวลาที่ไปร้าน) แยกจาก "อัด N นาที" (ความยาวเสียง) — เดิมสองค่านี้หน้าตาเหมือนกันจนสับสน
    // สถานะภาษาไทยบรรทัดเดียว ที่เดียวกันทุกใบ · เลิกใช้จุด 10 สี เหลือป้ายภาพรวมคำเดียว
    const _readyIds = (() => { try { const st = _ecPendingGet(); return new Set(((st && st.ready) || []).map(x => String(x.id))); } catch (_) { return new Set(); } })();
    const VERDICT = { needs_work: ['ต้องปรับปรุง', 'bad'], developing: ['กำลังพัฒนา', 'warn'], strong: ['ทำได้ดี', 'ok'] };
    const IC = {
      pin:  '<path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/>',
      ok:   '<path d="M5 12.5l4.5 4.5L19 7.5"/>',
      bad:  '<circle cx="12" cy="12" r="9"/><path d="M15 9l-6 6M9 9l6 6"/>',
      mute: '<circle cx="12" cy="12" r="9"/><path d="M8 12h8"/>',
    };
    const _st = (cls, ic, text, extra) =>
      `<div class="ec-hst ${cls}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">${IC[ic]}</svg><span>${text}</span>${extra || ''}</div>`;
    const _durTxt = _ecDurText;

    function _renderSessionCard(s, opts) {
      const vd = new Date(s.visited_at);
      const date = vd.toLocaleDateString('th-TH', { day: 'numeric', month: 'short' });
      const time = _ecTime(s.checked_in_at || s.visited_at);
      const rec = _durTxt(s.duration_secs);
      const acctLabel = s.account_name || (portviewBulkData?.find(r => (r.id || r.account_guid) === s.account_id)?.name) || s.account_id || '—';
      const showAcct = opts?.showAccount || !(_accountGuid || _groupBySales);
      const title = showAcct ? acctLabel : date;
      // จัดกลุ่มตามวันอยู่แล้ว = บอกแค่เวลา · จัดกลุ่มตามร้าน (Sales) = บอกวันด้วย
      const when = (opts && opts.withDate) ? `${date} · ไป ${time}` : `ไป ${time}`;
      const isNew = _readyIds.has(String(s.id));
      const stage = s.pipeline_stage;
      const m = rec ? `<span class="m">· ${rec}</span>` : '';
      let status = '', extra = '';
      if (stage === 'checked_in') status = _st('mute', 'pin', 'เช็คอินอย่างเดียว');
      else if (stage === 'uploaded' || stage === 'needs_gemini' || stage === 'transcribed') {
        status = `<div style="margin-top:6px">${_reviewStepBarHtml(_reviewStepInfo(s)) || ''}</div>`;
      }
      else if (stage === 'failed_audio') status = _st('bad', 'bad', 'ไฟล์เสียงใช้ไม่ได้', `<span class="m">· visit ยังนับ</span>`);
      else if (stage === 'expired_audio') status = _st('mute', 'mute', 'เสียงหมดอายุก่อนสรุปเสร็จ', `<span class="m">· visit ยังนับ</span>`);
      else if (stage === 'failed_system') {
        status = _st('bad', 'bad', 'สรุปไม่สำเร็จ',
          `<button class="ec-hbtn bad" onclick="event.stopPropagation();CI._resumeAnalysis('${_ecJsArg(s.id)}')">ลองใหม่</button>`);
      }
      else if (stage === 'no_speech') status = _st('mute', 'mute', 'ไม่ได้ยินเสียงพูด', m);
      else {
        const v = VERDICT[s.skill_scores && s.skill_scores.overall];
        status = _st('ok', 'ok', 'สรุปเสร็จ', m + (v ? ` <span class="ec-vchip ${v[1]}">${v[0]}</span>` : ''));
        const acts = Array.isArray(s.next_actions) ? s.next_actions.filter(a => a && (a.action || typeof a === 'string')) : [];
        if (acts.length) {
          const a0 = acts[0].action || acts[0];
          extra = `<div class="ec-hnx"><i>1</i><span>${_ecEsc(a0)}${acts.length > 1 ? ` <em>+${acts.length - 1} เรื่อง</em>` : ''}</span></div>`;
        }
      }
      const hasTLNote = !!(s.tl_note && s.tl_note.trim());
      const cv = s.covisit_verified ? `<span class="ec-hcv">✓ Co-visit</span>` : '';
      const tln = hasTLNote ? `<div class="ec-htl"><b>TL note</b>${_ecEsc(s.tl_note)}</div>` : '';
      return `<div class="ec-hc" onclick="CI._openSessionDetail('${_ecJsArg(s.id)}')">
        <div class="ec-hr1">${isNew ? '<span class="ec-new">ใหม่</span>' : ''}<b>${_ecEsc(title)}</b>${cv}<time>${when}</time></div>
        ${status}${extra}${tln}
      </div>`;
    }
    function _dayLabel(d) {
      const t0 = new Date(); t0.setHours(0, 0, 0, 0);
      const d0 = new Date(d); d0.setHours(0, 0, 0, 0);
      const diff = Math.round((t0 - d0) / 86400000);
      const dm = d.toLocaleDateString('th-TH', { day: 'numeric', month: 'short' });
      if (diff === 0) return 'วันนี้ · ' + dm;
      if (diff === 1) return 'เมื่อวาน · ' + dm;
      return d.toLocaleDateString('th-TH', { weekday: 'long' }) + ' ' + dm;
    }

    if (_groupBySales) {
      // Sales mode without specific account: group by account_name
      const byAccount = {};
      sessions.forEach(s => {
        const key = s.account_name || s.account_id || '—';
        if (!byAccount[key]) byAccount[key] = { label: key, items: [] };
        byAccount[key].items.push(s);
      });
      return Object.entries(byAccount).map(([,grp]) => {
        const items = grp.items.map(s => _renderSessionCard(s, { showAccount: false, withDate: true })).join('');
        return `<div style="font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ec-ink-4);font-family:var(--mono,'Noto Sans Thai',monospace);margin:12px 0 8px">${grp.label}</div>${items}`;
      }).join('');
    }

    // Default (KAM): กลุ่มตามวัน + กล่องสรุปช่วงที่เลือก (Echo ดีไซน์ใหม่)
    //   visit = ร้าน×วัน ไม่ซ้ำ (กติกาเดียวกับการ์ดเป้า 12 และจอสรุปเช้า) · อัดเสียง = ไม่ใช่เช็คอินอย่างเดียว · สรุปเสร็จ = analyzed
    const _vk = new Set(sessions.map(s => { const d = new Date(s.visited_at); return isNaN(d) ? null : _ecDayKey(s.account_id, d); }).filter(Boolean));
    const _rec = sessions.filter(s => s.pipeline_stage !== 'checked_in').length;
    const _done = sessions.filter(s => s.pipeline_stage === 'analyzed').length;
    const sum = `<div class="ec-hsum"><div><b>${_vk.size}</b><span>visit</span></div><div><b>${_rec}</b><span>อัดเสียง</span></div><div><b>${_done}</b><span>สรุปเสร็จ</span></div></div>`;
    const byDay = {};
    const order = [];
    sessions.forEach(s => {
      const d = new Date(s.visited_at);
      const key = d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
      if (!byDay[key]) { byDay[key] = { label: _dayLabel(d), items: [] }; order.push(key); }
      byDay[key].items.push(s);
    });
    return sum + order.map(k => {
      const grp = byDay[k];
      return `<div class="ec-hday">${_ecEsc(grp.label)}</div>${grp.items.map(s => _renderSessionCard(s)).join('')}`;
    }).join('');
  }

  function _renderLegacyHistory(sessions) {
    return sessions.map(sess => {
      const dateLabel = new Date(sess.session_date).toLocaleDateString('th-TH',{day:'numeric',month:'short',year:'2-digit'});
      const skillDots = sess.skills.map(sk => {
        const sc = sk.tl_override||sk.score;
        const col = sc==='pass'?'var(--ec-ok)':sc==='developing'?'var(--ec-warn)':'var(--ec-line)';
        return `<span style="display:inline-flex;align-items:center;gap:3px;font-size:var(--text-2xs);color:${col};font-family:'Noto Sans Thai',sans-serif"><span style="width:5px;height:5px;border-radius:50%;background:${col}"></span>${sk.skill_code}</span>`;
      }).join('');
      return `<div style="background:rgba(var(--ec-paper-rgb),.72);backdrop-filter:blur(24px);border-radius:var(--r-lg);border:0.5px solid rgba(var(--ec-paper-rgb),.55);box-shadow:inset 0 1px 0 rgba(var(--ec-paper-rgb),.9),0 3px 16px rgba(var(--ec-shadow-rgb),.045);padding:12px 14px;margin-bottom:8px">
        <div style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--ec-ink);margin-bottom:8px">${dateLabel}</div>
        <div style="display:flex;gap:6px;flex-wrap:wrap">${skillDots}</div>
      </div>`;
    }).join('');
  }

  // ── Data scope (spec Table 2): rep เห็นเฉพาะพอร์ตตัวเอง ─────────────────────
  function _scopedPortview(rows) {
    if (_canDebrief()) return rows; // TL/Admin — full team (แต่ TL ไม่มี picker อยู่แล้ว)
    const me = (currentUserProfile && currentUserProfile.email || '').toLowerCase();
    if (!me || !rows || !rows.length) return rows || [];
    const hasOwnerField = rows.some(r => r.kamEmail || r.kam_email || r.owner_email);
    if (!hasOwnerField) return rows; // dataset ไม่มี owner column — อย่าทำ picker ว่างผิดๆ
    return rows.filter(r => {
      const e = (r.kamEmail || r.kam_email || r.owner_email || '');
      return e && e.toLowerCase() === me;
    });
  }

  // ── Inline picker builders (Echo design system) ──────────────────────────────
  function _buildKamPickerInline() {
    let recentRows = '';
    try {
      if (typeof portviewBulkData !== 'undefined' && portviewBulkData.length) {
        // v552: real fields = id/name/accountType + ownership scope
        const sorted = _scopedPortview(portviewBulkData)
          .filter(r => r.name || r.res_name)
          .sort((a,b) => (b.gmvToDate||b.gmv_mtd||0) - (a.gmvToDate||a.gmv_mtd||0))
          .slice(0, 6);
        recentRows = sorted.map(r => {
          const _n = r.name || r.res_name || '-';
          const _g = r.id || r.account_guid || '';
          const _s = r.accountType || r.account_type || '';
          return `
          <button style="display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border-radius:var(--r-lg);border:none;background:rgba(var(--ec-paper-rgb),.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:0.5px solid rgba(var(--ec-paper-rgb),.55);box-shadow:inset 0 1px 0 rgba(var(--ec-paper-rgb),.9),0 2px 8px rgba(var(--ec-shadow-rgb),.04);cursor:pointer;font-family:'Noto Sans Thai',sans-serif;text-align:left"
            onclick="CI._pickerConfirmKam('${_g}','${_n.replace(/'/g,"\\'")}','${_s}')">
            <span style="font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--ec-ink);flex:1">${_n}</span>
            <span style="font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--ec-ac);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.06em">${_s}</span>
          </button>`;
        }).join('');
      }
    } catch(e) {}
    const emptyMsg = recentRows ? '' : '<div style="text-align:center;padding:24px 0;font-size:var(--text-base);color:var(--ec-ink-6)">ยังไม่มีข้อมูลร้านค้า</div>';
    return `
      <div style="font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;padding:4px 0 8px">กำลังคุยกับร้านไหน?</div>
      <div id="ci-pk-near"></div>
      <input id="ci-pk-search" type="search" placeholder="ค้นหาชื่อร้าน..." autocomplete="off"
        style="width:100%;padding:12px 16px;border:1px solid var(--ec-line);border-radius:var(--r-card);font-size:var(--text-lg);outline:none;font-family:'Noto Sans Thai',sans-serif;background:var(--ec-card);color:var(--ec-ink);-webkit-appearance:none"
        oninput="CI._pickerSearchInline(this.value)"
        onfocus="CI._pickerSearchInline(this.value)" />
      <div id="ci-pk-list-inline" style="display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto">
        ${recentRows}${emptyMsg}
      </div>`;
  }

  function _buildSalesPickerInline() {
    // v552: hybrid (spec Table 2) — ร้านในพอร์ตตัวเอง + Lead free-text
    const own = _scopedPortview(
      (window.portviewBulkData && window.portviewBulkData.length)
        ? window.portviewBulkData
        : (typeof portviewBulkData !== 'undefined' ? portviewBulkData : [])
    ).filter(r => r.name || r.res_name);
    const ownRows = own
      .sort((a,b) => (b.gmvToDate||0) - (a.gmvToDate||0))
      .slice(0, 5)
      .map(r => _salesAcctRow(r)).join('');
    const acctSection = own.length ? `
      <div style="font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;padding:4px 0 8px">ร้านในพอร์ตของคุณ</div>
      <input id="ci-sales-acct-search" type="search" placeholder="ค้นหาร้านในพอร์ต..." autocomplete="off"
        style="width:100%;padding:12px 16px;border:1px solid var(--ec-line);border-radius:var(--r-card);font-size:var(--text-lg);outline:none;font-family:'Noto Sans Thai',sans-serif;background:var(--ec-card);color:var(--ec-ink);-webkit-appearance:none"
        oninput="CI._salesPickerSearch(this.value)" />
      <div id="ci-sales-acct-list" style="display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto">${ownRows}</div>
      <div style="display:flex;align-items:center;gap:10px;padding:6px 0"><div style="flex:1;height:0.5px;background:var(--ec-line)"></div><span style="font-size:var(--text-xs);color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif">หรือ</span><div style="flex:1;height:0.5px;background:var(--ec-line)"></div></div>` : '';
    return acctSection + `
      <div style="font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;padding:4px 0 8px">ร้านใหม่ / Lead</div>
      <input id="ci-sales-name-inline" type="text" placeholder="พิมพ์ชื่อร้านใหม่..." autocomplete="off"
        style="width:100%;padding:13px 16px;border:1.5px solid var(--ec-ac);border-radius:var(--r-card);font-size:var(--text-lg2);outline:none;font-family:'Noto Sans Thai',sans-serif;background:var(--ec-card);color:var(--ec-ink);-webkit-appearance:none"
        onkeydown="if(event.key==='Enter')CI._pickerConfirmSales(this.value)" />
      <button onclick="CI._pickerConfirmSales(document.getElementById('ci-sales-name-inline').value)"
        style="width:100%;padding:14px;border:none;border-radius:var(--r-lg);background:var(--ec-ac);color:var(--tk-text-primary);font-size:var(--text-lg2);font-weight:var(--fw-medium);cursor:pointer;font-family:'Noto Sans Thai',sans-serif;letter-spacing:-.02em">
        เริ่มบันทึก (Lead)
      </button>`;
  }

  function _salesAcctRow(r) {
    const _n = r.name || r.res_name || '-';
    const _g = r.id || r.account_guid || '';
    const _s = r.accountType || r.account_type || 'SA';
    return `<button style="display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border-radius:var(--r-lg);border:0.5px solid rgba(var(--ec-paper-rgb),.55);background:rgba(var(--ec-paper-rgb),.72);box-shadow:inset 0 1px 0 rgba(var(--ec-paper-rgb),.9),0 2px 8px rgba(var(--ec-shadow-rgb),.04);cursor:pointer;font-family:'Noto Sans Thai',sans-serif;text-align:left"
      onclick="CI._pickerConfirmKam('${_g}','${_n.replace(/'/g,"\\'")}','${_s}')">
      <span style="font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--ec-ink);flex:1">${_n}</span>
      <span style="font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--ec-ac);letter-spacing:.06em">${_s}</span>
    </button>`;
  }

  function _salesPickerSearch(q) {
    const list = document.getElementById('ci-sales-acct-list');
    if (!list) return;
    const own = _scopedPortview(
      (window.portviewBulkData && window.portviewBulkData.length)
        ? window.portviewBulkData
        : (typeof portviewBulkData !== 'undefined' ? portviewBulkData : [])
    ).filter(r => r.name || r.res_name);
    const qLow = (q||'').toLowerCase().trim();
    const filtered = (qLow
      ? own.filter(r => ((r.name||r.res_name||'').toLowerCase().includes(qLow)))
      : own.sort((a,b) => (b.gmvToDate||0) - (a.gmvToDate||0))
    ).slice(0, 8);
    list.innerHTML = filtered.length
      ? filtered.map(r => _salesAcctRow(r)).join('')
      : '<div style="text-align:center;padding:16px 0;font-size:var(--text-md);color:var(--ec-ink-6)">ไม่พบในพอร์ต — ใช้ช่อง Lead ด้านล่าง</div>';
  }

  // ── Build outlet index from bulkOutletsData ─────────────────────────────────
  // Returns Map<outlet_name_lower → account_id>
  // Built once per search session — cheap, ~1000 outlets max
  function _buildOutletIndex() {
    const idx = new Map();
    try {
      const od = window.bulkOutletsData || (typeof bulkOutletsData !== 'undefined' ? bulkOutletsData : null);
      if (!od) return idx;
      Object.entries(od).forEach(([accountId, months]) => {
        // months = { 'พ.ค. 2569': [{outlet_id, outlet_name, ...}] }
        const seen = new Set();
        Object.values(months).forEach(outlets => {
          (outlets||[]).forEach(o => {
            const n = (o.outlet_name||'').trim();
            if (n && !seen.has(n)) { seen.add(n); idx.set(n.toLowerCase(), accountId); }
          });
        });
      });
    } catch(e) { /* non-fatal */ }
    return idx;
  }

  function _pickerSearchInline(q) {
    const list = document.getElementById('ci-pk-list-inline');
    if (!list) return;
    try {
      const _rawSrc = (window.portviewBulkData && window.portviewBulkData.length)
        ? window.portviewBulkData
        : (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []);
      const src = _scopedPortview(_rawSrc); // v552: rep เห็นเฉพาะพอร์ตตัวเอง (spec Table 2)
      const qLow = (q||'').toLowerCase().trim();

      // Echo ดีไซน์ใหม่: รู้ตำแหน่งเครื่องและพิกัดร้านแล้ว = เรียงตามระยะ (ร้านไม่มีพิกัดอยู่ท้าย "—")
      const _map = _ecSpots && _ecSpots.map;
      const _pos = _ecWarm ? { lat: _ecWarm.lat, lng: _ecWarm.lng } : null;
      const _dist = (r) => {
        if (!_map || !_pos) return null;
        const sp = _map.get(String(r.id || r.account_guid || ''));
        return sp ? _haversine(_pos.lat, _pos.lng, sp.lat, sp.lng) : null;
      };
      let filtered;
      if (!qLow) {
        // Default: ใกล้ก่อน (ถ้ารู้ตำแหน่ง) ไม่งั้นยอดซื้อมากก่อนแบบเดิม
        const byGmv = src.slice().sort((a,b) => (b.gmvToDate||b.gmv||0)-(a.gmvToDate||a.gmv||0));
        filtered = (_map && _pos ? _ecNearestRank(byGmv, _map, _pos).map(x => x.r) : byGmv).slice(0,8)
          .map(r => ({ _r: r, _matchLabel: null }));
      } else {
        // 1. Match by account_name (r.name)
        const byAccount = src
          .filter(r => (r.name||'').toLowerCase().includes(qLow))
          .map(r => ({ _r: r, _matchLabel: null }));

        // 2. Match by outlet_name via index — map back to account row
        const outletIdx = _buildOutletIndex();
        const outletMatches = [];
        const seenIds = new Set(byAccount.map(x => x._r.id || x._r.account_guid));
        outletIdx.forEach((accountId, outletNameLow) => {
          if (!outletNameLow.includes(qLow)) return;
          if (seenIds.has(accountId)) return; // already in account matches
          const accountRow = src.find(r => (r.id||r.account_guid) === accountId);
          if (!accountRow) return;
          // Find the matching outlet name for display hint
          const od = window.bulkOutletsData || (typeof bulkOutletsData !== 'undefined' ? bulkOutletsData : null);
          let outletDisplayName = '';
          if (od && od[accountId]) {
            Object.values(od[accountId]).forEach(outlets => {
              (outlets||[]).forEach(o => {
                if ((o.outlet_name||'').toLowerCase().includes(qLow)) outletDisplayName = o.outlet_name;
              });
            });
          }
          seenIds.add(accountId);
          outletMatches.push({ _r: accountRow, _matchLabel: outletDisplayName });
        });

        filtered = [...byAccount, ...outletMatches].slice(0, 8);
      }

      if (!filtered.length) {
        list.innerHTML = '<div style="text-align:center;padding:24px 0;font-size:var(--text-base);color:var(--ec-ink-6)">' +
          (src.length ? 'ไม่พบร้านค้า' : 'กำลังโหลดข้อมูล...') + '</div>';
        return;
      }

      list.innerHTML = filtered.map(({ _r: r, _matchLabel }) => {
        const name  = r.name || '-';
        const guid  = r.id || r.account_guid || '';
        const seg   = r.accountType || r.account_type || '';
        const safeName = name.replace(/'/g,"\'").replace(/"/g,'&quot;');
        // Outlet match hint — show outlet name in small text below account name
        const hint  = _matchLabel
          ? `<div style="font-size:var(--text-sm);color:var(--ec-ink-4);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px">outlet: ${_matchLabel}</div>`
          : '';
        return `<button style="display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border-radius:var(--r-lg);border:none;background:rgba(var(--ec-paper-rgb),.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:0.5px solid rgba(var(--ec-paper-rgb),.55);box-shadow:inset 0 1px 0 rgba(var(--ec-paper-rgb),.9),0 2px 8px rgba(var(--ec-shadow-rgb),.04);cursor:pointer;font-family:'Noto Sans Thai',sans-serif;text-align:left;margin-bottom:6px"
          onclick="CI._pickerConfirmKam('${guid}','${safeName}','${seg}')">
          <div style="flex:1;min-width:0;text-align:left">
            <div style="font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--ec-ink)">${name}</div>
            ${hint}
          </div>
          <span style="font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--ec-ac);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.06em;flex-shrink:0;margin-left:8px">${seg}</span>
          ${(_map && _pos) ? `<span class="ec-dist">${_ecDistText(_dist(r))}</span>` : ''}
        </button>`;
      }).join('');
    } catch(e) { console.warn('[CI picker search]', e); }
  }

  // ── Public ─────────────────────────────────────────────────────────────────
  function _topbarLeft() {
    if (_phase === 'recording') { _minimize(); }
    else { cancel(); }
  }

  function open(accountGuid) {
    // v_recwatch (2026-08-20): จุดเดียวที่ "ตั้งใจทิ้งการอัดที่ค้างอยู่" — rep กดเข้า
    // ร้านอื่น (หรือร้านเดิม) ระหว่างที่ยังอัดอยู่ · ต้องสั่งปิดไมค์ตรงนี้ ไม่ใช่ฝาก
    // ไว้กับ _unmount() ข้างล่าง เพราะ _unmount() ถูกใช้ร่วมกับเส้น pipeline
    // เบื้องหลังที่อาจจบตอน rep กำลังอัดร้านถัดไปอยู่ (ดูคอมเมนต์ใน _unmount)
    // เสียงที่อัดไว้ไม่ถูกลบ — _mount() จะเรียก _checkRecoverBuffer() เสนอกู้คืนให้
    //
    // v_openguard (2026-08-21): แต่ "ไม่ถูกลบ" ไม่พอ — rep ต้องรู้ตัวว่าเพิ่งตัดการอัด
    // ที่กำลังไปได้ดีทิ้ง · เส้นทางหลัก echoOpen() กันไว้แล้ว (เด้งไป echoExpand)
    // แต่ยังมีอีก 2 ทางที่เรียก open() ตรงๆ โดยไม่มีการ์ด: echoHistory() (จุด Echo ใน
    // หน้าพอร์ต — src/06_portview_teamview.js) และ ciOpen() · และการย่อเป็น pill
    // (v276) ปลดล็อกการเลื่อนหน้าจอ ทำให้กดไปโดนทางพวกนั้นง่ายขึ้นมาก
    // วางการ์ดที่ open() เองจึงครอบทุกทางเรียกในครั้งเดียว
    if (_phase === 'recording' && _recorder && _recorder.state === 'recording') {
      // _fmt() คืนรูป m:ss — เขียนต่อท้ายว่า "นาที" ไม่ได้ (11 วินาทีจะอ่านเป็น
      // "0:11 นาที") เป็นบั๊กป้ายเดียวกับที่ _idbRecoverable ทำอยู่ ไม่ทำซ้ำ
      const _ok = confirm('กำลังอัดอยู่ ' + _fmt(_secs) + ' (นาที:วินาที)\n\n' +
        'ออกไปตอนนี้จะหยุดการอัดครั้งนี้ (เสียงที่อัดไว้ยังกู้คืนได้จากหน้า Echo)\n\n' +
        'ต้องการออกไปเลยไหม?');
      if (!_ok) return;   // ไม่ยืนยัน = ไม่แตะอะไรเลย อัดต่อเหมือนไม่มีอะไรเกิดขึ้น
    }
    _teardownRecorder('open-account');
    // Guard: do not reset _sessionId if pipeline is still saving (processing/result phase)
    // Resetting _sessionId mid-pipeline causes fallback insert to create orphan row
    // v731: _sessionId belongs to the pipeline — preserve it if pipeline saved a transcript
    // _phase may already be 'idle' (user pressed cancel) but pipeline still runs in background
    // Only null _sessionId if there is genuinely no active session
    const _hadActiveSession = !!_sessionId;
    _phase = 'idle'; _lastResult = null; _secs = 0;
    if (!_hadActiveSession) _sessionId = null;
    // Note: if _hadActiveSession=true, pipeline will null _sessionId itself after _saveAnalysis completes
    _isOwnRecording = false;
    _mainTab = 'record';
    _ecCkState = 'none';
    _unmount();
    // v552: TL/Admin — covisit panel only, picker ห้ามเปิดเด็ดขาด (spec Table 3)
    if (_canDebrief()) {
      _accountGuid = null; _accountName = ''; _accountSeg = '';
      _showPicker = false;
      // ECHO GOAL 2: bucket by the debriefing TL's own flavor (sales_tl→sales,
      // ad_tl→ad) instead of hardcoding 'kam' for every _canDebrief() role
      _ownerType = (typeof skillRoleBucket === 'function') ? skillRoleBucket(getCurrentRole()) : 'kam';
      setTimeout(_mount, 50);
      return;
    }
    // Detect owner type from profile
    const role = (typeof getCurrentRole === 'function') ? getCurrentRole() : 'rep';
    // v498: AD uses KAM picker (existing accounts) not Sales name-input
    // PM also uses KAM picker; tagged its own owner_type for tracking, no pm_tl variant
    // ECHO GOAL 2: central skillRoleBucket mapper (identical output to the old
    // inline ternary for rep/sales/ad/pm — this branch never sees *_tl roles,
    // those are intercepted by _canDebrief() above)
    _ownerType = (typeof skillRoleBucket === 'function') ? skillRoleBucket(role) : ((role === 'sales') ? 'sales' : (role === 'ad' || role === 'ad_tl') ? 'ad' : (role === 'pm') ? 'pm' : 'kam');

    if (_ownerType === 'sales') {
      // Sales always sees name input first
      _accountGuid = null; _accountName = ''; _accountSeg = '';
      _showPicker = true;
      setTimeout(_mount, 50);
      return;
    }
    // KAM: smart detect
    // Only skip picker if BOTH: has accountGuid/currentAccountId AND user is actively in account view
    const _inAccountView = document.body.classList.contains('restaurant-sheet');
    const resolved = accountGuid || (_inAccountView && typeof currentAccountId !== 'undefined' ? currentAccountId : null);
    if (resolved) {
      _accountGuid = resolved;
      const ctx = _ctx();
      _accountName = ctx.name; _accountSeg = ctx.seg;
      setTimeout(_mount, 50);
    } else {
      _accountGuid = null; _accountName = ''; _accountSeg = '';
      _showPicker = true;
      setTimeout(_mount, 50);
    }
    // v728: _checkRecoverBuffer is called from _mount() — no duplicate needed here
  }

  // ══ Echo ดีไซน์ใหม่ (Bucci เคาะ 25 ต.ค. 2569 · canvas EchoDesign3 + EchoResult) ═════════
  //
  // ตัวเลขทั้งหมดอยู่ตรงนี้ · ส่วนที่เป็นตรรกะล้วนอยู่ใน CI._ecPure ให้ tools/verify_echo_flow.js
  // ทดสอบผ่าน sandbox (ไม่อ่านโค้ดเป็นข้อความ — ด่าน G8)
  const EC_VISIT_GOAL      = 12;          // visit ต่อเดือน = DI_VISIT_GOAL ของจอสรุปเช้าและ /nrr
  const EC_WARM_MAX_AGE_MS = 30000;       // ตำแหน่งที่หาไว้ล่วงหน้าใช้เช็คอินได้ถ้าอายุไม่เกิน 30 วิ
  const EC_WARM_MAX_ACC_M  = 150;         // และความแม่นไม่เกิน 150 ม. (ไม่งั้นขอตำแหน่งใหม่แบบเดิม)
  const EC_SPOTS_KEY       = 'ec_spots_v1';
  const EC_SPOTS_TTL_MS    = 12 * 3600 * 1000;   // พิกัดร้านเปลี่ยนน้อยมาก — อ่านจาก Supabase วันละ ~2 ครั้งต่อเครื่อง
  const EC_PENDING_KEY     = 'ec_pending_results_v1';
  const EC_PENDING_MAX_AGE = 3 * 24 * 3600 * 1000;
  const EC_PENDING_POLL_MS = 60000;
  let _ecWarm = null, _ecWarmBusy = false;
  let _ecSpots = null, _ecSpotsBusy = null;
  let _ecVisit = null;          // { month, quarter, keys:Set } · null = ยังไม่รู้หรืออ่านไม่ได้ (ห้ามโชว์ 0)
  let _ecCkState = 'none';      // none | done | failed — สถานะเช็คอินของร้านที่เปิดอยู่

  function _ecEsc(v) {
    return String(v == null ? '' : v).replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
  }
  // ค่าที่ต้องไปอยู่ในสตริง JS ภายใน onclick="…('…')" — escape ฝั่ง JS ก่อนแล้วค่อยฝั่ง HTML
  function _ecJsArg(v) {
    return String(v == null ? '' : v).replace(/\\/g, '\\\\').replace(/'/g, "\\'")
      .replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;');
  }
  function _ecDurText(secs) { return !secs ? '' : (secs < 60 ? `อัด ${secs} วินาที` : `อัด ${Math.round(secs / 60)} นาที`); }
  function _ecTime(d) { return new Date(d).toLocaleTimeString('th-TH', { hour: '2-digit', minute: '2-digit' }); }

  // ── ตรรกะล้วน ───────────────────────────────────────────────────────────
  // นับ visit: ร้าน×วัน ไม่ซ้ำ — กติกาเดียวกับ _diVisitInfo (จอสรุปเช้า) ให้เลขตรงกันทุกจอ
  function _ecDayKey(accountId, t) {
    return String(accountId || '') + '|' + t.getFullYear() + '-' + t.getMonth() + '-' + t.getDate();
  }
  function _ecVisitCounts(rows, nowMs) {
    const now = new Date(nowMs);
    const mStart = new Date(now.getFullYear(), now.getMonth(), 1);
    const qStart = new Date(now.getFullYear(), Math.floor(now.getMonth() / 3) * 3, 1);
    const month = new Set(), quarter = new Set();
    (rows || []).forEach(r => {
      const t = r && r.visited_at ? new Date(r.visited_at) : null;
      if (!t || isNaN(t.getTime()) || t < qStart) return;
      const k = _ecDayKey(r.account_id, t);
      quarter.add(k);
      if (t >= mStart) month.add(k);
    });
    return { month: month.size, quarter: quarter.size, keys: month };
  }
  function _ecDistText(m) {
    if (m == null || !isFinite(m)) return '—';
    if (m < 1000) return Math.max(10, Math.round(m / 10) * 10) + ' ม.';
    return (m / 1000).toFixed(1) + ' กม.';
  }
  // จุดของร้าน = ค่าเฉลี่ย 5 เช็คอินล่าสุด (rows เรียงใหม่ไปเก่า) — แหล่งเดียวกับด่านเช็คอินห่างผิดที่
  function _ecSpotsFrom(rows) {
    const acc = new Map();
    (rows || []).forEach(r => {
      if (!r || r.account_id == null || r.rep_lat == null || r.rep_lng == null) return;
      const k = String(r.account_id);
      const a = acc.get(k) || { n: 0, lat: 0, lng: 0, lastAt: r.checked_in_at || null };
      if (a.n >= 5) return;
      a.n++; a.lat += Number(r.rep_lat); a.lng += Number(r.rep_lng);
      acc.set(k, a);
    });
    const out = new Map();
    acc.forEach((a, k) => out.set(k, { lat: a.lat / a.n, lng: a.lng / a.n, lastAt: a.lastAt }));
    return out;
  }
  // เรียงร้านตามระยะ · ร้านที่ไม่เคยมีพิกัดอยู่ท้าย (คงลำดับเดิม) · ไม่รู้ตำแหน่งเครื่อง = ลำดับเดิมทั้งหมด
  function _ecNearestRank(rows, spots, pos) {
    const list = (rows || []).map((r, i) => {
      const id = r && (r.id || r.account_guid);
      const sp = spots && id != null ? spots.get(String(id)) : null;
      const d = (pos && sp) ? _haversine(pos.lat, pos.lng, sp.lat, sp.lng) : null;
      return { r, i, d, spot: sp || null };
    });
    if (!pos) return list;
    return list.sort((a, b) => ((a.d == null) - (b.d == null)) || (a.d == null ? a.i - b.i : a.d - b.d));
  }
  function _ecUseWarm(warm, nowMs) {
    return !!(warm && warm.at && nowMs - warm.at >= 0 && nowMs - warm.at <= EC_WARM_MAX_AGE_MS &&
              warm.acc != null && warm.acc <= EC_WARM_MAX_ACC_M);
  }
  function _ecBarHtml(n, newIdx) {
    let h = '';
    for (let i = 0; i < EC_VISIT_GOAL; i++) h += `<i class="${i < n ? (i === newIdx ? 'on new' : 'on') : ''}"></i>`;
    const lbl = n >= EC_VISIT_GOAL ? `${n} ครั้ง · ครบเป้า` : `${n} / ${EC_VISIT_GOAL}`;
    return h + `<span>${lbl}</span>`;
  }
  // แจ้งผลครั้งหน้า: state = { pending:[{id,name,at}], ready:[{id,name,ok,at,seen}], checkedAt }
  // rows = แถวที่อ่านกลับมา [{id,pipeline_stage}] · คืน state ใหม่ (ไม่แก้ของเดิม)
  const EC_DONE_OK  = ['analyzed'];
  const EC_DONE_BAD = ['failed_audio', 'failed_system', 'no_speech', 'expired_audio'];
  function _ecPendingNext(st, rows, nowMs) {
    const s = { pending: [], ready: [], checkedAt: nowMs };
    const byId = new Map((rows || []).map(r => [String(r.id), r]));
    ((st && st.pending) || []).forEach(p => {
      if (!p || !p.id) return;
      const r = byId.get(String(p.id));
      const stage = r && r.pipeline_stage;
      if (EC_DONE_OK.includes(stage)) s.ready.push({ id: p.id, name: p.name, ok: true, at: nowMs, seen: false });
      else if (EC_DONE_BAD.includes(stage)) s.ready.push({ id: p.id, name: p.name, ok: false, at: nowMs, seen: false });
      else if (nowMs - (p.at || 0) < EC_PENDING_MAX_AGE) s.pending.push(p);
    });
    ((st && st.ready) || []).forEach(x => { if (x && nowMs - (x.at || 0) < EC_PENDING_MAX_AGE) s.ready.push(x); });
    s.pending = s.pending.slice(-20);
    s.ready = s.ready.slice(-5);
    return s;
  }
  // คนรับงานจาก worker มีแค่ Sales / TL (ดู runBrain schema) — ค่าอื่นแสดงตามเดิม
  function _ecOwnerLabel(o) {
    const k = String(o || '').trim().toLowerCase();
    if (!k) return '';
    if (k === 'sales' || k === 'kam' || k === 'rep') return 'คุณ';
    if (k === 'tl' || k === 'team lead' || k === 'teamlead') return 'หัวหน้าทีม';
    return String(o);
  }
  // ทักษะ: ฝึกต่อขึ้นก่อน · ทำได้ดี · ไม่พบ — สีตามผลเท่านั้น
  function _ecSkillGroups(skills) {
    const g = { practice: [], good: [], none: [] };
    (Array.isArray(skills) ? skills : []).forEach(s => {
      if (!s) return;
      if (s.score === 'developing') g.practice.push(s);
      else if (s.score === 'pass') g.good.push(s);
      else g.none.push(s);
    });
    return g;
  }

  // ── ตำแหน่งล่วงหน้า + พิกัดร้าน ─────────────────────────────────────────
  function _ecWarmGps(force) {
    if (_ecWarmBusy || typeof navigator === 'undefined' || !navigator.geolocation) return;
    if (!force && _ecWarm && Date.now() - _ecWarm.at < 15000) return;
    _ecWarmBusy = true;
    try {
      navigator.geolocation.getCurrentPosition(p => {
        _ecWarmBusy = false;
        _ecWarm = { lat: p.coords.latitude, lng: p.coords.longitude, acc: p.coords.accuracy,
                    at: Math.min(Date.now(), p.timestamp || Date.now()) };
        _ecOnPlaces();
      }, () => { _ecWarmBusy = false; }, { enableHighAccuracy: true, timeout: 12000, maximumAge: 20000 });
    } catch (_) { _ecWarmBusy = false; }
  }
  function _ecPvRows() {
    return (window.portviewBulkData && window.portviewBulkData.length)
      ? window.portviewBulkData : (typeof portviewBulkData !== 'undefined' ? portviewBulkData : []);
  }
  // อ่านพิกัดร้านจากเช็คอินเดิม · เก็บในเครื่อง 12 ชม. (Bucci: Supabase แผนฟรี ห้ามดึงถี่)
  function _ecLoadSpots() {
    const me = (_authEmail() || '').toLowerCase();
    if (!me) return Promise.resolve(null);
    if (_ecSpots && _ecSpots.owner === me && Date.now() - _ecSpots.at < EC_SPOTS_TTL_MS) return Promise.resolve(_ecSpots.map);
    try {
      const c = JSON.parse(localStorage.getItem(EC_SPOTS_KEY) || 'null');
      if (c && c.owner === me && Date.now() - c.at < EC_SPOTS_TTL_MS && Array.isArray(c.rows)) {
        _ecSpots = { owner: me, at: c.at, map: new Map(c.rows.map(x => [x[0], { lat: x[1], lng: x[2], lastAt: x[3] }])) };
        return Promise.resolve(_ecSpots.map);
      }
    } catch (_) {}
    if (_ecSpotsBusy) return _ecSpotsBusy;
    _ecSpotsBusy = (async () => {
      const ids = _scopedPortview(_ecPvRows()).map(r => r.id || r.account_guid).filter(Boolean).map(String);
      let q = supa.from('ci_sessions').select('account_id,rep_lat,rep_lng,checked_in_at')
        .not('rep_lat', 'is', null).not('rep_lng', 'is', null)
        .order('checked_in_at', { ascending: false }).limit(1000);
      q = (ids.length && ids.length <= 150) ? q.in('account_id', ids) : q.eq('owner_email', me);
      const { data, error } = await q;
      if (error || !Array.isArray(data)) return null;   // 402/5xx คืน data:null เงียบๆ ≠ "ไม่มีพิกัด"
      const map = _ecSpotsFrom(data);
      _ecSpots = { owner: me, at: Date.now(), map };
      try {
        localStorage.setItem(EC_SPOTS_KEY, JSON.stringify({ owner: me, at: _ecSpots.at,
          rows: [...map.entries()].map(([k, v]) => [k, +v.lat.toFixed(6), +v.lng.toFixed(6), v.lastAt]) }));
      } catch (_) {}
      return map;
    })().catch(() => null).finally(() => { _ecSpotsBusy = null; });
    return _ecSpotsBusy;
  }
  function _ecOnPlaces() {
    if (_showPicker) _ecRenderNear();
    const hint = document.getElementById('ci-thint');
    if (hint && hint.dataset.mode === 'checkin' && _phase === 'idle' && !_checkinBusy && _ecCkState !== 'failed') _ecOrb('checkin');
  }

  // ── การ์ด "ใกล้คุณตอนนี้" + ระยะในรายการร้าน ─────────────────────────────
  function _ecRenderNear() {
    const box = document.getElementById('ci-pk-near');
    if (!box) return;
    const map = _ecSpots && _ecSpots.map;
    const pos = _ecWarm ? { lat: _ecWarm.lat, lng: _ecWarm.lng } : null;
    if (!map || !pos) { box.innerHTML = ''; return; }
    const ranked = _ecNearestRank(_scopedPortview(_ecPvRows()).filter(r => r.name || r.res_name), map, pos);
    const top = ranked.find(x => x.d != null);
    if (!top) { box.innerHTML = ''; return; }
    const r = top.r, name = r.name || r.res_name || '-', guid = r.id || r.account_guid || '';
    const seg = r.accountType || r.account_type || '';
    const days = top.spot && top.spot.lastAt ? Math.max(0, Math.round((Date.now() - new Date(top.spot.lastAt).getTime()) / 86400000)) : null;
    const sub = 'ห่าง ' + _ecDistText(top.d) + (days != null ? ' · เช็คอินล่าสุด ' + (days === 0 ? 'วันนี้' : days + ' วันก่อน') : '');
    box.innerHTML = `<div style="font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.14em;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;padding:4px 0 8px">ใกล้คุณตอนนี้</div>
      <button class="ec-near" onclick="CI._pickerConfirmKam('${_ecJsArg(guid)}','${_ecJsArg(name)}','${_ecJsArg(seg)}')">
        <span class="ec-near-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg></span>
        <span class="ec-near-t"><b>${_ecEsc(name)}<em>${_ecEsc(seg)}</em></b><span>${_ecEsc(sub)}</span></span>
        <span class="ec-near-go">เช็คอิน ›</span>
      </button>
      <div style="font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:.14em;color:var(--ec-ink-6);font-family:'Noto Sans Thai',sans-serif;padding:12px 0 2px">ร้านอื่น</div>`;
    const inp = document.getElementById('ci-pk-search');
    if (!inp || !inp.value) _pickerSearchInline('');
  }

  // ── ปุ่มเช็คอิน: ec-ck (พร้อม) · ec-busy (กำลังจับตำแหน่ง) · ec-ok (สำเร็จ) · ec-done (เช็คอินแล้ว) ──
  function _ecHint(main, sub, cls) {
    const h = document.getElementById('ci-thint');
    if (!h) return;
    h.innerHTML = `<b class="ec-hint-b ${cls || ''}">${_ecEsc(main)}</b>` +
      (sub ? `<span class="ec-hint-s ${cls === 'bad' ? 'bad' : ''}">${_ecEsc(sub)}</span>` : '');
  }
  function _ecWarmSub() {
    if (!_ecUseWarm(_ecWarm, Date.now())) return '';
    const sp = (_ecSpots && _ecSpots.map && _accountGuid) ? _ecSpots.map.get(String(_accountGuid)) : null;
    if (sp) return 'จับตำแหน่งได้แล้ว · ห่างจุดเช็คอินเดิมของร้าน ' + _ecDistText(_haversine(_ecWarm.lat, _ecWarm.lng, sp.lat, sp.lng));
    return 'จับตำแหน่งได้แล้ว';
  }
  function _ecOrb(state, opts) {
    const o = opts || {};
    const wrap = document.getElementById('ci-orb-wrap');
    const mic = document.getElementById('ci-orb-icon-mic');
    const pin = document.getElementById('ci-orb-icon-pin');
    const ok  = document.getElementById('ci-orb-icon-ok');
    const hint = document.getElementById('ci-thint');
    if (wrap) {
      wrap.classList.remove('ec-ck', 'ec-busy', 'ec-ok', 'ec-done');
      wrap.classList.add(state === 'checkin' ? 'ec-ck' : state === 'busy' ? 'ec-ck' : 'ec-' + state);
      if (state === 'busy') wrap.classList.add('ec-busy');
    }
    const isCk = state === 'checkin' || state === 'busy';
    if (mic) mic.style.display = 'none';
    if (pin) pin.style.display = isCk ? '' : 'none';
    if (ok)  ok.style.display  = isCk ? 'none' : '';
    if (hint) hint.dataset.mode = isCk ? 'checkin' : 'done';
    if (state === 'checkin') _ecHint(o.main || 'แตะเพื่อเช็คอิน', o.sub != null ? o.sub : _ecWarmSub(), o.cls);
    else if (state === 'busy') _ecHint('กำลังจับตำแหน่ง…', '', 'wait');
    else _ecHint('เช็คอินแล้ว ' + (o.time || ''), '', 'ok');
  }
  // เข้าหน้าร้าน (จากรายการร้าน หรือเปิด Echo จากหน้าร้าน): เช็คอินที่ยังสด = ติ๊กเลย · ไม่งั้นปุ่มเช็คอิน
  function _ecEnterAccount() {
    _ecCkState = 'none';
    const fresh = _accountGuid
      ? _restoreCheckinIfFresh(c => c.account_guid === _accountGuid)
      : _restoreCheckinIfFresh(c => !c.account_guid && c.account_name === _accountName);
    if (fresh && _checkinCache) {
      _ecCkState = 'done';
      _ecOrb('done', { time: _ecTime(_checkinCache.checked_in_at) });
      _ecTopbarClose();
    } else {
      _ecOrb('checkin');
      _ecWarmGps(true);   // หาตำแหน่งไว้ก่อน ตอนกดจะได้ติดทันที
    }
    const shop = document.getElementById('ci-rec-shop');
    if (shop) shop.textContent = (_ctx().name && _ctx().name !== '-') ? _ctx().name : (_accountName || '');
    _renderEchoState();
    _ecRenderReorder();
  }
  function _orbTap() {
    if (_phase !== 'idle') return;
    const hint = document.getElementById('ci-thint');
    if (hint && hint.dataset.mode === 'checkin') { _doCheckin(); return; }
    // เช็คอินแล้ว ปุ่มกลมไม่ทำอะไร — ชี้ไปที่ปุ่มอัดเสียงแทน (กันกดผิดว่าเป็นปุ่มอัด)
    try { navigator.vibrate && navigator.vibrate(10); } catch (_) {}
    const p = document.getElementById('ci-recpill');
    if (p) { p.classList.remove('nudge'); void p.offsetWidth; p.classList.add('nudge'); }
  }

  // ── การ์ด visit + ช่วงสำเร็จ ─────────────────────────────────────────────
  function _ecRenderThanks(newIdx) {
    const card = document.getElementById('ci-vh-card');
    if (!card) return;
    const known = !!_ecVisit && _ownerType !== 'sales';
    let line = 'ขอบคุณที่แวะร้านนี้ค่ะ';
    if (known) {
      line += _ecVisit.month >= EC_VISIT_GOAL
        ? ` ครบเป้าเดือนนี้แล้ว <b>${_ecVisit.month} ครั้ง</b>`
        : ` เดือนนี้ไปแล้ว <b>${_ecVisit.month} จาก ${EC_VISIT_GOAL} ครั้ง</b>`;
    }
    card.innerHTML = `<div class="ec-olv"><span class="ec-av">O</span><p>${line}</p></div>` +
      (known ? `<div class="ec-bar" id="ci-vh-dots">${_ecBarHtml(_ecVisit.month, newIdx)}</div>` : '');
  }
  function _ecTopbarClose() {
    const l = document.getElementById('ci-topbar-left-label');
    if (l && _phase === 'idle') l.textContent = 'ปิด';
  }
  function _ecCelebrate(now) {
    try { navigator.vibrate && navigator.vibrate([18, 40, 28]); } catch (_) {}
    _ecTopbarClose();
    const t = _ecTime(now);
    _ecOrb('ok', { time: t });
    setTimeout(() => { if (_ecCkState === 'done' && _phase === 'idle') _ecOrb('done', { time: t }); }, 1600);
    let newIdx = -1;
    if (_ecVisit) {
      const k = _ecDayKey(_accountGuid, now);
      if (!_ecVisit.keys.has(k)) {
        _ecVisit.keys.add(k); _ecVisit.month++; _ecVisit.quarter++;
        newIdx = Math.min(_ecVisit.month, EC_VISIT_GOAL) - 1;
      }
    }
    _ecRenderThanks(newIdx);
  }

  // ── การ์ดของถึงรอบ (กาง/ซ่อน) — ข้อมูลชุดเดียวกับจอสรุปเช้า แต่วาดใน Echo ด้วย token ──
  function _ecReorderRows(guid) {
    try {
      if (typeof _diDataComplete === 'function' && !_diDataComplete()) return null;
      const rows = (typeof computeChurnRowsForAccount === 'function') ? computeChurnRowsForAccount(guid) : null;
      if (!rows) return null;
      return rows.filter(r => r && (r.type === 'gone' || r.type === 'near')).sort((a, b) => (b.gmv || 0) - (a.gmv || 0));
    } catch (_) { return null; }
  }
  function _ecRenderReorder() {
    const host = document.getElementById('ci-visit-hero');
    const old = document.getElementById('ec-ro');
    if (old) old.remove();
    if (!host || !_accountGuid || _ecCkState !== 'done') return;
    const late = _ecReorderRows(_accountGuid);
    if (!late || !late.length) return;
    const baht = late.reduce((t, r) => t + (r.gmv || 0), 0);
    const bahtTxt = (typeof _diBaht === 'function') ? _diBaht(baht) : '฿' + Math.round(baht).toLocaleString('en-US');
    const li = late.slice(0, 8).map(r => `<li>${_ecEsc(r.name)}<span>สั่งทุก ${_ecEsc(r.avgInterval)} วัน · <em>${r.daysLate > 0 ? 'เลยมา ' + r.daysLate + ' วัน' : 'ถึงรอบวันนี้'}</em></span></li>`).join('') +
      (late.length > 8 ? `<li>และอีก ${late.length - 8} รายการ<span></span></li>` : '');
    const one = late.slice(0, 2).map(r => _ecEsc(r.name)).join(', ') + (late.length > 2 ? ` และอีก ${late.length - 2}` : '');
    const el = document.createElement('div');
    el.id = 'ec-ro'; el.className = 'ec-ro';
    el.innerHTML = `<div class="ec-ro-h"><p>ร้านนี้มีของถึงรอบสั่ง ${late.length} รายการ · ${_ecEsc(bahtTxt)}</p><span id="ec-ro-t">ดู ⌄</span></div>
      <div class="ec-ro-one">${one}</div><ul class="ec-ro-list">${li}</ul>`;
    el.addEventListener('click', () => {
      el.classList.toggle('open');
      const t = document.getElementById('ec-ro-t');
      if (t) t.textContent = el.classList.contains('open') ? 'ซ่อน ⌃' : 'ดู ⌄';
    });
    host.appendChild(el);
  }

  // ── ทิ้งเสียงต้องยืนยันก่อน (เดิมปุ่ม X ทิ้งทันที) · การอัดเดินต่อระหว่างถาม ──
  function _ecConfirmDiscard() {
    if (_phase !== 'recording') return;
    const sheet = document.getElementById('ci-fullsheet');
    if (!sheet || document.getElementById('ec-scrim')) return;
    const len = _secs < 60 ? `${_secs} วินาที` : `${Math.round(_secs / 60)} นาที`;
    const keep = _ecCkState === 'done' ? ' · visit ที่เช็คอินไว้ยังนับอยู่' : '';
    const sc = document.createElement('div');
    sc.id = 'ec-scrim'; sc.className = 'ec-scrim';
    sc.innerHTML = `<div class="ec-cf" role="dialog" aria-label="ยืนยันทิ้งเสียง">
      <h3>ทิ้งเสียง ${len}นี้?</h3><p>ทิ้งแล้วกู้คืนไม่ได้ Olive จะไม่ได้สรุปให้${keep}</p>
      <button class="keep" onclick="CI._ecCloseDiscard()">อัดต่อ</button>
      <button class="drop" onclick="CI._ecDiscardNow()">ทิ้งเสียงนี้</button></div>`;
    sc.addEventListener('click', e => { if (e.target === sc) _ecCloseDiscard(); });
    sheet.appendChild(sc);
  }
  function _ecCloseDiscard() { const s = document.getElementById('ec-scrim'); if (s) s.remove(); }
  function _ecDiscardNow() { _ecCloseDiscard(); if (_phase === 'recording') cancel(); }

  // ── กดจบแล้ว: "ส่งแล้ว" ปิดได้เลย · ไม่ต้องรอ Olive สรุป (worker ทำต่อเบื้องหลัง) ──
  let _ecSentTimer = null;
  function _ecShowSent(name) {
    const box = document.getElementById('ci-sent'), proc = document.getElementById('ci-proc-wrap');
    if (!box) return false;
    if (proc) proc.style.display = 'none';
    box.style.display = 'flex';
    box.innerHTML = `<div class="ec-sent-ic"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></div>
      <h3>ส่งแล้ว</h3>
      <p>Olive กำลังสรุปเสียง${name ? 'ที่<br><b>' + _ecEsc(name) + '</b> ' : ''}ให้อยู่เบื้องหลัง<br>ปิดหน้านี้หรือเก็บมือถือได้เลย</p>
      <p class="s2">เสร็จแล้วจะบอกตอนเปิดแอปครั้งหน้า</p>
      <button onclick="CI._ecCloseSent()">ปิด</button>
      <span class="auto">ปิดเองใน 3 วินาที</span>`;
    try { navigator.vibrate && navigator.vibrate(20); } catch (_) {}
    clearTimeout(_ecSentTimer);
    _ecSentTimer = setTimeout(_ecCloseSent, 3000);
    return true;
  }
  function _ecCloseSent() {
    clearTimeout(_ecSentTimer);
    const box = document.getElementById('ci-sent');
    if (!box || box.style.display === 'none') return;
    _unmount();
  }

  // ── ครั้งหน้าที่เปิดแอป: Olive บอกว่าสรุปเสร็จ + จุดแดงที่ปุ่ม Echo ─────────
  function _ecPendingAll() { try { return JSON.parse(localStorage.getItem(EC_PENDING_KEY) || '{}') || {}; } catch (_) { return {}; } }
  function _ecPendingGet() {
    const me = (_authEmail() || '').toLowerCase();
    return me ? (_ecPendingAll()[me] || { pending: [], ready: [], checkedAt: 0 }) : null;
  }
  function _ecPendingPut(st) {
    const me = (_authEmail() || '').toLowerCase();
    if (!me) return;
    const all = _ecPendingAll();
    all[me] = st;
    try { localStorage.setItem(EC_PENDING_KEY, JSON.stringify(all)); } catch (_) {}
  }
  function _ecPendingAdd(id, name) {
    const st = _ecPendingGet();
    if (!st || !id) return;
    st.pending = (st.pending || []).filter(p => p.id !== id).concat([{ id, name: name || '', at: Date.now() }]).slice(-20);
    _ecPendingPut(st);
  }
  function _ecPendingDrop(id) {
    const st = _ecPendingGet();
    if (!st) return;
    st.ready = (st.ready || []).filter(x => x.id !== id);
    _ecPendingPut(st);
    _ecSyncBanner();
  }
  function _ecMarkSeen() {
    const st = _ecPendingGet();
    if (!st || !(st.ready || []).some(x => !x.seen)) return;
    st.ready = st.ready.map(x => ({ ...x, seen: true }));
    _ecPendingPut(st);
    _ecSyncBanner();
  }
  let _ecPendingBusy = false;
  async function _ecCheckPending() {
    const st = _ecPendingGet();
    if (!st) return;
    if ((st.pending || []).length && !_ecPendingBusy && Date.now() - (st.checkedAt || 0) >= EC_PENDING_POLL_MS) {
      _ecPendingBusy = true;
      try {
        const ids = st.pending.map(p => p.id).slice(-20);
        const { data, error } = await supa.from('ci_sessions').select('id,pipeline_stage').in('id', ids);
        if (!error && Array.isArray(data)) _ecPendingPut(_ecPendingNext(st, data, Date.now()));
      } catch (_) {} finally { _ecPendingBusy = false; }
    }
    _ecSyncBanner();
  }
  let _ecBannerTries = 0;
  function _ecSyncBanner() {
    const st = _ecPendingGet();
    const unseen = st ? (st.ready || []).filter(x => !x.seen) : [];
    document.querySelectorAll('.ec-nav-dot').forEach(d => d.remove());
    const old = document.getElementById('ec-banner');
    if (!unseen.length) { if (old) old.remove(); return; }
    ['nav-echo-kam', 'nav-echo'].forEach(id => {
      const w = document.querySelector('#' + id + ' .nwrap');
      if (w) { const d = document.createElement('span'); d.className = 'ec-nav-dot'; w.appendChild(d); }
    });
    // อย่าเด้งทับจอสรุปเช้า / หน้าต่าง visit / Echo — รอจนปิดก่อน
    const busy = document.getElementById('di-sheet') || document.getElementById('di-vpop') ||
                 (document.getElementById('ci-fullsheet') && document.getElementById('ci-fullsheet').style.display !== 'none');
    if (busy) {
      if (old) old.remove();
      if (_ecBannerTries++ < 120) setTimeout(_ecSyncBanner, 3000);
      return;
    }
    _ecBannerTries = 0;
    const x = unseen[unseen.length - 1];
    const more = unseen.length > 1 ? ` และอีก ${unseen.length - 1} ร้าน` : '';
    const txt = x.ok ? `สรุปเสียงที่ <b>${_ecEsc(x.name || 'ร้านนี้')}</b> เสร็จแล้วค่ะ${more}`
                     : `สรุปเสียงที่ <b>${_ecEsc(x.name || 'ร้านนี้')}</b> ไม่สำเร็จ${more}`;
    const el = old || document.createElement('div');
    el.id = 'ec-banner';
    el.innerHTML = `<span class="ec-b-av">O</span><p>${txt}</p>
      <button class="ec-b-go" onclick="CI._ecBannerOpen('${_ecEsc(x.id)}')">${x.ok ? 'ดูผล ›' : 'ดูเหตุผล ›'}</button>
      <button class="ec-b-x" onclick="CI._ecMarkSeen()" aria-label="ปิดแถบ">✕</button>`;
    if (!old) document.body.appendChild(el);
  }
  function _ecBannerOpen(id) { _ecPendingDrop(id); _openSessionDetail(id); }
  (function _ecPendingBoot() {
    let tries = 0;
    const kick = () => {
      if (typeof supa === 'undefined' || !_authEmail()) { if (tries++ < 40) setTimeout(kick, 3000); return; }
      _ecCheckPending();
    };
    if (typeof document !== 'undefined') {
      setTimeout(kick, 4000);
      document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') _ecCheckPending(); });
    }
  })();

  // ── GPS check-in — snap location, WRITE ci_sessions, show bar + mic orb ──

  //
  // v_echog1: เดิมกด "เช็คอิน" แล้วขึ้น toast สำเร็จทั้งที่ยังไม่มีอะไรถูกส่งขึ้น
  // ระบบเลย — พิกัดนอนอยู่ใน localStorage แล้วค่อยติดไปกับแถว ci_sessions ตอนถอด
  // เสียงจบ แปลว่าเช็คอินแล้วไม่อัด/อัดสั้น/AI พัง = การไปถึงร้านหายไปเงียบๆ
  // และ TL ไม่มีทางเห็น rep ที่กำลังอยู่ในร้านเพื่อกดยืนยัน co-visit ได้เลย
  // (แถวเพิ่งเกิดตอน rep เดินออกจากร้านไปแล้ว)
  //
  // ตอนนี้: เช็คอิน = INSERT ทันที (pipeline_stage:'checked_in') → co-visit เห็น
  // แถวระหว่างยังอยู่ในร้าน · การอัดเสียงที่ตามมา UPDATE แถวเดิม (ดู
  // _saveTranscriptOnly) · แถวที่ไม่มีเสียงตามมา = visit แบบ "เช็คอินอย่างเดียว"
  // ซึ่งนับเป็น visit จริงตามนิยามที่บุชเคาะ (นับทั้งคู่ แยกตัวเลข)
  let _checkinBusy = false; // v260: กันกดรัวระหว่าง GPS ยังไม่ตอบ (ยิงซ้อนกันได้เดิม)
  async function _doCheckin() {
    if (_checkinBusy) return;
    _checkinBusy = true;
    const hint = document.getElementById('ci-thint');
    const core = document.getElementById('ci-orb-core');
    _ecOrb('busy');   // Echo ดีไซน์ใหม่: แหวนหมุนรอบปุ่มทันทีที่แตะ ไม่มีช่วงเงียบ
    try {
      // v260: watchdog 25 วิ — timeout:10000 ของ geolocation ไม่นับช่วงที่ OS
      // กำลังโชว์ permission prompt และบางเครื่อง (Location Services ปิดทั้ง
      // เครื่อง) ไม่เรียก callback ใดๆ เลย → เดิมค้าง "กำลังระบุตำแหน่ง..."
      // ตลอดกาลโดยไม่มีใครฟ้อง = อาการ "กดเช็คอินแล้วเงียบ" ที่ user เจอ
      // Echo ดีไซน์ใหม่: ตำแหน่งที่หาไว้ตั้งแต่เปิด Echo ใช้ได้ทันทีถ้ายังสด (≤30 วิ) และแม่น (≤150 ม.)
      // ไม่งั้นขอใหม่แบบเดิมทุกอย่าง · ด่านเช็คอินซ้ำและด่านห่างผิดที่ข้างล่างยังทำงานเหมือนเดิม
      const _warm = _ecUseWarm(_ecWarm, Date.now()) ? _ecWarm : null;
      const pos = _warm ? { coords: { latitude: _warm.lat, longitude: _warm.lng, accuracy: _warm.acc } } : await Promise.race([
        new Promise((resolve, reject) => {
          if (!navigator.geolocation) { reject(new Error('GPS ไม่รองรับ')); return; }
          navigator.geolocation.getCurrentPosition(resolve, reject, {
            enableHighAccuracy: true, timeout: 10000, maximumAge: 0
          });
        }),
        new Promise((_, reject) => setTimeout(() => reject({ code: 'stuck' }), 25000)),
      ]);
      const now = new Date();

      // v_falseproof: ทั้งสองเช็คนี้ต้องทำ "ก่อน" ตั้ง _checkinCache/โชว์ UI สำเร็จ
      // — ถ้ายกเลิกตรงนี้ต้องไม่มีการค้าง cache/pill/orb ค้างไว้เป็น false success
      const email = _authEmail();
      const [dupCheckedInAt, mismatchM] = await Promise.all([
        _checkRecentDuplicateCheckin(_accountGuid, email),
        _checkLocationMismatch(_accountGuid, pos.coords.latitude, pos.coords.longitude)
      ]);
      if (dupCheckedInAt) {
        const dupTimeStr = new Date(dupCheckedInAt).toLocaleTimeString('th-TH', { hour: '2-digit', minute: '2-digit' });
        if (!confirm('คุณเช็คอินร้านนี้ไปแล้วเมื่อ ' + dupTimeStr + ' (ไม่ถึง 2 ชม.ที่แล้ว)\nยืนยันว่าต้องการเช็คอินซ้ำ?')) {
          // v_falseproof bugfix (พบระหว่างทดสอบสด): เดิมไม่รีเซ็ต hint กลับ — ค้าง
          // "กำลังระบุตำแหน่ง..." ตลอดไปทั้งที่ยกเลิกแล้ว ดูเหมือนแอปค้าง
          _ecOrb('checkin');
          return;
        }
      }
      if (mismatchM != null) {
        const kmStr = (mismatchM / 1000).toFixed(1);
        if (!confirm('ตำแหน่งที่เช็คอินอยู่ห่างจากที่เคยเช็คอินร้านนี้มาก่อนประมาณ ' + kmStr + ' กม.\nใช่ร้านนี้จริงไหม?')) {
          _ecOrb('checkin');
          return;
        }
      }

      _checkinCache = {
        rep_lat:       pos.coords.latitude,
        rep_lng:       pos.coords.longitude,
        checked_in_at: now.toISOString(),
        account_guid:  _accountGuid,
        account_name:  _accountName || null,  // v_echog1: ให้ sales (ไม่มี guid) restore cache ได้
        session_id:    null,   // v_echog1: เติมโดย _syncCheckinToDb เมื่อ insert สำเร็จ
      };
      // Persist to localStorage so it survives app restart within session
      try { localStorage.setItem('ci_checkin_cache', JSON.stringify(_checkinCache)); } catch(_) {}

      // Echo ดีไซน์ใหม่ (25 ต.ค.): ช่วงสำเร็จ — ติ๊กเขียว คลื่นแตก สั่น Olive ขอบคุณ ช่อง visit ใหม่เรือง
      _ecCkState = 'done';
      _ecCelebrate(now);
      const _tStr = now.toLocaleTimeString('th-TH', { hour:'2-digit', minute:'2-digit' });
      const _expStr = new Date(now.getTime() + 90*60000).toLocaleTimeString('th-TH', { hour:'2-digit', minute:'2-digit' });
      const pill = document.getElementById('ci-checkin-pill');
      const timeEl = document.getElementById('ci-checkin-time');
      if (timeEl) timeEl.textContent = _tStr + ' · ถึง ' + _expStr;
      if (pill) pill.style.display = 'flex';
      // v_daily เฟส 4B: เช็คอินสำเร็จแล้วค่อยบอกว่าร้านนี้มีอะไรถึงรอบแล้วยังไม่สั่ง
      // ข้อมูลชุดเดียวกับจอสรุปรายวัน แค่มาโผล่ตอนที่ยืนอยู่หน้าร้านจริง
      // guard ไว้เพื่อให้ถอดโมดูลนั้นออกได้โดย Echo ไม่พัง
      // Echo ดีไซน์ใหม่: การ์ดกาง/ซ่อนได้ วาดใน Echo ด้วย token (ข้อมูลชุดเดียวกับจอสรุปเช้า · ไม่แตะไฟล์ 14)
      _ecRenderReorder();

      // ปุ่มอัดเสียงแคปซูลขึ้นตอนนี้ — ทำก่อนรอ network เพื่อให้ UI ไม่ค้างบนเน็ตช้า
      _renderEchoState();

      // v_echog1: เขียนขึ้นระบบจริง แล้วค่อยประกาศผลตามความจริง
      // v951: อย่ารีบฟ้อง — ครั้งแรกมักพลาดเพราะโปรไฟล์ยังโหลดไม่เสร็จ (เปิดแอปแล้ว
      // เข้า Echo เร็ว) → รอ 1.2 วิ retry อีกรอบก่อน แล้วบอกเหตุผลจริงถ้ายังไม่ได้
      let synced = await _syncCheckinToDb();
      if (!synced) {
        await new Promise(r => setTimeout(r, 1200));
        synced = await _syncCheckinToDb();
      }
      if (typeof showToast === 'function') {
        // สำเร็จแล้วไม่ต้องมี toast ซ้อน — ช่วงสำเร็จบนจอ (ติ๊ก + Olive) บอกครบแล้ว
        if (!synced) {
          const why = _lastCheckinSyncError || 'การเชื่อมต่อขัดข้อง';
          showToast('เช็คอินเก็บไว้ในเครื่องแล้ว (' + why + ') — ระบบจะส่งซ้ำให้เองอัตโนมัติ', '⚠');
        }
      }
      // v952: ยังไม่เข้า → เข้าคิวยิงซ้ำเองจนกว่าจะสำเร็จ (ไม่ต้องรอเริ่มอัดเสียง)
      if (!synced) _armCheckinRetry();

    } catch(e) {
      // v260: ข้อความ error ต้องมองเห็นได้จริง — toast เดิมอยู่ชั้น z-index 500
      // ใต้ Echo sheet (9999) จึงถูกบังสนิททุกครั้ง = user เห็นแค่ "กดแล้วเงียบ"
      // (ยก .toast ขึ้นเหนือ sheet ที่ styles_base.css แล้ว) + เขียนซ้ำลง hint
      // ใต้ปุ่มซึ่งอยู่ในสายตาแน่ๆ และคาไว้ให้อ่านทัน ไม่เด้งหายใน 2 วิ
      const msg = e.code === 1 ? 'มือถือไม่ให้สิทธิ์ตำแหน่ง — เปิด ตั้งค่า > เลือกเบราว์เซอร์/แอปนี้ > อนุญาตตำแหน่ง แล้วกลับมากดเช็คอินใหม่'
                : e.code === 2 ? 'ระบุตำแหน่งไม่ได้ — ลองย้ายจุด/กลางแจ้ง แล้วกดใหม่'
                : e.code === 3 ? 'หาตำแหน่งไม่ทันเวลา — กดเช็คอินอีกครั้ง'
                : e.code === 'stuck' ? 'ระบบตำแหน่งไม่ตอบ — เช็คว่าเปิด Location ของเครื่องอยู่ แล้วกดใหม่'
                : 'GPS error: ' + e.message;
      _toast(msg);
      // กดซ้ำ = ลองเช็คอินใหม่ได้ทันที · และเปิดปุ่มอัดเสียงให้ (เช็คอินไม่ได้ต้องไม่ทำให้เสียการคุยทั้งก้อน)
      if (_ecCkState !== 'done') _ecCkState = 'failed';
      _ecOrb('checkin', { main: 'เช็คอินไม่ได้ · แตะลองใหม่', sub: msg, cls: 'bad' });
      _renderEchoState();
      setTimeout(() => {
        if (hint && hint.dataset.mode === 'checkin' && !_checkinBusy && _phase === 'idle') _ecOrb('checkin', { main: 'แตะเพื่อเช็คอินอีกครั้ง', sub: '' });
      }, 8000);
    } finally {
      _checkinBusy = false;
    }
  }

  // v_echog1: ส่งเช็คอินขึ้น ci_sessions — idempotent เรียกซ้ำได้ไม่เกิดแถวใหม่
  // (มี session_id แล้ว = ส่งไปแล้ว ข้าม) · เรียกจาก 3 จุด: _doCheckin ทันทีที่กด,
  // startRecording (retry เผื่อจุดแรกเน็ตหลุด), และ _saveTranscriptOnly ผ่านทาง
  // ธรรมชาติของมันเอง (insert ใหม่เมื่อไม่มี session_id)
  // คืน true = มีแถวใน DB แล้วแน่ๆ
  // v_echodedupe: คีย์กันซ้ำแบบ deterministic — คำนวณจาก cache ล้วน ไม่สุ่ม ไม่ต้อง
  // เก็บ state เพิ่ม → ทุกเส้นทาง retry (และแม้เปิดแอปใหม่แล้ว restore cache)
  // คำนวณได้ค่าเดิมเป๊ะ แล้วชนกับ unique index ที่ DB แทนที่จะได้แถวใหม่
  function _checkinDedupeKey(cache, email) {
    if (!cache || !email || !cache.checked_in_at) return null;
    return email + '|' + (cache.account_guid || '-') + '|' + cache.checked_in_at;
  }

  // v_echodedupe: กันสองสายวิ่งพร้อมกัน (interval 15 วิ ชนกับ visibilitychange
  // ตอนแอปกลับมา foreground เป็นเคสจริงที่เจอ) — สายที่สองรอผลสายแรกแทนที่จะ
  // ยิง insert ของตัวเอง
  let _checkinSyncInFlight = null;
  async function _syncCheckinToDb(cacheArg) {
    if (_checkinSyncInFlight) return _checkinSyncInFlight;
    _checkinSyncInFlight = _syncCheckinToDbInner(cacheArg)
      .finally(() => { _checkinSyncInFlight = null; });
    return _checkinSyncInFlight;
  }

  async function _syncCheckinToDbInner(cacheArg) {
    // v951: รับ cache ที่ pipeline ตรึงไว้ได้ — เดิมอ่าน global อย่างเดียว ซึ่ง
    // อาจถูก null/สลับเป็นเช็คอินร้านใหม่ไปแล้วระหว่างรอ AI
    const cache = cacheArg || _checkinCache;
    if (!cache) return false;
    if (cache.session_id) return true;
    // v952: email จาก JWT ได้เลย ไม่รอ profiles fetch (สเปค = insert ทันทีที่กด)
    const email = _authEmail();
    if (!email) { _lastCheckinSyncError = 'ยังไม่พบ session ผู้ใช้'; return false; }
    const dedupeKey = _checkinDedupeKey(cache, email);
    try {
      // v952: PWA ฟื้นจาก background แล้ว token ค้างเป็นปัญหาที่รู้จักของแอปนี้
      // (01_core SIGNED_OUT handler) — getSession() ให้ supabase-js refresh ให้ก่อน
      // insert เสมอ (pattern เดียวกับ _skCacheJWT ใน 11_skills)
      try { await supa.auth.getSession(); } catch(_) {}
      const { data: row, error } = await supa.from('ci_sessions').insert({
        owner_email:    email,
        owner_type:     _ownerType,
        account_id:     cache.account_guid || null,
        account_name:   cache.account_name || _accountName || null,
        // visited_at = เวลาที่ไปถึงร้าน ไม่ใช่เวลาถอดเสียงเสร็จ — ตัวนับ visit
        // รายวัน/สัปดาห์ทุกตัว query จาก visited_at จึงต้องเป็นวันที่ไปจริง
        visited_at:     cache.checked_in_at,
        checked_in_at:  cache.checked_in_at,
        rep_lat:        cache.rep_lat,
        rep_lng:        cache.rep_lng,
        pipeline_stage: 'checked_in',
        status:         'draft',
        client_dedupe_key: dedupeKey
      }).select('id').single();
      let rowId = row && row.id;
      if (error && !rowId) {
        // v_echodedupe: 23505 = ชนคีย์กันซ้ำ แปลว่าแถวนี้เข้า DB ไปแล้วรอบก่อน
        // (มักเป็นเคส "commit สำเร็จแต่ response หาย" ที่ทำให้เกิดแถวซ้ำมาตลอด)
        // → ไปหยิบ id ของแถวเดิมมาใช้ ไม่ใช่สร้างใหม่ · จงใจไม่ใช้ upsert เพราะ
        // DO UPDATE จะดัน pipeline_stage กลับเป็น 'checked_in' ทับของที่เดินไปแล้ว
        if (error.code === '23505' && dedupeKey) {
          try {
            const { data: existing } = await supa.from('ci_sessions')
              .select('id').eq('client_dedupe_key', dedupeKey).limit(1).single();
            if (existing && existing.id) rowId = existing.id;
          } catch (_) {}
        }
        if (!rowId) {
          console.warn('[CI] checkin insert failed:', error?.message);
          _lastCheckinSyncError = error?.message || 'no row returned';
          return false;
        }
      }
      if (!rowId) {
        _lastCheckinSyncError = 'no row returned';
        return false;
      }
      cache.session_id = rowId;
      if (cache === _checkinCache) {
        try { localStorage.setItem('ci_checkin_cache', JSON.stringify(cache)); } catch(_) {}
      }
      // จุด echo บนพอร์ตติดตั้งแต่วันไป ไม่ต้องรอวิเคราะห์จบ (โครงเดียวกับ
      // upsert ใน _saveAnalysisToExistingSession — onConflict กันแถวซ้ำ)
      if (cache.account_guid) {
        try {
          await supa.from('kam_visits').upsert({
            kam_email:     email,
            account_id:    cache.account_guid,
            last_seen:     cache.checked_in_at,
            modes:         ['echo'],
            ci_session_id: rowId,
            ci_created_at: cache.checked_in_at,
            visit_date:    cache.checked_in_at.slice(0, 10)
          }, { onConflict: 'kam_email,account_id' });
        } catch(_) {}
        // perf R1: เช็คอินเขียน kam_visits ⇒ ล้างรายชื่อเข้าพบของทีมที่จำไว้ (06 getTeamVisitMapFromSupabase)
        try { if (typeof _tvVisitCacheInvalidate === 'function') _tvVisitCacheInvalidate(); } catch(_) {}
      }
      return true;
    } catch(e) {
      console.warn('[CI] checkin sync unavailable:', e.message);
      _lastCheckinSyncError = e.message;
      return false;
    }
  }
  let _lastCheckinSyncError = null; // v951: ให้ _doCheckin บอกเหตุผลจริงใน toast

  // ── v952: retry queue — เช็คอินที่ค้างในเครื่องต้องหาทางขึ้นระบบเองจนได้ ────
  // ยิงซ้ำทุก 15 วิ (สูงสุด 8 ครั้ง = 2 นาที) + ยิงทันทีตอนแอปกลับมา visible
  // สำเร็จ → toast ✓ เงียบๆ · แพ้ครบ → ค้าง pill แดงไว้ให้ rep เห็น + รายงานจริง
  // เข้า app_errors (v_checkinretry 2026-08-17: เดิมมีแค่ telemetry อย่างเดียว
  // ไม่มีอะไรบอก rep ว่าเช็คอินยังไม่ขึ้นระบบเลย — เงียบสนิทจนอาจเสียทั้ง visit)
  let _checkinRetryTimer = null, _checkinRetryCount = 0;
  function _disarmCheckinRetry() {
    if (_checkinRetryTimer) { clearInterval(_checkinRetryTimer); _checkinRetryTimer = null; }
  }
  function _setCheckinWarnVisible(show) {
    const warn = document.getElementById('ci-checkin-warn');
    if (warn) warn.style.display = show ? 'flex' : 'none';
  }
  function _armCheckinRetry() {
    if (_checkinRetryTimer) return;
    _checkinRetryCount = 0;
    _checkinRetryTimer = setInterval(async () => {
      if (!_checkinCache || _checkinCache.session_id) { _disarmCheckinRetry(); _setCheckinWarnVisible(false); return; }
      _checkinRetryCount++;
      const ok = await _syncCheckinToDb().catch(() => false);
      if (ok) {
        _disarmCheckinRetry();
        _setCheckinWarnVisible(false);
        if (typeof showToast === 'function') showToast('เช็คอินส่งขึ้นระบบแล้ว', '✓');
      } else if (_checkinRetryCount >= 8) {
        _disarmCheckinRetry();
        _setCheckinWarnVisible(true);   // ค้างไว้ให้เห็น — แตะเพื่อลองใหม่เองได้ (_retryCheckinSyncNow)
        try {
          window.SenseSentinel?.report('ci_checkin_sync_fail',
            (_lastCheckinSyncError || 'unknown') + ' | role=' +
            (typeof getCurrentRole === 'function' ? getCurrentRole() : '?'));
        } catch(_) {}
      }
    }, 15000);
  }
  // แตะ pill แดง — ลองซ้ำทันทีนอกรอบ 15 วิ แล้วเข้าคิวใหม่ถ้ายังไม่ผ่าน
  async function _retryCheckinSyncNow() {
    if (!_checkinCache || _checkinCache.session_id) { _setCheckinWarnVisible(false); return; }
    if (typeof showToast === 'function') showToast('กำลังลองส่งเช็คอินอีกครั้ง...', '⏳');
    const ok = await _syncCheckinToDb().catch(() => false);
    if (ok) {
      _disarmCheckinRetry();
      _setCheckinWarnVisible(false);
      if (typeof showToast === 'function') showToast('เช็คอินส่งขึ้นระบบแล้ว', '✓');
    } else {
      _armCheckinRetry();
      if (typeof showToast === 'function') showToast('ยังส่งไม่สำเร็จ — ระบบจะลองซ้ำให้เองต่อ', '⚠');
    }
  }
  // กลับมาหน้าแอป (สลับแอพ/ปลดล็อคจอ) แล้วมีเช็คอินค้าง → ยิงทันที ไม่รอรอบ 15 วิ
  document.addEventListener('visibilitychange', () => {
    if (document.visibilityState !== 'visible') return;
    if (!_checkinCache || _checkinCache.session_id) return;
    _syncCheckinToDb().then(ok => {
      if (ok) {
        _disarmCheckinRetry();
        _setCheckinWarnVisible(false);
        if (typeof showToast === 'function') showToast('เช็คอินส่งขึ้นระบบแล้ว', '✓');
      }
    }).catch(() => {});
  });

  function _hidePicker() {
    // Hide inline picker, reveal record UI + update chip
    // v552: visibility via state machine (callers set _showPicker=false first)
    _renderEchoState();
    const chip = document.getElementById('ci-chip-wrap');
    if (chip) {
      // Update chip text
      const ctx = _ctx();
      const nameEl = chip.querySelector('.chip-txt');
      const segEl = chip.querySelector('.chip-seg');
      const dotEl = chip.querySelector('.chip-dot');
      if (nameEl) nameEl.textContent = ctx.name || _accountName || 'ร้านค้า';
      if (segEl) { segEl.textContent = _accountSeg === 'LEAD' ? 'LEAD' : ctx.seg; segEl.style.color = _accountSeg === 'LEAD' ? 'var(--ec-warn)' : ''; }
      if (dotEl) dotEl.style.background = _accountSeg === 'LEAD' ? 'var(--ec-warn)' : '';
    }
  }

  // v_echog1: restore เช็คอินจาก localStorage ถ้ายังสด (<90 นาที) และตรงร้าน
  // ใช้ร่วมกันทั้ง KAM (match ด้วย guid) และ sales (match ด้วยชื่อ เพราะไม่มี guid)
  // คืน true = restore แล้ว + อัปเดต pill เวลาเช็คอินให้ด้วย
  function _restoreCheckinIfFresh(matches) {
    try {
      const cached = JSON.parse(localStorage.getItem('ci_checkin_cache') || 'null');
      if (!cached || !matches(cached)) return false;
      const minsAgo = (Date.now() - new Date(cached.checked_in_at).getTime()) / 60000;
      if (minsAgo >= 90) return false;
      _checkinCache = cached;
      const pill = document.getElementById('ci-checkin-pill');
      const timeEl = document.getElementById('ci-checkin-time');
      const t = new Date(cached.checked_in_at);
      const _exp = new Date(t.getTime() + 90*60000);
      if (timeEl) timeEl.textContent = t.toLocaleTimeString('th-TH', { hour:'2-digit', minute:'2-digit' })
        + ' · ถึง ' + _exp.toLocaleTimeString('th-TH', { hour:'2-digit', minute:'2-digit' });
      if (pill) pill.style.display = 'flex';
      // v_checkinretry (2026-08-17): เดิม _armCheckinRetry มีจุดเรียกเดียวคือใน
      // _doCheckin ตอนกดเช็คอินสดๆ — แถวที่ restore กลับมาจาก cache (เช็คอิน
      // ออฟไลน์ตอนเปิดแอปทีหลัง) ไม่เคยมีตัวลองซ้ำทำงานเลย ถ้ายังไม่มี session_id
      // ต้องปลุกคิว retry ที่นี่ด้วย ไม่งั้นเช็คอินนี้จะไม่มีวันขึ้นระบบเองอัตโนมัติ
      if (!cached.session_id) _armCheckinRetry();
      return true;
    } catch(_) { return false; }
  }

  function _pickerConfirmKam(guid, name, seg) {
    _accountGuid = guid; _accountName = name; _accountSeg = seg || '';
    _showPicker = false;
    _hidePicker();
    _ecEnterAccount();   // เช็คอินที่ยังสด = ติ๊กเลย · ไม่งั้นปุ่มเช็คอิน (v_echog1 restore ยังทำงานข้างใน)
  }

  function _pickerConfirmSales(name) {
    if (!name || !name.trim()) return;
    _accountGuid = null; _accountName = name.trim(); _accountSeg = 'LEAD';
    _showPicker = false;
    _hidePicker();
    // v_echog1: restore แบบเดียวกับ KAM — เดิม sales เลือกร้านแล้วเช็คอินหายทุกครั้ง
    _ecEnterAccount();
  }

  // ── Dark mode theme transition (recording ↔ idle) ─────────────────────────
  function _applyRecordingTheme(isRec) {
    const sheet = document.getElementById('ci-fullsheet');
    if (!sheet) return;

    // v552: visibility via state machine only (spec Table 1)
    _renderEchoState();

    // Status label
    const rlbl = document.getElementById('ci-rlbl');
    if (rlbl) {
      rlbl.textContent = isRec ? 'รับฟังอยู่' : '';
      rlbl.style.fontWeight = isRec ? '400' : '500';
    }
    // Topbar left
    const tbLeft = document.getElementById('ci-topbar-left-label');
    if (tbLeft) tbLeft.textContent = isRec ? 'ย่อ' : 'ยกเลิก';
    const tbIcon = document.getElementById('ci-topbar-left-icon');
    if (tbIcon) tbIcon.style.display = isRec ? 'none' : '';

    if (!isRec) _ecCloseDiscard();
    if (isRec) {
      sheet.classList.add('is-rec');
      // → DARK
      sheet.style.transition = 'transform 380ms cubic-bezier(0.16,1,0.3,1), background .7s ease';
      sheet.style.background = 'var(--ec-rec-bg)';
      // v601: iOS PWA renders the area outside/behind the sheet from <html> background
      // body.echo-active { background:var(--ec-rec-bg) } catches body but not the html overscroll zone
      // Setting documentElement directly ensures the white gap below sheet disappears
      try { document.documentElement.style.background = 'var(--ec-rec-bg)'; } catch(_) {}
      const tb = sheet.querySelector('.topbar');
      if (tb) { tb.style.background='rgba(var(--ec-rec-ink-rgb),.04)'; tb.style.borderColor='rgba(var(--ec-rec-ink-rgb),.06)'; }
      _themeEl('ci-tval', 'color', 'rgba(var(--ec-rec-ink-rgb),.28)'); // v553: dim — working silently feel
      _themeEl('ci-rlbl',       'color', 'rgba(var(--ec-rec-ink-rgb),.25)');
      _themeEl('ci-topbar-left','color', 'rgba(var(--ec-rec-ink-rgb),.22)');
      _themeEl('ci-tab-pill',   'background', 'rgba(var(--ec-rec-ink-rgb),.1)');
      // chip
      const chip = sheet.querySelector('.chip');
      if (chip) chip.style.background = 'rgba(var(--ec-rec-ink-rgb),.06)';
      const chipTxt = sheet.querySelector('.chip-txt');
      if (chipTxt) chipTxt.style.color = 'rgba(var(--ec-rec-ink-rgb),.28)';
      // visit hero
      const vhCard = document.getElementById('ci-vh-card');
      if (vhCard) { vhCard.style.background = 'rgba(var(--ec-rec-ink-rgb),.04)'; vhCard.style.borderColor = 'rgba(var(--ec-rec-ink-rgb),.07)'; }
      _themeEl('ci-vh-div',    'background', 'rgba(var(--ec-rec-ink-rgb),.08)');
      _themeEl('ci-vh-wlabel', 'color', 'rgba(var(--ec-rec-ink-rgb),.2)');
      _themeEl('ci-vh-qlabel', 'color', 'rgba(var(--ec-rec-ink-rgb),.2)');
      _themeEl('ci-vh-wnum',   'color', 'rgba(var(--ec-rec-ink-rgb),.28)');
      _themeEl('ci-vh-qnum',   'color', 'rgba(var(--ec-rec-ink-rgb),.28)');
      _themeEl('ci-vh-wsub',   'color', 'rgba(var(--ec-rec-ink-rgb),.18)');
      _themeEl('ci-vh-qsub',   'color', 'rgba(var(--ec-rec-ink-rgb),.18)');
      // dots
      sheet.querySelectorAll('.ci-vh-dot-fill').forEach(d => d.style.background = 'rgba(var(--ec-ac-rgb),.45)');
      sheet.querySelectorAll('.ci-vh-dot-gold').forEach(d => d.style.background = 'rgba(var(--ec-gold-rgb),.45)');
      sheet.querySelectorAll('.ci-vh-dot-empty').forEach(d => d.style.background = 'rgba(var(--ec-rec-ink-rgb),.08)');
      // ปุ่มจบ: ดีไซน์ใหม่ (วงเขียว) มีสีของตัวเองใน CSS — ไม่ต้องหรี่ตาม (Bucci: "ปุ่มจบบันทึกจะเห็นสีเขียวใหญ่ๆ น่ากด")
      // tab bar
      const tabRec = document.getElementById('ci-tab-rec');
      if (tabRec) { tabRec.style.background='rgba(var(--ec-rec-ink-rgb),.1)'; tabRec.style.color='rgba(var(--ec-rec-ink-rgb),.4)'; tabRec.style.boxShadow='none'; }
      const tabHist = document.getElementById('ci-tab-hist');
      if (tabHist) tabHist.style.color = 'rgba(var(--ec-rec-ink-rgb),.2)';
      const tabBar = document.getElementById('ci-main-tabs');
      if (tabBar) { tabBar.style.background = 'rgba(var(--ec-rec-ink-rgb),.06)'; if (tabBar.parentElement) tabBar.parentElement.style.display = 'none'; }
    } else {
      sheet.classList.remove('is-rec');
      // → LIGHT
      sheet.style.background = 'var(--ec-bg)';
      const tabBarR = document.getElementById('ci-main-tabs');
      if (tabBarR && tabBarR.parentElement) tabBarR.parentElement.style.display = '';
      if (tabBarR) tabBarR.style.background = '';
      const tabRecR = document.getElementById('ci-tab-rec');
      if (tabRecR) { tabRecR.style.background = ''; tabRecR.style.color = ''; tabRecR.style.boxShadow = ''; }
      const tabHistR = document.getElementById('ci-tab-hist');
      if (tabHistR) tabHistR.style.color = '';

      // v601: restore html background (was set dark during recording)
      try { document.documentElement.style.background = ''; } catch(_) {}
      const tbL = sheet.querySelector('.topbar');
      if (tbL) { tbL.style.background=''; tbL.style.borderColor=''; }
      _themeEl('ci-tval', 'color', ''); // restore timer color
      _themeEl('ci-rlbl',       'color', 'var(--ec-ac)');
      _themeEl('ci-topbar-left','color', 'var(--ec-ink-3)');
      // chip
      const chip = sheet.querySelector('.chip');
      if (chip) chip.style.background = 'rgba(var(--ec-ink-rgb),.04)';
      const chipTxt = sheet.querySelector('.chip-txt');
      if (chipTxt) chipTxt.style.color = '';
      // visit hero
      const vhCard = document.getElementById('ci-vh-card');
      if (vhCard) { vhCard.style.background = 'rgba(var(--ec-ac-rgb),.04)'; vhCard.style.borderColor = 'rgba(var(--ec-ac-rgb),.13)'; }
      _themeEl('ci-vh-div',    'background', 'rgba(var(--ec-ac-rgb),.12)');
      _themeEl('ci-vh-wlabel', 'color', 'var(--ec-ink-6)');
      _themeEl('ci-vh-qlabel', 'color', 'var(--ec-ink-6)');
      _themeEl('ci-vh-wnum',   'color', 'var(--ec-ink)');
      _themeEl('ci-vh-qnum',   'color', 'var(--ec-ink)');
      _themeEl('ci-vh-wsub',   'color', 'var(--ec-ink-6)');
      _themeEl('ci-vh-qsub',   'color', 'var(--ec-ink-6)');
      // dots
      sheet.querySelectorAll('.ci-vh-dot-fill').forEach(d => d.style.background = 'var(--ec-ac)');
      sheet.querySelectorAll('.ci-vh-dot-gold').forEach(d => d.style.background = 'var(--ec-gold)');
      sheet.querySelectorAll('.ci-vh-dot-empty').forEach(d => d.style.background = 'rgba(var(--ec-ac-rgb),.15)');
      // tab bar
      const tabRec = document.getElementById('ci-tab-rec');
      if (tabRec) { tabRec.style.background='var(--ec-raised)'; tabRec.style.color='var(--ec-ink)'; tabRec.style.boxShadow='0 1px 3px rgba(var(--ec-ink-rgb),.08)'; }
      const tabHist = document.getElementById('ci-tab-hist');
      if (tabHist) tabHist.style.color = 'var(--ec-ink-4)';
      const tabBar = document.getElementById('ci-main-tabs');
      if (tabBar) tabBar.style.background = '';
    }
  }

  // ── Visibility guard — PWA resume after screen lock ────────────────────────
  // When page becomes visible again: if we think we're recording but MediaRecorder
  // has stopped (iOS), show a recoverable error toast. Timer auto-corrects via Date.now().
  (function _initVisibilityGuard() {
    document.addEventListener('visibilitychange', function() {
      if (document.visibilityState !== 'visible') return;
      // v601: bfcache guard — ถ้า page restore แล้ว sheet ไม่อยู่ (minimized/killed)
      // แต่ body.overflow ยัง hidden ค้าง → restore ทันที
      if (document.body.style.overflow === 'hidden') {
        const sheet = document.getElementById('ci-fullsheet');
        if (!sheet || sheet.style.display === 'none') {
          _restoreBodyScroll();
        }
      }
      if (_phase !== 'recording') return;
      // Timer display self-corrects (Date.now() diff), just force a UI tick
      const el = document.getElementById('ci-tval');
      if (el) {
        _secs = Math.floor((Date.now() - _startTime) / 1000);
        el.textContent = _fmt(_secs);
      }
      // v_recwatch (2026-08-20): ตั้งฐานเวลาของ watchdog ใหม่ทุกครั้งที่กลับมาหน้าจอ
      // ตอนอยู่เบื้องหลัง iOS หยุดทั้ง timer และ chunk — ถ้าไม่รีเซ็ต ทิกแรกหลังกลับมา
      // จะเห็น "ไม่มี chunk มานานมาก" แล้วเตือนทันทีทั้งที่ไมค์อาจกลับมาปกติแล้ว
      // (เป็น false positive ที่จะเจอบ่อยที่สุด เพราะสลับแอป/ดับจอคือเรื่องปกติ)
      // ถ้าไมค์ตายจริง ทิกถัดๆ ไปก็ยังจับได้ใน ~10 วิอยู่ดี ไม่ได้ปิดการตรวจ
      if (_recorder && _recorder.state === 'recording') {
        _recLastDataAt = Date.now();
        _recSamples = [{ t: Date.now(), b: _recBytes }];
      }
      // v555: MediaRecorder ถูก OS หยุด — กู้ chunks ที่มีไปวิเคราะห์ทันที
      // เช็ค _chunks.length กัน double-run (ถ้า onstop เคย fire แล้ว chunks ถูกเคลียร์)
      if (_recorder && _recorder.state === 'inactive' && _chunks.length > 0) {
        _durText = _fmt(_secs);
        // v_deadcapture: keepOnStop — ด้านล่างเรียก _onStop() เองอยู่แล้ว และ
        // recorder ตัวนี้ state==='inactive' อยู่แล้ว stop() จึงไม่ยิงซ้ำ
        _teardownRecorder('os-stopped', { keepOnStop: true });
        _phase = 'processing';
        _applyRecordingTheme(false);
        _showScreen('ci-s-proc');
        _setStep('กำลังวิเคราะห์...', 'การบันทึกถูกหยุดโดยระบบ — ใช้เสียงที่มี', 14);
        _toast('การบันทึกถูกหยุดโดยระบบ — กำลังวิเคราะห์เสียงที่มี');
        _onStop();
      }
    });
  })();

  function _themeEl(id, prop, val) {
    const el = document.getElementById(id);
    if (el) el.style[prop.replace(/-([a-z])/g, (_,c) => c.toUpperCase())] = val;
  }

  // ── Load visit hero (weekly + quarterly counts from ci_sessions) ──────────
  async function _loadVisitHero() {
    const dots  = document.getElementById('ci-vh-dots');
    const wnum  = document.getElementById('ci-vh-wnum');
    const qnum  = document.getElementById('ci-vh-qnum');
    if (!dots || !wnum || !qnum) return;
    const email = currentUserProfile?.email;
    if (!email || _canDebrief()) return; // TL/Admin don't see hero
    // Echo ดีไซน์ใหม่ (Bucci 25 ต.ค.): เป้า visit เดือนละ 12 แทนสัปดาห์ละ 5 — ทุกบทบาทยกเว้น Sales
    // นับแบบเดียวกับจอสรุปเช้า (ร้าน×วัน ไม่ซ้ำ) จาก query เดียวตั้งแต่ต้นไตรมาส · อ่านไม่ได้ = "—" ไม่ใช่ 0
    if (_ownerType !== 'sales') {
      try {
        const now = new Date();
        const qStart = new Date(now.getFullYear(), Math.floor(now.getMonth() / 3) * 3, 1);
        const { data, error } = await supa.from('ci_sessions').select('account_id,visited_at')
          .eq('owner_email', email).gte('visited_at', qStart.toISOString());
        if (error || !Array.isArray(data)) throw error || new Error('อ่านจำนวน visit ไม่ได้');
        _ecVisit = _ecVisitCounts(data, now.getTime());
        const wl = document.getElementById('ci-vh-wlabel'), ws = document.getElementById('ci-vh-wsub');
        if (wl) wl.textContent = 'เดือนนี้';
        if (ws) ws.textContent = 'visit · เป้า ' + EC_VISIT_GOAL;
        const qs = document.getElementById('ci-vh-qsub');
        if (qs) qs.textContent = 'visit';
        wnum.textContent = _ecVisit.month;
        qnum.textContent = _ecVisit.quarter;
        dots.className = 'ec-bar';
        dots.removeAttribute('style');
        dots.innerHTML = _ecBarHtml(_ecVisit.month, -1);
        // เช็คอินไปแล้ว (เช่นเปิด Echo กลับมาภายใน 90 นาที) = โชว์แบบหลังเช็คอิน
        if (_ecCkState === 'done') _ecRenderThanks(-1);
      } catch (e) {
        _ecVisit = null;
        console.warn('[CI hero]', e && e.message);
      }
      return;
    }
    try {
      const now = new Date();
      // Week start (Mon)
      const dow = now.getDay() === 0 ? 6 : now.getDay() - 1;
      const weekStart = new Date(now); weekStart.setHours(0,0,0,0); weekStart.setDate(now.getDate() - dow);
      // Quarter start (Jan/Apr/Jul/Oct)
      const qStart = new Date(now.getFullYear(), Math.floor(now.getMonth() / 3) * 3, 1);

      const [wRes, qRes] = await Promise.all([
        supa.from('ci_sessions').select('*', { count: 'exact', head: true })
          .eq('owner_email', email).gte('visited_at', weekStart.toISOString()),
        supa.from('ci_sessions').select('*', { count: 'exact', head: true })
          .eq('owner_email', email).gte('visited_at', qStart.toISOString()),
      ]);

      const wCount = wRes.count ?? 0;
      const qCount = qRes.count ?? 0;

      wnum.textContent = wCount;
      qnum.textContent = qCount;

      // Build dots: 1-5 red, 6-10 gold, empty up to next milestone of 5
      const totalDots = Math.max(5, Math.ceil(wCount / 5) * 5);
      let dotsHtml = '';
      for (let i = 1; i <= totalDots; i++) {
        if (i <= Math.min(wCount, 5)) {
          dotsHtml += '<div class="ci-vh-dot-fill" style="width:8px;height:8px;border-radius:50%;background:var(--ec-ac);flex-shrink:0;transition:background .7s ease"></div>';
        } else if (i > 5 && i <= wCount) {
          dotsHtml += '<div class="ci-vh-dot-gold" style="width:8px;height:8px;border-radius:50%;background:var(--ec-gold);flex-shrink:0;transition:background .7s ease"></div>';
        } else {
          dotsHtml += '<div class="ci-vh-dot-empty" style="width:8px;height:8px;border-radius:50%;background:rgba(var(--ec-ac-rgb),.15);flex-shrink:0;transition:background .7s ease"></div>';
        }
      }
      // Add count label after dots
      const countLabel = wCount > 5
        ? `<span style="font-size:var(--text-xs);color:var(--ec-gold);font-weight:var(--fw-medium);margin-left:4px;font-family:'Noto Sans Thai',sans-serif;transition:color .7s ease" class="ci-vh-count-lbl">${wCount} visits</span>`
        : `<span style="font-size:var(--text-xs);color:var(--ec-ink-6);margin-left:4px;font-family:'Noto Sans Thai',sans-serif;transition:color .7s ease" class="ci-vh-count-lbl">${wCount} / 5</span>`;
      dots.innerHTML = dotsHtml + countLabel;
    } catch(e) {
      console.warn('[CI hero]', e.message);
    }
  }

  // ── TL Co-visit Hero — query covisit_events ────────────────────────────────
  async function _loadCovisitHero() {
    const dots = document.getElementById('ci-vh-dots');
    const wnum = document.getElementById('ci-vh-wnum');
    const qnum = document.getElementById('ci-vh-qnum');
    const wlabel = document.getElementById('ci-vh-wlabel');
    if (!dots || !wnum || !qnum) return;
    const email = currentUserProfile?.email;
    if (!email) return;
    if (wlabel) wlabel.textContent = 'Co-visit สัปดาห์นี้';
    // Show hero card for TL
    const hero = document.getElementById('ci-visit-hero');
    if (hero) hero.style.display = '';
    try {
      const now = new Date();
      const dow = now.getDay() === 0 ? 6 : now.getDay() - 1;
      const weekStart = new Date(now); weekStart.setHours(0,0,0,0); weekStart.setDate(now.getDate() - dow);
      const qStart = new Date(now.getFullYear(), Math.floor(now.getMonth() / 3) * 3, 1);
      const [wRes, qRes] = await Promise.all([
        supa.from('covisit_events').select('*', { count: 'exact', head: true })
          .eq('tl_email', email).eq('verified', true).gte('checked_at', weekStart.toISOString()),
        supa.from('covisit_events').select('*', { count: 'exact', head: true })
          .eq('tl_email', email).eq('verified', true).gte('checked_at', qStart.toISOString()),
      ]);
      const wCount = wRes.count ?? 0;
      const qCount = qRes.count ?? 0;
      wnum.textContent = wCount;
      qnum.textContent = qCount;
      const totalDots = Math.max(5, Math.ceil(wCount / 5) * 5);
      let dotsHtml = '';
      for (let i = 1; i <= totalDots; i++) {
        if (i <= Math.min(wCount, 5)) dotsHtml += '<div style="width:8px;height:8px;border-radius:50%;background:var(--ec-ac);flex-shrink:0"></div>';
        else if (i > 5 && i <= wCount) dotsHtml += '<div style="width:8px;height:8px;border-radius:50%;background:var(--ec-gold);flex-shrink:0"></div>';
        else dotsHtml += '<div style="width:8px;height:8px;border-radius:50%;background:rgba(var(--ec-ac-rgb),.15);flex-shrink:0"></div>';
      }
      dots.innerHTML = dotsHtml + `<span style="font-size:var(--text-xs);color:var(--ec-ink-6);margin-left:4px;font-family:'Noto Sans Thai',sans-serif">${wCount} co-visits</span>`;
    } catch(e) { console.warn('[CI covisit hero]', e.message); }
  }

  // ── Co-visit verified local cache — กัน DB lag/RLS ทำ row กลับมา "พร้อม" ──
  const CV_DONE_KEY = 'ci_covisit_done';
  function _cvDoneCache() {
    try {
      const m = JSON.parse(localStorage.getItem(CV_DONE_KEY) || '{}');
      const cutoff = Date.now() - 24*3600*1000;
      let dirty = false;
      Object.keys(m).forEach(k => { if (m[k] < cutoff) { delete m[k]; dirty = true; } });
      if (dirty) localStorage.setItem(CV_DONE_KEY, JSON.stringify(m));
      return m;
    } catch(_) { return {}; }
  }
  function _cvMarkDone(sessionId) {
    try {
      const m = _cvDoneCache();
      m[sessionId] = Date.now();
      localStorage.setItem(CV_DONE_KEY, JSON.stringify(m));
    } catch(_) {}
  }

  // ── TL Co-visit List — load today's check-ins from team ───────────────────
  let _cvSelected = null; // { session_id, rep_email, rep_lat, rep_lng, checked_in_at }

  async function _loadCovisitList() {
    const body = document.getElementById('ci-cv-list-body');
    if (!body) return;
    body.innerHTML = '<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-6)">กำลังโหลด...</div>';
    _cvSelected = null;
    _updateCvVerifyBtn();
    try {
      const teamEmails = _getTeamEmails();
      // v_echog1: admin เห็นทั้งบริษัท — list ว่าง (bulk ยังไม่โหลด) ให้ query แบบ
      // ไม่กรอง owner แทน (RLS เปิดให้ admin อ่านทุกแถวอยู่แล้ว) · TL list ว่าง = ตันจริง
      const _adminScope = typeof isAdminRole === 'function' && isAdminRole(getCurrentRole());
      if (!teamEmails.length && !_adminScope) { body.innerHTML = '<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-6)">ไม่พบน้องในทีม</div>'; return; }
      const todayStart = new Date(); todayStart.setHours(0,0,0,0);
      let cvQ = supa.from('ci_sessions')
        .select('id,owner_email,account_name,checked_in_at,rep_lat,rep_lng,covisit_verified,pipeline_stage')
        .gte('checked_in_at', todayStart.toISOString())
        .order('checked_in_at', { ascending: false });
      // v951: admin ไม่ใส่ .in() — รายชื่อทั้งบริษัททำ URL ยาวเกินจน request พัง
      if (teamEmails.length && !_adminScope) cvQ = cvQ.in('owner_email', teamEmails);
      const { data, error } = await cvQ;
      if (error) throw error;
      // v952: admin เห็นจอว่างเป็นเคสที่เคยไล่บั๊กไม่ได้เพราะไม่มี telemetry —
      // report เฉพาะเคสน่าสงสัย (admin + 0 แถว) จะได้เห็นจาก app_errors ทันที
      if (_adminScope && !(data || []).length) {
        try { window.SenseSentinel?.report('ci_admin_covisit_empty', 'rows=0 team=' + teamEmails.length); } catch(_) {}
      }
      // v552: covisit_events คือ source of truth (spec) — ci_sessions flag อาจโดน RLS block
      const verifiedIds = new Set();
      try {
        const ids = (data || []).map(s => s.id);
        if (ids.length) {
          const { data: evs } = await supa.from('covisit_events')
            .select('session_id').eq('verified', true).in('session_id', ids);
          (evs || []).forEach(e => verifiedIds.add(e.session_id));
        }
      } catch(_) {}
      const localDone = _cvDoneCache();
      const merged = (data || []).map(s => ({
        ...s,
        covisit_verified: !!(s.covisit_verified || verifiedIds.has(s.id) || localDone[s.id])
      }));
      body.innerHTML = _renderCovisitList(merged);
    } catch(e) {
      console.warn('[CI covisit list]', e.message);
      body.innerHTML = '<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-6)">โหลดไม่สำเร็จ</div>';
    }
  }

  function _renderCovisitList(rows) {
    if (!rows.length) return '<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--ec-ink-6)">ยังไม่มีน้องเช็คอินวันนี้</div>';
    const now = Date.now();
    const WINDOW_MS = 90 * 60 * 1000;
    return `<div class="cv-section-hd">วันนี้</div>` + rows.map(s => {
      const repName = s.owner_email ? _echoRep(s.owner_email) : '—';
      const initials = repName.slice(0,2).toUpperCase();
      const acct = s.account_name || '—';
      const checkinMs = new Date(s.checked_in_at).getTime();
      const checkinTime = new Date(s.checked_in_at).toLocaleTimeString('th-TH', { hour:'2-digit', minute:'2-digit' });
      const elapsed = now - checkinMs;
      const verified = !!s.covisit_verified;
      let badgeHtml, clickable;
      if (verified) {
        badgeHtml = `<span class="cv-badge cv-badge-done"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Verified</span>`;
        clickable = false;
      } else if (elapsed > WINDOW_MS) {
        badgeHtml = `<span class="cv-badge cv-badge-expired">หมดเวลา</span>`;
        clickable = false;
      } else {
        badgeHtml = `<span class="cv-badge cv-badge-ready"><svg width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>พร้อม</span>`;
        clickable = true;
      }
      const selStyle = clickable ? 'cursor:pointer;' : 'opacity:.6;';
      // v_echog1: != null ไม่ใช่ truthy — พิกัด 0 คือค่าจริง
      const onclickAttr = clickable
        ? `onclick="CI._cvSelectRow('${s.id}','${s.owner_email}',${s.rep_lat != null ? s.rep_lat : 'null'},${s.rep_lng != null ? s.rep_lng : 'null'},'${s.checked_in_at}','${repName}')"`
        : '';
      // v_echog1: แถวที่เพิ่งเช็คอิน (ยังไม่มีเสียง) โผล่ที่นี่ได้แล้วตั้งแต่กดเช็คอิน
      // — บอกสถานะให้ TL รู้ว่า rep ยังอยู่ในร้าน ไม่ใช่ visit ที่จบแล้ว
      const stageNote = s.pipeline_stage === 'checked_in'
        ? ' · <span style="color:var(--ec-warn)">ยังไม่อัดเสียง</span>' : '';
      return `<div class="cv-row" id="cv-row-${s.id}" style="${selStyle}" ${onclickAttr}>
        <div class="cv-avatar">${initials}</div>
        <div style="flex:1;min-width:0">
          <div class="cv-name">${repName}</div>
          <div class="cv-sub">${acct} · เช็คอิน ${checkinTime}${stageNote}</div>
        </div>
        ${badgeHtml}
      </div>`;
    }).join('');
  }

  function _cvSelectRow(sessionId, repEmail, repLat, repLng, checkedInAt, repName) {
    _cvSelected = { session_id: sessionId, rep_email: repEmail, rep_lat: repLat, rep_lng: repLng, checked_in_at: checkedInAt };
    // Highlight selected row, deselect others
    document.querySelectorAll('.cv-row').forEach(r => r.style.background = '');
    const row = document.getElementById(`cv-row-${sessionId}`);
    if (row) row.style.background = 'rgba(var(--ec-ac-rgb),.04)';
    // Update verify button (SVG pin, no emoji)
    const btn = document.getElementById('ci-cv-verify-btn');
    if (btn) btn.innerHTML = `<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:5px"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg>ยืนยัน Co-visit กับ ${repName}`;
    _updateCvVerifyBtn();
  }

  function _updateCvVerifyBtn() {
    const wrap = document.getElementById('ci-cv-verify-wrap');
    if (wrap) wrap.style.display = _cvSelected ? 'block' : 'none';
  }

  // ── Co-visit Verify — rework: Haversine + time window ─────────────────────
  async function _covisitVerify(sessionId, repEmail) {
    // Support both direct call (from session detail v541) and new TL flow (_cvSelected)
    const target = _cvSelected || (sessionId ? { session_id: sessionId, rep_email: repEmail, rep_lat: null, rep_lng: null, checked_in_at: null } : null);
    if (!target) return;

    const btn = document.getElementById('ci-cv-verify-btn') || document.getElementById('sd-covisit-btn');
    const badge = document.getElementById('sd-cv-badge');
    if (btn) { btn.disabled = true; btn.textContent = 'กำลังระบุตำแหน่ง...'; }

    // Optimistic lock: hide verify wrap + lock selected row immediately
    const verifyWrap = document.getElementById('ci-cv-verify-wrap');
    const selectedRow = target.session_id ? document.getElementById(`cv-row-${target.session_id}`) : null;
    if (selectedRow) {
      selectedRow.style.opacity = '0.5';
      selectedRow.style.pointerEvents = 'none';
      selectedRow.onclick = null;
    }

    const THRESHOLD_M = 150;
    const WINDOW_MS = 90 * 60 * 1000;

    try {
      // v_echog1: ทางเข้าจาก session detail ส่ง null มา ซึ่งเดิมทำให้ "ข้าม" ทั้ง
      // เช็คระยะและเช็คเวลาเงียบๆ (verify ผ่านตลอด) — ดึงค่าจริงของแถวมาก่อนเสมอ
      // ค่าที่ยังเป็น null หลัง fetch = แถวนั้นไม่มีข้อมูลจริงๆ (เช่น อัดโดยไม่เช็คอิน)
      // ถึงจะข้ามเช็คนั้นได้อย่างถูกต้อง
      if (target.session_id && (target.rep_lat == null || !target.checked_in_at)) {
        const { data: srow } = await supa.from('ci_sessions')
          .select('rep_lat,rep_lng,checked_in_at,owner_email')
          .eq('id', target.session_id).single();
        if (srow) {
          if (target.rep_lat == null) target.rep_lat = srow.rep_lat;
          if (target.rep_lng == null) target.rep_lng = srow.rep_lng;
          if (!target.checked_in_at)  target.checked_in_at = srow.checked_in_at;
          if (!target.rep_email)      target.rep_email = srow.owner_email;
        }
      }

      // 1. TL GPS snap
      const pos = await new Promise((resolve, reject) => {
        if (!navigator.geolocation) { reject(new Error('GPS ไม่รองรับ')); return; }
        navigator.geolocation.getCurrentPosition(resolve, reject, {
          enableHighAccuracy: true, timeout: 10000, maximumAge: 0
        });
      });
      const tlLat = pos.coords.latitude;
      const tlLng = pos.coords.longitude;

      // 2. Time window check (if we have checked_in_at)
      if (target.checked_in_at) {
        const elapsed = Date.now() - new Date(target.checked_in_at).getTime();
        if (elapsed > WINDOW_MS) {
          throw new Error(`หมดเวลา — น้องเช็คอินไปแล้ว ${Math.floor(elapsed/60000)} นาที (ต้องอยู่ใน 90 นาที)`);
        }
      }

      // 3. Haversine check (if rep has GPS)
      // v_echog1: != null ไม่ใช่ truthy — พิกัด 0 คือค่าจริง (เส้นศูนย์สูตร/เส้นเมริเดียน)
      let proximityM = null;
      if (target.rep_lat != null && target.rep_lng != null) {
        proximityM = Math.round(_haversine(tlLat, tlLng, target.rep_lat, target.rep_lng));
        if (proximityM > THRESHOLD_M) {
          throw new Error(`ไกลเกินไป — ห่างกัน ${proximityM} เมตร (ต้องอยู่ใน ${THRESHOLD_M} เมตร)`);
        }
      }

      if (btn) btn.textContent = 'กำลังบันทึก...';

      // 4. Get TL user id
      let tlUserId = null;
      try {
        const sk = Object.keys(localStorage).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
        if (sk) { const ss = JSON.parse(localStorage.getItem(sk)); tlUserId = ss?.user?.id || null; }
      } catch(_) {}

      const tlEmail = currentUserProfile?.email || null;
      const nowIso = new Date().toISOString();

      // 5. Upsert covisit_events
      try {
        const { error: cvErr } = await supa.from('covisit_events').upsert({
          session_id:  target.session_id,
          tl_email:    tlEmail,
          rep_email:   target.rep_email || null,
          tl_lat:      tlLat,
          tl_lng:      tlLng,
          rep_lat:     target.rep_lat || null,
          rep_lng:     target.rep_lng || null,
          proximity_m: proximityM,
          verified:    true,
          checked_at:  nowIso,
        }, { onConflict: 'session_id' });
        if (cvErr) console.warn('[CI] covisit_events upsert:', cvErr.message);
        else _cvMarkDone(target.session_id);  // v552: local truth — กัน verify ซ้ำหลัง re-open
      } catch(e) { console.warn('[CI] covisit_events unavailable:', e.message); }

      // 6. Update ci_sessions.covisit_verified
      // v567: .select('id') exposes RLS-filtered zero-row updates (same fake-success
      // class as the v566 review fix). Previously the sheet showed a checkmark
      // optimistically while the DB never changed — outer list badges read DB truth
      // and stayed empty, the exact mismatch reported in testing.
      try {
        const { data: _cvRows, error: _cvUpdErr } = await supa.from('ci_sessions')
          .update({ covisit_verified: true }).eq('id', target.session_id).select('id');
        if (_cvUpdErr) throw _cvUpdErr;
        if (!_cvRows || !_cvRows.length) throw new Error('RLS filtered update (0 rows)');
      } catch(e) {
        console.warn('[CI] ci_sessions covisit_verified update:', e.message);
        try { if (window.SenseSentinel && typeof window.SenseSentinel.report === 'function')
          window.SenseSentinel.report('data_quality', 'covisit_verified update failed: ' + e.message); } catch(_e) {}
        if (typeof showToast === 'function') showToast('บันทึก co-visit ไม่เข้าฐานข้อมูล — แจ้ง admin', '✗');
      }

      // 7. Update UI
      _cvSelected = null;
      // If in session detail sheet
      if (btn && btn.id === 'sd-covisit-btn') {
        btn.remove();
        if (badge) {
          badge.style.cssText = 'display:flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--ec-ok);font-family:\'Noto Sans Thai\',sans-serif;margin-bottom:10px';
          badge.innerHTML = `<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="var(--ec-ok)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Co-visit ยืนยันแล้ว`;
        }
      }
      // If in TL covisit panel — update row badge optimistically before re-fetch
      if (btn && btn.id === 'ci-cv-verify-btn') {
        if (selectedRow) {
          // Swap badge to Verified immediately
          const badgeEl = selectedRow.querySelector('.cv-badge');
          if (badgeEl) {
            badgeEl.className = 'cv-badge cv-badge-done';
            badgeEl.innerHTML = `<svg width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Verified`;
          }
          selectedRow.style.opacity = '0.6';
          selectedRow.style.pointerEvents = 'none';
        }
        if (verifyWrap) verifyWrap.style.display = 'none';
        // Re-fetch after short delay to confirm from DB
        setTimeout(_loadCovisitList, 1000);
        setTimeout(_loadCovisitHero, 1100);
      }
      setTimeout(() => _loadInlineHistory(), 800);
      if (typeof showToast === 'function') showToast('Co-visit ยืนยันแล้ว', '✓');

    } catch(e) {
      // Restore locked row on error
      if (selectedRow) { selectedRow.style.opacity = ''; selectedRow.style.pointerEvents = ''; }
      const repName = _cvSelected?.rep_email ? _echoRep(_cvSelected.rep_email) : '';
      if (btn) {
        btn.disabled = false;
        if (btn.id === 'sd-covisit-btn') {
          btn.innerHTML = `<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:5px"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg>ยืนยัน Co-visit`;
        } else {
          btn.innerHTML = `<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:5px"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/><circle cx="12" cy="9" r="2.5"/></svg>ยืนยัน Co-visit กับ ${repName}`;
        }
      }
      const msg = e.code === 1 ? 'ไม่ได้รับสิทธิ์ GPS — อนุญาตในการตั้งค่า'
                : e.code === 2 ? 'ระบุตำแหน่งไม่ได้ — ลองกลางแจ้ง'
                : e.code === 3 ? 'GPS timeout — ลองอีกครั้ง'
                : e.message;
      _toast(msg);
    }
  }

  return { open, startRecording, stopRecording, cancel, _recDismissDead, _loadVisitHero, _phase: () => _phase, _tab, _save: () => { cancel(); }, /* v575: data auto-saved in _processBlob — กดบันทึก = ปิดเฉยๆ ไม่ insert ซ้ำ */ _openDebrief, _closeDebrief, _debriefPick, _debriefNote, _saveDebrief, _openSkillTrend, _closeTrend, _hidePicker, _pickerConfirmKam, _pickerConfirmSales, _pickerSearchInline, _salesPickerSearch, _minimize, _minimizeFromTimer, _switchMainTab, _topbarLeft, _openSessionDetail, _closeSessionDetail, _sdTab, _sdToggleWhy, _sdToggleNote, _markSessionReviewed, _saveTLSessionNote, _covisitVerify, _cvSelectRow, _orbTap, _doCheckin, _retryCheckinSyncNow, _histFilter, _recoverBuffer, _discardBuffer, _bustRubricCache: () => { _rubricCache = null; }, _reapplyBodyLock, _restoreBodyScroll, _renderEchoState, _resumeAnalysis, _startAsyncPipeline, _sweepStuckAsyncRows,
    // Echo ดีไซน์ใหม่ (25 ต.ค.)
    _ecConfirmDiscard, _ecCloseDiscard, _ecDiscardNow, _ecShowSent, _ecCloseSent, _ecBannerOpen, _ecMarkSeen, _ecCheckPending,
    _ecPure: { visitCounts: _ecVisitCounts, dayKey: _ecDayKey, distText: _ecDistText, spotsFrom: _ecSpotsFrom,
               nearestRank: _ecNearestRank, useWarm: _ecUseWarm, barHtml: _ecBarHtml, pendingNext: _ecPendingNext,
               ownerLabel: _ecOwnerLabel, skillGroups: _ecSkillGroups } };

})();

// ── Echo 2 ธีม (Bucci 25 ต.ค. 2569: "ไม่เอาเป็น hard code แล้วนะ ขอเป็น design token สำหรับ echo") ──
// สีของ Echo มาจาก --ec-* ใน styles_tokens.css เท่านั้น (ด่านตรวจ G9) · จอสรุปเช้า/หน้าต่าง visit ไม่เกี่ยว คงของเดิม
// Sales (body.sales-mode) = ธีมขาว ค่าเดิมทุกสี · บทบาทอื่นทั้งหมด = ธีมเข้ม
// ฟัง class ของ body ตลอด เพราะแอดมินสลับเข้า/ออกโหมด Sales ได้ระหว่างใช้งาน
function ecThemeSync() {
  try {
    const b = document.body;
    if (!b) return;
    const want = b.classList.contains('sales-mode') ? 'light' : 'dark';
    if (document.documentElement.getAttribute('data-ec-theme') !== want) document.documentElement.setAttribute('data-ec-theme', want);
  } catch (_) {}
}
(function _ecThemeWatch() {
  const start = () => {
    ecThemeSync();
    try { new MutationObserver(ecThemeSync).observe(document.body, { attributes: true, attributeFilter: ['class'] }); } catch (_) {}
  };
  if (document.body) start(); else document.addEventListener('DOMContentLoaded', start);
})();
window.ecThemeSync = ecThemeSync;

function ciOpen(accountGuid) { CI.open(accountGuid); }
function echoOpen() {
  // Guard: if recording OR processing in progress, expand sheet instead of killing session
  if (typeof CI !== 'undefined' && typeof CI._phase === 'function') {
    const _p = CI._phase();
    if (_p === 'recording') { echoExpand(); return; }
    if (_p === 'processing') { echoExpand(); return; } // v730: ไม่ kill pipeline ระหว่าง analyze
  }
  // v715 Fix 3A: MOUNT-FIRST — CI.open() has no data dependency, always open immediately.
  // Previous: silent return when !allCriticalReady() → user sees blank screen with no feedback.
  // Now: open sheet → show toast if data still loading → re-render Echo state when data arrives.
  CI.open(null);
  if (typeof allCriticalReady === 'function' && !allCriticalReady()) {
    if (typeof showToast === 'function') showToast('กำลังโหลดข้อมูล...');
    if (window.DataRegistry) {
      window.DataRegistry.waitFor(1).then(function(){
        try{
          if (typeof CI !== 'undefined' && typeof CI._renderEchoState === 'function') {
            CI._renderEchoState();
          }
        }catch(e){}
      }).catch(function(){});
    }
  }
}
function echoHistory(accountId) {
  // Open Echo sheet on history tab for specific account
  CI.open(accountId || null);
  // Switch to history tab after mount
  setTimeout(() => CI._switchMainTab('history'), 100);
}
function echoExpand() {
  const pill = document.getElementById('echo-float-pill');
  if (pill) pill.classList.remove('visible');
  const sheet = document.getElementById('ci-fullsheet');
  if (sheet) {
    sheet.style.display = '';
    sheet.classList.add('ci-open');
    // v598: re-lock body scroll now that sheet is back on screen
    if (typeof CI !== 'undefined' && typeof CI._reapplyBodyLock === 'function') {
      CI._reapplyBodyLock();
    }
  }
  else { CI.open(null); }
}

// ── Echo Admin — Skill Rubric Manager (Admin-only, lives in data panel) ────
// Injects modal into body; list renders inside #adm-skill-list in dp-admin

(function(){
  'use strict';

  let _admSkills = [];
  let _admEditing = null; // id of skill being edited, null = new
  let _admLoaded  = false;
  // ECHO GOAL 2 / Phase M: role chips — Set of currently-selected buckets in the modal
  let _admSelectedRoles = new Set();
  const ADM_ROLE_LABEL = { kam:'KAM', sales:'Sales', ad:'AD', pm:'PM' };
  const ADM_ROLE_ABBR  = { kam:'K', sales:'S', ad:'A', pm:'P' };
  const ADM_ROLE_ORDER = ['kam','sales','ad','pm'];

  function _admRoleBadges(roles) {
    if (!roles || !roles.length) return '';
    return roles.map(r =>
      `<span style="display:inline-block;font-size:9px;font-weight:var(--fw-bold);letter-spacing:.04em;padding:2px 5px;border-radius:4px;background:rgba(var(--ec-info-rgb),.1);color:var(--ec-info);flex-shrink:0">${ADM_ROLE_ABBR[r]||r}</span>`
    ).join('');
  }

  // ── Supabase helper (reuses global `supa`) ────────────────────────────────
  async function _supaReq(table, opts = {}) {
    const { method = 'GET', filter = '', body = null, prefer = '' } = opts;
    // Use global SUPA_URL/SUPA_KEY (from 01_core.js) — supa.supabaseKey is undefined in Supabase JS v2
    const _key = (typeof SUPA_KEY !== 'undefined' && SUPA_KEY) ||
                 (window.FreshketSenseConfig && window.FreshketSenseConfig.supabase &&
                  (window.FreshketSenseConfig.supabase.publishableKey || window.FreshketSenseConfig.supabase.anonKey)) || '';
    const _url = (typeof SUPA_URL !== 'undefined' && SUPA_URL) || supa.supabaseUrl || '';
    const url = `${_url}/rest/v1/${table}${filter}`;
    let _jwt = _key;
    try { const _s = await supa.auth.getSession(); _jwt = _s?.data?.session?.access_token || _key; } catch(_) {}
    const headers = {
      'Content-Type': 'application/json',
      'apikey': _key,
      'Authorization': 'Bearer ' + _jwt,
    };
    if (prefer) headers['Prefer'] = prefer;
    const res = await fetch(url, { method, headers, body: body ? JSON.stringify(body) : undefined });
    if (!res.ok) { const e = await res.json().catch(() => ({})); throw new Error(e.message || res.status); }
    // 204 No Content (DELETE, PATCH/POST with return=minimal) — no body to parse
    if (res.status === 204 || method === 'DELETE') return null;
    const text = await res.text();
    return text ? JSON.parse(text) : null;
  }

  // ── Load & render list ────────────────────────────────────────────────────
  window.admLoadSkills = async function(force) {
    if (_admLoaded && !force) { _admRender(); return; }
    const el = document.getElementById('adm-skill-list');
    if (el) el.innerHTML = '<div style="text-align:center;padding:24px;color:var(--n400,var(--ec-ink-6));font-size:var(--text-md)">กำลังโหลด...</div>';
    try {
      _admSkills = await _supaReq('skill_definitions', { filter: '?select=*&order=skill_code.asc' });
      _admLoaded = true;
      _admRender();
    } catch(e) {
      if (el) el.innerHTML = `<div style="text-align:center;padding:24px;color:var(--ec-bad);font-size:var(--text-md)">โหลดไม่ได้: ${e.message}</div>`;
    }
  };

  function _admRender() {
    const total = _admSkills.length;
    const echoOn = _admSkills.filter(s => s.echo_enabled).length;
    const withObs = _admSkills.filter(s => s.echo_observable && s.echo_observable.trim()).length;
    const st = document.getElementById('adm-stat-total'); if (st) st.textContent = total;
    const se = document.getElementById('adm-stat-echo');  if (se) se.textContent = echoOn;
    const so = document.getElementById('adm-stat-obs');   if (so) so.textContent = withObs;

    const el = document.getElementById('adm-skill-list');
    if (!el) return;
    if (!_admSkills.length) { el.innerHTML = '<div style="text-align:center;padding:24px;color:var(--n400,var(--ec-ink-6));font-size:var(--text-md)">ยังไม่มี Skill — กด เพิ่ม Skill ใหม่</div>'; return; }

    el.innerHTML = _admSkills.map(s => `
      <div onclick="admOpenModal('${s.id}')" style="display:grid;grid-template-columns:80px 1fr 56px;gap:8px;align-items:center;padding:10px 12px;background:var(--ec-card);cursor:pointer;border-bottom:0.5px solid var(--n100,var(--ec-line));transition:background .12s" onmouseover="this.style.background='var(--ec-fill-2)'" onmouseout="this.style.background='var(--ec-card)'">
        <div style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--ec-ac)">${s.skill_code||'—'}</div>
        <div>
          <div style="font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--n900,var(--ec-ink));margin-bottom:1px;display:flex;align-items:center;gap:5px;flex-wrap:wrap">${s.skill_name_en||'—'}${_admRoleBadges(s.roles)}</div>
          <div style="font-size:var(--text-xs);color:var(--n400,var(--ec-ink-6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${s.echo_observable?s.echo_observable.slice(0,60)+(s.echo_observable.length>60?'…':''):'ไม่มี hint'}</div>
        </div>
        <div style="display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:100px;font-size:var(--text-xs);font-weight:var(--fw-semi);${s.echo_enabled?'background:rgba(var(--ec-ok-rgb),.1);color:var(--ec-ok-tx-4)':'background:var(--n100,var(--ec-line));color:var(--n400,var(--ec-ink-6))'}">${s.echo_enabled?'ON':'OFF'}</div>
      </div>`).join('');
  }

  // ── Modal ─────────────────────────────────────────────────────────────────
  function _injectModal() {
    if (document.getElementById('adm-modal-bg')) return;
    const div = document.createElement('div');
    div.id = 'adm-modal-bg';
    div.style.cssText = 'position:fixed;inset:0;background:rgba(var(--ec-shadow-rgb),.45);display:flex;align-items:center;justify-content:center;z-index:9000;padding:12px;display:none;box-sizing:border-box';
    div.onclick = e => { if (e.target === div) admCloseModal(); };
    div.innerHTML = `
      <div style="background:var(--ec-sheet);border-radius:16px;width:100%;max-width:var(--app-max,440px);max-height:92vh;overflow-y:auto;padding:18px;box-sizing:border-box">
        <div style="font-size:var(--text-lg2);font-weight:var(--fw-semi);color:var(--n900,var(--ec-ink));margin-bottom:2px" id="adm-m-title">เพิ่ม Skill ใหม่</div>
        <div style="font-size:var(--text-sm);color:var(--n400,var(--ec-ink-6));margin-bottom:18px" id="adm-m-sub">กรอกข้อมูลแล้วกด บันทึก</div>

        <div style="margin-bottom:13px">
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--n900,var(--ec-ink));margin-bottom:5px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace">Skill Code</div>
          <input id="adm-f-code" placeholder="C06_NEW" style="width:100%;padding:8px 11px;border:0.5px solid var(--ec-line);border-radius:var(--r-9);font-size:var(--text-base);color:var(--ec-ink);outline:none;font-family:'IBM Plex Mono','Noto Sans Thai',monospace" onfocus="this.style.borderColor='var(--ec-ac)'" onblur="this.style.borderColor='var(--ec-line)'"/>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px">
          <div>
            <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--n900,var(--ec-ink));margin-bottom:5px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace">ชื่อ EN</div>
            <input id="adm-f-en" placeholder="Rapport Building" style="width:100%;padding:8px 11px;border:0.5px solid var(--ec-line);border-radius:var(--r-9);font-size:var(--text-base);color:var(--ec-ink);outline:none;font-family:inherit" onfocus="this.style.borderColor='var(--ec-ac)'" onblur="this.style.borderColor='var(--ec-line)'"/>
          </div>
          <div>
            <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--n900,var(--ec-ink));margin-bottom:5px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace">ชื่อ TH</div>
            <input id="adm-f-th" placeholder="สร้างความไว้วางใจ" style="width:100%;padding:8px 11px;border:0.5px solid var(--ec-line);border-radius:var(--r-9);font-size:var(--text-base);color:var(--ec-ink);outline:none;font-family:inherit" onfocus="this.style.borderColor='var(--ec-ac)'" onblur="this.style.borderColor='var(--ec-line)'"/>
          </div>
        </div>
        <div style="margin-bottom:13px">
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--n900,var(--ec-ink));margin-bottom:5px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace">หลักการ (Principle)</div>
          <textarea id="adm-f-principle" rows="3" placeholder="ทำไม skill นี้สำคัญต่อ visit..." style="width:100%;padding:8px 11px;border:0.5px solid var(--ec-line);border-radius:var(--r-9);font-size:var(--text-base);color:var(--ec-ink);outline:none;resize:vertical;font-family:inherit;line-height:1.5" onfocus="this.style.borderColor='var(--ec-ac)'" onblur="this.style.borderColor='var(--ec-line)'"></textarea>
        </div>
        <div style="margin-bottom:13px">
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--n900,var(--ec-ink));margin-bottom:5px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace">การฝึก (Practice) <span style="font-weight:var(--fw-normal);color:var(--n400,var(--ec-ink-6));text-transform:none;letter-spacing:0">— คั่นด้วย |</span></div>
          <textarea id="adm-f-practice" rows="3" placeholder="FKT Value 3 ระดับ: สิ่งที่ซัพฯ ทุกเจ้ามี | สิ่งที่ FKT ทำได้ดีกว่า | สิ่งที่ FKT เท่านั้นมี" style="width:100%;padding:8px 11px;border:0.5px solid var(--ec-line);border-radius:var(--r-9);font-size:var(--text-base);color:var(--ec-ink);outline:none;resize:vertical;font-family:inherit;line-height:1.5" onfocus="this.style.borderColor='var(--ec-ac)'" onblur="this.style.borderColor='var(--ec-line)'"></textarea>
        </div>
        <div style="margin-bottom:13px">
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--n900,var(--ec-ink));margin-bottom:5px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace">เกณฑ์ผ่าน (Pass Test)</div>
          <textarea id="adm-f-pass" rows="3" placeholder="Role play: TL ทดสอบ... Pass: ..." style="width:100%;padding:8px 11px;border:0.5px solid var(--ec-line);border-radius:var(--r-9);font-size:var(--text-base);color:var(--ec-ink);outline:none;resize:vertical;font-family:inherit;line-height:1.5" onfocus="this.style.borderColor='var(--ec-ac)'" onblur="this.style.borderColor='var(--ec-line)'"></textarea>
        </div>
        <div style="margin-bottom:15px">
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--ec-ac);margin-bottom:5px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace">Echo Observable Hint <span style="font-weight:var(--fw-normal);color:var(--n400,var(--ec-ink-6));text-transform:none;letter-spacing:0">— Gemini ฟังอะไรใน audio</span></div>
          <textarea id="adm-f-obs" rows="3" placeholder="ฟัง: rep หยุดก่อนตอบไหม? น้ำเสียง defensive หรือ acknowledge ก่อน? ลูกค้า engage มากขึ้นหลังจาก rep ตอบไหม?" style="width:100%;padding:8px 11px;border:0.5px solid var(--ec-ac-soft);border-radius:var(--r-9);font-size:var(--text-base);color:var(--ec-ink);outline:none;resize:vertical;font-family:inherit;line-height:1.5;background:rgba(var(--ec-ac-rgb),.03)" onfocus="this.style.borderColor='var(--ec-ac)'" onblur="this.style.borderColor='var(--ec-ac-soft)'"></textarea>
        </div>
        <!-- ECHO GOAL 2 / Phase M: role chips — which positions this skill is evaluated for -->
        <div style="margin-bottom:13px">
          <div style="font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--n900,var(--ec-ink));margin-bottom:5px;font-family:'IBM Plex Mono','Noto Sans Thai',monospace">ประเมินสำหรับ Role</div>
          <div id="adm-f-roles" style="display:flex;flex-wrap:wrap;gap:7px"></div>
          <div style="font-size:var(--text-xs);color:var(--n400,var(--ec-ink-6));margin-top:6px">ไม่เลือกเลย = ประเมินทุกตำแหน่ง</div>
        </div>
        <!-- Echo toggle -->
        <div style="display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:var(--ec-fill-2);border-radius:var(--r-md);border:0.5px solid var(--ec-line);margin-bottom:18px">
          <div>
            <div style="font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--ec-ink)">ส่งให้ Echo วิเคราะห์</div>
            <div style="font-size:var(--text-sm);color:var(--ec-ink-6);margin-top:1px">ปิด = Gemini จะข้าม skill นี้</div>
          </div>
          <label style="position:relative;width:44px;height:26px;flex-shrink:0;cursor:pointer">
            <input type="checkbox" id="adm-f-echo" checked style="opacity:0;width:0;height:0"/>
            <span id="adm-toggle-slider" style="position:absolute;inset:0;background:var(--ec-line);border-radius:100px;transition:.2s;cursor:pointer">
              <span id="adm-toggle-knob" style="position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:var(--ec-knob);border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(var(--ec-shadow-rgb),.2)"></span>
            </span>
          </label>
        </div>
        <!-- Footer -->
        <div style="display:flex;gap:8px" id="adm-m-footer">
          <button onclick="admCloseModal()" style="flex:1;padding:10px;border:0.5px solid var(--ec-line);border-radius:var(--r-md);font-size:var(--text-base);cursor:pointer;background:var(--ec-card);color:var(--ec-ink);font-family:inherit">ยกเลิก</button>
          <button onclick="admSaveSkill()" id="adm-save-btn" style="flex:2;padding:10px;background:var(--ec-ac);color:var(--tk-text-primary);border:none;border-radius:var(--r-md);font-size:var(--text-base);font-weight:var(--fw-semi);cursor:pointer;font-family:inherit">บันทึก</button>
        </div>
      </div>`;
    document.body.appendChild(div);

    // Wire toggle
    const cb = div.querySelector('#adm-f-echo');
    const sl = div.querySelector('#adm-toggle-slider');
    const kn = div.querySelector('#adm-toggle-knob');
    cb.addEventListener('change', () => {
      sl.style.background = cb.checked ? 'var(--ec-ok)' : 'var(--ec-line)';
      kn.style.transform = cb.checked ? 'translateX(18px)' : 'translateX(0)';
    });
    // Init toggle visual
    sl.style.background = 'var(--ec-ok)'; kn.style.transform = 'translateX(18px)';
  }

  // ECHO GOAL 2 / Phase M: role chips — render active/inactive states from _admSelectedRoles
  function _admRenderRoleChips() {
    const box = document.getElementById('adm-f-roles');
    if (!box) return;
    box.innerHTML = ADM_ROLE_ORDER.map(r => {
      const active = _admSelectedRoles.has(r);
      return `<button type="button" data-role="${r}" onclick="admToggleRoleChip('${r}')" style="padding:6px 13px;border-radius:100px;font-size:var(--text-sm);font-weight:var(--fw-semi);cursor:pointer;font-family:'Noto Sans Thai',sans-serif;transition:background .12s,border-color .12s,color .12s;${
        active ? 'border:0.5px solid var(--ec-info);background:rgba(var(--ec-info-rgb),.1);color:var(--ec-info)'
               : 'border:0.5px solid var(--ec-line);background:transparent;color:var(--ec-ink-3)'
      }">${ADM_ROLE_LABEL[r]}</button>`;
    }).join('');
  }

  window.admToggleRoleChip = function(role) {
    if (_admSelectedRoles.has(role)) _admSelectedRoles.delete(role);
    else _admSelectedRoles.add(role);
    _admRenderRoleChips();
  };

  window.admOpenModal = function(id) {
    _injectModal();
    _admEditing = id || null;
    const s = id ? _admSkills.find(x => String(x.id) === String(id)) : null;
    _admSelectedRoles = new Set(Array.isArray(s?.roles) ? s.roles : []);
    _admRenderRoleChips();
    document.getElementById('adm-m-title').textContent = s ? 'แก้ไข Skill' : 'เพิ่ม Skill ใหม่';
    document.getElementById('adm-m-sub').textContent = s ? s.skill_code : 'กรอกข้อมูล แล้วกด บันทึก';
    const codeEl = document.getElementById('adm-f-code');
    codeEl.value = s ? (s.skill_code || '') : '';
    codeEl.disabled = !!s;
    codeEl.style.background = s ? 'var(--ec-fill-2)' : '';
    document.getElementById('adm-f-en').value = s ? (s.skill_name_en || '') : '';
    document.getElementById('adm-f-th').value = s ? (s.skill_name_th || '') : '';
    document.getElementById('adm-f-principle').value = s ? (s.principle_th || '') : '';
    document.getElementById('adm-f-practice').value = s ? (s.practice_th || '') : '';
    document.getElementById('adm-f-pass').value = s ? (s.pass_test_th || '') : '';
    document.getElementById('adm-f-obs').value = s ? (s.echo_observable || '') : '';
    const cb = document.getElementById('adm-f-echo');
    const sl = document.getElementById('adm-toggle-slider');
    const kn = document.getElementById('adm-toggle-knob');
    cb.checked = s ? !!s.echo_enabled : true;
    sl.style.background = cb.checked ? 'var(--ec-ok)' : 'var(--ec-line)';
    kn.style.transform = cb.checked ? 'translateX(18px)' : 'translateX(0)';

    // Footer — add Delete button if editing
    document.getElementById('adm-m-footer').innerHTML = s
      ? `<button onclick="admDeleteSkill('${s.id}','${(s.skill_code||'').replace(/'/g,"\\'")}' )" style="flex:1;padding:10px;border:0.5px solid var(--ec-bad);border-radius:var(--r-md);font-size:var(--text-base);cursor:pointer;background:transparent;color:var(--ec-bad);font-family:inherit">ลบ</button><button onclick="admCloseModal()" style="flex:1;padding:10px;border:0.5px solid var(--ec-line);border-radius:var(--r-md);font-size:var(--text-base);cursor:pointer;background:var(--ec-card);color:var(--ec-ink);font-family:inherit">ยกเลิก</button><button onclick="admSaveSkill()" id="adm-save-btn" style="flex:2;padding:10px;background:var(--ec-ac);color:var(--tk-text-primary);border:none;border-radius:var(--r-md);font-size:var(--text-base);font-weight:var(--fw-semi);cursor:pointer;font-family:inherit">บันทึก</button>`
      : `<button onclick="admCloseModal()" style="flex:1;padding:10px;border:0.5px solid var(--ec-line);border-radius:var(--r-md);font-size:var(--text-base);cursor:pointer;background:var(--ec-card);color:var(--ec-ink);font-family:inherit">ยกเลิก</button><button onclick="admSaveSkill()" id="adm-save-btn" style="flex:2;padding:10px;background:var(--ec-ac);color:var(--tk-text-primary);border:none;border-radius:var(--r-md);font-size:var(--text-base);font-weight:var(--fw-semi);cursor:pointer;font-family:inherit">บันทึก</button>`;

    document.getElementById('adm-modal-bg').style.display = 'flex';
  };

  window.admCloseModal = function() {
    const m = document.getElementById('adm-modal-bg');
    if (m) m.style.display = 'none';
    _admEditing = null;
  };

  window.admSaveSkill = async function() {
    const btn = document.getElementById('adm-save-btn');
    if (!btn) return;
    btn.disabled = true; btn.textContent = 'กำลังบันทึก...';
    const payload = {
      skill_name_en:  document.getElementById('adm-f-en').value.trim(),
      skill_name_th:  document.getElementById('adm-f-th').value.trim(),
      principle_th:   document.getElementById('adm-f-principle').value.trim(),
      practice_th:    document.getElementById('adm-f-practice').value.trim(),
      pass_test_th:   document.getElementById('adm-f-pass').value.trim(),
      echo_observable:document.getElementById('adm-f-obs').value.trim(),
      echo_enabled:   document.getElementById('adm-f-echo').checked,
      // ECHO GOAL 2 / Phase M: none selected OR all 4 selected both mean "all roles" —
      // store NULL for both so it matches the column's own default semantics
      roles: (_admSelectedRoles.size === 0 || _admSelectedRoles.size >= ADM_ROLE_ORDER.length)
        ? null : Array.from(_admSelectedRoles),
    };
    if (!payload.skill_name_en) { _admToast('กรุณากรอกชื่อ Skill (EN)','warn'); btn.disabled=false; btn.textContent='บันทึก'; return; }
    try {
      if (_admEditing) {
        await _supaReq(`skill_definitions?id=eq.${_admEditing}`, { method: 'PATCH', body: payload, prefer: 'return=minimal' });
      } else {
        const code = document.getElementById('adm-f-code').value.trim().toUpperCase();
        if (!code) { _admToast('กรุณากรอก Skill Code','warn'); btn.disabled=false; btn.textContent='บันทึก'; return; }
        payload.skill_code = code;
        await _supaReq('skill_definitions', { method: 'POST', body: payload, prefer: 'return=minimal' });
      }
      admCloseModal();
      _admLoaded = false;
      await admLoadSkills(true);
      _admToast(_admEditing ? 'บันทึกสำเร็จ ✓' : 'เพิ่ม Skill แล้ว ✓', 'ok');
      // Bust rubric cache so Echo picks up next time
      if (typeof CI !== 'undefined' && CI._bustRubricCache) CI._bustRubricCache();
    } catch(e) {
      _admToast('Error: '+e.message,'err');
      btn.disabled=false; btn.textContent='บันทึก';
    }
  };

  window.admDeleteSkill = async function(id, code) {
    if (!confirm(`ลบ "${code}" ออกจากระบบ?\nไม่สามารถย้อนกลับได้`)) return;
    try {
      await _supaReq(`skill_definitions?id=eq.${id}`, { method: 'DELETE' });
      admCloseModal();
      _admLoaded = false;
      await admLoadSkills(true);
      _admToast('ลบ '+code+' แล้ว','ok');
      if (typeof CI !== 'undefined' && CI._bustRubricCache) CI._bustRubricCache();
    } catch(e) { _admToast('Error: '+e.message,'err'); }
  };

  function _admToast(msg, type) {
    let t = document.getElementById('adm-toast');
    if (!t) { t = document.createElement('div'); t.id='adm-toast'; document.body.appendChild(t); }
    t.textContent = msg;
    t.style.cssText = `position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:9px 18px;border-radius:100px;font-size:var(--text-base);font-weight:var(--fw-medium);z-index:9999;color:var(--tk-text-primary);white-space:nowrap;transition:opacity .3s;background:${type==='ok'?'var(--ec-ok)':type==='warn'?'var(--ec-warn)':'var(--ec-bad)'}`;
    t.style.opacity='1';
    clearTimeout(t._t);
    t._t = setTimeout(() => { t.style.opacity='0'; }, 2500);
  }
})();

</script>
<script id="freshket-sales">
// ══════════════════════════════════════════════════════════════
// SALES MODULE — 10_sales_view.js
// Role: sales | sales_tl
// Screens: sales-portview, sales-pipeline, sales-commission, sales-teamview
// Depends on: 01_core (roles), 02_data_pipeline (portviewBulkData, R2_FILES),
//             06_portview_teamview (portviewSelectAccount), 07a (targets)
// Does NOT touch: commission logic, KAM NRR, upsell
// ══════════════════════════════════════════════════════════════

// ══════════════════════════════════════════
// SECTION:SALES_DATA
// ══════════════════════════════════════════

// Get current month string "2026-06"
function _salesCurrentPeriod() {
  const d = new Date();
  d.setDate(d.getDate() - 1); // day-1 lag
  return d.getFullYear() + '-' + String(d.getMonth()+1).padStart(2,'0');
}

// Get month string N months from now
function _salesMonthOffset(n) {
  const d = new Date();
  d.setDate(1);
  d.setMonth(d.getMonth() + n);
  return d.getFullYear() + '-' + String(d.getMonth()+1).padStart(2,'0');
}

function _salesMonthLabel(ym) {
  const [y, m] = ym.split('-');
  const d = new Date(parseInt(y), parseInt(m)-1, 1);
  return d.toLocaleDateString('th-TH', { month: 'short', year: '2-digit' });
}

// Returns portviewBulkData filtered to Sales user's outlets only
function getSalesPortviewData() {
  try {
    const email = (currentUserProfile && currentUserProfile.email) || '';
    if (!email) return [];
    const role = getCurrentRole();
    const data = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
    // Bulk CSV: filter by kamEmail for Sales rep, tlEmail for Sales TL
    // (sales_portview.csv contains all Sales reps — client-side filter)
    if (role === 'sales') {
      return data.filter(r => (r.kamEmail || '').toLowerCase() === email.toLowerCase());
    }
    if (role === 'sales_tl') {
      // TL sees entire team — filter by tlEmail matching their own email
      return data.filter(r => (r.tlEmail || '').toLowerCase() === email.toLowerCase());
    }
    return data;
  } catch(e) { return []; }
}

// Partition outlets into: active this month, expiring this month, future months
function _salesPartitionOutlets(outlets) {
  const m0 = _salesMonthOffset(0);
  const m1 = _salesMonthOffset(1);
  const m2 = _salesMonthOffset(2);
  const active = [], expiringM0 = [], expiringM1 = [], expiringM2 = [];
  outlets.forEach(o => {
    const exp = o.newUserExpDate || '';
    if (!exp) { active.push(o); return; }
    const expYM = exp.substring(0,7);
    if (expYM <= m0) expiringM0.push(o);
    else if (expYM === m1) expiringM1.push(o);
    else if (expYM === m2) expiringM2.push(o);
    else active.push(o);
  });
  return { active, expiringM0, expiringM1, expiringM2 };
}

// Net runrate = sum runrate of outlets NOT expiring this month
function getSalesRunrate(outlets) {
  const { active, expiringM1, expiringM2, expiringM0 } = _salesPartitionOutlets(outlets);
  const kept = [...active, ...expiringM1, ...expiringM2]; // still held past M0
  return kept.reduce((s, o) => s + (o.runrate || 0), 0);
}

// Handover out GMV per month
function getSalesHandoverOut(outlets) {
  const { expiringM0, expiringM1, expiringM2 } = _salesPartitionOutlets(outlets);
  return {
    m0: expiringM0.reduce((s,o) => s+((o.runrate||0)), 0),
    m1: expiringM1.reduce((s,o) => s+((o.runrate||0)), 0),
    m2: expiringM2.reduce((s,o) => s+((o.runrate||0)), 0),
    outlets_m0: expiringM0,
  };
}

// Sales target for current user
function getSalesTarget(period, email) {
  try {
    if (typeof _tgtGet === 'function') return _tgtGet(period, 'sales', email) || 0;
    return 0;
  } catch(e) { return 0; }
}

// Pipeline data from Supabase
let _salesPipelineCache = null;
let _salesPipelineLoading = false;

async function _loadSalesPipeline() {
  if (_salesPipelineLoading) return _salesPipelineCache || [];
  _salesPipelineLoading = true;
  try {
    const email = (currentUserProfile && currentUserProfile.email) || '';
    if (!email) return [];
    const { data, error } = await supa.from('sales_pipeline')
      .select('*')
      .eq('sales_email', email)
      .eq('status', 'active')
      .order('expected_start_date', { ascending: true });
    if (error) throw error;
    _salesPipelineCache = data || [];
    return _salesPipelineCache;
  } catch(e) {
    console.warn('[Sales] pipeline load failed:', e.message);
    return _salesPipelineCache || [];
  } finally {
    _salesPipelineLoading = false;
  }
}

// Pipeline GMV per month
function _pipelineByMonth(leads) {
  // Spread GMV across tenure months based on account_type
  // SA=45d (~1-2mo), MC/Chain=90d (~3mo) — spread monthly GMV across holding period
  const byMonth = {};
  leads.forEach(l => {
    const startYM = (l.expected_start_date || '').substring(0,7);
    if (!startYM) return;
    const gmv = parseFloat(l.expected_gmv) || 0;
    const type = (l.account_type || 'SA').toUpperCase();
    // months to spread: SA→1, MC/Chain→3
    const spreadMonths = (type === 'MC' || type === 'CHAIN') ? 3 : 1;
    const [y, m] = startYM.split('-').map(Number);
    for (let i = 0; i < spreadMonths; i++) {
      const d = new Date(y, m - 1 + i, 1);
      const key = d.getFullYear() + '-' + String(d.getMonth()+1).padStart(2,'0');
      if (!byMonth[key]) byMonth[key] = 0;
      byMonth[key] += gmv;
    }
  });
  return byMonth;
}

// 3-month projection
function getSalesProjection(outlets, pipeline, target) {
  const { expiringM0, expiringM1, expiringM2, active } = _salesPartitionOutlets(outlets);
  const pipeByMonth = _pipelineByMonth(pipeline);

  // M+0: full runrate of all outlets - runrate of outlets expiring this month + pipeline this month
  const totalRunrate = outlets.reduce((s,o) => s+(o.runrate||0), 0);
  const m0Period = _salesMonthOffset(0);
  const m1Period = _salesMonthOffset(1);
  const m2Period = _salesMonthOffset(2);

  const proj_m0 = totalRunrate - (expiringM0.reduce((s,o)=>s+(o.runrate||0),0)) + (pipeByMonth[m0Period]||0);
  const runrate_m1_base = [...active,...expiringM1,...expiringM2].reduce((s,o)=>s+(o.runrate||0),0);
  const proj_m1 = runrate_m1_base - (expiringM1.reduce((s,o)=>s+(o.runrate||0),0)) + (pipeByMonth[m1Period]||0);
  const runrate_m2_base = [...active,...expiringM2].reduce((s,o)=>s+(o.runrate||0),0);
  const proj_m2 = runrate_m2_base - (expiringM2.reduce((s,o)=>s+(o.runrate||0),0)) + (pipeByMonth[m2Period]||0);

  const handoverOut = getSalesHandoverOut(outlets);
  return [
    { period: m0Period, label: _salesMonthLabel(m0Period), projected: Math.max(0,proj_m0), target, isCurrent: true,
      runratePart: totalRunrate, pipelinePart: pipeByMonth[m0Period]||0, handoverPart: handoverOut.m0 },
    { period: m1Period, label: _salesMonthLabel(m1Period), projected: Math.max(0,proj_m1), target,
      runratePart: runrate_m1_base, pipelinePart: pipeByMonth[m1Period]||0, handoverPart: handoverOut.m1 },
    { period: m2Period, label: _salesMonthLabel(m2Period), projected: Math.max(0,proj_m2), target,
      runratePart: runrate_m2_base, pipelinePart: pipeByMonth[m2Period]||0, handoverPart: handoverOut.m2 },
  ];
}

// Format large numbers
function _sv_fmt(n) {
  if (!n || isNaN(n)) return '0';
  if (n >= 1e6) return (n/1e6).toFixed(1) + 'M';
  if (n >= 1000) return (n/1000).toFixed(1).replace(/\.0$/, '') + 'K';
  if (n >= 500) return (n/1000).toFixed(1) + 'K';
  return Math.round(n).toLocaleString();
}

// Days remaining until expiry
function _daysUntilExp(expDateStr) {
  if (!expDateStr) return null;
  const today = new Date(); today.setHours(0,0,0,0);
  const exp = new Date(expDateStr); exp.setHours(0,0,0,0);
  return Math.ceil((exp - today) / 86400000);
}

// ══════════════════════════════════════════
// SECTION:SALES_HOME
// ══════════════════════════════════════════

function showSalesHome() {
  try { if (typeof showScreen === 'function') showScreen('sales-portview'); } catch(e){}
  renderSalesPortview();
}

function renderSalesHome(el, outlets, pipeline) {
  if (!el) return;
  const email = (currentUserProfile && currentUserProfile.email) || '';
  const period = _salesCurrentPeriod();
  const target = getSalesTarget(period, email);
  const handover = getSalesHandoverOut(outlets);
  const proj = getSalesProjection(outlets, pipeline, target);
  // W2: runrate = outlets still held PAST this month (exclude expiring M0)
  // totalRunrate is used for outlet count only; heroRunrate drives target comparison
  const totalRunrate = outlets.reduce((s,o) => s+(o.runrate||0), 0);
  const heroRunrate = getSalesRunrate(outlets);
  const targetPct = target > 0 ? Math.min(200, Math.round(heroRunrate/target*100)) : 0;
  const barClass = targetPct >= 100 ? 'great' : targetPct >= 80 ? '' : targetPct >= 60 ? 'warn' : 'danger';

  // Handover warning: outlets expiring ≤15 days
  const urgentHandover = outlets.filter(o => {
    const d = _daysUntilExp(o.newUserExpDate);
    return d !== null && d <= 15;
  }).sort((a,b) => (a.newUserExpDate||'').localeCompare(b.newUserExpDate||''));
  const handoverGmv = urgentHandover.reduce((s,o) => s+(o.runrate||0), 0);

  // v6 design: Airbnb/Revolut — big number hero, inline proj, list rows
  const tbarClass = targetPct >= 100 ? 'ok' : targetPct >= 75 ? 'warn' : 'ac';
  const projHtml = proj.map(p => {
    const gap = p.projected - p.target;
    const gapLabel = p.target > 0 ? (gap >= 0 ? `+${_sv_fmt(gap)}` : `−${_sv_fmt(Math.abs(gap))}`) : '';
    const gapCls = gap >= 0 ? 'ok' : Math.abs(gap)/Math.max(p.target,1) < 0.2 ? 'warn' : 'bad';
    // Build breakdown string: runrate · pipeline · -handover
    // Revolut-style breakdown rows: dot + label left, value right
    const bRows = [];
    if (p.runratePart > 0) bRows.push('<div class="sv-pb-row"><span class="sv-pb-lbl"><span class="sv-pb-dot run"></span>runrate</span><span class="sv-pb-val">฿'+_sv_fmt(p.runratePart)+'</span></div>');
    if (p.pipelinePart > 0) bRows.push('<div class="sv-pb-row"><span class="sv-pb-lbl"><span class="sv-pb-dot pipe"></span>pipeline</span><span class="sv-pb-val pipe">+฿'+_sv_fmt(p.pipelinePart)+'</span></div>');
    if (p.handoverPart > 0) bRows.push('<div class="sv-pb-row"><span class="sv-pb-lbl"><span class="sv-pb-dot hov"></span>handover</span><span class="sv-pb-val hov">−฿'+_sv_fmt(p.handoverPart)+'</span></div>');
    p.breakdown = bRows.join('');
    return `<div class="sv-proj-cell${p.isCurrent?' now':''}">
      <div class="sv-proj-mon">${p.label}</div>
      <div class="sv-proj-amt">฿${_sv_fmt(p.projected)}</div>
      ${p.breakdown ? `<div class="sv-proj-breakdown">${p.breakdown}</div>` : ''}
    </div>`;
  }).join('');

  el.innerHTML = `
    <div class="sv-page-hd">
      <div class="sv-page-eye">${period}</div>
      <div class="sv-page-title">พอร์ตของคุณ</div>
    </div>

    <div class="sv-hero">
      <div class="sv-hero-eye">Runrate ในมือ</div>
      <div><span class="sv-hero-num">฿${_sv_fmt(heroRunrate)}</span></div>
      <div class="sv-hero-sub">
        <span style="font-family:'IBM Plex Mono','Noto Sans Thai',monospace;font-size:var(--text-base);color:#6A6A6A">MTD ฿${_sv_fmt(outlets.reduce((s,o)=>s+(o.gmvToDate||0),0))}</span>
        <span style="color:#EBEBEB">·</span>
        <span>${outlets.filter(o=>o.gmvToDate>0).length} / ${outlets.length} active</span>
        ${target === 0 ? '<span style="font-size:var(--text-md);color:#FF9500">ยังไม่มี target (TL กรุณาตั้ง)</span>' : ''}
      </div>
      ${target > 0 ? `<div class="sv-tbar">
        <div class="sv-tbar-track"><div class="sv-tbar-fill ${tbarClass}" style="width:${Math.min(100,targetPct)}%"></div></div>
        <div class="sv-tbar-meta"><span>${targetPct}% of target</span><span>Target ฿${_sv_fmt(target)}</span></div>
      </div>` : ''}
    </div>

    <div class="sv-proj-row">${projHtml}</div>

    ${urgentHandover.length ? `
    <div class="sv-sec">
      <span class="sv-sec-t ac">
        <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><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"/></svg>
        Handover
      </span>
    </div>
    <div class="sv-hov-summary" onclick="window._salesOpenHandoverSheet()">
      <div class="sv-hov-sum-l">
        <div class="sv-hov-sum-dot"></div>
        <div>
          <div class="sv-hov-sum-label">${urgentHandover.length} ร้าน</div>
          <div class="sv-hov-sum-meta">รอบ ${_sv_batchDate(urgentHandover)}</div>
        </div>
      </div>
      <div class="sv-hov-sum-r">
        <div class="sv-hov-sum-gmv">฿${_sv_fmt(handoverGmv)}</div>
        <div class="sv-hov-sum-arrow">กดดูรายการ ›</div>
      </div>
    </div>` : ''}
  `;
}

// ══════════════════════════════════════════
// SECTION:SALES_PORTVIEW
// ══════════════════════════════════════════

function renderSalesPortview() {
  const el = document.getElementById('scr-sales-portview');
  if (!el) return;

  // v715 Fix 2C: if Tier 1 not ready → show skeleton, re-render when data arrives
  // Prevents 0-value flash when RenderBus fires renderSalesPortview too early
  const _tier1Ready = window.DataRegistry ? window.DataRegistry.isReady(1) : true;
  if (!_tier1Ready) {
    if (typeof window._showScreenSkeleton === 'function') {
      window._showScreenSkeleton('scr-sales-portview');
    }
    if (window.DataRegistry) {
      window.DataRegistry.waitFor(1).then(function(){
        try { renderSalesPortview(); } catch(e) {}
      }).catch(function(){});
    }
    return;
  }

  const outlets = getSalesPortviewData();
  const email = (currentUserProfile && currentUserProfile.email) || '';

  // Reset account-view guard so RenderBus can render portview normally again
  window._salesInAccountView = false;

  // Clear skeleton before any render — skeleton may be present from early Tier-1-not-ready pass
  if (typeof window._hideScreenSkeleton === 'function') window._hideScreenSkeleton('scr-sales-portview');

  // Load pipeline async then render home summary + outlet list
  _loadSalesPipeline().then(pipeline => {
    // Clear skeleton again inside async callback (race: skeleton may re-inject between now and then)
    if (typeof window._hideScreenSkeleton === 'function') window._hideScreenSkeleton('scr-sales-portview');
    el.innerHTML = '';
    el.onclick = null;
    window.scrollTo(0, 0);
    try { el.scrollTop = 0; } catch(e) {}

    // v557: explicit empty-state — never show a silently blank portfolio.
    // outlets empty + bulk rows present = ownership column issue (e.g. kamEmail missing in CSV)
    if (!outlets.length) {
      const allRows = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
      const note = document.createElement('div');
      note.style.cssText = "margin:14px 16px 4px;padding:14px 16px;background:#F7F7F7;border-radius:var(--r-lg);font-family:'Noto Sans Thai',sans-serif";
      note.innerHTML = allRows.length > 0
        ? '<div style="font-size:var(--text-lg);font-weight:var(--fw-bold);color:#222;margin-bottom:4px">ยังเชื่อมพอร์ตของคุณไม่สำเร็จ</div>'
          + '<div style="font-size:var(--text-md);color:rgba(34,34,34,.55);line-height:1.6">ไฟล์ข้อมูลชุดล่าสุดไม่มีข้อมูลเจ้าของพอร์ตของ ' + (email || 'บัญชีนี้') + ' — ระบบบันทึกแจ้งทีมข้อมูลแล้ว ข้อมูลจะกลับมาหลังรอบอัปเดตถัดไป</div>'
        : '<div style="font-size:var(--text-lg);font-weight:var(--fw-bold);color:#222;margin-bottom:4px">กำลังโหลดข้อมูลพอร์ต</div>'
          + '<div style="font-size:var(--text-md);color:rgba(34,34,34,.55);line-height:1.6">ถ้าหน้านี้ค้างนานกว่า 1 นาที ลองปิดแล้วเปิดแอพใหม่อีกครั้ง</div>';
      el.appendChild(note);
      if (allRows.length > 0 && window.SenseSentinel && typeof window.SenseSentinel.report === 'function') {
        window.SenseSentinel.report('data_quality', 'sales portview empty for ' + email + ' (' + allRows.length + ' bulk rows present)');
      }
    }

    // Home summary section at top
    const homeSec = document.createElement('div');
    homeSec.id = 'sv-home-section';
    el.appendChild(homeSec);
    renderSalesHome(homeSec, outlets, pipeline);

    // Outlet list section
    const listSec = document.createElement('div');
    listSec.id = 'sv-outlet-list';
    el.appendChild(listSec);
    _renderSalesOutletList(listSec, outlets);
  });
}

// ── Outlet list state ──────────────────────────────
let _olSort = 'mtd';     // 'mtd' | 'expiry'
let _olFilter = 'all';   // 'all' | 'ordered' | 'not-ordered' | 'stopped'
let _olView = 'list';    // 'list' | 'grid'
let _olCollapsed = {};   // accountId → boolean

function _olFilterOutlets(outlets) {
  const today = new Date(); today.setHours(0,0,0,0);
  return outlets.filter(o => {
    const gmvMtd = o.gmvToDate || 0;
    const lastOrder = o.lastOrderDate ? new Date(o.lastOrderDate) : null;
    const daysSinceLast = lastOrder ? Math.floor((today - lastOrder) / 86400000) : 999;
    if (_olFilter === 'ordered') return gmvMtd > 0;
    if (_olFilter === 'not-ordered') return gmvMtd === 0 && daysSinceLast <= 7;
    if (_olFilter === 'stopped') return gmvMtd === 0 && daysSinceLast > 7;
    return true;
  });
}

function _olSortOutlets(outlets) {
  return [...outlets].sort((a,b) => {
    if (_olSort === 'expiry') {
      return (a.newUserExpDate||'9999-12-31').localeCompare(b.newUserExpDate||'9999-12-31');
    }
    if (_olSort === 'mtd') return (b.gmvToDate||0) - (a.gmvToDate||0);
    return (b.runrate||0) - (a.runrate||0); // gmv default
  });
}

function _olGroupByAccount(outlets) {
  // Group by account_id (same UUID for all branches of one account)
  // Use accountGroupName (col[24]) as group display name — falls back to res_name
  const groups = {}; // account_id → {name, outlets[]}
  outlets.forEach(o => {
    const gKey = o.id; // account_id = same for all branches
    const groupName = o.accountGroupName || o.name || o.id;
    if (!groups[gKey]) groups[gKey] = { name: groupName, outlets: [] };
    groups[gKey].outlets.push(o);
  });
  return Object.values(groups).sort((a,b) => {
    // Sort groups by top outlet in each group
    const aTop = a.outlets.reduce((mx,o) => Math.max(mx, o.runrate||0), 0);
    const bTop = b.outlets.reduce((mx,o) => Math.max(mx, o.runrate||0), 0);
    return bTop - aTop;
  });
}

function _olRenderOutletRow(o, isChild) {
  const daysLeft = _daysUntilExp(o.newUserExpDate);
  const totalDays = (o.daysHeld||0) + (daysLeft !== null ? Math.max(0,daysLeft) : 0);
  const pctHeld = totalDays > 0 ? Math.min(100, Math.round((o.daysHeld||0)/totalDays*100)) : 0;
  const indCls = pctHeld >= 80 ? 'late' : pctHeld >= 60 ? 'mid' : 'ok';
  const typeLabel = (o.accountType||'SA').toUpperCase();
  const expLabel = o.newUserExpDate ?
    new Date(o.newUserExpDate).toLocaleDateString('th-TH',{day:'numeric',month:'short'}) : '—';
  const daysLeftLabel = daysLeft !== null ? (daysLeft <= 0 ? 'หมดแล้ว' : daysLeft+'d') : '—';
  const gmv = _sv_fmt(o.runrate||0);
  const mtd = _sv_fmt(o.gmvToDate||0);
  const safeId = (o.id||'').replace(/"/g,'');
  const indent = isChild ? ' sv-ol-branch' : '';
  return '<div class="sv-ol-row' + indent + '" data-acctid="' + safeId + '">' +
    '<div class="sv-ol-top">' +
      '<div class="sv-ol-ind ' + indCls + '"></div>' +
      '<div class="sv-ol-info">' +
        '<div class="sv-ol-name">' + (o.name||o.id) + '</div>' +
        '<div class="sv-ol-meta">' + typeLabel + ' · ถือมา ' + (o.daysHeld||0) + ' วัน</div>' +
      '</div>' +
      '<div class="sv-ol-right">' +
        '<div class="sv-ol-gmv">฿' + gmv + '</div>' +
        '<div class="sv-ol-mtd">MTD ฿' + mtd + '</div>' +
      '</div>' +
    '</div>' +
    '<div class="sv-ol-bar-wrap">' +
      '<div class="sv-days-track"><div class="sv-days-fill ' + indCls + '" style="width:' + pctHeld + '%"></div></div>' +
      '<div class="sv-days-meta">' +
        '<span></span>' +
        '<span class="sv-days-exp">handover ' + expLabel + (daysLeft!==null?' ('+daysLeftLabel+')':'') + '</span>' +
      '</div>' +
    '</div>' +
  '</div>';
}

function _olRenderCardRow(o) {
  const daysLeft = _daysUntilExp(o.newUserExpDate);
  const totalDays = (o.daysHeld||0) + (daysLeft !== null ? Math.max(0,daysLeft) : 0);
  const pctHeld = totalDays > 0 ? Math.min(100, Math.round((o.daysHeld||0)/totalDays*100)) : 0;
  const indCls = pctHeld >= 80 ? 'late' : pctHeld >= 60 ? 'mid' : 'ok';
  const typeLabel = (o.accountType||'SA').toUpperCase();
  const expLabel = o.newUserExpDate ?
    new Date(o.newUserExpDate).toLocaleDateString('th-TH',{day:'numeric',month:'short'}) : '—';
  const daysLeftLabel = daysLeft !== null ? (daysLeft <= 0 ? 'หมดแล้ว' : daysLeft+'d') : '';
  const safeId = (o.id||'').replace(/"/g,'');
  return '<div class="sv-ol-card ' + indCls + '" onclick="window._salesOpenAccount(\"' + safeId + '\")">' +
    '<div class="sv-oc-badge">' + typeLabel + '</div>' +
    '<div class="sv-oc-name">' + (o.name||o.id) + '</div>' +
    '<div class="sv-oc-gmv">฿' + _sv_fmt(o.runrate||0) + '</div>' +
    '<div class="sv-oc-sub">handover ' + expLabel + (daysLeftLabel?' · '+daysLeftLabel:'') + '</div>' +
  '</div>';
}

function _renderSalesOutletList(el, outlets) {
  if (!outlets.length) {
    el.innerHTML = '<div class="sv-empty"><div class="sv-empty-title">ยังไม่มีร้านในพอร์ต</div><div class="sv-empty-sub">ร้านที่สั่งครั้งแรกจาก Sales จะแสดงที่นี่</div></div>';
    return;
  }

  const filtered = _olFilterOutlets(outlets);
  const sorted = _olSortOutlets(filtered);
  const groups = _olGroupByAccount(sorted);

  // ── Action bar ──
  const fPills = [
    {key:'all', label:'ทั้งหมด'},
    {key:'ordered', label:'สั่งแล้ว'},
    {key:'not-ordered', label:'ยังไม่สั่ง'},
    {key:'stopped', label:'หยุดสั่ง'},
  ];
  const sPills = [
    {key:'gmv', label:'GMV'},
    {key:'expiry', label:'Expiry'},
    {key:'mtd', label:'MTD'},
  ];

  const filterHtml = fPills.map(function(p) {
    return '<button class="sv-fpill' + (_olFilter===p.key?' on':'') + '" onclick="_olSetFilter(\'' + p.key + '\')">' + p.label + '</button>';
  }).join('');

  const sortHtml = '<button class="sv-sort-btn" onclick="window._olCycleSort()">' +
    '<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="14" y2="12"/><line x1="4" y1="18" x2="9" y2="18"/></svg>' +
    '<span>' + (_olSort==='expiry'?'Expiry':'MTD') + '</span>' +
  '</button>';

  const viewHtml = ''; // view toggle removed

  let html = '<div class="sv-sec">' +
    '<span class="sv-sec-t">ร้านทั้งหมด</span>' +
    '<span class="sv-sec-c">' + outlets.length + ' ร้าน</span>' +
  '</div>' +
  '<div class="sv-action-bar">' +
    '<div class="sv-filter-pills">' + filterHtml + '</div>' +
    '<div class="sv-icon-bar">' + sortHtml + viewHtml + '</div>' +
  '</div>';

  if (!filtered.length) {
    html += '<div class="sv-empty" style="padding:32px 20px"><div class="sv-empty-title">ไม่มีร้านในกลุ่มนี้</div></div>';
    el.innerHTML = html;
    return;
  }

  // ── Grouped list — account header + branch rows ──
  html += '<div class="sv-outlet-list">';
  groups.forEach(function(g) {
    if (g.outlets.length > 1) {
      // 8px surface band before group — visual break (Airbnb pattern)
      html += '<div class="sv-ol-band"></div>';
      const gGmv = g.outlets.reduce(function(s,o){ return s+(o.runrate||0); }, 0);
      const gId = g.outlets[0].id;
      const collapsed = !!_olCollapsed[gId];
      // Group header: uppercase muted label (typography hierarchy, no card/border)
      html += '<div class="sv-ol-grp-hd" data-gid="' + gId + '">' +
        '<div class="sv-ol-grp-name">' + g.name +
          '<span class="sv-ol-grp-arrow">' + (collapsed?'▸':'▾') + '</span>' +
        '</div>' +
        '<span class="sv-ol-grp-meta">' + g.outlets.length + ' สาขา · ฿' + _sv_fmt(gGmv) + '</span>' +
      '</div>';
      if (!collapsed) {
        g.outlets.forEach(function(o) { html += _olRenderOutletRow(o, true); });
        // 8px band after group closes
        html += '<div class="sv-ol-band"></div>';
      }
    } else {
      html += _olRenderOutletRow(g.outlets[0], false);
    }
  });
  html += '</div>';

  el.innerHTML = html;
  // Click delegation for outlet rows
  el.onclick = function(e) {
    const acctHd = e.target.closest('[data-gid]');
    if (acctHd) {
      const gid = acctHd.getAttribute('data-gid');
      if (gid) { window._olToggleGroup(gid); return; }
    }
    const row = e.target.closest('[data-acctid]');
    if (row) { const aid = row.getAttribute('data-acctid'); if (aid) window._salesOpenAccount(aid); }
  };
}

// State setters — re-render outlet list only
function _olSetFilter(f) { window._olSetFilter(f); }
function _olSetView(v) { window._olSetView(v); }
function _olCycleSort() { window._olCycleSort(); }
window._olSetFilter = function(f) { _olFilter=f; const el=document.getElementById('sv-outlet-list'); if(el) { const outlets=getSalesPortviewData(); _renderSalesOutletList(el,outlets); } };
window._olSetView = function(v) { _olView=v; const el=document.getElementById('sv-outlet-list'); if(el) { const outlets=getSalesPortviewData(); _renderSalesOutletList(el,outlets); } };
window._olCycleSort = function() { const s=['mtd','expiry']; _olSort=s[(s.indexOf(_olSort)+1)%s.length]; const el=document.getElementById('sv-outlet-list'); if(el) { const outlets=getSalesPortviewData(); _renderSalesOutletList(el,outlets); } };
window._olToggleGroup = function(id) { _olCollapsed[id]=!_olCollapsed[id]; const el=document.getElementById('sv-outlet-list'); if(el) { const outlets=getSalesPortviewData(); _renderSalesOutletList(el,outlets); } };
// Format max expire date of a batch of outlets as Thai date string
function _sv_batchDate(outlets) {
  if (!outlets || !outlets.length) return '—';
  const maxDate = outlets.reduce((max, o) => {
    const d = o.newUserExpDate || '';
    return d > max ? d : max;
  }, '');
  if (!maxDate) return '—';
  return new Date(maxDate).toLocaleDateString('th-TH', { day: 'numeric', month: 'short', year: '2-digit' });
}


window._salesOpenHandoverSheet = function() {
  const outlets = getSalesPortviewData();
  const urgent = outlets.filter(o => {
    const d = _daysUntilExp(o.newUserExpDate);
    return d !== null && d <= 15;
  }).sort((a,b) => (a.newUserExpDate||'').localeCompare(b.newUserExpDate||''));

  // Sort by runrate DESC
  urgent.sort((a,b) => (b.runrate||0)-(a.runrate||0));
  const rows = urgent.map(o => {
    const d = _daysUntilExp(o.newUserExpDate);
    return '<div class="sv-sheet-row">' +
      '<div class="sv-sheet-dot"></div>' +
      '<span class="sv-sheet-name">' + (o.name||o.id) + '</span>' +
      '<span class="sv-sheet-days">' + (d<=0?'หมด':d+'d') + '</span>' +
      '<span class="sv-sheet-gmv">฿' + _sv_fmt(o.runrate||0) + '</span>' +
      '<span class="sv-sheet-mtd">฿' + _sv_fmt(o.gmvToDate||0) + '</span>' +
    '</div>';
  }).join('');

  const totalGmv = urgent.reduce((s,o) => s+(o.runrate||0), 0);
  const batchDate = _sv_batchDate(urgent);

  const overlay = document.createElement('div');
  overlay.className = 'sv-sheet-overlay';
  overlay.id = 'sv-handover-overlay';
  overlay.innerHTML =
    '<div class="sv-sheet" id="sv-handover-sheet">' +
      '<div class="sv-sheet-handle"></div>' +
      '<div class="sv-sheet-title">Handover รอบ ' + batchDate + '</div>' +
      '<div class="sv-sheet-sub">' + urgent.length + ' ร้าน · ฿' + _sv_fmt(totalGmv) + '/เดือน</div>' +
      '<div class="sv-sheet-col-hd">' +
        '<span class="sv-sheet-col-name"></span>' +
        '<span class="sv-sheet-col-days"></span>' +
        '<span class="sv-sheet-col-lbl">Runrate</span>' +
        '<span class="sv-sheet-col-lbl">MTD</span>' +
      '</div>' +
      '<div class="sv-sheet-scroll">' + rows + '</div>' +
    '</div>';

  // Close on backdrop tap
  overlay.addEventListener('click', function(e) {
    if (e.target === overlay) window._salesCloseHandoverSheet();
  });
  document.body.appendChild(overlay);
  requestAnimationFrame(() => {
    const s = document.getElementById('sv-handover-sheet');
    if (s) s.classList.add('open');
  });
};

window._salesCloseHandoverSheet = function() {
  const ov = document.getElementById('sv-handover-overlay');
  if (!ov) return;
  const s = document.getElementById('sv-handover-sheet');
  if (s) s.classList.remove('open');
  setTimeout(() => { if (ov.parentNode) ov.parentNode.removeChild(ov); }, 300);
};


window._salesOpenAccount = function(accountId, accountName) {
  try {
    const data = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
    const acct = data.find(r => (r.id||'') === accountId || (r.account_guid||'') === accountId);
    if (!acct) { console.warn('[Sales] account not found:', accountId); return; }
    const el = document.getElementById('scr-sales-portview');
    if (!el) return;

    // Guard: tell RenderBus not to overwrite account view with portview list
    window._salesInAccountView = true;

    const daysLeft = _daysUntilExp(acct.newUserExpDate);
    const totalDays = (acct.daysHeld||0) + (daysLeft !== null ? Math.max(0,daysLeft) : 0);
    const pctHeld = totalDays > 0 ? Math.min(100, Math.round((acct.daysHeld||0)/totalDays*100)) : 0;
    const barCls = pctHeld >= 80 ? 'late' : pctHeld >= 60 ? 'mid' : '';
    const expLabel = acct.newUserExpDate ?
      new Date(acct.newUserExpDate).toLocaleDateString('th-TH',{day:'numeric',month:'short',year:'2-digit'}) : '—';
    const typeLabel = (acct.accountType||'SA').toUpperCase();

    // GMV history from bulkHistoryData
    // sales_history.csv keyed by o.account_id (from dwh.order) which may differ from account_guid
    // Try multiple keys: accountId (account_guid), then numeric res_id variants
    const _bhData = typeof bulkHistoryData !== 'undefined' ? bulkHistoryData : {};
    const _skuData = typeof bulkSkuCurrentData !== 'undefined' ? bulkSkuCurrentData : {};
    const _catData = typeof bulkCatsData !== 'undefined' ? bulkCatsData : {};
    // Debug: log available keys in bulkHistoryData vs accountId
    const _bhKeys = Object.keys(_bhData).slice(0,5);
    console.log('[Sales acct] accountId:', accountId, '| acct.id:', acct.id, '| bulkHistoryData sample keys:', _bhKeys);
    // Build candidate keys from acct object
    const _keys = [accountId, acct.id, acct.res_id, acct.user_id, String(acct.res_id||''), String(acct.user_id||'')].filter(Boolean);
    const _findData = (store) => { for (const k of _keys) { if (store[k] && store[k].length) return store[k]; } return []; };
    const _findObjData = (store) => { for (const k of _keys) { if (store[k] && Object.keys(store[k]).length) return store[k]; } return {}; };
    const hist = _findData(_bhData);
    const moSort = m => { const p=(m||'').split(' '); const mo=['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.']; return (parseInt(p[1]||0)*12)+mo.indexOf(p[0]); };
    const sorted3 = hist.slice().sort((a,b) => moSort(a.m)-moSort(b.m)).slice(-3);

    // Chart bars — max for scaling
    const maxGmv = Math.max(...sorted3.map(h=>h.s||0), acct.runrate||0, 1);
    const chartHtml = sorted3.length ? (
      '<div class="sv-chart-sec">' +
      '<div class="sv-c-eye">GMV ย้อนหลัง</div>' +
      '<div class="sv-bars">' +
      sorted3.map((h,i) => {
        const ht = Math.round((h.s||0)/maxGmv*56);
        const isCurrent = i === sorted3.length-1;
        const showLabel = ht >= 10; // hide amount label if bar too short to avoid overlap
        return '<div class="sv-bw' + (isCurrent?' now':'') + '">' +
          '<div class="sv-bv">' + (showLabel ? '฿'+_sv_fmt(h.s||0) : '') + '</div>' +
          '<div class="sv-b solid" style="height:' + Math.max(2,ht) + 'px"></div>' +
          '<div class="sv-bl">' + (h.m||'') + '</div>' +
        '</div>';
      }).join('') +
      // Ghost bar for MTD
      (acct.gmvToDate !== undefined ? (function() {
        const ghostHt = Math.round((acct.runrate||0)/maxGmv*56);
        const mtdHt = Math.round((acct.gmvToDate||0)/maxGmv*56);
        return '<div class="sv-bw now">' +
          '<div class="sv-bv" style="color:#FF385C">฿' + _sv_fmt(acct.runrate||0) + '</div>' +
          '<div class="sv-b-ghost-wrap" style="height:' + Math.max(2,ghostHt) + 'px">' +
            '<div class="sv-b ghost"></div>' +
            '<div class="sv-b-mtd-fill" style="height:' + Math.round((acct.gmvToDate||0)/(acct.runrate||1)*100) + '%"></div>' +
          '</div>' +
          '<div class="sv-bl" style="color:#FF385C;font-size:var(--text-2xs)">MTD ฿' + _sv_fmt(acct.gmvToDate||0) + '</div>' +
        '</div>';
      })() : '') +
      '</div>' +
      // runrate shown as label on ghost bar, no separate note line +
      '</div>'
    ) : (acct.gmvToDate > 0 ? (
      // No history but has MTD: show MTD bar + runrate ghost
      '<div class="sv-chart-sec">' +
      '<div class="sv-c-eye">GMV เดือนนี้</div>' +
      '<div class="sv-bars">' +
        '<div class="sv-bw now">' +
          '<div class="sv-bv" style="color:#FF385C">฿' + _sv_fmt(acct.runrate||0) + '</div>' +
          '<div class="sv-b-ghost-wrap" style="height:42px">' +
            '<div class="sv-b ghost"></div>' +
            '<div class="sv-b-mtd-fill" style="height:' + Math.min(100,Math.round((acct.gmvToDate||0)/(acct.runrate||1)*100)) + '%"></div>' +
          '</div>' +
          '<div class="sv-bl" style="color:#FF385C;font-size:var(--text-2xs)">MTD ฿' + _sv_fmt(acct.gmvToDate||0) + '</div>' +
        '</div>' +
      '</div>' +
      '</div>'
    ) : '');

    // SKU current
    const skus = _findData(_skuData);
    const prevHist = sorted3.length >= 2 ? (hist.filter(h => moSort(h.m) < moSort(sorted3[sorted3.length-1].m))) : [];
    const prevMonthLabel = prevHist.length ? prevHist[prevHist.length-1].m : null;
    const skusSorted = skus.slice().sort((a,b) => (b.gmv_to_date||0)-(a.gmv_to_date||0)).slice(0,6);
    const skuHtml = skusSorted.length ? (
      '<div class="sv-sku-sec">' +
      '<div class="sv-sec"><span class="sv-sec-t">SKU ที่สั่งเดือนนี้</span><span class="sv-sec-c">top ' + skusSorted.length + '</span></div>' +
      '<div class="sv-sku-list">' +
      skusSorted.map(s => {
        const isNew = !!s.is_new || false;
        return '<div class="sv-sku-row">' +
          '<span class="sv-sku-name">' + (s.item_name_th||'—') + '</span>' +
          '<span class="sv-sku-gmv">฿' + _sv_fmt(s.gmv_to_date||0) + '</span>' +
          (isNew ? '<span class="sv-sku-badge-new">ใหม่</span>' : '') +
        '</div>';
      }).join('') +
      '</div></div>'
    ) : '';

    // Category breakdown — show ฿ amounts + categories not yet purchased
    const _CAT_MASTER = ['Beverage Alcohol','Beverage Non-alcohol','DG Food','DG Non-food','Egg','Fish & Seafood','Fruit','Meat','Processed Food','Vegetable'];
    const cats = _findObjData(_catData);
    const catKeys = Object.keys(cats).sort((a,b) => moSort(b)-moSort(a));
    const purchasedCats = catKeys.length ? (cats[catKeys[0]]||[]) : [];
    const purchasedNames = new Set(purchasedCats.map(c => c.n));
    const totalCatGmv = purchasedCats.reduce((s,c) => s+(c.s||0), 0);
    // Merge: purchased (sorted by ฿) + not-yet-purchased
    const notPurchased = _CAT_MASTER.filter(n => !purchasedNames.has(n)).map(n => ({n, s:0, p:0, c:'#EBEBEB', empty:true}));
    const allCats = [...purchasedCats.slice().sort((a,b) => (b.s||0)-(a.s||0)), ...notPurchased];
    const catHtml = allCats.length ? (
      '<div class="sv-cat-sec">' +
      '<div class="sv-sec"><span class="sv-sec-t">Category</span><span class="sv-sec-c">' + purchasedCats.length + '/' + _CAT_MASTER.length + ' หมวด</span></div>' +
      '<div class="sv-cat-list">' +
      allCats.map(c => {
        const barW = totalCatGmv > 0 ? Math.round((c.s||0)/totalCatGmv*100) : 0;
        const gmvLabel = c.empty ? '<span style="font-size:var(--text-sm);color:#EBEBEB;font-family:\'IBM Plex Mono\',monospace">—</span>' :
          '<span style="font-size:var(--text-md);font-weight:var(--fw-bold);color:#222222;font-family:\'IBM Plex Mono\',monospace">฿' + _sv_fmt(c.s||0) + '</span>';
        return '<div class="sv-cat-row">' +
          '<span class="sv-cat-name' + (c.empty?' sv-cat-empty':'') + '">' + (c.n||'—') + '</span>' +
          '<div class="sv-cat-bar-wrap"><div class="sv-cat-fill" style="width:' + barW + '%;background:' + (c.c||'#EBEBEB') + ';opacity:' + (c.empty?'0.3':'0.65') + '"></div></div>' +
          gmvLabel +
        '</div>';
      }).join('') +
      '</div></div>'
    ) : '';

    // Clear outlet list click delegation before replacing innerHTML
    el.onclick = null;

    el.innerHTML =
      '<div class="sv-page-hd" style="display:flex;align-items:center;gap:8px;padding:10px 16px 10px;">' +
        '<button onclick="renderSalesPortview()" style="display:flex;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:0;">' +
          '<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#FF385C" stroke-width="2.5" stroke-linecap="round"><polyline points="15 18 9 12 15 6"/></svg>' +
          '<span style="font-size:var(--text-lg);font-weight:var(--fw-semi);color:#FF385C;font-family:\'Noto Sans Thai\',sans-serif">พอร์ต</span>' +
        '</button>' +
      '</div>' +
      '<div style="padding:0 16px 12px;">' +
        '<div class="sv-page-eye">' + typeLabel + '</div>' +
        '<div class="sv-page-title">' + (acct.name||acct.id) + '</div>' +
      '</div>' +
      '<div class="sv-band"></div>' +
      '<div class="sv-tenure-section">' +
        '<div class="sv-tenure-eye">ระยะเวลาในมือ</div>' +
        '<div class="sv-tenure-bar-row">' +
          '<div class="sv-tenure-track"><div class="sv-tenure-fill ' + barCls + '" style="width:' + pctHeld + '%"></div></div>' +
          '<span class="sv-tenure-pct' + (barCls?' '+barCls:'') + '">' + pctHeld + '%</span>' +
        '</div>' +
        '<div class="sv-tenure-dl">' +
          '<span class="sv-tenure-held">ถือมา ' + (acct.daysHeld||0) + ' วัน</span>' +
          '<span class="sv-tenure-exp">handover ' + expLabel + (daysLeft!==null?' ('+daysLeft+'d)':'') + '</span>' +
        '</div>' +
      '</div>' +
      '<div class="sv-band"></div>' +
      chartHtml +
      (chartHtml ? '<div class="sv-band"></div>' : '') +
      skuHtml +
      (skuHtml ? '<div class="sv-band"></div>' : '') +
      catHtml;

    // Scroll to top — body scrolls in Sales mode (not element)
    window.scrollTo(0, 0);
    try { el.scrollTop = 0; } catch(e) {}

  } catch(e) { console.warn('[Sales] open account failed:', e); }
};


// ══════════════════════════════════════════
// SECTION:SALES_PIPELINE
// ══════════════════════════════════════════

function renderSalesPipeline() {
  const el = document.getElementById('scr-sales-pipeline');
  if (!el) return;
  el.innerHTML = '<div class="sv-empty"><div class="sv-empty-title">กำลังโหลด...</div></div>';

  _loadSalesPipeline().then(leads => {
    _renderPipelineList(el, leads);
  });
}


// Helper for gap chart rows (avoids nested template literals)
function _renderGapRows(gaps) {
  return gaps.map(function(g) {
    var col = g.cls==='ok'?'#34C759':g.cls==='warn'?'#FF9500':'#FF385C';
    var sign = g.val>=0?'+':'−';
    return '<div class="sv-gap-row">' +
      '<span class="sv-gap-mon">'+g.mon+'</span>' +
      '<div class="sv-gap-track"><div class="sv-gap-fill '+g.cls+'" style="width:'+g.fill+'%"></div></div>' +
      '<span class="sv-gap-val" style="color:'+col+'">'+sign+'฿'+_sv_fmt(Math.abs(g.val))+'</span>' +
      '</div>';
  }).join('');
}

function _renderPipelineList(el, leads) {
  const m0 = _salesMonthOffset(0), m1 = _salesMonthOffset(1), m2 = _salesMonthOffset(2);
  const groups = {};
  leads.forEach(l => {
    const ym = (l.expected_start_date||'').substring(0,7);
    const key = ym < m0 ? m0 : ym;
    if (!groups[key]) groups[key] = [];
    groups[key].push(l);
  });
  const monthOrder = [m0, m1, m2];
  Object.keys(groups).forEach(k => { if (!monthOrder.includes(k)) monthOrder.push(k); });

  const totalPipeline = leads.reduce((s,l)=>s+(parseFloat(l.expected_gmv)||0),0);
  // W2: connect to real target via _tgtGet (same Supabase targets table as KAM)
  const _email = (currentUserProfile && currentUserProfile.email) || '';
  const _period = _salesCurrentPeriod();
  const tgt = getSalesTarget(_period, _email) || 0;
  // No target = no gap display (don't show misleading -1.6M)
  // Use _pipelineByMonth so Chain 90d spreads correctly across 3 months
  // (old code dumped full GMV into start month only — wrong for multi-month tenure)
  const pipM = _pipelineByMonth(leads);
  // Clamp past months into M0
  [m0,m1,m2].forEach(k => { if(!pipM[k]) pipM[k]=0; });
  const pastKeys = Object.keys(pipM).filter(k => k < m0);
  pastKeys.forEach(k => { pipM[m0] = (pipM[m0]||0) + pipM[k]; delete pipM[k]; });

  const gaps = [m0,m1,m2].map(function(ym) {
    const v = pipM[ym]||0;
    return {mon:_salesMonthLabel(ym),fill:Math.min(100,Math.round(v/tgt*100)),val:v-tgt,cls:v>=tgt?'ok':v/tgt>0.8?'warn':'bad'};
  });

  const gapSign = totalPipeline >= tgt ? '+' : '\u2212';
  const badCls = totalPipeline < tgt ? ' bad' : '';

  let html = '<div class="sv-page-hd">' +
    '<div class="sv-page-eye">Manual estimate</div>' +
    '<div class="sv-page-title">Pipeline</div>' +
    '</div>';

  html += '<div class="sv-kpi-inline">' +
    '<div class="sv-ki"><div class="sv-ki-l">Leads</div><div class="sv-ki-v">' + leads.length + '</div></div>' +
    '<div class="sv-ki"><div class="sv-ki-l">ยอดคาด</div><div class="sv-ki-v">\u0e3f' + _sv_fmt(totalPipeline) + '</div></div>' +
    '<div class="sv-ki"><div class="sv-ki-l">Gap</div><div class="sv-ki-v' + badCls + '">' + gapSign + '\u0e3f' + _sv_fmt(Math.abs(totalPipeline-tgt)) + '</div></div>' +
    '</div>';

  html += '<div class="sv-sec"><span class="sv-sec-t">ยอด vs Target</span></div>';
  html += '<div class="sv-gap-section">' + _renderGapRows(gaps) + '</div>';

  if (!leads.length) {
    html += '<div class="sv-empty"><div class="sv-empty-title">ยังไม่มี leads</div><div class="sv-empty-sub">กดปุ่ม + เพื่อเพิ่ม lead ที่คุยอยู่</div></div>';
  } else {
    html += '<div class="sv-lead-list">';
    monthOrder.forEach(function(ym) {
      const items = groups[ym];
      if (!items || !items.length) return;
      const total = items.reduce((s,l)=>s+(parseFloat(l.expected_gmv)||0),0);
      html += '<div class="sv-lead-month-hd">' +
        '<span class="sv-lead-month-name">' + _salesMonthLabel(ym) + '</span>' +
        '<span class="sv-lead-month-total">\u0e3f' + _sv_fmt(total) + ' \u00b7 ' + items.length + ' leads</span>' +
        '</div>';
      items.forEach(function(l) {
        const dateLabel = l.expected_start_date ?
          new Date(l.expected_start_date).toLocaleDateString('th-TH',{day:'numeric',month:'short'}) : '\u2014';
        const safeId = (l.id||'');
        const safeName = (l.shop_name||'').replace(/'/g,"\\'");
        const editBtn = '<button class="sv-lead-btn" onclick="window._salesEditLead(\'' + safeId + '\')">' +
          '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>' +
          '</button>';
        const delBtn = '<button class="sv-lead-btn" onclick="window._salesDeleteLead(\'' + safeId + '\',\'' + safeName + '\')">' +
          '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>' +
          '</button>';
        var lType = (l.account_type||'SA').toUpperCase();
        var spreadMonths = (lType==='MC'||lType==='CHAIN') ? 3 : 1;
        var startYM = (l.expected_start_date||'').substring(0,7);
        var endLabel = '';
        if(startYM && spreadMonths > 1) {
          var _sp = startYM.split('-').map(Number);
          var _ed = new Date(_sp[0], _sp[1]-1+spreadMonths-1, 1);
          var _moTH = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
          var _stMo = _moTH[_sp[1]-1];
          var _edMo = _moTH[_ed.getMonth()];
          endLabel = ' · ' + _stMo + '–' + _edMo;
        }
        var typePill = '<span class="sv-lead-type-pill">' + lType + endLabel + '</span>';
        html += '<div class="sv-lead-row">' +
          '<div class="sv-lead-info"><div class="sv-lead-name">' + (l.shop_name||'\u2014') + typePill + '</div><div class="sv-lead-date">\u0e40\u0e23\u0e34\u0e48\u0e21 ' + dateLabel + '</div></div>' +
          '<div class="sv-lead-gmv">\u0e3f' + _sv_fmt(l.expected_gmv) + '</div>' +
          '<div class="sv-lead-actions">' + editBtn + delBtn + '</div>' +
          '</div>';
      });
    });
    html += '</div>';
  }

  html += '<button class="sv-fab" id="sv-fab-add" onclick="window._salesAddLead()">' +
    '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>' +
    ' \u0e40\u0e1e\u0e34\u0e48\u0e21 Lead</button>';

  el.innerHTML = html;
  // Click delegation for outlet rows
  el.onclick = function(e) {
    const acctHd = e.target.closest('[data-gid]');
    if (acctHd) {
      const gid = acctHd.getAttribute('data-gid');
      if (gid) { window._olToggleGroup(gid); return; }
    }
    const row = e.target.closest('[data-acctid]');
    if (row) { const aid = row.getAttribute('data-acctid'); if (aid) window._salesOpenAccount(aid); }
  };
}

// Add/Edit lead sheet
window._salesAddLead = function(existing) {
  const overlay = document.createElement('div');
  overlay.className = 'sv-sheet-overlay';
  overlay.id = 'sv-lead-overlay';
  const isEdit = !!(existing && existing.id);
  const _acctType = isEdit ? (existing.account_type||'SA') : 'SA';
  overlay.innerHTML = `<div class="sv-sheet" id="sv-lead-sheet">
    <div class="sv-sheet-title">${isEdit ? 'แก้ไข Lead' : 'เพิ่ม Lead'}</div>
    <div class="sv-field-label">ชื่อร้าน</div>
    <input class="sv-field-input" id="sv-lead-name" type="text" placeholder="ร้านอาหาร..." value="${isEdit?existing.shop_name:''}" />
    <div class="sv-field-label">ประเภทร้าน</div>
    <div class="sv-type-row">
      <button class="sv-type-btn${_acctType==='SA'?' on':''}" data-type="SA" onclick="window._salesSelectType(this,'SA')">SA <span class="sv-type-tenure">45d</span></button>
      <button class="sv-type-btn${_acctType==='MC'?' on':''}" data-type="MC" onclick="window._salesSelectType(this,'MC')">MC <span class="sv-type-tenure">90d</span></button>
      <button class="sv-type-btn${_acctType==='Chain'?' on':''}" data-type="Chain" onclick="window._salesSelectType(this,'Chain')">Chain <span class="sv-type-tenure">90d</span></button>
    </div>
    <input type="hidden" id="sv-lead-type" value="${_acctType}" />
    <div class="sv-field-label">ยอดคาด / เดือน (บาท)</div>
    <input class="sv-field-input" id="sv-lead-gmv" type="text" inputmode="numeric" pattern="[0-9,]*" placeholder="50,000" value="${isEdit?(existing.expected_gmv?Number(existing.expected_gmv).toLocaleString():'')+'':''}" oninput="this.value=this.value.replace(/[^0-9]/g,'').replace(/\B(?=(\d{3})+(?!\d))/g,',')" />
    <div class="sv-field-label">วันที่ยอดน่าจะเริ่มเข้า</div>
    <input class="sv-field-input" id="sv-lead-date" type="date" value="${isEdit?existing.expected_start_date:''}" />
    <div class="sv-sheet-actions">
      <button class="sv-btn-save" onclick="window._salesSaveLead('${isEdit?existing.id:''}')">บันทึก</button>
      <button class="sv-btn-cancel" onclick="window._salesCloseSheet()">ยกเลิก</button>
    </div>
  </div>`;
  document.body.appendChild(overlay);
  requestAnimationFrame(() => {
    const s = document.getElementById('sv-lead-sheet');
    if (s) s.classList.add('open');
  });
};

window._salesSelectType = function(btn, type) {
  document.querySelectorAll('.sv-type-btn').forEach(b => b.classList.remove('on'));
  btn.classList.add('on');
  const inp = document.getElementById('sv-lead-type');
  if (inp) inp.value = type;
};

window._salesEditLead = function(id) {
  const lead = (_salesPipelineCache||[]).find(l=>l.id===id);
  if (lead) window._salesAddLead(lead);
};

window._salesCloseSheet = function() {
  const ov = document.getElementById('sv-lead-overlay');
  if (!ov) return;
  const s = document.getElementById('sv-lead-sheet');
  if (s) s.classList.remove('open');
  setTimeout(() => ov.remove(), 320);
};

window._salesSaveLead = async function(existingId) {
  const name = (document.getElementById('sv-lead-name')?.value||'').trim();
  const gmv  = parseFloat((document.getElementById('sv-lead-gmv')?.value||'0').replace(/,/g,''));
  const date = document.getElementById('sv-lead-date')?.value||'';
  const acctType = document.getElementById('sv-lead-type')?.value || 'SA';
  if (!name || !gmv || !date) { alert('กรุณากรอกข้อมูลให้ครบ'); return; }
  const email = (currentUserProfile && currentUserProfile.email) || '';
  const btn = document.querySelector('.sv-btn-save');
  if (btn) { btn.textContent = 'กำลังบันทึก...'; btn.disabled = true; }
  try {
    if (existingId) {
      await supa.from('sales_pipeline').update({
        shop_name: name, expected_gmv: gmv, expected_start_date: date,
        account_type: acctType, updated_at: new Date().toISOString()
      }).eq('id', existingId);
    } else {
      await supa.from('sales_pipeline').insert({
        sales_email: email, shop_name: name,
        expected_gmv: gmv, expected_start_date: date, account_type: acctType
      });
    }
    _salesPipelineCache = null; // invalidate cache
    window._salesCloseSheet();
    renderSalesPipeline(); // re-render
  } catch(e) {
    console.warn('[Sales] save lead failed:', e);
    if (btn) { btn.textContent = 'บันทึก'; btn.disabled = false; }
    alert('บันทึกไม่สำเร็จ: ' + e.message);
  }
};

window._salesDeleteLead = async function(id, name) {
  if (!confirm(`ลบ "${name}" ออกจาก pipeline?`)) return;
  try {
    await supa.from('sales_pipeline').update({ status: 'dropped' }).eq('id', id);
    _salesPipelineCache = null;
    renderSalesPipeline();
  } catch(e) { console.warn('[Sales] delete lead failed:', e); }
};

// ══════════════════════════════════════════
// SECTION:SALES_COMMISSION
// ══════════════════════════════════════════

function renderSalesCommission() {
  const el = document.getElementById('scr-sales-commission');
  if (!el) return;
  el.innerHTML = `<div class="sv-coming-soon">
    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#FF385C" stroke-width="1.5" stroke-linecap="round" style="opacity:.4;margin-bottom:16px"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/></svg>
    <div class="sv-coming-soon-title">Commission</div>
    <div class="sv-coming-soon-sub">ระบบ commission สำหรับ Sales<br>อยู่ระหว่างออกแบบร่วมกับทีม</div>
    <div class="sv-coming-badge">Coming Soon</div>
  </div>`;
}

// ══════════════════════════════════════════
// SECTION:SALES_TL
// ══════════════════════════════════════════

function renderSalesTeamview() {
  const el = document.getElementById('scr-sales-teamview');
  if (!el) return;
  const role = getCurrentRole();
  if (role !== 'sales_tl' && role !== 'admin') {
    el.innerHTML = '';
    return;
  }
  const email = (currentUserProfile && currentUserProfile.email) || '';
  const period = _salesCurrentPeriod();
  // Filter portviewBulkData to this TL's Sales team
  const allData = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
  const teamData = allData.filter(r => {
    // Sales TL sees their team; admin sees all
    if (role === 'admin') return true;
    return (r.tlEmail || '').toLowerCase() === email.toLowerCase();
  });
  // Group by rep email — คำนวณ net runrate ผ่าน getSalesRunrate (เหมือน portview)
  const repMap = {};
  teamData.forEach(r => {
    const re = (r.kamEmail || '').toLowerCase();
    if (!re) return;
    if (!repMap[re]) repMap[re] = { email: re, name: r.kamName || re, outlets: [] };
    repMap[re].outlets.push(r);
  });

  // คำนวณ net + handover ต่อ rep
  Object.values(repMap).forEach(rep => {
    const { active, expiringM0, expiringM1, expiringM2 } = _salesPartitionOutlets(rep.outlets);
    rep.netRunrate  = [...active, ...expiringM1, ...expiringM2].reduce((s,o) => s+(o.runrate||0), 0);
    rep.handoverOut = expiringM0.reduce((s,o) => s+(o.runrate||0), 0);  // กำลัง handover เดือนนี้
    rep.handoverCount = expiringM0.length;
    rep.runrate = rep.netRunrate; // ใช้ net สำหรับ sort/display
  });

  const reps = Object.values(repMap).sort((a,b) => b.netRunrate - a.netRunrate);
  const teamRunrate    = reps.reduce((s,r) => s + r.netRunrate,  0);   // สุทธิ
  const teamHandover   = reps.reduce((s,r) => s + r.handoverOut, 0);   // handover ออกเดือนนี้
  const teamHandoverCt = reps.reduce((s,r) => s + r.handoverCount, 0);

  // Team target: _tgtGet for team level
  const teamTarget = (typeof _tgtGet === 'function')
    ? (_tgtGet(period, 'sales_team', email) || 0)
    : 0;
  const teamPct = teamTarget > 0 ? Math.min(200, Math.round(teamRunrate / teamTarget * 100)) : 0;
  const tbarCls = teamPct >= 100 ? 'ok' : teamPct >= 75 ? 'warn' : 'ac';

  // Target button: show for sales_tl and admin
  const canSetTarget = (role === 'sales_tl' || role === 'admin');
  const targetBtnHtml = canSetTarget
    ? '<button class="sv-tl-target-btn" onclick="window._salesOpenTargetSetup()">' +
        '<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg>' +
        ' ตั้ง Target</button>'
    : '';

  let html = '<div class="sv-page-hd" style="display:flex;align-items:flex-start;justify-content:space-between;">' +
    '<div><div class="sv-page-eye">Sales Team</div><div class="sv-page-title">ภาพรวมทีม</div></div>' +
    targetBtnHtml + '</div>';

  // Team hero — แสดง net runrate + handover breakdown strip
  html += '<div class="sv-hero">' +
    '<div class="sv-hero-eye">Runrate ทีม (สุทธิ)</div>' +
    '<div><span class="sv-hero-num">฿' + _sv_fmt(teamRunrate) + '</span></div>' +
    '<div class="sv-hero-sub">' +
      '<span>' + reps.length + ' reps · ' + teamData.length + ' ร้าน</span>' +
      (teamTarget > 0
        ? '<span class="sv-gap-badge' + (teamPct >= 100 ? ' ok' : '') + '">' +
            (teamPct >= 100 ? '+' : '−') + '฿' + _sv_fmt(Math.abs(teamRunrate - teamTarget)) + ' vs target</span>'
        : '<span style="font-size:var(--text-md);color:#FF9500">ยังไม่มี team target</span>') +
    '</div>' +
    (teamTarget > 0
      ? '<div class="sv-tbar"><div class="sv-tbar-track"><div class="sv-tbar-fill ' + tbarCls + '" style="width:' + Math.min(100,teamPct) + '%"></div></div>' +
        '<div class="sv-tbar-meta"><span>' + teamPct + '% of target</span><span>Target ฿' + _sv_fmt(teamTarget) + '</span></div></div>'
      : '') +
    (teamHandover > 0
      ? '<div style="margin-top:10px;padding:8px 10px;background:rgba(255,56,92,.06);border-radius:var(--r-8);border-left:2.5px solid #FF385C;display:flex;justify-content:space-between;align-items:center;">' +
          '<div>' +
            '<div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;color:#FF385C;font-family:IBM Plex Mono,monospace;">Handover ออกเดือนนี้</div>' +
            '<div style="font-size:var(--text-sm);color:#6A6A6A;margin-top:1px;">' + teamHandoverCt + ' ร้าน กำลัง handover ให้ KAM</div>' +
          '</div>' +
          '<div style="font-size:var(--text-lg2);font-weight:var(--fw-bold);color:#FF385C;font-family:IBM Plex Mono,monospace;">−฿' + _sv_fmt(teamHandover) + '</div>' +
        '</div>'
      : '') +
    '</div>';

  // Rep list
  html += '<div class="sv-sec"><span class="sv-sec-t">แต่ละ Rep</span><span class="sv-sec-c">' + reps.length + ' คน</span></div>';
  if (!reps.length) {
    html += '<div class="sv-empty"><div class="sv-empty-title">ไม่มีข้อมูล Rep</div><div class="sv-empty-sub">ตรวจสอบว่า Sales portview CSV upload แล้ว</div></div>';
  } else {
    html += '<div class="sv-outlet-list">';
    reps.forEach(function(rep) {
      const repTarget = (typeof _tgtGet === 'function') ? (_tgtGet(period, 'sales', rep.email) || 0) : 0;
      const repPct = repTarget > 0 ? Math.min(200, Math.round(rep.netRunrate / repTarget * 100)) : 0;
      const indCls = repPct >= 100 ? 'ok' : repPct >= 75 ? 'mid' : 'late';
      const repName = rep.name.split('@')[0];
      // handover badge ต่อ rep
      const hovBadge = rep.handoverOut > 0
        ? '<span style="font-size:8.5px;font-weight:var(--fw-bold);color:#FF385C;font-family:IBM Plex Mono,monospace;background:rgba(255,56,92,.08);border-radius:var(--r-pill);padding:1px 6px;">−฿' + _sv_fmt(rep.handoverOut) + ' HO</span>'
        : '';
      html += '<div class="sv-ol-row" onclick="window._salesTLDrillRep(\'' + rep.email + '\')">' +
        '<div class="sv-ol-top">' +
          '<div class="sv-ol-ind ' + indCls + '"></div>' +
          '<div class="sv-ol-info">' +
            '<div class="sv-ol-name" style="display:flex;align-items:center;gap:6px;">' + repName + hovBadge + '</div>' +
            '<div class="sv-ol-meta">' + rep.outlets.length + ' ร้าน' + (repTarget > 0 ? ' · target ฿' + _sv_fmt(repTarget) : '') + '</div>' +
          '</div>' +
          '<div class="sv-ol-right">' +
            '<div class="sv-ol-gmv">฿' + _sv_fmt(rep.netRunrate) + '</div>' +
            (repTarget > 0
              ? '<div class="sv-ol-type ' + (repPct >= 100 ? 'ok' : repPct >= 75 ? 'mid' : '') + '">' + repPct + '% target</div>'
              : '<div class="sv-ol-type" style="color:#FF9500">ยังไม่มี target</div>') +
          '</div>' +
        '</div>' +
      '</div>';
    });
    html += '</div>';
  }

  el.innerHTML = html;
  // Click delegation for outlet rows
  el.onclick = function(e) {
    const acctHd = e.target.closest('[data-gid]');
    if (acctHd) {
      const gid = acctHd.getAttribute('data-gid');
      if (gid) { window._olToggleGroup(gid); return; }
    }
    const row = e.target.closest('[data-acctid]');
    if (row) { const aid = row.getAttribute('data-acctid'); if (aid) window._salesOpenAccount(aid); }
  };
}

// W4: TL target setup trigger
window._salesOpenTargetSetup = function() {
  const role = getCurrentRole();
  if (typeof openTargetSetup === 'function') {
    try { openTargetSetup(role === 'admin' ? 'admin' : 'tl'); } catch(e) {}
  }
};

// W4: TL drill into individual rep (show their portview)
window._salesTLDrillRep = function(repEmail) {
  if (!repEmail) return;
  // Find first outlet of this rep to get a display name
  const allData = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
  const repRow = allData.find(r => (r.kamEmail||'').toLowerCase() === repEmail.toLowerCase());
  const repName = repRow ? (repRow.kamName || repEmail.split('@')[0]) : repEmail.split('@')[0];

  // Render a filtered portview scoped to this rep's outlets
  const el = document.getElementById('scr-sales-teamview');
  if (!el) return;

  const repOutlets = allData.filter(r => (r.kamEmail||'').toLowerCase() === repEmail.toLowerCase());
  const period = _salesCurrentPeriod();
  const repTarget = (typeof _tgtGet === 'function') ? (_tgtGet(period, 'sales', repEmail) || 0) : 0;
  const repRunrate = repOutlets.reduce((s,o) => s+(o.runrate||0), 0);
  const repPct = repTarget > 0 ? Math.min(200, Math.round(repRunrate/repTarget*100)) : 0;
  const tbarCls = repPct >= 100 ? 'ok' : repPct >= 75 ? 'warn' : 'ac';

  // Sort outlets by expiry soonest first (same as Sales portview)
  const sorted = [...repOutlets].sort((a,b) => {
    const da = a.newUserExpDate || '9999-12-31';
    const db = b.newUserExpDate || '9999-12-31';
    return da.localeCompare(db);
  });

  let html = '<div class="sv-page-hd" style="display:flex;align-items:center;gap:10px;">' +
    '<button class="sv-back-row" onclick="renderSalesTeamview()" style="background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;">' +
      '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#FF385C" stroke-width="2.5" stroke-linecap="round"><polyline points="15 18 9 12 15 6"/></svg>' +
      '<span class="sv-back-label">ทีม</span>' +
    '</button>' +
    '<div>' +
      '<div class="sv-page-eye">Sales Rep</div>' +
      '<div class="sv-page-title">' + repName + '</div>' +
    '</div>' +
  '</div>';

  // Mini hero for this rep
  html += '<div class="sv-hero">' +
    '<div class="sv-hero-eye">Runrate</div>' +
    '<div><span class="sv-hero-num">฿' + _sv_fmt(repRunrate) + '</span></div>' +
    '<div class="sv-hero-sub">' +
      '<span>' + repOutlets.length + ' ร้าน</span>' +
      (repTarget > 0
        ? '<span class="sv-gap-badge' + (repPct>=100?' ok':'') + '">' +
            (repPct>=100?'+':'−') + '฿' + _sv_fmt(Math.abs(repRunrate-repTarget)) + ' vs target</span>'
        : '<span style="font-size:var(--text-md);color:#FF9500">ยังไม่มี target</span>') +
    '</div>' +
    (repTarget > 0
      ? '<div class="sv-tbar"><div class="sv-tbar-track"><div class="sv-tbar-fill ' + tbarCls + '" style="width:' + Math.min(100,repPct) + '%"></div></div>' +
        '<div class="sv-tbar-meta"><span>' + repPct + '% of target</span><span>Target ฿' + _sv_fmt(repTarget) + '</span></div></div>'
      : '') +
  '</div>';

  // Outlet list
  html += '<div class="sv-sec"><span class="sv-sec-t">ร้านทั้งหมด</span><span class="sv-sec-c">' + sorted.length + ' ร้าน</span></div>';

  if (!sorted.length) {
    html += '<div class="sv-empty"><div class="sv-empty-title">ไม่มีร้านในพอร์ต</div></div>';
  } else {
    html += '<div class="sv-outlet-list">';
    sorted.forEach(function(o) {
      const daysLeft = _daysUntilExp(o.newUserExpDate);
      const totalDays = (o.daysHeld||0) + (daysLeft !== null ? Math.max(0,daysLeft) : 0);
      const pctHeld = totalDays > 0 ? Math.min(100, Math.round((o.daysHeld||0)/totalDays*100)) : 0;
      const indCls = pctHeld >= 80 ? 'late' : pctHeld >= 60 ? 'mid' : 'ok';
      const typeLabel = (o.accountType||'SA').toUpperCase();
      const expLabel = o.newUserExpDate
        ? new Date(o.newUserExpDate).toLocaleDateString('th-TH',{day:'numeric',month:'short'}) : '—';
      const daysLabel = daysLeft !== null ? (daysLeft<=0?'หมดแล้ว':daysLeft+'d') : '—';
      html += '<div class="sv-ol-row">' +
        '<div class="sv-ol-top">' +
          '<div class="sv-ol-ind ' + indCls + '"></div>' +
          '<div class="sv-ol-info">' +
            '<div class="sv-ol-name">' + (o.name||o.id) + '</div>' +
            '<div class="sv-ol-meta">ถือมา ' + (o.daysHeld||0) + ' วัน</div>' +
          '</div>' +
          '<div class="sv-ol-right">' +
            '<div class="sv-ol-gmv">฿' + _sv_fmt(o.runrate||o.gmvToDate||0) + '</div>' +
            '<div class="sv-ol-type ' + (indCls==='ok'?'ok':indCls==='mid'?'mid':'') + '">' + typeLabel + ' · ' + daysLabel + '</div>' +
          '</div>' +
        '</div>' +
        '<div class="sv-ol-bar-wrap">' +
          '<div class="sv-days-track"><div class="sv-days-fill ' + indCls + '" style="width:' + pctHeld + '%"></div></div>' +
          '<div class="sv-days-meta"><span></span><span class="sv-days-exp">หมด ' + expLabel + '</span></div>' +
        '</div>' +
      '</div>';
    });
    html += '</div>';
  }

  el.innerHTML = html;
  // Click delegation for outlet rows
  el.onclick = function(e) {
    const acctHd = e.target.closest('[data-gid]');
    if (acctHd) {
      const gid = acctHd.getAttribute('data-gid');
      if (gid) { window._olToggleGroup(gid); return; }
    }
    const row = e.target.closest('[data-acctid]');
    if (row) { const aid = row.getAttribute('data-acctid'); if (aid) window._salesOpenAccount(aid); }
  };
};

// ══════════════════════════════════════════
// SECTION:SALES_ACCOUNT_VIEW_PATCH
// ══════════════════════════════════════════
// WRAPPER: patch renderPortviewSummary for Sales — hide NRR/upsell, show days_held
(function() {
  const _origRenderPortviewSummary = (typeof renderPortviewSummary === 'function') ? renderPortviewSummary : null;
  window.renderPortviewSummary = function() {
    const role = typeof getCurrentRole === 'function' ? getCurrentRole() : '';
    if (role === 'sales' || role === 'sales_tl') {
      _renderSalesAccountSummary();
      return;
    }
    if (_origRenderPortviewSummary) _origRenderPortviewSummary.apply(this, arguments);
  };

  function _renderSalesAccountSummary() {
    // Find account in portviewBulkData
    const data = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
    const acctId = (typeof currentAccountId !== 'undefined') ? currentAccountId : null;
    const acct = acctId ? data.find(r => r.id === acctId || r.account_guid === acctId) : null;
    if (!acct) return;

    const daysLeft = _daysUntilExp(acct.newUserExpDate);
    const totalDays = (acct.daysHeld||0) + (daysLeft !== null ? Math.max(0,daysLeft) : 0);
    const pctHeld = totalDays > 0 ? Math.min(100, Math.round((acct.daysHeld||0)/totalDays*100)) : 0;
    const barClass = pctHeld >= 80 ? 'late' : pctHeld >= 60 ? 'mid' : 'ok';
    const expLabel = acct.newUserExpDate ?
      new Date(acct.newUserExpDate).toLocaleDateString('th-TH',{day:'numeric',month:'short',year:'2-digit'}) : '—';

    const target = document.getElementById('portview-summary');
    if (!target) return;
    // Clear any previous Sales block to avoid duplicate on re-render
    const existing = target.querySelector('.sales-content-only');
    if (existing) existing.remove();
    const salesBlock = document.createElement('div');
    salesBlock.className = 'sales-content-only';
    // v6: Revolut style tenure section — no card, just rows
    salesBlock.innerHTML = `<div class="sv-band"></div>
      <div class="sv-tenure-section">
        <div class="sv-tenure-eye">ระยะเวลาในมือ</div>
        <div class="sv-tenure-bar-row">
          <div class="sv-tenure-track"><div class="sv-tenure-fill${barClass==='late'?' late':barClass==='mid'?' mid':''}" style="width:${pctHeld}%"></div></div>
          <span class="sv-tenure-pct${barClass==='late'?' late':''}">${pctHeld}%</span>
        </div>
        <div class="sv-tenure-dl">
          <span class="sv-tenure-held">ถือมา ${acct.daysHeld||0} วัน</span>
          <span class="sv-tenure-exp">หมด ${expLabel}${daysLeft!==null?' ('+daysLeft+'d)':''}</span>
        </div>
      </div>
      <div class="sv-band"></div>`;
    target.prepend(salesBlock);
  }
})();

// ══════════════════════════════════════════
// SECTION:SALES_ROUTER
// ══════════════════════════════════════════
// Hook into showScreen to render Sales screens on navigation

(function() {
  const _origShowScreen = (typeof showScreen === 'function') ? showScreen : null;
  window.showScreen = function(name) {
    if (_origShowScreen) _origShowScreen.apply(this, arguments);
    try {
      if (name === 'sales-portview') { renderSalesPortview(); _salesUpdateNavActive('nav-sales-portview'); }
      else if (name === 'sales-pipeline') { renderSalesPipeline(); _salesUpdateNavActive('nav-sales-pipeline'); }
      else if (name === 'sales-commission') { renderSalesCommission(); _salesUpdateNavActive('nav-sales-commission'); }
      else if (name === 'sales-teamview') { renderSalesTeamview(); _salesUpdateNavActive('nav-sales-teamview'); }
      else if (name === 'skills') { _salesUpdateNavActive('nav-skills'); }
    } catch(e) { console.warn('[Sales router]', e); }
  };

  function _salesUpdateNavActive(activeId) {
    const salesNavIds = ['nav-sales-portview','nav-sales-pipeline','nav-sales-commission','nav-sales-teamview','nav-skills'];
    salesNavIds.forEach(id => {
      const el = document.getElementById(id);
      if (el) el.classList.toggle('on', id === activeId);
    });
  }
})();

// ══════════════════════════════════════════
// SECTION:SALES_INIT
// ══════════════════════════════════════════
// Patch R2 files routing after login for Sales users
// Called from doLogin / checkSession after profile loads

(function() {
  const _origLoadUserProfile = (typeof loadUserProfile === 'function') ? loadUserProfile : null;
  if (!_origLoadUserProfile) return;
  window.loadUserProfile = async function() {
    await _origLoadUserProfile.apply(this, arguments);
    try {
      if (typeof _patchR2FilesForSales === 'function') _patchR2FilesForSales();
    } catch(e) {}
  };
})();

console.log('%c[Sense] Sales module loaded','color:#4ddc97');

</script>
<script id="freshket-skills">
// ══════════════════════════════════════════════════════════════
// 11_skills.js — Skills Feature
// Freshket Sense · Sales + KAM (future)
// State machine: locked → training (rep) → unlocked → mastered (TL)
// ══════════════════════════════════════════════════════════════

'use strict';

// ── Constants ──────────────────────────────────────────────
const SKILLS_SUPABASE_URL = 'https://menslbnyyvpxiyvjywcm.supabase.co';
const SKILLS_TABLE_DEFS   = 'skill_definitions';
const SKILLS_TABLE_PROG   = 'user_skill_progress';
const SKILLS_TABLE_LOG    = 'skill_eval_log';

const SKILL_STATES = ['locked','training','unlocked','mastered'];

const SKILL_STATE_LABEL_TH = {
  locked:   'ล็อคอยู่',
  training: 'กำลังฝึก',
  unlocked: 'ปลดล็อคแล้ว',
  mastered: 'เชี่ยวชาญ',
};

const MODULE_META = {
  A: { name:'The Navigator',    sub:'Foundation & Way of Work', color:'#FF385C' },
  B: { name:'The Scout',        sub:'Preparation',              color:'#34C759' },
  C: { name:'The Consultant',   sub:'Pitch',                    color:'#8B5CF6' },
  D: { name:'The Growth Partner', sub:'Account Development',    color:'#FF9500' },
};

// Module image placeholders (gradient bg per character identity)
// ── v569 MODULE DOT SYSTEM (app-wide, user-approved direction) ──────────────
// Every skill dot is hue-coded by its module (MODULE_META colors):
//   pass → full module color · developing → soft tint · not observed → faint tint
// Replaces uniform gray/orange/green dots everywhere; no skill-name labels needed.
function _skMixWhite(hex, pct) {
  try {
    const n = parseInt(hex.slice(1), 16), r = (n>>16)&255, g = (n>>8)&255, b = n&255;
    const m = c => Math.round(c + (255 - c) * pct);
    return 'rgb(' + m(r) + ',' + m(g) + ',' + m(b) + ')';
  } catch(e) { return hex; }
}
// Unlock-state variant (locked → training → unlocked/mastered) — same hue logic
window._skStateDotColor = function(skillCode, state) {
  const mod = ((skillCode || '')[0] || '').toUpperCase();
  const base = (MODULE_META[mod] && MODULE_META[mod].color) || '#8E8E93';
  if (state === 'unlocked' || state === 'mastered') return base;
  if (state === 'training') return _skMixWhite(base, 0.55);
  return _skMixWhite(base, 0.85); // locked
};
window._skDotColor = function(skillCode, score) {
  const mod = ((skillCode || '')[0] || '').toUpperCase();
  const base = (MODULE_META[mod] && MODULE_META[mod].color) || '#8E8E93';
  if (score === 'pass') return base;
  if (score === 'developing') return _skMixWhite(base, 0.55);
  return _skMixWhite(base, 0.85);
};

const MODULE_BG = {
  A: 'linear-gradient(160deg,#FFD6E0 0%,#FFECD2 100%)',
  B: 'linear-gradient(160deg,#D4EDDA 0%,#F0F7DA 100%)',
  C: 'linear-gradient(160deg,#E8D5F5 0%,#D6E4F5 100%)',
  D: 'linear-gradient(160deg,#FFE8CC 0%,#FFF3CC 100%)',
};


// ── Image render helpers ───────────────────────────────────
// card_image_url / module_banner_url จาก skill_definitions → prepend R2 base
// ถ้า null → fallback gradient (MODULE_BG)

// v_gate (5 ต.ค. 2026): รูปการ์ดทักษะย้ายจากถัง R2 (ลิงก์สาธารณะปิดแล้ว) มาอยู่กับแอปที่ /assets/skills/
// ในฐานข้อมูลยังเก็บลิงก์เดิมแบบเต็ม ⇒ แปลงที่นี่ · รูป <img> แนบบัตรผ่านไม่ได้ จึงต้องเป็นไฟล์ของแอปเอง
const _SK_OLD_PREFIX = /^(?:https:\/\/pub-12078d17646340808024e8cc95504995\.r2\.dev)?\/?skills\/([A-Za-z0-9._-]+)$/;
function _skUrl(p){if(!p)return'';const m=_SK_OLD_PREFIX.exec(String(p));if(m)return'/assets/skills/'+m[1];if(p.startsWith('http'))return p;return p;}

function _skImgTag(def, opts = {}) {
  const w   = opts.w   || '100%';
  const h   = opts.h   || '106px';
  const cls = opts.cls || 'sk-card-img';
  const url = _skUrl(def && def.card_image_url);
  if (url) {
    return `<img src="${url}" class="${cls} sk-img-lazy" style="width:${w};height:${h};object-fit:cover;object-position:center top;display:block;" alt="${def.skill_name_en||''}" onload="this.classList.add('sk-img-loaded')" onerror="this.classList.add('sk-img-loaded')">`;
  }
  // fallback: gradient placeholder
  const bg = MODULE_BG[def ? def.module : 'A'];
  const code = def ? def.skill_code.split('_')[0] : '';
  return `<div class="${cls}" style="width:${w};height:${h};background:${bg};display:flex;align-items:center;justify-content:center;flex-shrink:0;">
    <span style="font-size:var(--text-xs);font-weight:var(--fw-semi);font-family:'Noto Sans Thai',sans-serif;opacity:.3;">${code}</span>
  </div>`;
}

// Module thumb (50×50) — ใช้รูปจาก def แรกของ module นั้น (Navigator/Scout/etc.)
function _skModThumb(module) {
  const firstDef = _skillDefs.find(d => d.module === module);
  return _skImgTag(firstDef, { w: '64px', h: '64px', cls: 'sk-mod-thumb-img' });
}

// ── Module-level state ─────────────────────────────────────
let _skillDefs    = [];        // skill_definitions rows
let _skillProg    = {};        // { skill_id: progress_row }
let _skillsUserId = null;      // current auth user id
let _skillsRole   = null;      // 'sales' | 'sales_tl' | 'kam' | 'tl' | 'admin'
let _skillsInitRole = null;    // role at last successful init — guard against double-fetch
let _activeSkillId = null;
let _skillUsers   = {};        // { user_id: { full_name, kam_name, email } }     // currently open skill sheet
let _skillViewMode = 'pending';  // TL: 'pending' | 'overview' | 'visits'
let _ovToggle     = 'rep';     // TL overview: 'rep' | 'skill'
let _tlSquad      = null;      // squad name of current TL (e.g. 'Tao', 'Yun')
let _tlSquadEmails = [];       // emails of reps in TL's squad
let _tlSquadRoles = {};        // ECHO GOAL 2 / Phase S: email(lowercase) -> raw role, roster-sourced
let _tlSquadById  = {};        // ECHO GOAL 2 / Phase S: profiles.id -> {email,role,name}, roster-sourced
let _tlBrowseMode = false;     // TL: true เมื่ออยู่ใน skill-card browse mode

// ── Supabase helper ────────────────────────────────────────

// ── JWT helper — ดึง access token จาก Supabase session ───
function _skGetJWT() {
  try {
    // v2: ใช้ currentUser จาก 01_core.js ที่โหลดก่อนแล้ว
    if (typeof window._skCachedJWT === 'string' && window._skCachedJWT) return window._skCachedJWT;
    // localStorage fallback (Android/Chrome)
    const key = Object.keys(localStorage).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
    if (key) {
      const sess = JSON.parse(localStorage.getItem(key));
      const token = sess?.access_token || sess?.data?.session?.access_token || null;
      if (token) return token;
    }
    // sessionStorage fallback (Safari/iOS)
    const skey = Object.keys(sessionStorage).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
    if (skey) {
      const sess = JSON.parse(sessionStorage.getItem(skey));
      const token = sess?.access_token || sess?.data?.session?.access_token || null;
      if (token) return token;
    }
  } catch(_) {}
  return null;
}

// Cache JWT async — called once at skillsInit so _skFetch works on Safari
async function _skCacheJWT() {
  try {
    if (typeof supa !== 'undefined' && supa.auth && supa.auth.getSession) {
      const { data } = await supa.auth.getSession();
      if (data?.session?.access_token) {
        window._skCachedJWT = data.session.access_token;
        return;
      }
    }
  } catch(_) {}
  // fallback: already handled by _skGetJWT sync
}
async function _skFetch(path, opts = {}) {
  // ใช้ SUPA_KEY และ SUPA_URL จาก 01_core.js (โหลดก่อน 11_skills.js เสมอ)
  const key = (typeof SUPA_KEY !== 'undefined' && SUPA_KEY) ||
              (window.FreshketSenseConfig && window.FreshketSenseConfig.supabase &&
               (window.FreshketSenseConfig.supabase.publishableKey || window.FreshketSenseConfig.supabase.anonKey)) || '';
  const baseUrl = (typeof SUPA_URL !== 'undefined' && SUPA_URL) || SKILLS_SUPABASE_URL;
  const res = await fetch(`${baseUrl}/rest/v1/${path}`, {
    headers: {
      'apikey':        key,
      'Authorization': `Bearer ${_skGetJWT() || key}`,
      'Content-Type':  'application/json',
      'Prefer':        opts.prefer || 'return=representation',
      ...opts.headers,
    },
    method: opts.method || 'GET',
    body:   opts.body ? JSON.stringify(opts.body) : undefined,
  });
  if (!res.ok) {
    const txt = await res.text();
    throw new Error(`Skills API ${res.status}: ${txt}`);
  }
  // handle empty body safely — ทุก status
  const txt = await res.text();
  if (!txt || txt.trim() === '') return null;
  try { return JSON.parse(txt); } catch(_) { return null; }
}

// ── Initialise ─────────────────────────────────────────────
async function skillsInit() {
  const role = typeof getCurrentRole === 'function' ? getCurrentRole() : null;
  _skillsRole = role;

  // Idempotency guard: same role + data already loaded → just re-render, no re-fetch
  // Prevents double network calls when user taps Skills nav repeatedly
  if (role === _skillsInitRole && _skillDefs.length > 0) {
    _renderSkillsScreen();
    _updateSkillsNavBadge();
    return;
  }

  // Role guard: KAM/rep must not see skills — redirect back to portview
  // v498: rep=KAM IC, ad=Account Development, ad_tl=AD TL — all use Skills
  // pm=Project/Portfolio Manager — same treatment as ad, no pm_tl variant
  const _allowedRoles = ['sales','sales_tl','tl','admin','rep','ad','ad_tl','pm'];
  const _normRole = role ? role.toLowerCase() : '';
  const _isAllowed = _allowedRoles.some(r => _normRole.includes(r));
  if (!_isAllowed) {
    console.warn('[Skills] role not allowed:', role, '→ redirecting to portview');
    if (typeof showScreen === 'function') showScreen('portview');
    return;
  }

  // Reset active state to prevent stale S3 detail from previous session
  _activeSkillId = null;

  // v561: first-open feedback — nav switches to scr-skills immediately (showScreen)
  // but content stayed blank until every fetch resolved. Show light skeleton now;
  // revisits keep previous content visible during refresh (better continuity).
  try {
    const _scr0 = document.getElementById('scr-skills');
    if (_scr0 && !_scr0.innerHTML.trim()) {
      _scr0.innerHTML = '<div style="padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:14px">'
        + '<div class="skel-light" style="width:120px;height:120px;border-radius:24px"></div>'
        + '<div class="skel-light" style="width:180px;height:16px"></div>'
        + '<div class="skel-light" style="width:120px;height:12px"></div></div>';
    }
  } catch(e) {}

  // Cache JWT first (async, handles Safari/iOS sessionStorage)
  await _skCacheJWT();

  // Get user id — prefer currentUser from 01_core, fallback to localStorage
  if (typeof currentUser !== 'undefined' && currentUser?.id) {
    _skillsUserId = currentUser.id;
  } else {
    const sessionKey = Object.keys(localStorage).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
    if (sessionKey) {
      try {
        const sess = JSON.parse(localStorage.getItem(sessionKey));
        _skillsUserId = sess?.user?.id || null;
      } catch(_) {}
    }
    // Safari fallback: sessionStorage
    if (!_skillsUserId) {
      const sKey = Object.keys(sessionStorage).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
      if (sKey) {
        try {
          const sess = JSON.parse(sessionStorage.getItem(sKey));
          _skillsUserId = sess?.user?.id || null;
        } catch(_) {}
      }
    }
  }

  console.log('[Skills] init — role:', _skillsRole, '| userId:', _skillsUserId);

  // TL: load squad + squad members from profiles first
  const isTLInit = _skillsRole === 'sales_tl' || _skillsRole === 'tl' || _skillsRole === 'admin' || _skillsRole === 'ad_tl';
  if (isTLInit) {
    await _loadTLSquad();
  }

  await Promise.all([
    _loadSkillDefs(),
    _loadSkillProgress(),
    _loadEchoObs(),
  ]);
  await _loadSkillUsers();   // โหลดชื่อ rep หลังรู้ว่ามี user_id อะไรบ้าง

  _skillsInitRole = role;  // mark init complete for this role
  _renderSkillsScreen();
  _updateSkillsNavBadge();
}

async function _loadSkillDefs() {
  try {
    _skillDefs = await _skFetch(`${SKILLS_TABLE_DEFS}?select=*&order=sort_order.asc`);
  } catch(e) {
    console.error('[Skills] loadDefs:', e);
    _skillDefs = [];
  }
}

async function _loadSkillProgress() {
  if (!_skillsUserId) return;
  try {
    const isTL = _skillsRole === 'sales_tl' || _skillsRole === 'tl' || _skillsRole === 'admin' || _skillsRole === 'ad_tl';
    let query;
    if (isTL) {
      if (_tlSquadEmails.length > 0) {
        const emailList = _tlSquadEmails.map(e => '"' + e + '"').join(',');
        query = SKILLS_TABLE_PROG + '?select=*&owner_email=in.(' + emailList + ')';
      } else {
        // fallback: โหลดทั้งหมดแล้ว filter ที่ render-time
        query = SKILLS_TABLE_PROG + '?select=*';
      }
    } else {
      query = SKILLS_TABLE_PROG + '?select=*&user_id=eq.' + _skillsUserId;
    }
    const rows = await _skFetch(query);
    _skillProg = {};
    (rows || []).forEach(r => {
      const key = isTL ? r.user_id + ':' + r.skill_id : String(r.skill_id);
      _skillProg[key] = r;
    });
  } catch(e) {
    console.error('[Skills] loadProgress:', e);
  }
}

async function _loadTLSquad() {
  _tlSquad = null;
  _tlSquadEmails = [];
  _tlSquadRoles = {};
  _tlSquadById = {}; // ECHO GOAL 2 / Phase S: id -> {email,role,name} — roster-sourced, independent of progress rows
  try {
    // Get TL email — try multiple sources
    let tlEmail = '';
    // 1. supa.auth.getSession() — most reliable across browsers
    if (!tlEmail && typeof supa !== 'undefined' && supa?.auth?.getSession) {
      const { data } = await supa.auth.getSession();
      tlEmail = (data?.session?.user?.email || '').toLowerCase();
      if (data?.session?.access_token) window._skCachedJWT = data.session.access_token;
    }
    // 2. currentUserProfile (01_core.js `let` — never attached to window, so
    // `window.currentUserProfile` here was always undefined; this step used to
    // silently no-op and fall through to the localStorage/sessionStorage scan)
    if (!tlEmail && typeof currentUserProfile !== 'undefined') tlEmail = (currentUserProfile?.email || '').toLowerCase();
    // 3. localStorage/sessionStorage fallback
    if (!tlEmail) {
      for (const storage of [localStorage, sessionStorage]) {
        const k = Object.keys(storage).find(k => k.startsWith('sb-') && k.includes('-auth-token'));
        if (k) { try { const s = JSON.parse(storage.getItem(k)); tlEmail = (s?.user?.email || s?.data?.user?.email || '').toLowerCase(); } catch(_){} }
        if (tlEmail) break;
      }
    }
    if (!tlEmail) { console.warn('[Skills] _loadTLSquad: no TL email found'); return; }
    console.log('[Skills] _loadTLSquad: tlEmail =', tlEmail);

    // 1. Get TL's own squad name
    const tlRows = await _skFetch(`profiles?select=squad,sale_team,role&email=eq.${encodeURIComponent(tlEmail)}&limit=1`);
    const tlRow = tlRows && tlRows[0];
    const squadName = tlRow?.squad || tlRow?.sale_team || null;
    if (!squadName) {
      // v_echog1: admin ไม่มี squad — เดิมจบที่ "ไม่พบข้อมูลทีม" → ใช้ roster ทั้งบริษัทแทน
      if ((tlRow?.role || '').toLowerCase() === 'admin') {
        const allRows = await _skFetch(`profiles?select=id,email,role,full_name,kam_name&role=in.(sales,rep,sales_tl,tl,ad,ad_tl,pm,kam)`);
        _tlSquadEmails = (allRows || [])
          .map(r => (r.email || '').toLowerCase())
          .filter(e => e && e !== tlEmail);
        (allRows || []).forEach(r => {
          if (!r.email) return;
          _tlSquadRoles[r.email.toLowerCase()] = r.role;
          if (r.id) _tlSquadById[r.id] = { email: r.email.toLowerCase(), role: r.role, name: r.kam_name || r.full_name || '' };
        });
        _tlSquad = 'ทั้งบริษัท';
        console.log('[Skills] admin org-wide roster:', _tlSquadEmails.length, 'reps');
        return;
      }
      console.warn('[Skills] TL squad not set for', tlEmail); return;
    }
    _tlSquad = squadName;

    // 2. Get all reps in same squad
    // v498: include ad/ad_tl in squad member query
    // pm also included, same squad-member treatment
    // ECHO GOAL 2 / Phase S: +id/name so the roster (not just progress rows) can
    // seed the "By Rep" list — a rep with zero progress used to never appear
    const repRows = await _skFetch(`profiles?select=id,email,role,full_name,kam_name&squad=eq.${encodeURIComponent(squadName)}&role=in.(sales,rep,sales_tl,tl,ad,ad_tl,pm)`);
    _tlSquadEmails = (repRows || [])
      .map(r => (r.email || '').toLowerCase())
      .filter(e => e && e !== tlEmail);
    (repRows || []).forEach(r => {
      if (!r.email) return;
      _tlSquadRoles[r.email.toLowerCase()] = r.role;
      if (r.id) _tlSquadById[r.id] = { email: r.email.toLowerCase(), role: r.role, name: r.kam_name || r.full_name || '' };
    });
    console.log('[Skills] TL squad:', squadName, '| members:', _tlSquadEmails);
  } catch(e) {
    console.warn('[Skills] _loadTLSquad failed:', e.message);
  }
}

function _getSquadEmails(tlEmail) {
  // Now purely uses _tlSquadEmails loaded from profiles
  return _tlSquadEmails.length > 0 ? _tlSquadEmails : [];
}

// ── Load Echo observations (rep view only) ──────────
let _echoObs   = {}; // rep view  { skill_code: [rows...] }
let _echoObsTL = {}; // TL view   { 'userId:skill_code': [rows...] }

async function _loadEchoObs() {
  const isTL = _skillsRole === 'sales_tl' || _skillsRole === 'tl' || _skillsRole === 'admin' || _skillsRole === 'ad_tl';
  if (isTL) {
    _echoObsTL = {};
    try {
      const rows = await _skFetch(
        'echo_skill_observations?order=observed_at.desc&limit=500'
      );
      (rows || []).forEach(r => {
        const key = r.user_id + ':' + r.skill_code;
        if (!_echoObsTL[key]) _echoObsTL[key] = [];
        _echoObsTL[key].push(r);
      });
    } catch(e) { console.warn('[Skills] echoObsTL:', e.message); }
    return;
  }
  _echoObs = {};
  try {
    const rows = await _skFetch(
      'echo_skill_observations?user_id=eq.' + _skillsUserId + '&order=observed_at.desc&limit=100'
    );
    (rows || []).forEach(r => {
      if (!_echoObs[r.skill_code]) _echoObs[r.skill_code] = [];
      _echoObs[r.skill_code].push(r);
    });
  } catch(e) { console.warn('[Skills] echoObs:', e.message); }
}

function _tlEchoObs(userId, skillCode) {
  return _echoObsTL[userId + ':' + skillCode] || [];
}

function _echoScoreLabel(score) {
  return score === 'pass' ? 'ผ่าน' : score === 'developing' ? 'กำลังพัฒนา' : score === 'not_observed' ? 'ไม่เห็นใน session' : '—';
}
function _echoScoreColor(score) {
  return score === 'pass' ? 'var(--sk-ok)' : score === 'developing' ? 'var(--sk-warn)' : 'var(--sk-muted)';
}
function _echoLatestStrip(skillCode) {
  const obs = (_echoObs[skillCode] || []).slice(0, 1)[0];
  if (!obs) return '';
  const date = obs.observed_at ? new Date(obs.observed_at).toLocaleDateString('th-TH',{day:'numeric',month:'short'}) : '';
  const col   = _echoScoreColor(obs.ai_score);
  const label = _echoScoreLabel(obs.ai_score);
  return '<div class="sk-echo-strip mod-album-echo">'
    + '<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="4"/><path d="M16.243 7.757a6 6 0 010 8.486M7.757 7.757a6 6 0 000 8.486"/></svg>'
    + '<span class="sk-echo-date">' + date + '</span>'
    + '<span class="sk-echo-score" style="color:' + col + '">' + label + '</span>'
    + '</div>';
}

// ── Load user profiles for TL (name display) ─────────
async function _loadSkillUsers() {
  const isTL = _skillsRole === 'sales_tl' || _skillsRole === 'tl' || _skillsRole === 'admin' || _skillsRole === 'ad_tl';
  if (!isTL) return;
  _skillUsers = {};
  try {
    const uids = [...new Set(Object.values(_skillProg).map(p => p.user_id).filter(Boolean))];
    if (uids.length === 0) return;
    // ECHO GOAL 2 / Phase S: +role so _skUserBucket() can resolve each rep's bucket by userId
    const rows = await _skFetch(`profiles?select=id,email,full_name,kam_name,role&id=in.(${uids.join(',')})`);
    (rows || []).forEach(r => {
      if (!r.id) return;
      _skillUsers[r.id] = {
        full_name: r.kam_name || r.full_name || r.email || '',
        kam_name:  r.kam_name || r.full_name || '',
        email:     r.email || '',
        role:      r.role || '',
      };
      if (r.email && r.role) _tlSquadRoles[r.email.toLowerCase()] = r.role;
    });
    const bulk = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
    if (bulk.length > 0) {
      const emailToName = {};
      bulk.forEach(r => { if (r.kamEmail && r.kamName) emailToName[r.kamEmail.toLowerCase()] = r.kamName; });
      uids.forEach(uid => {
        const u = _skillUsers[uid];
        if (u && u.email && !u.kam_name) u.kam_name = emailToName[u.email.toLowerCase()] || u.full_name;
      });
    }
  } catch(e) { console.error('[Skills] loadUsers:', e); }
}

// ── ECHO GOAL 2 / Phase S: role-bucket helpers ──────────────
// _skillDefs itself is NEVER filtered — every helper below filters at the
// point of use, matching the same "keep the full set, filter on read" rule
// used for _rubricCache in 09_conv_intel.js (prevents silent-drop bugs).
function _skBucketForEmail(email) {
  const role = _tlSquadRoles[(email || '').toLowerCase()];
  return (typeof skillRoleBucket === 'function') ? skillRoleBucket(role) : 'kam';
}
// Bucket for a specific rep being viewed by userId (TL contexts). _skillUsers
// is progress-row-sourced (may not have a zero-progress rep yet) — _tlSquadById
// is roster-sourced and covers everyone, so check it first.
function _skUserBucket(userId) {
  const email = _tlSquadById[userId]?.email || (_skillUsers[userId] && _skillUsers[userId].email) || '';
  if (email) return _skBucketForEmail(email);
  return (typeof skillRoleBucket === 'function') ? skillRoleBucket(_skillsRole) : 'kam';
}
// This viewer's own bucket (rep's own home screen)
function _skOwnBucket() {
  return (typeof skillRoleBucket === 'function') ? skillRoleBucket(_skillsRole) : 'kam';
}
function _skDefsForBucket(bucket) {
  return _skillDefs.filter(d => (typeof skillDefMatchesBucket === 'function') ? skillDefMatchesBucket(d, bucket) : true);
}
// Rep's own scoped catalogue for home/module-grid/detail — TL "อ่าน Skills"
// browse mode deliberately sees the FULL catalogue (they coach every role).
function _skOwnScopedDefs() {
  if (_tlBrowseMode) return _skillDefs;
  return _skDefsForBucket(_skOwnBucket());
}
// Real role label for a rep being viewed (TL contexts) — replaces hardcoded "Sales"
function _skUserRoleLabel(userId) {
  const email = _tlSquadById[userId]?.email || (_skillUsers[userId] && _skillUsers[userId].email) || '';
  const role = _tlSquadRoles[email.toLowerCase()];
  if (role && typeof roleLabel === 'function') return roleLabel(role);
  return 'KAM';
}

function _skUserName(userId) {
  if (!userId) return '?';
  // 1. หาจาก _skillProg — user_name ที่บันทึกไว้ตอน training (ไม่ต้องผ่าน RLS)
  const progWithName = Object.values(_skillProg).find(p => p.user_id === userId && p.user_name);
  if (progWithName && progWithName.user_name) return progWithName.user_name;
  // 2. fallback: _skillUsers (ถ้า profiles query สำเร็จ)
  const u = _skillUsers[userId];
  if (u) return u.kam_name || u.full_name || (u.email ? u.email.split('@')[0] : userId.slice(0,8));
  // 3. ECHO GOAL 2 / Phase S: roster fallback — a zero-progress rep has no
  // _skillProg row and no _skillUsers entry (that map is progress-seeded), but
  // still has a name via the squad roster query
  const ru = _tlSquadById[userId];
  if (ru) return ru.name || (ru.email ? ru.email.split('@')[0] : userId.slice(0,8));
  // 4. last resort: UUID 8 chars
  return userId.slice(0,8);
}

function _skUserInitials(userId) {
  const name = _skUserName(userId);
  return name.slice(0,2).toUpperCase();
}

// Extract nickname from "(Nick)" pattern, fallback to first word
function _skNickname(fullName) {
  if (!fullName) return '?';
  const m = fullName.match(/\(([^)]+)\)/);
  if (m) return m[1].trim();
  return fullName.split(/\s+/)[0] || fullName;
}

// ── Nav badge (TL: pending count) ─────────────────────────
function _updateSkillsNavBadge() {
  const badge = document.getElementById('skills-nav-badge');
  if (!badge) return;
  const isTL = _skillsRole === 'sales_tl' || _skillsRole === 'tl' || _skillsRole === 'admin' || _skillsRole === 'ad_tl';
  if (!isTL) { badge.style.display = 'none'; return; }
  // ECHO GOAL 2 / Phase S: same squad-scoped base as _renderTLShell/_renderTLPendingContent
  // — raw _skillProg can be the WHOLE org's rows when the squad-roster fetch fell back
  // to loading everything, which used to make this badge overcount vs the tab it labels
  const pending = Object.values(window._tlProgFiltered || _skillProg).filter(p => p.state === 'training').length;
  badge.style.display = pending > 0 ? 'block' : 'none';
}

// ── Main render dispatcher ─────────────────────────────────

// ── Central screen switcher — reset scr-skills CSS state before every render ──
function _switchSkillsScreen(mode) {
  const scr = document.getElementById('scr-skills');
  if (!scr) return scr;
  // reset เฉพาะ property ที่เราตั้งเอง — ห้ามแตะ display (showScreen เป็นคนคุม)
  scr.classList.remove('sk-detail-mode');
  scr.style.opacity = '';
  scr.style.transition = '';
  scr.style.paddingBottom = '';
  if (mode === 'detail') {
    scr.classList.add('sk-detail-mode');
  }
  return scr;
}

function _renderSkillsScreen() {
  const scr = _switchSkillsScreen('home');
  if (!scr) return;
  const _r = (_skillsRole || '').toLowerCase();
  // v498: allow rep/ad/ad_tl (KAM stack users)
  // pm also allowed, same KAM-stack treatment as ad
  const _allowedToRender = _r.includes('sales') || _r === 'tl' || _r === 'admin' || _r === 'rep' || _r === 'ad' || _r === 'ad_tl' || _r === 'pm';
  if (!_r || !_allowedToRender) {
    if (typeof showScreen === 'function') showScreen('portview');
    return;
  }
  const isTL = _skillsRole === 'sales_tl' || _skillsRole === 'tl' || _skillsRole === 'admin' || _skillsRole === 'ad_tl';
  if (isTL) {
    _tlBrowseMode = false; // reset browse mode เมื่อกลับ TL shell
    _renderTLShell(scr);
  } else {
    scr.innerHTML = _renderRepHome();
  }
  _markLoadedImages(scr);
}

// TL shell: render header + static tab bar once, swap only content zone
function _renderTLShell(scr) {
  // filter _skillProg using _tlSquadEmails (loaded from profiles at init)
  let _progFiltered;
  if (_tlSquadEmails.length > 0) {
    _progFiltered = Object.fromEntries(
      Object.entries(_skillProg).filter(([, p]) =>
        p.owner_email && _tlSquadEmails.includes(p.owner_email.toLowerCase())
      )
    );
  } else {
    _progFiltered = _skillProg;
  }

  const pendCount = Object.values(_progFiltered).filter(p => p.state === 'training').length;
  const heroColor = pendCount === 0 ? 'var(--sk-ok)' : 'var(--sk-ac)';
  const heroLabel = pendCount === 0 ? 'ALL CLEAR' : 'PENDING';
  const repCount  = new Set(Object.values(_progFiltered).map(p => p.user_id).filter(Boolean)).size;
  const squadName = _tlSquad || (typeof currentUserProfile !== 'undefined' && currentUserProfile && currentUserProfile.squad) || 'Squad';

  window._tlProgFiltered = _progFiltered;

  scr.innerHTML = `
<div id="sk-tl-header" style="padding:14px 14px 0;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;">
  <div>
    <div class="sk-eyebrow sk-eyebrow-ac">SKILLS</div>
    <div class="sk-tl-squad" style="margin-top:2px;">${squadName}</div>
    <div class="sk-tl-sub">${repCount} sales reps</div>
  </div>
  <div style="text-align:right;">
    <div class="sk-tl-pend-count" style="color:${heroColor};">${pendCount}</div>
    <div class="sk-eyebrow" style="color:${heroColor};">${heroLabel}</div>
  </div>
</div>
<div id="sk-tl-tabs" class="sk-tab-bar" style="margin-top:12px;flex-shrink:0;">
  <div class="sk-tab ${_skillViewMode==='pending'?'sk-tab-on':''}" onclick="_skSetView('pending');_renderTLContent();">
    รอประเมิน${pendCount > 0 ? `<span class="sk-tab-badge">${pendCount}</span>` : ''}
  </div>
  <div class="sk-tab ${_skillViewMode==='overview'?'sk-tab-on':''}" onclick="_skSetView('overview');_renderTLContent();">ภาพรวมทีม</div>
  <div class="sk-tab ${_skillViewMode==='visits'?'sk-tab-on':''}" onclick="_skSetView('visits');_renderTLContent();">Visits</div>
  <div class="sk-tab" onclick="_tlBrowseMode=true;const _bs=_switchSkillsScreen('home');if(_bs){_bs.innerHTML=_renderRepHome();_markLoadedImages(_bs);}">อ่าน Skills</div>
</div>
<div id="sk-tl-content" style="flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;"></div>`;

  _renderTLContent();
}

// Only swap content zone — header + tab bar stay fixed
function _renderTLContent() {
  const content = document.getElementById('sk-tl-content');
  if (!content) { _renderSkillsScreen(); return; }

  // Update tab active state without re-rendering header
  const tabs = document.querySelectorAll('#sk-tl-tabs .sk-tab');
  tabs.forEach((t, i) => {
    const isActive = (i === 0 && _skillViewMode === 'pending') ||
                     (i === 1 && _skillViewMode === 'overview') ||
                     (i === 2 && _skillViewMode === 'visits');
    t.classList.toggle('sk-tab-on', isActive);
  });

  if (_skillViewMode === 'pending') {
    content.innerHTML = _renderTLPendingContent();
  } else if (_skillViewMode === 'visits') {
    _renderTLVisitContent(content);
  } else {
    content.innerHTML = _renderTLOverviewContent();
  }
}

// ── TL Visit Tracker ───────────────────────────────────────
async function _renderTLVisitContent(container) {
  if (!container) return;
  const _loadingMsg = `<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--sk-muted);font-family:var(--font,sans-serif);">กำลังโหลด...</div>`;
  const _emptyTeam  = `<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--sk-muted);font-family:var(--font,sans-serif);">ไม่พบข้อมูลทีม</div>`;
  const _noData     = `<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--sk-muted);font-family:var(--font,sans-serif);">ยังไม่มี visit ที่บันทึกไว้</div>`;
  const _errMsg     = `<div style="text-align:center;padding:40px 0;font-size:var(--text-base);color:var(--sk-muted);font-family:var(--font,sans-serif);">โหลดข้อมูลไม่สำเร็จ</div>`;
  container.innerHTML = _loadingMsg;

  try {
    const emails = _tlSquadEmails.length > 0 ? _tlSquadEmails : [];
    if (!emails.length) { container.innerHTML = _emptyTeam; return; }

    // v_echog1: fetch window = ต้นไตรมาส (เดิม 35 วัน — เดือนที่ 3 ของไตรมาสนับขาด
    // เชิงโครงสร้าง: filter จากต้นไตรมาสแต่ข้อมูลมีแค่ 35 วันย้อนหลัง)
    // + account_id เพื่อนับ distinct ร้าน (เป้าคือครบทุกร้าน ไม่ใช่ไปร้านเดิมหลายครั้ง)
    const now = new Date();
    const qStart = new Date(now.getFullYear(), Math.floor(now.getMonth()/3)*3, 1);
    const _FETCH_LIMIT = 500;
    const since = qStart.toISOString();
    const emailFilter = emails.map(e => `"${e}"`).join(',');
    const rows = await _skFetch(
      `ci_sessions?select=owner_email,visited_at,account_name,account_id,duration_secs` +
      `&owner_email=in.(${emailFilter})&visited_at=gte.${since}&order=visited_at.desc&limit=${_FETCH_LIMIT}`
    );
    if (!rows || !rows.length) { container.innerHTML = _noData; return; }
    const _hitCap = rows.length >= _FETCH_LIMIT;

    // Week boundaries (Mon–Sun)
    const dow = now.getDay() === 0 ? 6 : now.getDay() - 1;
    const thisMonStart = new Date(now); thisMonStart.setHours(0,0,0,0); thisMonStart.setDate(now.getDate() - dow);
    const lastMonStart = new Date(thisMonStart); lastMonStart.setDate(thisMonStart.getDate() - 7);
    const monthStart   = new Date(now.getFullYear(), now.getMonth(), 1);

    const repMap = {};
    emails.forEach(e => { repMap[e] = { thisWeek:0, lastWeek:0, thisMonth:0, lastVisit:null }; });
    rows.forEach(r => {
      const e = (r.owner_email || '').toLowerCase();
      if (!repMap[e]) return;
      const d = new Date(r.visited_at);
      if (d >= thisMonStart) repMap[e].thisWeek++;
      else if (d >= lastMonStart) repMap[e].lastWeek++;
      if (d >= monthStart) repMap[e].thisMonth++;
      if (!repMap[e].lastVisit || d > new Date(repMap[e].lastVisit)) repMap[e].lastVisit = r.visited_at;
    });

    // Account count per rep from portviewBulkData — quarterly target
    const _pvBulk = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
    const acctPerRep = {};
    emails.forEach(e => { acctPerRep[e] = 0; });
    _pvBulk.forEach(r => {
      const e = (r.kamEmail || '').toLowerCase();
      if (acctPerRep[e] !== undefined) acctPerRep[e]++;
    });

    // Quarterly visit coverage per rep — v_echog1: นับ distinct account_id
    // (เป้าคือ visit ครบทุกร้านในไตรมาส — ไปร้านเดิม 5 ครั้งนับเป็น 1 ร้าน)
    emails.forEach(e => {
      repMap[e].thisQuarter = new Set(
        rows.filter(r => (r.owner_email||'').toLowerCase() === e && new Date(r.visited_at) >= qStart)
            .map(r => r.account_id).filter(Boolean)
      ).size;
    });

    const totalThis  = emails.reduce((s,e) => s + repMap[e].thisWeek, 0);
    const avgThis    = emails.length ? (totalThis / emails.length).toFixed(1) : 0;
    const totalMonth = emails.reduce((s,e) => s + repMap[e].thisMonth, 0);
    // lowCount = reps who haven't visited all their accounts this quarter
    const lowCount   = emails.filter(e => {
      const tgt = acctPerRep[e] || 0;
      return tgt > 0 && repMap[e].thisQuarter < tgt;
    }).length;
    const todayStr   = now.toLocaleDateString('th-TH', {weekday:'short', day:'numeric', month:'short'});

    // Quarter label
    const qNum = Math.floor(now.getMonth()/3) + 1;
    const qLabel = `Q${qNum} ${now.getFullYear()}`;

    let html = `
<div style="padding:14px 14px 10px;flex-shrink:0;">
  <div class="sk-eyebrow sk-eyebrow-ac" style="margin-bottom:3px;">VISITS · สัปดาห์นี้</div>
  <div style="font-size:var(--text-xs);color:var(--sk-muted);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;">${todayStr}</div>
</div>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 14px 14px;">
  <div style="background:var(--sk-surface);border-radius:var(--r-8);padding:10px 12px;">
    <div style="font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--sk-ink);line-height:1;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;">${totalThis}</div>
    <div class="sk-eyebrow" style="margin-top:3px;">visits/week</div>
  </div>
  <div style="background:var(--sk-surface);border-radius:var(--r-8);padding:10px 12px;">
    <div style="font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--sk-ink);line-height:1;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;">${avgThis}</div>
    <div class="sk-eyebrow" style="margin-top:3px;">avg/rep</div>
  </div>
  <div style="background:${lowCount > 0 ? 'rgba(255,56,92,.07)' : 'var(--sk-surface)'};border-radius:var(--r-8);padding:10px 12px;${lowCount > 0 ? 'border:1px solid rgba(255,56,92,.18);' : ''}">
    <div style="font-size:var(--text-2xl);font-weight:var(--fw-bold);color:${lowCount > 0 ? 'var(--sk-ac)' : 'var(--sk-ok)'};line-height:1;font-family:'IBM Plex Mono','Noto Sans Thai',monospace;">${lowCount}</div>
    <div class="sk-eyebrow" style="margin-top:3px;color:${lowCount > 0 ? 'var(--sk-ac)' : ''};">ไม่ครบ ${qLabel}</div>
  </div>
</div>`;

    const sorted = [...emails].sort((a,b) => repMap[b].thisWeek - repMap[a].thisWeek);
    html += `<div style="margin:0 14px;">`;
    sorted.forEach(email => {
      const d = repMap[email];
      // Name lookup: portviewBulkData first (most reliable for KAM/AD), then _skillUsers, then email prefix
      const _pvBulkNames = (typeof portviewBulkData !== 'undefined' && portviewBulkData) || [];
      const _pvNameMatch = _pvBulkNames.find(r => (r.kamEmail || '').toLowerCase() === email);
      const uKey = !_pvNameMatch && Object.keys(_skillUsers || {}).find(k => (_skillUsers[k].email || '').toLowerCase() === email);
      const uRec = uKey ? _skillUsers[uKey] : null;
      const rawName = (_pvNameMatch && (_pvNameMatch.kamName || ''))
        || (uRec && (uRec.kam_name || uRec.full_name))
        || email.split('@')[0];
      const nick    = _skNickname(rawName);
      const acctTgt = acctPerRep[email] || 0;
      const qPct    = acctTgt > 0 ? Math.min(100, Math.round((d.thisQuarter / acctTgt) * 100)) : 0;
      const isLow   = acctTgt > 0 && d.thisQuarter < acctTgt;
      const barColor = qPct >= 100 ? 'var(--sk-ok)' : qPct >= 60 ? 'var(--sk-warn)' : 'var(--sk-ac)';
      const isToday = d.lastVisit && new Date(d.lastVisit).toDateString() === now.toDateString();
      const lastStr = d.lastVisit
        ? new Date(d.lastVisit).toLocaleDateString('th-TH', {day:'numeric', month:'short'})
        : '—';
      html += `
<div style="display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:0.5px solid var(--sk-hairline);">
  <div style="width:28px;height:28px;border-radius:50%;background:var(--sk-ac-dim);border:1px solid rgba(255,56,92,.2);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--sk-ac);flex-shrink:0;letter-spacing:-.02em;">${nick}</div>
  <div style="flex:1;min-width:0;">
    <div style="display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:3px;">
      <div style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--sk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">${rawName}</div>
      ${acctTgt > 0 ? `<div style="font-size:var(--text-xs);color:var(--sk-muted);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;flex-shrink:0;">${d.thisQuarter}/${acctTgt}</div>` : ''}
    </div>
    <div style="height:3px;background:var(--sk-hairline);border-radius:var(--r-xxs);overflow:hidden;">
      <div style="height:100%;width:${qPct}%;background:${barColor};border-radius:var(--r-xxs);transition:width .3s;"></div>
    </div>
  </div>
  <div style="text-align:right;flex-shrink:0;min-width:28px;">
    <div style="font-size:var(--text-lg);font-weight:var(--fw-bold);color:${isLow ? 'var(--sk-ac)' : 'var(--sk-ink)'};font-family:'IBM Plex Mono','Noto Sans Thai',monospace;line-height:1;">${d.thisWeek}</div>
    <div style="font-size:var(--text-xs);color:${isToday ? 'var(--sk-ok)' : 'var(--sk-muted)'};margin-top:2px;">${isToday ? '●วันนี้' : lastStr}</div>
  </div>
</div>`;
    });
    html += `</div>`;
    // v_echog1: no silent cap — ถ้าชนเพดาน fetch ให้บอกตรงๆ ว่าตัวเลขอาจต่ำกว่าจริง
    if (_hitCap) html += `<div style="padding:0 14px;text-align:center;"><span class="sk-eyebrow" style="color:var(--sk-warn);">ข้อมูลชนเพดาน ${_FETCH_LIMIT} แถว — ตัวเลขไตรมาสอาจต่ำกว่าจริง</span></div>`;
    html += `<div style="padding:10px 14px 24px;text-align:center;"><span class="sk-eyebrow">เดือนนี้ ${totalMonth} visits · ${qLabel} เป้า 100% accounts</span></div>`;

    container.innerHTML = html;
  } catch(e) {
    console.warn('[Skills] _renderTLVisitContent:', e.message);
    container.innerHTML = _errMsg;
  }
}


// แก้ race condition: รูปที่โหลดจาก cache เสร็จก่อน onload ผูก → เช็ค .complete
function _markLoadedImages(scr) {
  if (!scr) return;
  scr.querySelectorAll('img.mod-album-img, img.s2-char-img, img.s3-hero-img, img.sk-card-img-inner').forEach(img => {
    if (img.complete && img.naturalWidth > 0) {
      img.classList.add('sk-img-loaded');
    }
  });
}

// ══════════════════════════════════════════════════════════
// REP SCREENS
// ══════════════════════════════════════════════════════════

function _renderRepHome() {
  // ECHO GOAL 2 / Phase S: own-scoped catalogue — a rep only sees skills that
  // apply to their own role bucket. TL "อ่าน Skills" browse mode (_tlBrowseMode)
  // is the one exception and sees the full catalogue via the same helper.
  const scopedDefs = _skOwnScopedDefs();
  const scopedIds  = new Set(scopedDefs.map(d => String(d.id)));

  // Count unlocked+mastered — intersect with scope so a stray progress row for
  // a skill outside this rep's current bucket (e.g. role re-scoped later by
  // admin) can never inflate the count past scopedDefs.length
  const unlocked = Object.entries(_skillProg)
    .filter(([sid, p]) => scopedIds.has(sid) && (p.state === 'unlocked' || p.state === 'mastered')).length;
  const total    = scopedDefs.length;

  // Find next skill in training
  const trainingSkill = scopedDefs.find(d => {
    const p = _skillProg[String(d.id)];
    return p && p.state === 'training';
  });
  const nextLabel = trainingSkill ? `${trainingSkill.skill_code.split('_')[0]} · ${trainingSkill.skill_name_en}` : '—';
  const pct = total > 0 ? Math.round(unlocked / total * 100) : 0;

  // Group by module — skip modules with zero skills in scope (closes the 0/0 green-ring case)
  const modules = ['A','B','C','D'].filter(m => scopedDefs.some(d => d.module === m));
  const moduleRows = modules.map(m => {
    const defs = scopedDefs.filter(d => d.module === m);
    const uCount = defs.filter(d => {
      const p = _skillProg[String(d.id)];
      return p && (p.state === 'unlocked' || p.state === 'mastered');
    }).length;
    const tCount = defs.filter(d => {
      const p = _skillProg[String(d.id)];
      return p && p.state === 'training';
    }).length;
    const meta = MODULE_META[m] || { name: m, sub: '', color: '#8E8E93' }; // guard: module outside A-D
    const ringPct = defs.length > 0 ? uCount / defs.length : 0;
    const ringOffset = 94.25 * (1 - ringPct);
    const ringColor = uCount === defs.length ? 'var(--sk-ok)' : tCount > 0 ? 'var(--sk-info)' : '#EBEBEB';
    const dimClass = uCount === 0 && tCount === 0 ? ' sk-mod-dim' : '';
    // S1 row layout — module_banner_url thumbnail left, info right, ring
    const firstDef = defs[0];
    const thumbUrl = _skUrl(firstDef && (firstDef.module_banner_url || firstDef.card_image_url));
    const thumbHtml = thumbUrl
      ? `<img src="${thumbUrl}" class="sk-row-thumb-img sk-img-lazy" alt="${meta.name}" onload="this.classList.add('sk-img-loaded')" onerror="this.classList.add('sk-img-loaded')"><div class="sk-row-thumb-fade"></div>`
      : `<div class="sk-row-thumb-img" style="background:${MODULE_BG[m]}"></div><div class="sk-row-thumb-fade"></div>`;
    const latestObs = defs.flatMap(d=>(_echoObs[d.skill_code]||[]).slice(0,1)).sort((a,b)=>new Date(b.observed_at)-new Date(a.observed_at))[0];
    const echoStrip = latestObs ? (()=>{ const col=_echoScoreColor(latestObs.ai_score); const lbl=_echoScoreLabel(latestObs.ai_score); const dt=new Date(latestObs.observed_at).toLocaleDateString('th-TH',{day:'numeric',month:'short'}); return '<div class="sk-echo-strip"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="4"/><path d="M16.243 7.757a6 6 0 010 8.486M7.757 7.757a6 6 0 000 8.486"/></svg><span class="sk-echo-date">'+dt+'</span><span class="sk-echo-score" style="color:'+col+'">'+lbl+'</span></div>'; })() : '';
    const stateBadge = tCount > 0 ? `<span class="sk-row-badge badge-training">${tCount} กำลังฝึก</span>`
      : uCount > 0 ? `<span class="sk-row-badge badge-unlocked">${uCount} ปลดล็อค</span>` : '';
    const ringSvg = `<svg class="sk-row-ring" viewBox="0 0 36 36">
      <circle cx="18" cy="18" r="15" fill="none" stroke="#EBEBEB" stroke-width="2.5"/>
      ${ringPct > 0 ? `<circle cx="18" cy="18" r="15" fill="none" stroke="${ringColor}" stroke-width="2.5" stroke-dasharray="94.25" stroke-dashoffset="${ringOffset.toFixed(2)}" stroke-linecap="round" transform="rotate(-90 18 18)"/>` : ''}
      <text x="18" y="22" text-anchor="middle" font-size="8" font-weight="700" fill="#222">${uCount}/${defs.length}</text>
    </svg>`;
    return `
<div class="sk-mod-row${dimClass}" onclick="skillsOpenModule('${m}',this)">
  <div class="sk-row-thumb">${thumbHtml}</div>
  <div class="sk-row-info">
    <div class="sk-row-eye" style="color:${meta.color}">MODULE ${m} · ${defs.length} SKILLS</div>
    <div class="sk-row-name">${meta.name}</div>
    <div class="sk-row-sub">${meta.sub}</div>
    <div class="sk-row-badges">${stateBadge}</div>
  </div>
  <div class="sk-row-right">${ringSvg}<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#BDBDBD" stroke-width="2.5" stroke-linecap="round"><path d="M9 18l6-6-6-6"/></svg></div>
</div>`;
  }).join('');

  return `
<div class="sk-hero">
  <div class="sk-eyebrow sk-eyebrow-ac" style="margin-bottom:5px;">SKILLS MASTERY</div>
  <div class="sk-hero-top">
    <div>
      <div style="display:flex;align-items:flex-end;gap:3px;">
        <span class="sk-big">${unlocked}</span><span class="sk-denom">/${total}</span>
      </div>
      <div class="sk-label">ทักษะที่ปลดล็อคแล้ว</div>
    </div>
    <div class="sk-next-block">
      <div class="sk-next-eye">NEXT UP</div>
      <div class="sk-next-name">${nextLabel}</div>
      ${trainingSkill ? '<div class="sk-next-state">TRAINING</div>' : ''}
    </div>
  </div>
  <div class="sk-track"><div class="sk-fill" style="width:${pct}%;"></div></div>
  <div class="sk-meta"><span>${unlocked} UNLOCKED</span><span>${total - unlocked} REMAINING</span></div>
</div>
<div class="sk-sec"><span class="sk-eyebrow">Modules</span></div>
<div class="sk-mod-list">${moduleRows}</div>
<div style="padding:16px 14px;text-align:center;">
  <span class="sk-eyebrow">TL ประเมินและ unlock ทักษะให้คุณ</span>
</div>`;
 // Option C: auto-reveal sheet after 600ms
  setTimeout(() => {
    const sh = document.getElementById('s3-sheet');
    if (sh && sh.classList.contains('s3-sheet-hidden')) {
      sh.classList.remove('s3-sheet-hidden');
      sh.classList.add('s3-sheet-peek');
    }
  }, 600);
  // Ambient bg
  if (heroUrl) {
    const ambEl = document.getElementById('s3-ambient-bg');
    if (ambEl) {
      ambEl.style.backgroundImage = `url(${heroUrl})`;
      setTimeout(() => ambEl.classList.add('loaded'), 50);
    }
  }
}

function skillsOpenModule(module) {
  const scr = _switchSkillsScreen('grid');
  if (!scr) return;
  scr.innerHTML = _renderModuleGrid(module);
  _markLoadedImages(scr);
}

// ECHO GOAL 2 / Phase S: role badge — only rendered in TL browse mode (own-scoped
// rep view has already filtered to a single bucket, so the badge is redundant there)
const SK_ROLE_LABEL = { kam:'KAM', sales:'Sales', ad:'AD', pm:'PM' };
function _skRoleBadgeHtml(def) {
  if (!_tlBrowseMode) return '';
  const roles = def && def.roles;
  const label = (roles && roles.length) ? roles.map(r => SK_ROLE_LABEL[r] || r).join('/') : 'ALL';
  return `<span class="sk-tl-role-chip" style="margin-left:auto">${label}</span>`;
}

function _renderModuleGrid(module) {
  const meta = MODULE_META[module] || { name: module, sub: '', color: '#8E8E93' }; // guard: module outside A-D
  const defs = _skOwnScopedDefs().filter(d => d.module === module);

  const cards = defs.map(d => {
    const p     = _skillProg[String(d.id)];
    const state = p ? p.state : 'locked';
    const label = SKILL_STATE_LABEL_TH[state];
    const lockIco = state === 'locked'
      ? `<div class="sk-lock-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg></div>` : '';
    const starIco = state === 'mastered'
      ? `<svg class="sk-master-star" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l4-4 5 3 5-3 4 4-2 3h-4l-3 8-3-8H5L3 9z"/></svg>` : '';
    const sparkHtml = ''; // foil/gleam style — no spark particles
    return `
<div class="sk-card state-${state}" onclick="skillsOpenDetail(${d.id})">
  <div class="sk-card-img" style="height:180px;width:100%;position:relative;overflow:hidden;">
    ${_skImgTag(d, { h:'180px', cls:'sk-card-img-inner' })}
    ${sparkHtml}
  </div>
  ${lockIco}${starIco}
  <div class="sk-card-body">
    <div class="sk-state-row"><div class="sk-dot"></div><span class="sk-state-label">${label}</span>${_skRoleBadgeHtml(d)}</div>
    <div class="sk-card-name">${d.skill_name_en}</div>
  </div>
</div>`;
  }).join('');

  // S2 character banner — module_banner_url (full portrait), not skill card
  const bannerDef = defs[0];
  const bannerUrl = _skUrl(bannerDef && (bannerDef.module_banner_url || bannerDef.card_image_url));
  const ambientImg = bannerUrl
    ? `<img src="${bannerUrl}" class="s2-ambient-img sk-img-lazy" alt="" onload="this.classList.add('sk-img-loaded')" onerror="this.classList.add('sk-img-loaded')">`
    : `<div style="width:100%;height:100%;background:${MODULE_BG[module]};"></div>`;
  const charImg = bannerUrl
    ? `<img src="${bannerUrl}" class="s2-char-img sk-img-lazy" alt="${meta.name}" onload="this.classList.add('sk-img-loaded')" onerror="this.classList.add('sk-img-loaded')">`
    : `<div style="width:100%;height:100%;background:${MODULE_BG[module]};"></div>`;

  return `
<div class="s2-screen">
  <div class="s2-scroll">
    <div class="s2-topbar">
      <button class="sk-back-btn s2-back" onclick="_renderSkillsScreen()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" width="15" height="15"><path d="M19 12H5M5 12l7 7M5 12l7-7"/></svg>
        <span>ทักษะ</span>
      </button>
    </div>
    <div class="s2-banner">
      ${charImg}
      <div class="s2-banner-gradient"></div>
      <div class="s2-banner-overlay">
        <div class="s2-banner-mod-eye">Module ${module} · ${defs.length} Skills</div>
        <div class="s2-banner-title">${meta.name}</div>
        <div class="s2-banner-sub">${meta.sub}</div>
      </div>
    </div>
    <div class="sk-grid s2-grid">${cards}</div>
  </div>
</div>`;
}

// ── Skill Detail Sheet ─────────────────────────────────────
async function skillsOpenDetail(skillId) {
  const scr = document.getElementById('scr-skills');
  if (scr && scr.innerHTML) {
    scr.style.transition = 'opacity .15s ease';
    scr.style.opacity = '0';
    setTimeout(() => {
      scr.style.transition = '';
      scr.style.opacity = '';
      _doOpenDetail(skillId);
    }, 150);
    return;
  }
  _doOpenDetail(skillId);
}
async function _doOpenDetail(skillId) {
  _activeSkillId = skillId;
  const scr = _switchSkillsScreen('detail');
  if (!scr) return;

  // ECHO GOAL 2 / Phase S: own-scoped lookup — a deep link to a skill outside
  // this rep's role bucket must not open (defense in depth; the card that would
  // link here is already hidden by _renderRepHome/_renderModuleGrid)
  const def   = _skOwnScopedDefs().find(d => d.id === skillId);
  if (!def) { _renderSkillsScreen(); return; }
  const p     = _skillProg[String(skillId)];
  const state = p ? p.state : 'locked';

  const modCode = def.skill_code.split('_')[0];
  const heroUrl = _skUrl(def.card_image_url);
  const heroImg = heroUrl
    ? `<img src="${heroUrl}" class="s3-hero-img sk-img-lazy" alt="${def.skill_name_en}" onload="this.classList.add('sk-img-loaded')" onerror="this.classList.add('sk-img-loaded')">`
    : `<div style="width:100%;height:100%;background:${MODULE_BG[def.module]};"></div>`;
  const teaserText = def.principle_th ? def.principle_th.split(/[.。]/)[0] : (def.skill_name_th || def.skill_name_en);

  // CTA based on state — suppress for TL in browse mode
  let cta = '';
  const _isTLBrowse = _tlBrowseMode && (
    _skillsRole === 'sales_tl' || _skillsRole === 'tl' ||
    _skillsRole === 'admin'    || _skillsRole === 'ad_tl');
  if (_isTLBrowse) {
    cta = `<div style="display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:100px;background:var(--sk-surface);font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--sk-muted);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;letter-spacing:.08em;text-transform:uppercase;">READ ONLY</div>`;
  } else if (state === 'locked') {
    cta = `<button class="sk-cta-btn sk-cta-primary" onclick="skillsStartTraining(${skillId})">เริ่มฝึก</button>`;
  } else if (state === 'training') {
    cta = `
<div class="sk-rep-hint">รอ TL ประเมินเพื่อ unlock ทักษะนี้</div>
<button class="sk-cta-btn sk-cta-outline" onclick="_skToast('ส่งแล้ว — TL จะเห็นในรายการรอประเมิน')">แจ้ง TL ขอรับการประเมิน</button>`;
  }

  // ── RENDER SHELL IMMEDIATELY (no flash) ──────────────────
  scr.innerHTML = `
<div class="s3-detail" id="s3-detail-wrap">
  <div class="s3-hero">
    ${heroImg}
    <div class="s3-hero-gradient"></div>
  </div>
  <div class="s3-topbar">
    <button class="s3-back" onclick="skillsOpenModule('${def.module}')">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" width="15" height="15"><path d="M19 12H5M5 12l7 7M5 12l7-7"/></svg>
      Module ${def.module}
    </button>
    <span class="s3-code-pill">${modCode}</span>
  </div>
  <div class="s3-sheet s3-sheet-peek" id="s3-sheet">
    <div class="s3-sheet-handle" onclick="_s3ToggleSheet()" style="cursor:pointer;padding:6px 0 2px;"></div>
    <!-- Peek: title + principle always visible -->
    <div class="s3-peek-static" style="padding:0 16px 4px;">
      <div style="display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;">
        <div style="flex:1;min-width:0;">
          <div style="display:flex;align-items:center;gap:6px;margin-bottom:6px;">
            <div class="sk-state-pill pill-${state}"><div class="sk-pill-dot"></div>${SKILL_STATE_LABEL_TH[state]}</div>
            <span class="sk-detail-code" style="font-size:var(--text-sm);color:#6A6A6A;">${def.skill_name_en} · ${modCode}</span>
          </div>
          <div style="font-size:var(--text-xl3);font-weight:800;color:var(--sk-ink);line-height:1.2;margin-bottom:10px;font-family:'Noto Sans Thai',sans-serif;">${def.skill_name_th || def.skill_name_en}</div>
          ${def.principle_th ? `
          <div class="sk-rubric-eye" style="margin-bottom:5px;">Principle — ทำไมสกิลนี้สำคัญ</div>
          <div class="sk-rubric-text" style="white-space:pre-wrap;">${def.principle_th}</div>` : ''}
        </div>
        <svg class="s3-expand-chevron" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2" stroke-linecap="round" width="20" height="20" style="flex-shrink:0;margin-top:4px;margin-left:10px;" onclick="_s3ToggleSheet()"><path d="M18 15l-6-6-6 6"/></svg>
      </div>
    </div>
    <!-- Expanded-only: practice + pass test + cta -->
    <div class="sk-detail-body s3-body-full" id="s3-body-content">
  <div class="sk-skill-title">${def.skill_name_th || def.skill_name_en}</div>

  ${def.principle_th ? `
  <div class="sk-rubric-block">
    <div class="sk-rubric-eye">Principle — ทำไมสกิลนี้สำคัญ</div>
    <div class="sk-rubric-text" style="white-space:pre-wrap">${def.principle_th}</div>
  </div>
  <div class="sk-divider"></div>` : ''}

  ${def.practice_th ? `
  <div class="sk-rubric-block">
    <div class="sk-rubric-eye">Practice — ต้องทำอะไร</div>
    <div class="sk-rubric-text">${(def.practice_th.includes('\n') ? def.practice_th.split('\n') : def.practice_th.split('|')).map(t => t.trim()).filter(Boolean).map(t => t.startsWith('#') ? '<span style="font-weight:var(--fw-semi);color:var(--sk-ink);display:block;margin-top:8px;margin-bottom:2px">' + t.slice(1).trim() + '</span>' : '<span style="display:block;padding-left:10px">• ' + t + '</span>').join('')}</div>
  </div>
  <div class="sk-divider"></div>` : ''}

  ${def.pass_test_th ? `
  <div class="sk-rubric-block">
    <div class="sk-rubric-eye">Pass Test — เกณฑ์ผ่าน</div>
    <div class="sk-rubric-text">${(def.pass_test_th.includes('\n') ? def.pass_test_th.split('\n') : def.pass_test_th.split('/')).map((t,i) => t.trim()).filter(Boolean).map((t,i) => (i+1)+'. '+t).join('<br>')}</div>
  </div>
  <div class="sk-divider"></div>` : ''}

  ${cta}
  <div id="s3-async-section"></div>
    </div>
  </div>
</div>`;

  // ── Setup hero, parallax, ambient ────────────────────────
  if (scr._s3ScrollHandler) scr.removeEventListener('scroll', scr._s3ScrollHandler);
  scr._s3ScrollHandler = function() {
    var hero = document.querySelector('.s3-hero');
    if (hero) hero.style.transform = 'translateY(' + Math.min(scr.scrollTop * 0.4, 60) + 'px)';
  };
  scr.addEventListener('scroll', scr._s3ScrollHandler, {passive:true});

  const detailEl = document.getElementById('s3-detail-wrap');
  if (detailEl) detailEl.style.height = window.innerHeight + 'px';

  const sh = document.getElementById('s3-sheet');
  if (sh) {
    sh.classList.remove('s3-sheet-hidden');
    sh.classList.add('s3-sheet-peek');
  }
  if (heroUrl && detailEl) {
    detailEl.style.setProperty('--s3-ambient-url', `url(${heroUrl})`);
    setTimeout(() => detailEl.classList.add('s3-ambient-loaded'), 50);
  }
  _markLoadedImages(scr);

  // ── FETCH log + echo AFTER render (no blocking flash) ────
  let logs = [];
  try {
    logs = await _skFetch(`${SKILLS_TABLE_LOG}?skill_id=eq.${skillId}&user_id=eq.${_skillsUserId}&order=changed_at.desc&limit=10`);
  } catch(_) {}

  const asyncSection = document.getElementById('s3-async-section');
  if (!asyncSection || _activeSkillId !== skillId) return; // navigated away

  const logRows = (logs || []).map(l => `
<div class="sk-log-row">
  <div class="sk-log-dot ${l.new_state}"></div>
  <div>
    <div class="sk-log-state">${SKILL_STATE_LABEL_TH[l.new_state] || l.new_state}${l.comment ? ` — ${l.comment}` : ''}</div>
    <div class="sk-log-meta">${l.changed_at ? new Date(l.changed_at).toLocaleDateString('th-TH') : ''}</div>
  </div>
</div>`).join('');

  const _echoHistory = (_echoObs[def.skill_code] || []).slice(0, 3);
  const echoRows = _echoHistory.map(o => {
    const col  = _echoScoreColor(o.ai_score);
    const lbl  = _echoScoreLabel(o.ai_score);
    const dt   = o.observed_at ? new Date(o.observed_at).toLocaleDateString('th-TH',{day:'numeric',month:'short',year:'2-digit'}) : '';
    const ev   = o.evidence   || '';
    const note = o.coaching_note || '';
    return `<div class="sk-echo-row">
  <div class="sk-echo-row-top">
    <div style="display:flex;align-items:center;gap:5px;">
      <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="4"/><path d="M16.243 7.757a6 6 0 010 8.486M7.757 7.757a6 6 0 000 8.486"/></svg>
      <span class="sk-echo-row-date">${dt}</span>
    </div>
    <span class="sk-echo-row-score" style="color:${col};">${lbl}</span>
  </div>
  ${ev ? `<div class="sk-echo-row-ev">${ev}</div>` : ''}
  ${note ? `<div class="sk-echo-row-note"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg> ${note}</div>` : ''}
</div>`;
  }).join('');
  const echoSection = _echoHistory.length > 0 ? `
<div class="sk-divider"></div>
<div class="sk-rubric-block">
  <div class="sk-rubric-eye" style="display:flex;align-items:center;gap:5px;">
    <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="4"/><path d="M16.243 7.757a6 6 0 010 8.486M7.757 7.757a6 6 0 000 8.486"/></svg>
    Echo Sessions
  </div>
  <div class="sk-echo-list">${echoRows}</div>
</div>` : '';

  asyncSection.innerHTML = `${echoSection}${logRows ? `<div class="sk-log-eye">History</div>${logRows}` : ''}`;
}
// ── S3 sheet peek/expand toggle ────────────────────────────
function _s3ToggleSheet() {
  const sheet = document.getElementById('s3-sheet');
  if (!sheet) return;
  const isExpanded = sheet.classList.contains('s3-sheet-expanded');
  sheet.classList.remove('s3-sheet-hidden','s3-sheet-peek','s3-sheet-expanded');
  sheet.classList.add(isExpanded ? 's3-sheet-peek' : 's3-sheet-expanded');
}

// ── Rep self-mark training ─────────────────────────────────
async function skillsStartTraining(skillId) {
  if (!_skillsUserId) return;
  // ECHO GOAL 2 / Phase S: block starting training on a skill outside this rep's bucket
  const def = _skOwnScopedDefs().find(d => d.id === skillId);
  if (!def) return;
  // guard: ถ้า state ไม่ใช่ locked แล้ว ไม่ต้อง write ซ้ำ
  const existing = _skillProg[String(skillId)];
  if (existing && existing.state !== 'locked') return;

  try {
    // Upsert progress row — on_conflict ใน URL สำหรับ Supabase REST
    await _skFetch(`${SKILLS_TABLE_PROG}?on_conflict=user_id,skill_id`, {
      method:  'POST',
      prefer:  'resolution=merge-duplicates,return=minimal',
      body: {
        user_id:    _skillsUserId,
        skill_id:   skillId,
        state:      'training',
        user_name:  (typeof currentUserProfile !== 'undefined' && currentUserProfile)
                      ? (currentUserProfile.kam_name || currentUserProfile.full_name || currentUserProfile.email || '')
                      : '',
        owner_email: (typeof currentUserProfile !== 'undefined' && currentUserProfile)
                      ? (currentUserProfile.email || '').toLowerCase()
                      : '',
        updated_at: new Date().toISOString(),
      }
    });

    // Write log
    const prog = await _skFetch(`${SKILLS_TABLE_PROG}?user_id=eq.${_skillsUserId}&skill_id=eq.${skillId}&select=id`);
    if (prog && prog[0]) {
      await _skFetch(SKILLS_TABLE_LOG, {
        method: 'POST',
        prefer: 'return=minimal',
        body: {
          progress_id: prog[0].id,
          user_id:     _skillsUserId,
          skill_id:    skillId,
          old_state:   'locked',
          new_state:   'training',
          changed_by:  _skillsUserId,
        }
      });
    }

    // Update local cache
    _skillProg[String(skillId)] = { skill_id: skillId, user_id: _skillsUserId, state: 'training' };
    _skToast('ลุยเลย มาฝึกกัน');
    // Re-render detail with new state
    skillsOpenDetail(skillId);
  } catch(e) {
    console.error('[Skills] startTraining:', e);
    _skToast('เกิดข้อผิดพลาด กรุณาลองใหม่');
  }
}

// ══════════════════════════════════════════════════════════
// TL SCREENS
// ══════════════════════════════════════════════════════════

function _renderTLHome() {
  return _renderTLPendingContent();
}

function _renderTLPending() { return _renderTLPendingContent(); }

function _renderTLPendingContent() {
  const prog    = window._tlProgFiltered || _skillProg;
  const pending = Object.values(prog).filter(p => p.state === 'training');
  pending.sort((a,b) => new Date(a.updated_at||0) - new Date(b.updated_at||0));
  const pendCount = pending.length;

  const rows = pending.map(p => {
    const def = _skillDefs.find(d => d.id === p.skill_id);
    if (!def) return '';
    const code = def.skill_code.split('_')[0];
    const daysAgo = p.updated_at
      ? Math.floor((Date.now() - new Date(p.updated_at)) / 86400000) : null;
    const dateLabel = daysAgo === null ? '' : daysAgo === 0 ? 'today' : `${daysAgo} day${daysAgo>1?'s':''} ago`;
    const initials  = _skUserInitials(p.user_id);
    const repName   = _skUserName(p.user_id);

    // Echo strip: แสดงเฉพาะ pass / developing เท่านั้น
    const echoObs = _tlEchoObs(p.user_id, def.skill_code)
      .filter(o => o.ai_score === 'pass' || o.ai_score === 'developing')
      .slice(0, 1)[0];
    const echoStrip = echoObs ? (() => {
      const col = _echoScoreColor(echoObs.ai_score);
      const lbl = _echoScoreLabel(echoObs.ai_score);
      const dt  = new Date(echoObs.observed_at).toLocaleDateString('th-TH',{day:'numeric',month:'short'});
      const ev  = echoObs.evidence
        ? `<div class="sk-pend-echo-ev">${echoObs.evidence.slice(0,80)}${echoObs.evidence.length>80?'…':''}</div>`
        : '';
      return `<div class="sk-pend-echo-strip">`
        + `<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="${col}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2" width="6" height="11" rx="3"/><path d="M5 10a7 7 0 0014 0M12 19v3M9 22h6"/></svg>`
        + `<span class="sk-pend-echo-date">${dt}</span>`
        + `<span class="sk-pend-echo-score" style="color:${col};">${lbl}</span>`
        + `</div>${ev}`;
    })() : '';

    return `
<div class="sk-pend-row" onclick="skillsTLOpenEval('${p.user_id}',${p.skill_id})">
  <div class="sk-pend-avatar">${initials}</div>
  <div class="sk-pend-info">
    <div class="sk-pend-name">${repName}</div>
    <div class="sk-pend-skill">${code} · ${def.skill_name_en}</div>
    <div class="sk-pend-date">self-marked ${dateLabel}</div>
    ${echoStrip}
  </div>
  <div class="sk-pend-right" style="align-self:flex-start;min-width:72px;align-items:flex-end;">
    <div class="sk-state-pill-sm"><div class="sk-pill-dot-sm"></div>Training</div>
    <svg class="sk-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
  </div>
</div>`;
  }).join('');

  if (pendCount === 0) return `
<div class="sk-empty">
  <svg class="sk-empty-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
    <path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/>
  </svg>
  <div class="sk-empty-title">ไม่มีรายการรอประเมิน</div>
  <div class="sk-empty-sub">ไม่มีทักษะที่รอการประเมิน</div>
</div>`;

  return `
<div style="padding:12px 14px 4px;"><span class="sk-eyebrow">เรียงตาม · รอนานสุด</span></div>
<div class="sk-pend-list">${rows}</div>`;
}

function _renderTLOverview() { return _renderTLOverviewContent(); }

function _renderTLOverviewContent() {
  const allProg  = Object.values(window._tlProgFiltered || _skillProg);
  const total    = allProg.length;
  const unlocked = allProg.filter(p => p.state==='unlocked'||p.state==='mastered').length;
  const pct      = total > 0 ? Math.round(unlocked/total*100) : 0;

  const byRepToggle   = _ovToggle === 'rep'   ? 'sk-tab-on' : '';
  const bySkillToggle = _ovToggle === 'skill' ? 'sk-tab-on' : '';

  const userMap = {};
  // ECHO GOAL 2 / Phase S: seed from the roster FIRST — a rep with zero progress
  // rows (brand new, or hasn't self-marked anything yet) used to be silently
  // absent from "By Rep" entirely since userMap was built purely from progress rows
  Object.keys(_tlSquadById).forEach(uid => { userMap[uid] = []; });
  allProg.forEach(p => {
    if (!userMap[p.user_id]) userMap[p.user_id] = [];
    userMap[p.user_id].push(p);
  });

  let viewContent = '';
  if (_ovToggle === 'rep') {
    const repRows = Object.entries(userMap).map(([uid, progs]) => {
      // ECHO GOAL 2 / Phase S: denominator is THIS rep's own role bucket, not
      // the global skill count — a sales rep's ring is out of their ~4 sales
      // skills, not all 15 (which used to make every non-KAM rep's % look low)
      const scopedDefs = _skDefsForBucket(_skUserBucket(uid));
      const scopedIds  = new Set(scopedDefs.map(d => d.id));
      const uCount  = progs.filter(p => scopedIds.has(p.skill_id) && (p.state==='unlocked'||p.state==='mastered')).length;
      const tCount  = progs.filter(p => scopedIds.has(p.skill_id) && p.state==='training').length;
      const uTotal  = scopedDefs.length;
      const pct2    = uTotal > 0 ? Math.round(uCount/uTotal*100) : 0;
      const fillCls = pct2 >= 50 ? 'sk-rep-fill-ok' : pct2 >= 25 ? 'sk-rep-fill-mid' : 'sk-rep-fill-low';
      const pendDot = tCount > 0 ? '<div class="sk-rep-pend-dot"></div>' : '';
      return `
<div class="sk-rep-row" onclick="skillsTLOpenRepDetail('${uid}')">
  <div class="sk-rep-avatar">${_skUserInitials(uid)}</div>
  <div class="sk-rep-info">
    <div class="sk-rep-name">${pendDot}${_skUserName(uid)}</div>
    <div class="sk-rep-prog-row">
      <div class="sk-rep-track"><div class="sk-rep-fill ${fillCls}" style="width:${pct2}%;"></div></div>
      <span class="sk-rep-count">${uCount}/${uTotal}</span>
    </div>
  </div>
  <svg class="sk-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
</div>`;
    }).join('');
    viewContent = `<div class="sk-rep-list">${repRows}</div>`;
  } else {
    const skillRows = ['A','B','C','D'].map(m => {
      const defs = _skillDefs.filter(d => d.module === m);
      if (!defs.length) return '';
      const hd = `<div class="sk-skill-mod-hd">Module ${m} — ${(MODULE_META[m]||{sub:''}).sub}</div>`;
      const rows = defs.map(d => {
        // ECHO GOAL 2 / Phase S: denominator = squad members whose bucket this
        // skill actually applies to, not the whole squad — a sales-only skill
        // in a mostly-KAM squad used to read "0/8 คน" when only 2 were sales.
        // No squad roster loaded (rare fallback) → keep the old unfiltered count.
        const haveRoster = _tlSquadEmails.length > 0;
        const eligibleEmails = haveRoster
          ? _tlSquadEmails.filter(e => (typeof skillDefMatchesBucket === 'function') ? skillDefMatchesBucket(d, _skBucketForEmail(e)) : true)
          : null;
        if (haveRoster && eligibleEmails.length === 0) return ''; // no one in this squad is eligible — skip the row
        const userCount = haveRoster ? eligibleEmails.length : (Object.keys(userMap).length || 1);
        const progs     = allProg.filter(p => p.skill_id === d.id &&
          (!haveRoster || eligibleEmails.includes((p.owner_email||'').toLowerCase())));
        const passCount = progs.filter(p => p.state==='unlocked'||p.state==='mastered').length;
        const pct3      = Math.round(passCount/userCount*100);
        const fillCls   = pct3 === 0 ? 'sk-skill-fill-zero' : pct3 < 40 ? 'sk-skill-fill-low' : 'sk-skill-fill-ok';
        const dotCls    = pct3 === 0 ? 'sk-warn-dot-ac'     : pct3 < 40 ? 'sk-warn-dot-warn'   : 'sk-warn-dot-ok';
        const code      = d.skill_code.split('_')[0];
        return `
<div class="sk-skill-row">
  <div class="sk-warn-dot ${dotCls}" style="flex-shrink:0;margin-top:3px;"></div>
  <div class="sk-skill-info" style="flex:1;min-width:0;">
    <div style="display:flex;align-items:center;gap:5px;">
      <span class="sk-skill-code">${code}</span>
      <span class="sk-skill-name">${d.skill_name_en}</span>
    </div>
    <div class="sk-skill-bar-row">
      <div class="sk-skill-track"><div class="sk-skill-fill ${fillCls}" style="width:${pct3}%;"></div></div>
      <span class="sk-skill-count">${passCount}/${userCount} คน</span>
    </div>
  </div>
</div>`;
      }).join('');
      return hd + rows;
    }).join('');
    viewContent = `
<div class="sk-skill-list">${skillRows}</div>
<div style="padding:10px 14px;display:flex;gap:12px;flex-wrap:wrap;">
  <div style="display:flex;align-items:center;gap:5px;"><div class="sk-warn-dot sk-warn-dot-ac"></div><span class="sk-eyebrow">0 passed</span></div>
  <div style="display:flex;align-items:center;gap:5px;"><div class="sk-warn-dot sk-warn-dot-warn"></div><span class="sk-eyebrow">&lt;40% อ่อน</span></div>
  <div style="display:flex;align-items:center;gap:5px;"><div class="sk-warn-dot sk-warn-dot-ok"></div><span class="sk-eyebrow">≥40% ดี</span></div>
</div>`;
  }

  // Hero stat — flat white, ไม่มี card wrapper
  return `
<div style="padding:12px 14px 0;display:flex;align-items:flex-end;justify-content:space-between;">
  <div>
    <div style="font-size:var(--text-kpi);font-weight:var(--fw-bold);color:var(--sk-ink);letter-spacing:-.03em;line-height:1;">${unlocked}<span style="font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--sk-muted);">/${total}</span></div>
    <div style="font-size:10.5px;color:var(--sk-muted);margin-top:2px;">ทีม unlock แล้ว</div>
  </div>
  <div style="font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--sk-ac);">${pct}%</div>
</div>
<div style="margin:8px 14px 0;height:3px;background:var(--sk-hairline);border-radius:var(--r-xxs);overflow:hidden;">
  <div style="height:100%;border-radius:var(--r-xxs);background:var(--sk-ac);width:${pct}%;"></div>
</div>
<div style="display:flex;justify-content:space-between;margin:3px 14px 0;font-size:7.5px;color:var(--sk-muted);">
  <span>${unlocked} UNLOCKED</span><span>${total-unlocked} REMAINING</span>
</div>
<div class="sk-view-toggle" style="margin-top:10px;">
  <div class="sk-vt ${byRepToggle}" onclick="_skSetOvToggle('rep')">By Rep</div>
  <div class="sk-vt ${bySkillToggle}" onclick="_skSetOvToggle('skill')">By Skill</div>
</div>
${viewContent}`;
}

// ── TL eval detail ─────────────────────────────────────────
async function skillsTLOpenEval(userId, skillId) {
  const scr = document.getElementById('scr-skills');
  if (!scr) return;
  // Full-list lookup (not _skOwnScopedDefs) — TL evaluates any rep, any role
  const def   = _skillDefs.find(d => d.id === skillId);
  if (!def) return;
  // ECHO GOAL 2 / Phase S: block evaluating a skill outside the VIEWED rep's
  // bucket (can happen via a stale progress row from before a role change)
  if (typeof skillDefMatchesBucket === 'function' && !skillDefMatchesBucket(def, _skUserBucket(userId))) {
    _skToast(`${def.skill_code.split('_')[0]} ไม่ได้ประเมินสำหรับตำแหน่งของ ${_skUserName(userId)}`);
    return;
  }
  const key   = `${userId}:${skillId}`;
  const p     = _skillProg[key];
  const state = p ? p.state : 'locked';

  let logs = [];
  try {
    logs = await _skFetch(`${SKILLS_TABLE_LOG}?skill_id=eq.${skillId}&user_id=eq.${userId}&order=changed_at.desc&limit=10`);
  } catch(_) {}

  const logRows = (logs||[]).map(l => `
<div class="sk-log-row">
  <div class="sk-log-dot ${l.new_state}"></div>
  <div>
    <div class="sk-log-state">${SKILL_STATE_LABEL_TH[l.new_state]}${l.comment?` — ${l.comment}`:''}</div>
    <div class="sk-log-meta">${l.changed_at?new Date(l.changed_at).toLocaleDateString('th-TH'):''}</div>
  </div>
</div>`).join('');

  const modCode = def.skill_code.split('_')[0];
  const SK_BTN_ICONS = {
    locked:   '<svg width="16" height="16" viewBox="0 0 24 24" 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 0110 0v4"/></svg>',
    training: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>',
    unlocked: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>',
    mastered: '<svg width="16" height="16" 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>',
  };
  const stateButtons = ['locked','training','unlocked','mastered'].map(s => {
    const isSelected = s === state;
    const dimCls = !isSelected ? ' sk-tl-btn-dim' : '';
    const selCls = isSelected ? ` sk-tl-btn-sel-${s}` : '';
    return `<button class="sk-tl-btn${selCls}${dimCls}" onclick="_skTLSelectState('${s}')" style="color:var(--sk-state-${s});">
  <div class="sk-tl-btn-icon">${SK_BTN_ICONS[s]}</div>
  <span class="sk-tl-btn-label">${SKILL_STATE_LABEL_TH[s]}</span>
</button>`;
  }).join('');

  scr.innerHTML = `
<div style="position:relative;width:100%;overflow:hidden;">
  ${_skImgTag(def, { w:'100%', h:'260px', cls:'sk-img-lazy' })}
  <div style="position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.42) 0%,transparent 45%,rgba(0,0,0,.58) 100%);pointer-events:none;"></div>
  <div style="position:absolute;top:0;left:0;right:0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;z-index:10;">
    <button onclick="_skSetView('pending');_renderSkillsScreen()" style="display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.32);border:none;border-radius:var(--r-pill);padding:6px 12px;cursor:pointer;font-family:'Noto Sans Thai',sans-serif;">
      <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.2"><path d="M19 12H5M5 12l7 7M5 12l7-7"/></svg>
      <span style="font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--tk-text-primary);">รอประเมิน</span>
    </button>
    <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);color:rgba(255,255,255,.85);background:rgba(124,58,237,.45);border-radius:var(--r-pill);padding:3px 9px;font-family:'Noto Sans Thai',sans-serif;backdrop-filter:blur(4px);">TL</div>
  </div>
  <div style="position:absolute;bottom:0;left:0;right:0;padding:16px 16px 18px;">
    <div style="font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--tk-text-secondary);font-family:'IBM Plex Mono','Noto Sans Thai',monospace;">${modCode}</div>
    <div style="font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--tk-text-primary);line-height:1.2;margin-top:2px;">${def.skill_name_en}</div>
    <div class="sk-state-pill pill-${state}" style="margin-top:8px;display:inline-flex;"><div class="sk-pill-dot"></div>${SKILL_STATE_LABEL_TH[state]}</div>
  </div>
</div>
<div class="sk-detail-body">
  <div class="sk-rubric-block" style="margin-top:14px;">
    <div class="sk-rubric-eye">Pass Test — เกณฑ์ผ่าน</div>
    <div class="sk-rubric-text">${((def.pass_test_th||'').includes('\n') ? (def.pass_test_th||'').split('\n') : (def.pass_test_th||'').split('/')).map((t,i)=>t.trim()).filter(Boolean).map((t,i)=>(i+1)+'. '+t).join('<br>')}</div>
  </div>
  <div class="sk-divider"></div>
  ${(() => {
    const obs = _tlEchoObs(userId, def.skill_code).slice(0,3);
    if (!obs.length) return '';
    const rows = obs.map(o => {
      const col  = _echoScoreColor(o.ai_score);
      const lbl  = _echoScoreLabel(o.ai_score);
      const dt   = new Date(o.observed_at).toLocaleDateString('th-TH',{day:'numeric',month:'short',year:'2-digit'});
      const ev   = o.evidence    ? '<div class="sk-echo-row-ev">'   + o.evidence    + '</div>' : '';
      const note = o.coaching_note ? '<div class="sk-echo-row-note"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg> ' + o.coaching_note + '</div>' : '';
      return '<div class="sk-echo-row">'
        + '<div class="sk-echo-row-top">'
        + '<div style="display:flex;align-items:center;gap:5px;"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="' + col + '" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2" width="6" height="11" rx="3"/><path d="M5 10a7 7 0 0014 0M12 19v3M9 22h6"/></svg>'
        + '<span class="sk-echo-row-date">' + dt + '</span></div>'
        + '<span class="sk-echo-row-score" style="color:' + col + ';">' + lbl + '</span>'
        + '</div>' + ev + note + '</div>';
    }).join('');
    return '<div class="sk-rubric-block">'
      + '<div class="sk-rubric-eye" style="display:flex;align-items:center;gap:5px;"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="var(--sk-ac)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2" width="6" height="11" rx="3"/><path d="M5 10a7 7 0 0014 0M12 19v3M9 22h6"/></svg> Echo Sessions</div>'
      + '<div class="sk-echo-list">' + rows + '</div>'
      + '</div><div class="sk-divider"></div>';
  })()}
  <div class="sk-tl-zone">
    <div class="sk-tl-eye">TL · Evaluation</div>
    <div class="sk-tl-rep-row">
      <div class="sk-tl-avatar">${_skUserInitials(userId)}</div>
      <div>
        <div class="sk-tl-rep-name">${_skUserName(userId)}</div>
        <div class="sk-tl-rep-meta">${_skUserRoleLabel(userId)} · self-marked ${p&&p.updated_at?new Date(p.updated_at).toLocaleDateString('th-TH'):''}</div>
      </div>
    </div>
    <div class="sk-tl-state-label">Mark as</div>
    <div class="sk-tl-state-row" id="tl-state-row">${stateButtons}</div>
    <textarea class="sk-tl-note" id="tl-note" rows="2" placeholder="Note (optional)"></textarea>
    <button class="sk-tl-save" onclick="skillsTLSave('${userId}',${skillId},'${state}')">บันทึกการประเมิน</button>
  </div>
  ${logRows ? `<div class="sk-log-eye">History</div>${logRows}` : ''}
</div>`;

  // store selected state in dataset
  document.getElementById('tl-state-row').dataset.selected = state;
}

function _skTLSelectState(newState) {
  const row = document.getElementById('tl-state-row');
  if (!row) return;
  row.dataset.selected = newState;
  // Re-render buttons with new selected
  const _btnIcons = {
    locked:   '<svg width="16" height="16" viewBox="0 0 24 24" 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 0110 0v4"/></svg>',
    training: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="currentColor" d="M12 2c0 0-4 4-4 9a4 4 0 008 0c0-5-4-9-4-9z"/><circle cx="12" cy="14.5" r="1.5" fill="currentColor" stroke="none"/></svg>',
    unlocked: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L4 6v6c0 5.25 3.5 10.15 8 11.35C16.5 22.15 20 17.25 20 12V6l-8-4z"/><polyline points="9 12 11 14 15 10"/></svg>',
    mastered: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l4-4 5 3 5-3 4 4-2 3h-4l-3 8-3-8H5L3 9z"/></svg>',
  };
  row.innerHTML = SKILL_STATES.map(s => {
    const isSelected = s === newState;
    const dimCls = !isSelected ? ' sk-tl-btn-dim' : '';
    const selCls = isSelected ? ` sk-tl-btn-sel-${s}` : '';
    return `<button class="sk-tl-btn${selCls}${dimCls}" onclick="_skTLSelectState('${s}')" style="color:var(--sk-state-${s});">
  <div class="sk-tl-btn-icon">${_btnIcons[s]}</div>
  <span class="sk-tl-btn-label">${SKILL_STATE_LABEL_TH[s]}</span>
</button>`;
  }).join('');
}

async function skillsTLSave(userId, skillId) {
  const row      = document.getElementById('tl-state-row');
  const newState = row ? row.dataset.selected : null;
  const note     = (document.getElementById('tl-note')||{}).value || '';
  // ดึง oldState จาก local cache (source of truth) ไม่ใช่จาก HTML parameter
  const key      = `${userId}:${skillId}`;
  const oldState = _skillProg[key] ? _skillProg[key].state : 'locked';
  if (!newState) return;
  // guard: ถ้า state เหมือนเดิม และไม่มี note ก็ไม่ต้อง write
  if (newState === oldState && !note.trim()) return;

  try {
    // Update progress
    // ดึง user_name จาก cache ถ้ายังไม่มี
    const _tlProgKey = `${userId}:${skillId}`;
    const _existingRow = _skillProg[_tlProgKey] || {};
    const _existingName = _existingRow.user_name || null;
    const _existingEmail = _existingRow.owner_email || null;
    await _skFetch(`${SKILLS_TABLE_PROG}?user_id=eq.${userId}&skill_id=eq.${skillId}`, {
      method: 'PATCH',
      prefer: 'return=minimal',
      body: {
        state:        newState,
        evaluated_by: _skillsUserId,
        evaluated_at: new Date().toISOString(),
        notes:        note || null,
        user_name:    _existingName || _skUserName(userId) || null,
        owner_email:  _existingEmail || null,
      }
    });

    // Log
    const prog = await _skFetch(`${SKILLS_TABLE_PROG}?user_id=eq.${userId}&skill_id=eq.${skillId}&select=id`);
    if (prog && prog[0]) {
      await _skFetch(SKILLS_TABLE_LOG, {
        method: 'POST', prefer: 'return=minimal',
        body: {
          progress_id: prog[0].id,
          user_id:     userId,
          skill_id:    skillId,
          old_state:   oldState,
          new_state:   newState,
          changed_by:  _skillsUserId,
          comment:     note || null,
        }
      });
    }

    // Update local cache + re-render
    const cacheKey = `${userId}:${skillId}`;
    if (_skillProg[cacheKey]) {
      _skillProg[cacheKey].state      = newState;
      _skillProg[cacheKey].evaluated_by = _skillsUserId;
      _skillProg[cacheKey].evaluated_at = new Date().toISOString();
    }
    _updateSkillsNavBadge();   // badge อัพเดททันทีหลัง save
    _skToast(`บันทึกแล้ว — ${SKILL_STATE_LABEL_TH[newState]}`);
    _skSetView('pending');
    _renderSkillsScreen();
  } catch(e) {
    console.error('[Skills] TL save:', e);
    _skToast('เกิดข้อผิดพลาด กรุณาลองใหม่');
  }
}

// ── TL rep detail ──────────────────────────────────────────
// ECHO GOAL 2 / Phase S: single shared row-list builder — scoped to the VIEWED
// rep's own bucket. Replaces two near-identical copies (skillsTLOpenRepDetail's
// inline renderList + _skRepFilter) that had drifted into subtle duplication.
function _skRepDetailRows(userId, showAll) {
  const progs  = Object.values(_skillProg).filter(p => p.user_id === userId);
  const scoped = _skDefsForBucket(_skUserBucket(userId));
  const filtered = showAll
    ? scoped
    : scoped.filter(d => {
        const p = progs.find(p => p.skill_id === d.id);
        return !p || p.state === 'locked' || p.state === 'training';
      });
  return filtered.map(d => {
    const p = progs.find(p => p.skill_id === d.id);
    const s = p ? p.state : 'locked';
    const code = d.skill_code.split('_')[0];
    return `
<div class="sk-det-skill-row" onclick="skillsTLOpenEval('${userId}',${d.id})">
  <span class="sk-det-skill-mod">${code}</span>
  <span class="sk-det-skill-name">${d.skill_name_en}</span>
  <div class="sk-det-state" style="color:var(--sk-state-${s});">
    <div class="sk-det-dot" style="background:${window._skStateDotColor ? window._skStateDotColor(d.skill_code, s) : `var(--sk-state-${s})`};"></div>${SKILL_STATE_LABEL_TH[s]}
  </div>
  <svg style="width:12px;height:12px;opacity:.5;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;margin-left:4px;" viewBox="0 0 24 24"><path d="M9 18l6-6-6-6"/></svg>
</div>`;
  }).join('');
}

function skillsTLOpenRepDetail(userId) {
  const scr = document.getElementById('scr-skills');
  if (!scr) return;
  const progs    = Object.values(_skillProg).filter(p => p.user_id === userId);
  // ECHO GOAL 2 / Phase S: ring denominator is THIS rep's own bucket, not the
  // global skill count, and uCount intersects scope (guards stray progress
  // rows left over from before a role change)
  const scopedDefs = _skDefsForBucket(_skUserBucket(userId));
  const scopedIds  = new Set(scopedDefs.map(d => d.id));
  const uCount   = progs.filter(p => scopedIds.has(p.skill_id) && (p.state==='unlocked'||p.state==='mastered')).length;
  const uTotal   = scopedDefs.length;
  const ringPct  = uTotal > 0 ? uCount/uTotal : 0;
  const ringOff  = 94.25*(1-ringPct);

  scr.innerHTML = `
<div class="sk-cg-topbar">
  <button class="sk-back-btn" onclick="_skSetView('overview');_renderSkillsScreen()">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M19 12H5M5 12l7 7M5 12l7-7"/></svg>
    <span>ภาพรวมทีม</span>
  </button>
  <div class="sk-tl-role-chip">TL View</div>
</div>
<div style="overflow-y:auto;flex:1;padding-bottom:84px;">
  <div class="sk-rep-det-hd">
    <div class="sk-rep-det-avatar">${_skUserInitials(userId)}</div>
    <div>
      <div class="sk-rep-det-name">${_skUserName(userId)}</div>
      <div class="sk-rep-det-meta">${_skUserRoleLabel(userId)} · ${uCount}/${uTotal} unlocked</div>
    </div>
    <div style="position:relative;width:36px;height:36px;margin-left:auto;">
      <svg viewBox="0 0 36 36" style="width:36px;height:36px;transform:rotate(-90deg);">
        <circle cx="18" cy="18" r="15" fill="none" stroke="#EBEBEB" stroke-width="2.5"/>
        ${ringPct>0?`<circle cx="18" cy="18" r="15" fill="none" stroke="var(--sk-ac)" stroke-width="2.5"
          stroke-dasharray="94.25" stroke-dashoffset="${ringOff.toFixed(2)}" stroke-linecap="round"/>`:''}
      </svg>
      <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--sk-ac);font-family:'Noto Sans Thai',sans-serif;">${uCount}/${uTotal}</div>
    </div>
  </div>
  <div class="sk-filter-row">
    <span class="sk-fpill" id="fp-notyet" onclick="_skRepFilter(false,'${userId}')">ยังไม่ผ่าน</span>
    <span class="sk-fpill sk-fpill-on" id="fp-all" onclick="_skRepFilter(true,'${userId}')">ดูทั้งหมด</span>
  </div>
  <div class="sk-det-skill-list" id="rep-det-list">${_skRepDetailRows(userId, true)}</div>
  ${_buildEchoSparkSection(userId)}
</div>`;
}

function _skRepFilter(all, userId) {
  const list = document.getElementById('rep-det-list');
  if (!list) return;
  list.innerHTML = _skRepDetailRows(userId, all);
  document.querySelectorAll('.sk-fpill').forEach(el => el.classList.remove('sk-fpill-on'));
  const target = all ? document.getElementById('fp-all') : document.getElementById('fp-notyet');
  if (target) target.classList.add('sk-fpill-on');
}

// ── Helpers ────────────────────────────────────────────────
function _skSetView(v) { _skillViewMode = v; }
function _skSetOvToggle(v) { _ovToggle = v; if (typeof _renderTLContent === 'function') { _renderTLContent(); } else { _renderSkillsScreen(); } }

function _skToast(msg) {
  let t = document.getElementById('sk-toast');
  if (!t) {
    t = document.createElement('div');
    t.id = 'sk-toast';
    t.className = 'sk-toast';
    document.body.appendChild(t);
  }
  t.textContent = msg;
  t.classList.add('sk-toast-show');
  setTimeout(() => t.classList.remove('sk-toast-show'), 2200);
}

// ── Micro-interaction helpers ─────────────────────────
function _skCardRipple(el) {
  if (!el) return;
  el.style.transition = 'transform .12s cubic-bezier(.32,.72,0,1)';
  el.style.transform = 'scale(.97)';
  setTimeout(function(){ el.style.transform=''; el.style.transition=''; }, 200);
}

function _skShowSkeleton(scr) {
  if (!scr) return;
  var rows = [1,2,3,4].map(function(){ return '<div class="sk-skeleton-row"><div class="sk-skel-thumb sk-shimmer"></div><div class="sk-skel-body"><div class="sk-skel-line w70 sk-shimmer"></div><div class="sk-skel-line w50 sk-shimmer"></div></div></div>'; }).join('');
  scr.innerHTML = '<div class="sk-skeleton-wrap">' + rows + '</div>';
}

// ── Expose globals ─────────────────────────────────────────
window.skillsInit              = skillsInit;
window.skillsOpenModule        = skillsOpenModule;
window.skillsOpenDetail        = skillsOpenDetail;
window.skillsStartTraining     = skillsStartTraining;
window.skillsTLOpenEval        = skillsTLOpenEval;
window.skillsTLSave            = skillsTLSave;
// ── Echo Session Sparkline (TL rep detail) ─────────────────────────────────
// แสดง skill score trend ย้อนหลัง 10 sessions ต่อ rep
// อ่านจาก _echoObsTL ที่โหลดไว้แล้ว

function _buildEchoSparkSection(userId) {
  // รวม observations ทุก skill ของ user นี้ sort by date
  const allObs = [];
  Object.entries(_echoObsTL).forEach(([key, rows]) => {
    if (!key.startsWith(userId + ':')) return;
    const skillCode = key.split(':').slice(1).join(':');
    rows.forEach(r => allObs.push({ ...r, skill_code: skillCode }));
  });
  if (!allObs.length) return '';

  // Group by session (observed_at date) — แต่ละวัน = 1 session
  const bySession = {};
  allObs.forEach(r => {
    const day = (r.observed_at || '').slice(0, 10);
    if (!bySession[day]) bySession[day] = [];
    bySession[day].push(r);
  });
  const sessions = Object.entries(bySession)
    .sort((a, b) => b[0].localeCompare(a[0]))
    .slice(0, 10);

  if (!sessions.length) return '';

  // Per-skill trend: last 10 sessions
  // Get skill codes that appear
  const skillSet = new Set(allObs.map(r => r.skill_code));
  const skillCodes = [...skillSet].slice(0, 11); // max 11 skills

  const scoreVal = s => s === 'pass' ? 2 : s === 'developing' ? 1 : 0;
  const scoreCol = s => s === 'pass' ? '#34C759' : s === 'developing' ? '#FF9500' : '#E5E5EA';

  // Build sparkline rows — one per skill
  const sparkRows = skillCodes.map(code => {
    const shortCode = code.split('_')[0];
    // Latest score for this skill
    const latestObs = (allObs.filter(r => r.skill_code === code)
      .sort((a, b) => (b.observed_at||'').localeCompare(a.observed_at||'')))[0];
    const latestScore = latestObs?.ai_score || 'not_observed';
    const latestCol   = scoreCol(latestScore);

    // Dots for last 10 sessions (oldest → newest left to right)
    const sessionDays = sessions.map(([day]) => day).reverse(); // oldest first
    const dots = sessionDays.map(day => {
      const obs = bySession[day]?.find(r => r.skill_code === code);
      const sc  = obs?.ai_score || null;
      // v569: module-hued dots — state encoded by tint, hue by module
      const col = sc ? (typeof window._skDotColor==='function' ? window._skDotColor(code, sc) : scoreCol(sc)) : '#F2F2F7';
      return `<span style="width:8px;height:8px;border-radius:50%;background:${col};flex-shrink:0;display:inline-block"></span>`;
    }).join('');

    const def = Array.isArray(_skillDefs) ? _skillDefs.find(d => d.skill_code === code || d.skill_code.startsWith(code + '_')) : null;
    const skillLabel = def ? (def.skill_name_th || def.skill_name_en || shortCode) : shortCode;
    return `<div style="display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:0.5px solid #F7F7F7">
  <span style="font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--sk-ink,#222);font-family:'Noto Sans Thai',sans-serif;flex:0 0 96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${skillLabel}</span>
  <div style="display:flex;gap:3px;align-items:center;flex:1">${dots}</div>
  <span style="font-size:var(--text-xs);font-weight:var(--fw-medium);color:${latestCol};font-family:'Noto Sans Thai',sans-serif;min-width:52px;text-align:right">${latestScore==='pass'?'ผ่าน':latestScore==='developing'?'กำลังพัฒนา':'—'}</span>
</div>`;
  }).join('');

  // Legend header with session count labels (newest = rightmost)
  const sessionLabels = sessions.map(([day]) => {
    const d = new Date(day);
    return d.toLocaleDateString('th-TH', { day:'numeric', month:'short' });
  }).reverse().map(l =>
    `<span style="font-size:var(--text-2xs);color:#8E8E93;font-family:'Noto Sans Thai',sans-serif;flex:1;text-align:center;overflow:hidden">${l}</span>`
  ).join('');

  return `
<div style="margin-top:16px;padding:0 14px;">
  <div style="display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;border-bottom:0.5px solid var(--sk-hairline,#EBEBEB);">
    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="var(--sk-ac,#FF385C)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2" width="6" height="11" rx="3"/><path d="M5 10a7 7 0 0014 0M12 19v3M9 22h6"/></svg>
    <span style="font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--sk-ink,#222);font-family:'Noto Sans Thai',sans-serif;letter-spacing:.01em;">Echo Skill Trend</span>
    <span style="font-size:var(--text-xs);color:var(--sk-muted,#6A6A6A);font-family:'Noto Sans Thai',sans-serif;">${sessions.length} sessions ล่าสุด</span>
  </div>
  <div style="display:flex;gap:8px;align-items:center;padding:0 0 4px;padding-left:104px;">
    ${sessionLabels}
    <span style="min-width:52px;"></span>
  </div>
  ${sparkRows}
  <div style="display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px;padding-top:6px;border-top:0.5px solid var(--sk-hairline,#EBEBEB);">
    ${['A','B','C','D'].map(m => { const _mm = MODULE_META[m] || { name: m, color: '#8E8E93' }; return `<span style="display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--sk-muted,#6A6A6A);font-family:'Noto Sans Thai',sans-serif"><span style="width:7px;height:7px;border-radius:50%;background:${_mm.color};display:inline-block"></span>${_mm.name.replace('The ','')}</span>`; }).join('')}
    <span style="font-size:var(--text-xs);color:var(--sk-muted,#6A6A6A);font-family:'Noto Sans Thai',sans-serif;margin-left:auto">สีเต็ม = ผ่าน · สีจาง = ยังไม่ผ่าน</span>
  </div>
</div>`;
}


window._skSetView              = _skSetView;
window._skSetOvToggle          = _skSetOvToggle;
window._skTLSelectState        = _skTLSelectState;
window._skRepFilter            = _skRepFilter;
window._renderSkillsScreen     = _renderSkillsScreen;
window._renderTLContent        = _renderTLContent;
window._s3ToggleSheet          = _s3ToggleSheet;
window._skCardRipple           = _skCardRipple;

</script>
<script id="freshket-qnrr">
// ── QNRR Quarter Config — v_autoq (2026-10-02) ─────────────────────────────
// ไตรมาสของ %NRR มาจาก src/shared/qnrr_quarter.js (build ใส่ไว้ก่อนไฟล์นี้เสมอ — build.py ตรวจ)
// ไตรมาส = ไตรมาสของข้อมูลในไฟล์ kam_rep_view.csv ไม่ต้องแก้มือทุกไตรมาสอีกแล้ว
// ⛔ ห้ามแก้ literal ข้างล่างเพื่อเปลี่ยนไตรมาส — ใช้เฉพาะตอนเทสต์โหลดไฟล์นี้เดี่ยว ๆ โดยไม่มี module
//    (twin: src/nrr/nrr_logic.js ใช้กติกาเดียวกัน)
// v_qpin: เทสต์ที่ผูกกับข้อมูลไตรมาสหนึ่ง ตั้ง QNRR_CFG {pinned:true,...} ไว้ก่อนโหลดไฟล์นี้
var __QNRR_PIN = (typeof QNRR_CFG === 'object' && QNRR_CFG && QNRR_CFG.pinned === true) ? QNRR_CFG : null;
var QNRR_CFG = (typeof QnrrQuarter !== 'undefined' && QnrrQuarter && QnrrQuarter.cfg) ? QnrrQuarter.cfg : {
  quarter:    '2026q4',
  base_month: '2026-09',
  q_months:   ['2026-10','2026-11','2026-12'],
  months_th:  {
    '2026-06':'มิ.ย.','2026-07':'ก.ค.','2026-08':'ส.ค.',
    '2026-09':'ก.ย.','2026-10':'ต.ค.','2026-11':'พ.ย.','2026-12':'ธ.ค.'
  },
  csv_file:   'kam_rep_view.csv'
};
if (__QNRR_PIN) QNRR_CFG = __QNRR_PIN;
// v_autoq: ตัวตรวจ "ไตรมาสในโค้ดล้าสมัย" (v302) ไม่มีแล้ว — ไตรมาสตามข้อมูลเสมอ ไม่มีวันล้าสมัย
// ถ้านาฬิกากับข้อมูลคนละไตรมาส (เช้าวันที่ 2 ก่อนไฟล์ใหม่ขึ้น) หัวจอยังโชว์ตัวเลข พร้อมบรรทัดเตือน
// (QnrrQuarter.status().mismatch) แทนการซ่อนตัวเลขแบบเดิม
window._qnrrCfgStale = null;

// ── Role roster (v_adsplit, twin of src/nrr/nrr_data.js's copy) ──────────────
// latest_kam_email in kam_rep_view.csv tracks portfolio OWNERSHIP, not
// employment role — an AD/PM person can still hold outlets there. This roster
// (profiles.role driven) lets _rowInScope below reclassify those rows OUT of
// KAM/TL-scoped %NRR. Both bundles populate the same window.nrrRoleRoster
// shape; empty sets = old behavior, so a failed fetch degrades gracefully.
// NOTE: this %NRR feeds real commission payouts via _qnrrComputeForCommission.
window.nrrRoleRoster = window.nrrRoleRoster || { loaded: false, nonKamSet: new Set(), adSet: new Set(), pmSet: new Set() };
async function _qnrrFetchRoleRoster() {
  if (window.nrrRoleRoster.loaded) return window.nrrRoleRoster;
  try {
    // คนที่ลาออก: บัญชีเข้าระบบถูกเปลี่ยนเป็น 'inactive' (ท่อรายชื่อ) ⇒ ตำแหน่งจริงต้องอ่านจากรายชื่อทีม (app_user_roles)
    // ไม่งั้น AD ที่ลาออกถูกนับเป็น KAM ในทีม (Wanmai ต.ค. 2569: ได้เงินแบบ KAM + ทำให้ตัวคูณ upsell ทีม Ploy ต่ำลง)
    const [resp, left] = await Promise.all([
      supa.from('profiles').select('email,role').in('role', ['pm', 'admin', 'sales', 'sales_tl', 'ad', 'ad_tl']),
      supa.from('app_user_roles').select('email,role').eq('active', false).in('role', ['pm', 'admin', 'sales', 'sales_tl', 'ad', 'ad_tl'])
    ]);
    const { data, error } = resp;
    if (error) throw new Error(error.message);
    const rows = (data || []).concat((left && !left.error && left.data) || []);
    const nonKam = new Set(), ad = new Set(), pm = new Set();
    rows.forEach(p => {
      if (!p || !p.email) return;
      const em = p.email.toLowerCase();
      nonKam.add(em);
      if (p.role === 'ad' || p.role === 'ad_tl') ad.add(em);
      // v_adperson: kept in lockstep with the /nrr twin's shape even though
      // Sense doesn't consume pmSet today — see nrr_data.js's copy.
      if (p.role === 'pm') pm.add(em);
    });
    window.nrrRoleRoster = { loaded: true, nonKamSet: nonKam, adSet: ad, pmSet: pm };
  } catch (e) {
    console.warn('[Sense qnrr] role roster fetch failed — KAM scoping falls back to email-only', e);
  }
  return window.nrrRoleRoster;
}
window._qnrrFetchRoleRoster = _qnrrFetchRoleRoster;
// จอทีมกระพริบ (20 ต.ค. 2569): เห็นบนเว็บจริงว่ารายชื่อ KAM ขึ้น 20 คนก่อน แล้วหดเหลือ 14 เมื่อรายชื่อตำแหน่งมาถึง
// (AD/PM ถือพอร์ตแต่ไม่ใช่ KAM — ต้องรู้ว่าใครเป็นใครก่อนจัดกลุ่ม) · ตัวนี้ = ขอรายชื่อครั้งเดียวให้ทุกคนรอร่วม
// เริ่มได้ตั้งแต่รู้ว่าล็อกอิน (01 loadUserProfile) ไม่ต้องรอไฟล์ %NRR · timeoutMs = รอไม่เกินเท่านี้แล้วไปต่อ (ล้ม = ทางเดิม)
// คำขอที่ค้างเกิน 15 วิ (supabase-js ค้างหลังเครื่องตื่น) ไม่ให้ใครรอร่วม — เริ่มคำขอใหม่
// โหลดไม่ได้ ⇒ 30 วิ ถัดไปไม่ขอซ้ำ (จอทีมวาดหลายรอบตอนเปิดแอป — ไม่ยิงซ้ำทุกรอบตอนฐานข้อมูลล่ม/โควตาเต็ม)
const _qnrrRosterInflight = { p: null, at: 0, failAt: 0 };
function _qnrrEnsureRoleRoster(timeoutMs) {
  if (window.nrrRoleRoster && window.nrrRoleRoster.loaded) return Promise.resolve(window.nrrRoleRoster);
  const I = _qnrrRosterInflight;
  const now = Date.now();
  if (!I.p && I.failAt && now - I.failAt >= 0 && now - I.failAt < 30000) return Promise.resolve(window.nrrRoleRoster);
  if (!I.p || now - I.at > 15000 || now < I.at) {
    const p = _qnrrFetchRoleRoster().then(r => {
      if (!(r && r.loaded)) I.failAt = Date.now();
      return r;
    }).finally(() => { if (I.p === p) I.p = null; });
    I.p = p; I.at = now;
  }
  if (!(timeoutMs > 0)) return I.p;
  return Promise.race([I.p, new Promise(res => setTimeout(() => res(window.nrrRoleRoster), timeoutMs))]);
}
window._qnrrEnsureRoleRoster = _qnrrEnsureRoleRoster;

// ══════════════════════════════════════════════════════════════════════════════
// _qnrrCompute — Quarter NRR Health compute (v776 — adjusted base for core transfer_out)
//
// KEY CHANGE v776:
//   transfer_out outlets ที่อยู่ใน core cohort (baseMap) จะถูกหักออกจาก base_norm
//   แบบ retroactive — ไม่ว่า transfer จะเกิดเดือนไหนใน Q ก็ตาม
//   → adjusted_base_norm ใช้คำนวณ NRR ทุกเดือน (Apr/May/Jun)
//   → base_norm_original เก็บไว้แสดง ghost bar บน Mar
//
//   Rule: เฉพาะ outlet ที่ (1) movement_type='transfer_out' ใน Q และ
//         (2) outlet_id อยู่ใน baseMap (core cohort Mar)
//   outlet ที่มาจาก transfer_in/handover/new_sales/comeback แล้ว transfer_out ใน Q
//   → ไม่หักฐาน (ไม่อยู่ใน baseMap)
// ══════════════════════════════════════════════════════════════════════════════
// v_segfilter (2026-07-28, mirrored from src/nrr/nrr_logic.js in the same
// commit): 4-way customer-segment key + the optional `opts.segments` param
// below. Deliberately NOT nrrAccountBucket(), which collapses SA+MC.
//
// INTENTIONALLY INERT IN SENSE — nothing in this app passes a 3rd argument to
// _qnrrCompute today (this is a /nrr dashboard feature). It is mirrored here
// only to keep the two engines byte-diffable, which the header of
// src/nrr/nrr_logic.js treats as a load-bearing debugging tool. Do not go
// looking for the Sense caller; there isn't one yet.
function nrrSegmentKey(row) {
  var t = (row.account_type || '').trim();
  if (t === 'SA') return 'sa';
  if (t === 'MC') return 'mc';
  if (t === 'Chain') return 'chain';
  return 'other';
}
window.nrrSegmentKey = nrrSegmentKey;

function _qnrrCompute(kamEmail, scope, opts) {
  scope = scope || 'kam';
  // v_segfilter: captured once so it stays constant across every
  // _rowInScope / baseMap / _effectiveMovement pass. Absent => byte-identical
  // to pre-v_segfilter. MUST be applied inside _rowInScope, never as a
  // pre-filter on bulkQnrrData — pre-filtering empties qd.byTlEmail[tl], so
  // myTlEmail resolves to '' and the org-wide fallback at :92 silently fires,
  // returning ORG numbers under a team heading with no error.
  var _segs = (opts && opts.segments && opts.segments.length) ? opts.segments : null;
  // v850-fix: kamEmail is genuinely optional for 'tl'/'admin' org-wide scope -- allRows
  // selection and _rowInScope() below both already branch away from kamEmail for those
  // scopes (admin: allRows=qd.allRows, _rowInScope=true unconditionally; tl-with-no-
  // myTlEmail: same org-wide fallback). Only 'kam' scope actually needs a real email
  // (used to filter r.latest_kam_email === kamEmail). The old unconditional guard here
  // silently returned null every time the Admin "ทีม" org-wide toggle called this with
  // kamEmail=null, scope='admin' -- portview bar (_nrrBarSource(null,null) for _showAll)
  // then fell back to the legacy MoM calc while the QNRR panel (which happens to pass
  // the viewer's own email even in admin scope) computed correctly. That's the source
  // of the 107% (portview, wrong) vs 105% (QNRR panel, correct) mismatch Bucci found
  // live on the Admin org-wide view (2026-07-07).
  if (scope === 'kam' && !kamEmail) return null;
  var qd = window.bulkQnrrData;
  if (!qd || !qd.loaded) return null;

  var myTlEmail = '';
  var kamRows = (qd.byKamEmail && qd.byKamEmail[kamEmail]) || [];
  if (kamRows.length) {
    myTlEmail = (kamRows.find(function(r){return r.latest_tl_email;}) || {}).latest_tl_email || ''; // v827-fix
  }
  // v817: TL/Admin login ตรงๆ — email ของตัวเองอาจอยู่ใน byTlEmail โดยตรง
  if (!myTlEmail && qd.byTlEmail && qd.byTlEmail[kamEmail]) {
    myTlEmail = kamEmail;
  }

  var allRows;
  if (scope === 'tl' && myTlEmail && qd.byTlEmail && qd.byTlEmail[myTlEmail]) {
    allRows = qd.byTlEmail[myTlEmail];
  } else if (scope === 'tl' && !myTlEmail) {
    // Admin ดู tl scope แต่ไม่มี myTlEmail → ใช้ allRows (portfolio ทั้งองค์กร)
    // v_vis (2026-10-03): ทั้งองค์กรเฉพาะคนดูที่เป็น admin — หัวหน้าทีมที่ระบบหาลูกทีมไม่เจอ
    // (อีเมลไม่ตรงในไฟล์ · หัวหน้าทีมใหม่) เคยตกมาตรงนี้แล้วได้ตัวเลขของทั้งบริษัท = เห็นข้ามทีม
    var _viewerAdmin = false;
    try {
      if (window.nrrProfile) _viewerAdmin = window.nrrProfile.role === 'admin';
      else if (typeof getCurrentRole === 'function') _viewerAdmin = getCurrentRole() === 'admin';
    } catch (e) {}
    if (!_viewerAdmin) return null;
    allRows = qd.allRows || [];
  } else if (scope === 'admin' || scope === 'ad') {
    allRows = qd.allRows || [];
  } else {
    allRows = kamRows;
  }
  if (!allRows || !allRows.length) return null;

  // v_adsplit (2026-07-22, mirrored in src/nrr/nrr_logic.js in the same
  // commit): 'tl'/'admin' scopes exclude rows owned by someone whose real
  // profiles.role is not KAM (window.nrrRoleRoster.nonKamSet); new 'ad'
  // scope selects exactly the ad/ad_tl people's rows. scope 'kam' untouched
  // (self-view). Empty roster = old behavior. This CHANGES the TL %NRR that
  // feeds commission for teams carrying a non-KAM portfolio holder —
  // intended (an AD's book must not inflate a KAM team's number).
  var _roster = window.nrrRoleRoster || { nonKamSet: new Set(), adSet: new Set() };
  var _nonKam = _roster.nonKamSet || new Set();
  var _adSet = _roster.adSet || new Set();
  function _isNonKamOwner(r) {
    return _nonKam.has((r.comm_kam_email || r.latest_kam_email || '').toLowerCase());
  }
  function _rowInScope(r) {
    // v_segfilter: segment gate runs FIRST and is orthogonal to every scope
    // branch below — an AND-condition, not a sibling of them.
    if (_segs && _segs.indexOf(nrrSegmentKey(r)) === -1) return false;
    if (scope === 'kam')   return (r.comm_kam_email || r.latest_kam_email) === kamEmail; // v827-fix
    if (scope === 'tl')    return (myTlEmail ? (r.comm_tl_email || r.latest_tl_email) === myTlEmail : true) && !_isNonKamOwner(r); // v310: TL ของเจ้าของรายเดือน ไม่ใช่ของวันนี้
    if (scope === 'admin') return !_isNonKamOwner(r);
    if (scope === 'ad')    return _adSet.has((r.comm_kam_email || r.latest_kam_email || '').toLowerCase());
    return (r.comm_kam_email || r.latest_kam_email) === kamEmail;
  }

  function _effectiveMovement(r) {
    // v830-fix: raw CSV never contains movement_type='core_nrr_churn' as a literal value
    // (confirmed against actual rep_view export) -- the UI's Churn sub-row expects this
    // category but nothing ever produced it, so Churn always rendered as "--" regardless
    // of real data. Reclassify here: a core_nrr row with curr_gmv=0 IS a churned outlet
    // (was in the retained cohort, dropped to zero this period) -- matches the same
    // curr_gmv===0 split logic validated against real rep_kam export data.
    if (r.movement_type === 'core_nrr' && (parseFloat(r.curr_gmv) || 0) === 0) {
      return 'core_nrr_churn';
    }
    if (scope === 'kam') return r.movement_type;
    // v6-fix: "org-wide, no portfolio boundary" applies in TWO cases, not just
    // scope==='admin' -- when Admin views the "ทีม" (Team) dropdown without being
    // personally a TL of any squad, the code path taken is scope==='tl' with
    // myTlEmail==='' (see allRows selection above), which resolves to the exact same
    // all-rows, no-boundary view as scope==='admin'. Missing this second path was
    // why the reported bug reproduced from the "ทีม" toggle specifically.
    var isOrgWideView = (scope === 'admin') || (scope === 'ad') || (scope === 'tl' && !myTlEmail); // v_adsplit: 'ad' is boundary-less too
    if (isOrgWideView) {
      // At this scope there is no portfolio boundary between individual KAMs -- if
      // an outlet just moves from one KAM to another (both sides still 'KAM'
      // portfolio type), the org never lost it, so it should read as core_nrr here
      // regardless of squad. Moves involving PM/ADMIN/SALE are a genuine portfolio-
      // TYPE change, not just a KAM reassignment, so those stay visible as transfer
      // -- more meaningful signal at VP level. (Flagged separately: whether
      // PM/ADMIN/SALE-involving transfers should ALSO be neutralized at this scope
      // is a business call, not addressed here -- this fix only covers the reported
      // KAM<->KAM case.)
      // v6-fix3: strengthened the check with a second signal. Per the rep_view SQL
      // design, transfer_scope is only tagged 'inter' (PM/ADMIN involved) or
      // 'external' (SALE involved) when the move crosses a real portfolio-TYPE
      // boundary -- for a pure KAM<->KAM reassignment it's blank/falsy. Checking
      // BOTH signals (portfolio fields AND transfer_scope) hedges against either one
      // alone being an incomplete signal for this specific row shape.
      var isPureKamMove = (r.base_portfolio === 'KAM' && r.current_portfolio === 'KAM') || !r.transfer_scope;
      if (isPureKamMove && r.movement_type === 'transfer_out') return null;
      if (isPureKamMove && r.movement_type === 'transfer_in')  return 'core_nrr';
      return r.movement_type;
    }
    // v814: ใช้ base_tl_email แทน base_kam_email ในการ detect same-squad transfer
    // transfer_in/out ระหว่าง KAM ใน squad เดียวกัน → ไม่นับ (neutralize)
    // transfer_in/out ข้ามsquad หรือมาจาก non-KAM (PM/AD/Admin) → นับตามปกติ
    var sameTlBase   = r.base_tl_email && r.base_tl_email === myTlEmail;
    var sameTlPeriod = r.latest_tl_email === myTlEmail; // v827-fix
    // v6-fix2: same bug class as the v840 admin-scope fix, different code path.
    // base_tl_email/latest_tl_email are org-chart TL attribution, set independently
    // of portfolio TYPE -- an outlet moving from ADMIN bucket to a KAM on this exact
    // squad can have base_tl_email===latest_tl_email===myTlEmail even though nothing
    // was previously KAM-managed here at all. That's a genuine new-coverage gain for
    // this squad, not an internal KAM<->KAM reshuffle, so it must NOT be neutralized.
    // Require both sides to already be 'KAM' portfolio type before treating it as
    // same-squad noise.
    var isPureKamMove = (r.base_portfolio === 'KAM' && r.current_portfolio === 'KAM') || !r.transfer_scope;
    var sameTeam     = sameTlBase && sameTlPeriod && isPureKamMove;
    if (sameTeam && r.movement_type === 'transfer_out') return null;
    if (sameTeam && r.movement_type === 'transfer_in')  return 'core_nrr';
    return r.movement_type;
  }

  var scopedRows = allRows.filter(_rowInScope);
  if (!scopedRows.length) return null;

  var base_month  = scopedRows[0].base_month || QNRR_CFG.base_month;
  var months      = [];
  var monthSet    = {};
  scopedRows.forEach(function(r){
    if (!monthSet[r.period_month]){ monthSet[r.period_month]=1; months.push(r.period_month); }
  });
  months.sort();

  // ── Build baseMap from first period month rows ──────────────────────────────
  var baseMap = {};
  var baseMonthRows = scopedRows.filter(function(r){ return r.period_month === months[0]; });
  baseMonthRows.forEach(function(r){
    // exclude handover outlets — KAM ไม่ได้ดูแลจริงๆ ใน base month
    // v852: exclude transfer_in ด้วย — base_gmv ของแถว transfer_in คือฐานภายใต้
    // เจ้าของเดิม (PM/ADMIN/KAM อื่น) และถูกบวกเข้า base_norm ครั้งเดียวอยู่แล้ว
    // โดย symmetric transfer_in adjustment ด้านล่าง ถ้า transfer เกิดในเดือนแรก
    // ของไตรมาส แถวนั้นจะอยู่ใน baseMonthRows พอดีและเคยหลุดเข้า baseMap
    // → ฐานถูกนับซ้ำ 2 ครั้ง (เจอจริง ก.ค. 2026: PM→KAM 44 ร้าน ฐาน ฿2.34M
    // นับซ้ำทั้ง org, Tape โชว์ 92% แทนที่จะเป็น 99%) ตรงกับ invariant v776
    // ในหัวไฟล์ที่ระบุว่าร้าน transfer_in "ไม่อยู่ใน baseMap" อยู่แล้ว
    // ใช้ _effectiveMovement (ไม่ใช่ raw movement_type) เพื่อให้การย้าย KAM↔KAM
    // ทีมเดียวกันที่ tl/admin scope (ซึ่ง reclassify เป็น core_nrr) ยังอยู่ใน
    // baseMap ถูกต้อง — ร้านนั้นเป็นของ scope นั้นตั้งแต่เดือนฐานจริงๆ
    // v_basefix: ฐาน = NRR + Churn + Comeback + Transfer In เท่านั้น
    // ของเดิมพึ่งสมมติว่า new_sales/expansion มี base_gmv=0 เสมอ (ลูกค้าใหม่ย่อมไม่มี
    // ยอดเดือนฐาน) — ข้อมูลจริงหักล้างแล้ว: 16 outlet ทั่วองค์กร ฿790,891 ถูกตีตรา
    // cohort เดือนปัจจุบันทั้งที่มียอดเดือนฐานติดมา จึงเข้าตัวหารแต่ไม่เข้าตัวตั้ง
    // (ตัวตั้งรับแค่ core_nrr/churn/transfer_in/comeback) = กด %NRR ลงทั้งไตรมาส
    // ★ ไฟล์นี้คือตัวที่คิดเงินจริง (_qnrrComputeForCommission) — ต้องแก้คู่กับ
    //   src/nrr/nrr_logic.js เป๊ะ ไม่งั้นหน้าจอกับยอดจ่ายจะคนละกติกากันอีก
    var _effMv = _effectiveMovement(r);
    if (r.base_gmv > 0 && !baseMap[r.outlet_id] && r.movement_type !== 'handover'
        && _effMv !== 'transfer_in'
        && _effMv !== 'new_sales' && _effMv !== 'expansion') {
      baseMap[r.outlet_id] = { gmv: r.base_gmv, days: r.base_days || 31, account_id: r.account_id };
    }
  });

  // ── Compute original base (before transfer_out adjustment) ──────────────────
  var base_gmv_original = 0;
  var base_norm_original = 0;
  Object.keys(baseMap).forEach(function(oid){
    var b = baseMap[oid];
    base_gmv_original  += b.gmv;
    base_norm_original += b.gmv / b.days;
  });

  // ── Core-cohort transfer_out — MONTH-SCOPED (นโยบายบุช 2026-08-07) ─────────
  // Rule: movement_type='transfer_out' AND outlet_id อยู่ใน baseMap (core cohort)
  // period_month = min เดือนที่เจอแถว TO ของ outlet นั้น = เดือนที่ย้ายจริง →
  // ฐานถูกหัก "ตั้งแต่เดือนนั้นเป็นต้นไป" (ดู base_norm_m ในลูปรายเดือนด้านล่าง)
  // ไฟล์เก่า (fan-out ทุกเดือน): min = เดือนแรก = พฤติกรรม quarter-wide เดิมเป๊ะ
  var coreTransferOutSet = {}; // outlet_id → {gmv_norm, account_name, period_month}
  // gmv_norm ใช้ unit เดียวกับ base_norm_original = gmv / days (ไม่ × 30)
  // เพื่อให้ base_norm = base_norm_original − transfer_out_base_norm หักได้ถูก
  scopedRows.forEach(function(r){
    var mv = _effectiveMovement(r);
    if (mv === 'transfer_out' && baseMap[r.outlet_id]) {
      var prevOut = coreTransferOutSet[r.outlet_id];
      if (!prevOut || r.period_month < prevOut.period_month) {
        var b = baseMap[r.outlet_id];
        coreTransferOutSet[r.outlet_id] = {
          gmv_norm:     b.gmv / b.days,   // unit: GMV/day (same as base_norm_original)
          account_name: r.account_name || '',
          period_month: r.period_month
        };
      }
    }
  });

  // ── Adjusted base = original base − core transfer_out ──────────────────────
  var transfer_out_base_norm = 0;
  var transfer_out_base_gmv  = 0;
  var transfer_out_outlets   = [];
  Object.keys(coreTransferOutSet).forEach(function(oid){
    var t = coreTransferOutSet[oid];
    transfer_out_base_norm += t.gmv_norm;
    transfer_out_base_gmv  += baseMap[oid].gmv;
    transfer_out_outlets.push({ outlet_id: oid, gmv_norm: t.gmv_norm,
      account_name: t.account_name, period_month: t.period_month });
  });

  // ── Find all transfer_in outlets across entire Q (symmetric with transfer_out) ──
  // v6-fix4: per Bucci decision 2026-07-06 — transfer_in must count toward NRR the
  // same way transfer_out does. Before this: an outlet transferring OUT got its base
  // GMV removed from the denominator (fair — not the portfolio's fault), but an
  // outlet transferring IN was never added to either side of the ratio at all — it
  // only showed in the separate "Transfer in" display bucket and in Total GMV. That
  // meant a portfolio receiving a large transferred-in account got zero accountability
  // for it for the rest of the quarter: its performance never touched core NRR%,
  // which is what drives commission/pace tracking. This mirrors transfer_out exactly.
  // MONTH-SCOPED update (นโยบายบุช 2026-08-07): เดือนย้าย = min(period_month)
  // และฐาน (base_gmv) ต้องมาจาก "แถวเดือนแรกสุด" เท่านั้น — base_gmv บนแถวเดือน
  // หลังๆ เชื่อถือไม่ได้ (ดู src/nrr/nrr_waivers.js:14-20) ของเดิมหยิบแถวแรกตาม
  // ลำดับ iteration = ขึ้นกับการเรียงไฟล์ ไม่ deterministic
  var coreTransferInSet = {}; // outlet_id → {gmv, gmv_norm, account_name, period_month}
  scopedRows.forEach(function(r){
    var mv = _effectiveMovement(r);
    if (mv === 'transfer_in') {
      var prevIn = coreTransferInSet[r.outlet_id];
      if (!prevIn || r.period_month < prevIn.period_month) {
        var b_gmv  = parseFloat(r.base_gmv) || 0;
        var b_days = parseFloat(r.base_days) || 31;
        coreTransferInSet[r.outlet_id] = {
          gmv:          b_gmv,
          gmv_norm:     b_gmv / b_days,   // unit: GMV/day (same as base_norm_original)
          account_id:   r.account_id || '',
          account_name: r.account_name || '',
          period_month: r.period_month
        };
      }
    }
  });
  var transfer_in_base_norm = 0;
  var transfer_in_base_gmv  = 0;
  var transfer_in_outlets   = [];
  Object.keys(coreTransferInSet).forEach(function(oid){
    var t = coreTransferInSet[oid];
    transfer_in_base_norm += t.gmv_norm;
    transfer_in_base_gmv  += t.gmv;
    transfer_in_outlets.push({ outlet_id: oid, gmv_norm: t.gmv_norm,
      account_name: t.account_name, period_month: t.period_month });
  });


  // ── v_ownermove (2026-09-10): ย้ายเจ้าของ "โดยไม่มีแถวย้าย" ───────────────────
  // เคสจริง Pop → Kwan (ก.ย. 2026): 98 ร้านเปลี่ยนเจ้าของประจำเดือนเฉย ๆ ไฟล์ไม่ได้
  // ออกแถว transfer_out/transfer_in ให้เลย (KAM→KAM ที่ตัดสินด้วย period_kam_email
  // ตามกฎเดือนที่ออกจากงาน) ⇒ กลไก month-scoped ข้างบนไม่ถูกปลุก ⇒ ฐานค้างอยู่กับ
  // เจ้าของเดือนแรกของไตรมาสทั้งไตรมาส
  //   Kwan  ก.ย. 102 ร้าน ยอด ฿2.4M แต่ฐาน ฿0  → หารไม่ได้ ขึ้น "—"
  //   Pop   ก.ย. เหลือ 6 ร้าน ยอด ฿0 แต่ฐาน ฿8.6M → 0.0%
  // แก้ให้ "เปลี่ยนเจ้าของ" มีผลกับฐานแบบเดียวกับแถวย้ายเป๊ะ: ตั้งแต่เดือนที่ย้ายไป
  //
  // ⚠️ กับดักที่ต้องกันให้ได้: "ไม่มีแถวเดือนนี้" ไม่ได้แปลว่าย้ายออก — ร้านที่หยุด
  //    สั่งของก็ไม่มีแถวเหมือนกัน และร้านแบบนั้นต้อง **คงอยู่ในฐาน** (นั่นคือนิยาม
  //    ของ churn ใน NRR) จึงต้องเช็คจากดัชนีทั้งองค์กรว่าเดือนนั้นร้านไปอยู่กับใคร
  //    ถ้าไปอยู่กับคนนอก scope = ย้ายจริง · ถ้าไม่มีใครถือเลย = หยุดซื้อ ไม่ใช่ย้าย
  //
  // ทำเฉพาะ scope ที่มี "ขอบเขต" จริง (kam · tl ที่ระบุทีม) — ที่ admin/ad/org-wide
  // การย้าย KAM→KAM ไม่ได้ออกนอก scope อยู่แล้ว และถูก neutralize เป็น core_nrr ไปแล้ว
  var ownerMoveOutSet = {};   // outlet_id → {gmv_norm, account_name, period_month}
  var ownerMoveInSet  = {};   // outlet_id → {gmv, gmv_norm, account_name, period_month}
  var _omScoped = (scope === 'kam') || (scope === 'tl' && myTlEmail);
  if (_omScoped) {
    var _omKey = function (r) {
      return scope === 'kam'
        ? (r.comm_kam_email || r.latest_kam_email || '')
        : (r.comm_tl_email  || r.latest_tl_email  || '');
    };
    var _omMe = scope === 'kam' ? kamEmail : myTlEmail;

    // ดัชนีทั้งองค์กร: outlet|เดือน → เจ้าของเดือนนั้น (ไม่ใช่แค่แถวใน scope)
    var _omOwner = {};
    var _omOrgRows = (qd.allRows && qd.allRows.length) ? qd.allRows : allRows;
    _omOrgRows.forEach(function (r) {
      var k = r.outlet_id + '|' + r.period_month;
      if (!_omOwner[k]) _omOwner[k] = _omKey(r);
    });

    // เดือนแรกที่ outlet โผล่ใน scope นี้ (ใช้ตัดสินว่า "เพิ่งเข้ามา")
    var _omFirstIn = {};
    scopedRows.forEach(function (r) {
      if (!_omFirstIn[r.outlet_id] || r.period_month < _omFirstIn[r.outlet_id]) {
        _omFirstIn[r.outlet_id] = r.period_month;
      }
    });

    // ── ขาเข้า: ร้านที่ไม่อยู่ใน baseMap แต่เข้ามาอยู่ใน scope กลางไตรมาส ──────
    // เงื่อนไขครบทุกข้อถึงจะบวกฐาน:
    //   1. ไม่ได้อยู่ใน baseMap (ไม่เคยถูกนับเป็นฐานของ scope นี้)
    //   2. ไม่มีแถวใน scope นี้ในเดือนแรกของไตรมาส (เพิ่งเข้ามาจริง)
    //   3. เดือนแรกของไตรมาส ร้านนี้ "มีตัวตนในไฟล์" อยู่แล้ว = เคยเป็นฐานของคนอื่น
    //      (กันร้านเปิดใหม่กลางไตรมาสแอบได้ฐานฟรี)
    //   4. แถวแรกที่เข้ามามี base_gmv > 0 และเป็น core_nrr/churn/comeback
    //      (ไม่เอา new_sales/expansion/handover/transfer_in — สามตัวแรกไม่ใช่ฐาน
    //       ส่วน transfer_in มีกลไกของตัวเองแล้ว บวกซ้ำไม่ได้)
    scopedRows.forEach(function (r) {
      var oid = r.outlet_id;
      if (baseMap[oid]) return;
      if (_omFirstIn[oid] !== r.period_month) return;      // เอาแถวเดือนแรกที่เข้ามาเท่านั้น
      if (r.period_month === months[0]) return;            // อยู่มาตั้งแต่เดือนแรก ไม่ใช่ย้ายเข้า
      if (!_omOwner[oid + '|' + months[0]]) return;        // เดือนแรกไม่มีตัวตนในไฟล์ = ร้านใหม่
      var mv = _effectiveMovement(r);
      if (mv !== 'core_nrr' && mv !== 'core_nrr_churn' && mv !== 'comeback') return;
      var g = parseFloat(r.base_gmv) || 0;
      if (g <= 0) return;
      var d = parseFloat(r.base_days) || 31;
      if (!ownerMoveInSet[oid] || r.period_month < ownerMoveInSet[oid].period_month) {
        ownerMoveInSet[oid] = { gmv: g, gmv_norm: g / d, account_id: r.account_id || '',
          account_name: r.account_name || '', period_month: r.period_month };
      }
    });

    // ── ขาออก: ร้านที่อยู่ใน baseMap แล้วเดือนนั้นไปอยู่กับคนนอก scope ──────────
    // ต้อง "มีเจ้าของคนอื่นจริง" ในเดือนนั้น — ไม่มีแถวเลย = หยุดซื้อ ต้องคงอยู่ในฐาน
    // ⚠️ ต้องไล่ "ทุกเดือนที่มีในไฟล์" ไม่ใช่แค่เดือนที่ scope นี้ยังมีแถวอยู่ —
    //    KAM ที่เสียร้านไปทั้งพอร์ตจะไม่มีแถวในเดือนนั้นเลย ถ้าใช้ months ของ scope
    //    จะไล่ไม่ถึงเดือนที่ย้าย แล้วฐานจะค้างอยู่ตลอดไป
    var _omMonthsSet = {}, _omMonths = [];
    _omOrgRows.forEach(function (r) {
      if (!_omMonthsSet[r.period_month]) { _omMonthsSet[r.period_month] = 1; _omMonths.push(r.period_month); }
    });
    _omMonths.sort();
    _omMonths.forEach(function (m) {
      if (m <= months[0]) return;
      Object.keys(baseMap).forEach(function (oid) {
        if (ownerMoveOutSet[oid]) return;                   // จับเดือนแรกสุดที่ย้ายออก
        if (coreTransferOutSet[oid]) return;                // มีแถวย้ายออกแล้ว หักซ้ำไม่ได้
        var own = _omOwner[oid + '|' + m];
        if (!own || own === _omMe) return;                  // ไม่มีใครถือ = หยุดซื้อ · ยังเป็นของเรา = ไม่ย้าย
        var b = baseMap[oid];
        ownerMoveOutSet[oid] = { gmv_norm: b.gmv / b.days,
          account_name: (baseMap[oid].account_name || ''), period_month: m };
      });
    });
  }
  var owner_move_in_base_norm = 0, owner_move_in_base_gmv = 0, owner_move_in_outlets = [];
  Object.keys(ownerMoveInSet).forEach(function (oid) {
    var t = ownerMoveInSet[oid];
    owner_move_in_base_norm += t.gmv_norm;
    owner_move_in_base_gmv  += t.gmv;
    owner_move_in_outlets.push({ outlet_id: oid, gmv_norm: t.gmv_norm,
      account_name: t.account_name, period_month: t.period_month });
  });
  var owner_move_out_base_norm = 0, owner_move_out_base_gmv = 0, owner_move_out_outlets = [];
  Object.keys(ownerMoveOutSet).forEach(function (oid) {
    var t = ownerMoveOutSet[oid];
    owner_move_out_base_norm += t.gmv_norm;
    owner_move_out_base_gmv  += baseMap[oid].gmv;
    owner_move_out_outlets.push({ outlet_id: oid, gmv_norm: t.gmv_norm,
      account_name: t.account_name, period_month: t.period_month });
  });

  var base_norm = base_norm_original - transfer_out_base_norm + transfer_in_base_norm
                  - owner_move_out_base_norm + owner_move_in_base_norm;   // v_ownermove
  var base_gmv  = base_gmv_original  - transfer_out_base_gmv  + transfer_in_base_gmv
                  - owner_move_out_base_gmv + owner_move_in_base_gmv;     // v_ownermove
  var cohort_outlets = Object.keys(baseMap).length; // แสดง original cohort count

  // handover base: Mar GMV ของ handover outlets (แสดงใน Mar bar แต่ไม่นับใน NRR denom)
  var handover_base_norm = 0;
  baseMonthRows.forEach(function(r){
    if (r.movement_type === 'handover' && r.base_gmv > 0) {
      var base_d = parseFloat(r.base_days) || 31;
      handover_base_norm += (parseFloat(r.base_gmv) || 0) / base_d * 30;
    }
  });

  var MOVEMENTS = ['core_nrr','core_nrr_churn','handover','new_sales',
                   'expansion','comeback','transfer_in','transfer_out'];

  var by_month = {};
  months.forEach(function(month){
    var monthRows = scopedRows.filter(function(r){ return r.period_month === month; });
    var segments  = {};
    var outlets   = {};
    MOVEMENTS.forEach(function(m){ segments[m] = 0; outlets[m] = 0; });

    var seenOutlets = {};
    var nrr_curr_norm = 0;
    var core_nrr_base_sum = 0;

    monthRows.forEach(function(r){
      var mv = _effectiveMovement(r);
      if (!mv) return;
      var base_d = parseFloat(r.base_days) || 31;
      var curr_d = parseFloat(r.curr_days) || 30;
      var gmvVal = (mv === 'core_nrr_churn' || mv === 'transfer_out')
        ? (parseFloat(r.base_gmv) || 0) / base_d * 30
        : (parseFloat(r.curr_gmv) || 0) / curr_d * 30;
      segments[mv] = (segments[mv] || 0) + gmvVal;
      outlets[mv]  = (outlets[mv]  || 0) + 1;

      if (mv === 'core_nrr') {
        core_nrr_base_sum += (parseFloat(r.base_gmv) || 0) / base_d * 30;
      }

      // Waived accounts (nrr_exclusions, approved for this exact period_month)
      // still count toward GMV/segments/outlets above -- only excluded from the
      // NRR numerator (here) and denominator (base_norm, see effectiveBaseNorm
      // below) since GMV/other performance metrics must stay unaffected.
      var waived = typeof _nrrAccountWaivedForPeriod === 'function' &&
        _nrrAccountWaivedForPeriod(r.account_id, month, r.outlet_id);

      if (!waived && (mv === 'core_nrr' || mv === 'core_nrr_churn' || mv === 'transfer_in') && r.base_gmv > 0) {
        if (!seenOutlets[r.outlet_id]) {
          seenOutlets[r.outlet_id] = true;
          var curr_days = r.curr_days || 30;
          nrr_curr_norm += curr_days > 0 ? r.curr_gmv / curr_days : 0;
        }
      }

      // v848: comeback GMV now counts toward the NRR numerator (Bucci decision 2026-07-07).
      // Comeback outlets have base_gmv=0 by definition (they churned before the base month),
      // so they were never in baseMap and never touch the denominator -- no base_gmv>0 gate
      // needed/possible here. This is intentionally ASYMMETRIC with transfer_in (which adds
      // to both numerator AND denominator, v845): comeback is pure upside added only to the
      // numerator against an unchanged base. Example: base 10M (core 10M + comeback 0M since
      // inactive in base month) -> Sep core 9.5M + comeback 0.5M -> numerator 9.5+0.5=10M ->
      // NRR = 10M/10M = 100%.
      if (!waived && mv === 'comeback') {
        if (!seenOutlets[r.outlet_id]) {
          seenOutlets[r.outlet_id] = true;
          var curr_days_cb = r.curr_days || 30;
          nrr_curr_norm += curr_days_cb > 0 ? r.curr_gmv / curr_days_cb : 0;
        }
      }
    });

    // ── base_norm_m: ฐาน month-scoped ของเดือนนี้ (ก่อนหัก waiver) ──────────
    // นโยบายบุช 2026-08-07: ย้ายเดือน M มีผลกับฐานตั้งแต่เดือน M เป็นต้นไป
    // เท่านั้น — %NRR ของเดือนที่จบ/ล็อกแล้ว ห้ามขยับเพราะการย้ายในอนาคต
    // สะสมด้วย min-เดือนย้าย ≤ เดือนนี้: ออก ส.ค. แล้ว ก.ย. ไม่มีแถวก็ยังถือว่าออก
    // ★ ต้องแก้คู่กับ src/nrr/nrr_logic.js (_qnrrCompute + nrrComputeRowsPool) เสมอ
    var toM = 0, tiM = 0;
    Object.keys(coreTransferOutSet).forEach(function(oid){
      if (coreTransferOutSet[oid].period_month <= month) toM += coreTransferOutSet[oid].gmv_norm;
    });
    Object.keys(coreTransferInSet).forEach(function(oid){
      if (coreTransferInSet[oid].period_month <= month) tiM += coreTransferInSet[oid].gmv_norm;
    });
    // v_ownermove: การเปลี่ยนเจ้าของก็ month-scoped แบบเดียวกับแถวย้ายเป๊ะ
    var omoM = 0, omiM = 0;
    Object.keys(ownerMoveOutSet).forEach(function(oid){
      if (ownerMoveOutSet[oid].period_month <= month) omoM += ownerMoveOutSet[oid].gmv_norm;
    });
    Object.keys(ownerMoveInSet).forEach(function(oid){
      if (ownerMoveInSet[oid].period_month <= month) omiM += ownerMoveInSet[oid].gmv_norm;
    });
    var base_norm_m = base_norm_original - toM + tiM - omoM + omiM;

    // Waived-account (nrr_exclusions) base contribution is removed per-month —
    // a waiver applies to one specific month only, on top of the month-scoped
    // base above.
    var effectiveBaseNorm = base_norm_m;
    if (typeof _nrrAccountWaivedForPeriod === 'function') {
      Object.keys(baseMap).forEach(function(oid){
        var b = baseMap[oid];
        if (b.account_id && _nrrAccountWaivedForPeriod(b.account_id, month, oid)) {
          effectiveBaseNorm -= (b.gmv / b.days);
        }
      });
      // v_waivemoved (10 ต.ค. 2026): ร้านย้ายเข้า/รับต่อที่ได้รับยกเว้นเดือนนี้ หักฐานออกด้วย
      // (ตัวตั้งตัดร้านที่ยกเว้นออกอยู่แล้ว ตัวหารต้องตัดด้วย) ★ คู่กับ src/nrr/nrr_logic.js
      [coreTransferInSet, ownerMoveInSet].forEach(function(set){
        Object.keys(set).forEach(function(oid){
          var t = set[oid];
          if (t.period_month <= month && t.account_id && _nrrAccountWaivedForPeriod(t.account_id, month, oid)) {
            effectiveBaseNorm -= t.gmv_norm;
          }
        });
      });
    }

    // NRR คำนวณจาก base_norm_m (ฐาน month-scoped: ย้ายเข้า/ออกนับตั้งแต่เดือน
    // ที่ย้าย, และหัก waived-account base ของเดือนนี้)
    // v92-fix: NO rounding — this flows into _qnrrComputeForCommission's
    // `nrr` ratio (line ~493 below), which the commission engine's tier/gate
    // threshold comparisons ultimately use. Rounding here before that
    // decision was the quarterly-mode half of a real payout-rounding bug
    // (see 07a_commission_engine.js's _nrrGovernedPct comment). Round only
    // for display, via _commFmtPct(), never before a threshold decision.
    var nrr_pct = effectiveBaseNorm > 0
      ? (nrr_curr_norm / effectiveBaseNorm * 100)
      : null;

    var total_gmv = MOVEMENTS
      .filter(function(m){ return m !== 'transfer_out' && m !== 'core_nrr_churn'; })
      .reduce(function(s,m){ return s + (segments[m] || 0); }, 0);

    var curr_days_sample = monthRows.find(function(r){return r.curr_days>0;});
    var curr_days = curr_days_sample ? curr_days_sample.curr_days : 30;

    var contraction = (segments.core_nrr || 0) - core_nrr_base_sum;

    var monthParts  = month.split('-');
    var daysInMonth = new Date(parseInt(monthParts[0]), parseInt(monthParts[1]), 0).getDate();
    // v_daybasis (2026-08-31): เดิมผ่อนให้ 2 วัน — เดือนที่ข้อมูลขาดไป 1-2 วันจึงถูก
    // นับว่า "จบเดือนแล้ว" ทั้งที่เลขบนจอถูกคูณขึ้นเป็นเต็มเดือน (ดู _nrrActualizeResult)
    // เคสจริง ส.ค. 2026: ข้อมูล 30 วัน เดือนมี 31 วัน ⇒ 30 < 29 เป็นเท็จ ⇒ ไม่ขึ้นลายเฉียง
    // แล้วจอโชว์ ฿215.1M ซึ่งบวกไปแล้ว 3.3% จากยอดที่เกิดขึ้นจริง โดยไม่บอกใคร
    // ขาดวันไหนก็คือยังไม่จบเดือน ไม่มีเหตุผลให้ผ่อน
    var isPartial   = curr_days > 0 && curr_days < daysInMonth;

    by_month[month] = {
      nrr_pct:        nrr_pct,
      base_norm_m:    base_norm_m,            // month-scoped base ก่อนหัก waiver (field ไตรมาสด้านล่างคือ fold เต็ม)
      effective_base_norm: effectiveBaseNorm, // v865: per-month base after waived-account subtraction
      total_gmv:      total_gmv,
      segments:       segments,
      outlets:        outlets,
      rows:           monthRows,
      curr_days:      curr_days,
      days_in_month:  daysInMonth,
      is_partial:     isPartial,
      core_nrr_base:  core_nrr_base_sum,
      contraction:    contraction
    };
  });

  return {
    quarter:                QNRR_CFG.quarter,   // v_autoq: _QNRR_QUARTER ตายแล้ว
    base_month:             base_month,
    months:                 months,
    base_gmv:               base_gmv,
    base_norm:              base_norm,
    base_norm_original:     base_norm_original,      // v776: ฐานก่อนหัก transfer_out
    transfer_out_base_norm: transfer_out_base_norm,  // v776: จำนวนที่ถูกหัก
    transfer_out_outlets:   transfer_out_outlets,    // v776: รายการ outlet ที่ถูกหัก
    transfer_in_base_norm:  transfer_in_base_norm,   // v6-fix4: จำนวนที่ถูกบวกเข้า (สมมาตรกับ transfer_out)
    transfer_in_outlets:    transfer_in_outlets,     // v6-fix4: รายการ outlet ที่ถูกบวกเข้า
    owner_move_out_base_norm: owner_move_out_base_norm, // v_ownermove: ฐานที่ย้ายออกเพราะเปลี่ยนเจ้าของ
    owner_move_out_outlets:   owner_move_out_outlets,
    owner_move_in_base_norm:  owner_move_in_base_norm,  // v_ownermove: ฐานที่ย้ายเข้าเพราะเปลี่ยนเจ้าของ
    owner_move_in_outlets:    owner_move_in_outlets,
    handover_base_norm:     handover_base_norm,
    cohort_outlets:         cohort_outlets,
    by_month:               by_month
  };
}
window._qnrrCompute = _qnrrCompute;

// ── _qnrrEnsureLoaded — self-heal for IDB-FAST path skipping qnrr (v849-fix) ────
// Root cause (found 2026-07-07, Bucci): _preloadFromIndexedDB() (02_data_pipeline.js)
// has no fallback fetch for the 'qnrr' tab specifically when it's missing/expired in
// IndexedDB. The IDB-FAST boot path only requires the 3 CRITICAL tabs (portview/
// history/handover) to activate -- it can fire successfully while 'qnrr' silently
// stays unloaded forever, because _prefetchQnrrIfNeeded() only lives inside the full
// loadFromCloudflareR2() flow, which IDB-FAST skips entirely. Symptom observed live:
// portview bar and commission cockpit silently fell back to stale/wrong numbers
// (legacy MoM calc, or a confident-looking ฿0) with zero visible error, and no
// browser reload fixed it because the same IDB-FAST race reproduced identically
// every time. Same bug CLASS as the v231-fix already applied for upsell_team
// (06_portview_teamview.js:2330) -- this is the same fix pattern applied to qnrr.
// Called from _qnrrComputeForCommission() below so every consumer (portview bar,
// commission strip/cockpit, team governance card) self-heals from one place.
function _qnrrEnsureLoaded() {
  if (window.bulkQnrrData && window.bulkQnrrData.loaded) return;
  if (window._qnrrSelfHealInFlight) return;
  if (typeof window._fetchQnrrBundle !== 'function') return;
  window._qnrrSelfHealInFlight = true;
  window._fetchQnrrBundle().finally(function () {
    window._qnrrSelfHealInFlight = false;
    if (!window.bulkQnrrData || !window.bulkQnrrData.loaded) return; // genuinely failed -- existing 15s force-release in _fetchQnrrBundle still applies, leave as-is
    _qnrrNotifyConsumers();
  });
}
window._qnrrEnsureLoaded = _qnrrEnsureLoaded;

// ── _qnrrNotifyConsumers (v302) ──────────────────────────────────────────────
// ปลุกทุกจอที่แสดง %NRR หลังไฟล์ qnrr มาถึง — เดิม body นี้อยู่ใน finally ข้างบน
// เท่านั้น ซึ่ง hook ก็ต่อเมื่อมีคนเรียก _qnrrComputeForCommission ก่อนโหลดเสร็จ
// แต่เส้น prefetch (02:_prefetchQnrrIfNeeded) ไม่ผ่านทางนี้ และ RenderBus.signal('qnrr')
// ถูก _flush ทิ้งเมื่อ DataRegistry.version ไม่เปลี่ยน (02:2836) — บน warm boot จึงมี
// กรณีที่ข้อมูลมาแล้วแต่ไม่มีใครวาด · ตอนนี้ 02 เรียกฟังก์ชันนี้ตรงจาก handler
// bulk-qnrr-single และหลัง role roster มาถึงด้วย
// ปลอดภัยต่อการเรียกซ้ำ: bar ผ่านตัวรวมคำสั่ง · team bar / วงแหวนมี renderKey ของตัวเอง
function _qnrrNotifyConsumers() {
  try {
    var _bar = document.getElementById('tgt-portview-bar');
    if (_bar) _bar._lastRenderMs = 0; // bypass anti-flicker debounce for this authoritative repaint
    // v_renderstorm: ผ่านตัวรวมคำสั่งแทนเรียกตรง — เส้น self-heal นี้มาพร้อมกับอีกหลาย
    // จุดที่โหลดข้อมูลเสร็จตอนบูตของ admin ได้ (ต้นเหตุ render storm ที่เจอใน app_errors)
    if (typeof scheduleRenderPortviewTargetBar === 'function') scheduleRenderPortviewTargetBar();
  } catch (e) {}
  try { if (typeof window._commRenderKamSelfStrip === 'function') window._commRenderKamSelfStrip(); } catch (e) {}
  try { if (typeof window._commGatedRender === 'function') window._commGatedRender(); } catch (e) {}
  try { if (typeof _qnrrRender === 'function') _qnrrRender(); } catch (e) {}
  try {
    if (document.getElementById('scr-teamview')?.classList.contains('on') && typeof scheduleRenderTeamviewKamList === 'function') {
      scheduleRenderTeamviewKamList();
    }
  } catch (e) {}
  // v302: หัวจอทีมและวงแหวนหน้าแรกไม่ได้อยู่ใน RenderBus เส้นนี้ — ปลุกตรง
  try { if (document.getElementById('scr-teamview')?.classList.contains('on') && typeof renderTeamviewSummary === 'function') renderTeamviewSummary(); } catch (e) {}
  // v_shopnrr: % รายร้าน กล่องนับร้าน ลำดับร้าน แถบย่อ และตัวเลขบนปุ่มพอร์ต อ่านไฟล์นี้ด้วยแล้ว
  // ฟังก์ชันนี้ถูกเรียกได้หลายครั้งติดกันตอนบูต (โหลดไฟล์ · roster · finally) ⇒ รวมเป็นครั้งเดียวด้วยตัวหน่วง
  // (v_renderstorm: ห้ามยิงวาดตรงซ้ำ) · จอพอร์ตเปิดอยู่ = วาดรายการ/สรุป/แถบย่อผ่าน _senseHydrateVisiblePortfolio
  // ปิดอยู่ = วาดเฉพาะสรุป เพื่อให้ตัวเลขร้านเสี่ยงบนปุ่มพอร์ตตามเลขใหม่ (เดิมตั้งเฉพาะตอนเปิดจอ)
  try {
    if (window._qnrrShopRepaintTimer) clearTimeout(window._qnrrShopRepaintTimer);
    window._qnrrShopRepaintTimer = setTimeout(function () {
      window._qnrrShopRepaintTimer = null;
      try {
        if (typeof _pvClearAccountCache === 'function') _pvClearAccountCache();
        if (document.getElementById('scr-portview')?.classList.contains('on')) {
          if (typeof _senseHydrateVisiblePortfolio === 'function') _senseHydrateVisiblePortfolio('qnrr-shop', { delay: 0 });
        } else if (typeof renderPortviewSummary === 'function' && typeof portviewBulkData !== 'undefined' && portviewBulkData && portviewBulkData.length) {
          renderPortviewSummary();
        }
      } catch (e) {}
    }, 400);
  } catch (e) {}
  // หน้าแรก KAM = #scr-overview (kav-status-strip อยู่ในนี้) — ไม่ใช่ 'scr-kam-overview' (ไม่มีใน shell)
  try { if (document.getElementById('scr-overview')?.classList.contains('on') && typeof _renderKamZone1Status === 'function') _renderKamZone1Status(); } catch (e) {}
}
window._qnrrNotifyConsumers = _qnrrNotifyConsumers;

// ── _qnrrComputeForCommission (Q3 quarterly mode) ───────────────────────────────
// Wraps _qnrrCompute() and reshapes output for _commBuildKamPayout / _commBuildTlPayout.
// Source of truth: bulkQnrrData (kam_rep_view.csv) — same as QNRR sheet.
// Guarantees NRR% in commission = NRR% in QNRR sheet (T3).
//
// scope: 'kam' | 'tl' | 'admin'
// currentPeriod: '2026-07' | '2026-08' | '2026-09' (lag-1 YYYY-MM)
function _qnrrComputeForCommission(kamEmail, scope, asOfPeriod) {
  try {
    // v849-fix: kick the self-heal check on every call -- cheap no-op once loaded
    // or already in flight, but guarantees a fetch eventually fires even if the
    // IDB-FAST boot path skipped it (see _qnrrEnsureLoaded comment above).
    _qnrrEnsureLoaded();

    var validQ = QNRR_CFG.q_months;  // ['2026-07','2026-08','2026-09']
    var currentPeriod;
    // v_qguard (2026-10-02): ขอเดือนมาเจาะจงแต่เดือนนั้นอยู่นอกไตรมาสของไฟล์ ⇒ ปฏิเสธ
    // เดิมกรณีนี้ถูกถือว่า "ไม่ได้ขอ" แล้วไปคิดเดือน lag-1 แทนเงียบ ๆ ผู้เรียกฝั่งเงิน
    // (_commBuildKamPayout และทาง TL ใน 07a) เช็คแค่ period_missing ⇒ พอไตรมาสเลื่อนเป็น Q4
    // การขอ ก.ย. จะได้ตัวเลข ต.ค. แปะชื่อ ก.ย. — ที่ผ่านมารอดเพราะ literal ยังเป็น Q3 เท่านั้น
    if (asOfPeriod && !validQ.includes(asOfPeriod)) {
      console.warn('[QnrrComm] เดือน ' + asOfPeriod + ' อยู่นอกไตรมาส ' + JSON.stringify(validQ) + ' — ปฏิเสธ', kamEmail);
      return { period_missing: true, requested_period: asOfPeriod, outside_quarter: true };
    }
    // v_cell: จำไว้ว่าผู้เรียก "ขอเดือนนี้มาเจาะจง" หรือ "ขอเดือนปัจจุบันก็ได้"
    // สองอย่างนี้ต้องปฏิบัติต่างกันตอนไม่มีข้อมูลของเดือนที่ขอ (ดูหมายเหตุตรงจุดนั้น)
    var _explicitPeriod = !!(asOfPeriod && validQ.includes(asOfPeriod));
    if (_explicitPeriod) {
      // v829: explicit period requested (Retroactive Lock / auto-compute-at-month-start) —
      // use it directly instead of "today". bulkQnrrData already has rows for all 3 quarter
      // months at once, so no extra fetch is needed — just pick a different by_month key.
      currentPeriod = asOfPeriod;
    } else {
      // Determine current billing period from lag-1 date (Day-1 lag, same as MoM engine)
      var now    = new Date();
      var lag1   = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1);
      var lagYM  = lag1.getFullYear() + '-' + String(lag1.getMonth() + 1).padStart(2, '0');
      // v_autoq: เมื่อวานตามเวลาไทย (กติกาเดียวกับ SQL) ถ้ามี module · ไม่มี (เทสต์เดี่ยว) ใช้นาฬิกาเครื่องแบบเดิม
      if (typeof QnrrQuarter !== 'undefined' && QnrrQuarter && QnrrQuarter.lagYM) lagYM = QnrrQuarter.lagYM(now.getTime());
      // Clamp to Q3 months — if lagged date is outside Q3, use last available Q3 month
      currentPeriod = validQ.includes(lagYM) ? lagYM : validQ[validQ.length - 1];
    }

    // Delegate to existing _qnrrCompute — no logic duplication
    var result = _qnrrCompute(kamEmail, scope || 'kam');
    if (!result || !result.by_month) {
      console.warn('[QnrrComm] _qnrrCompute returned null for', kamEmail, scope);
      return null;
    }

    var monthData = result.by_month[currentPeriod];
    if (!monthData) {
      // v_cell (2026-09-13): ⚠️ จุดนี้เคยเอาเดือนอื่นมาแทนเงียบ ๆ ทุกกรณี
      //
      // ถ้าผู้เรียกเจาะจงเดือนมา (คำนวณค่าคอมฯ ของงวดหนึ่ง) แล้วไฟล์ยังไม่มีเดือนนั้น
      // การหยิบเดือนล่าสุดที่มีมาแทน = จ่ายยอดเดือนก่อนเป็นเดือนนี้ โดยไม่มีอะไรเตือน
      // สถานการณ์จริงที่จะเกิด: วันที่ 1 พ.ย. กด Compute ก่อนทีมข้อมูลส่งไฟล์ ต.ค.
      // ⇒ ทุกคนได้ค่าคอมฯ พ.ย. จากยอด ต.ค. และไม่มีใครรู้จนกว่าจะมีคนทักท้วง
      //
      // ถ้าผู้เรียกไม่ได้เจาะจง (จอสดถามว่า "ตอนนี้เท่าไหร่") การใช้เดือนล่าสุดที่มีถูกต้องแล้ว
      // จอต้องมีอะไรให้ดูเสมอ และเลขบนจอไม่ใช่เลขที่จ่ายเงิน
      if (_explicitPeriod) {
        console.warn('[QnrrComm] ไฟล์ยังไม่มีข้อมูลเดือน ' + currentPeriod + ' — ปฏิเสธ ไม่เอาเดือนอื่นมาแทน', kamEmail);
        return { period_missing: true, requested_period: currentPeriod };
      }
      var availableMonths = validQ.filter(function(m) { return !!result.by_month[m]; });
      if (!availableMonths.length) {
        console.warn('[QnrrComm] no period data for', kamEmail, currentPeriod);
        return null;
      }
      currentPeriod = availableMonths[availableMonths.length - 1];
      monthData = result.by_month[currentPeriod];
    }

    var segs    = monthData.segments || {};
    var outlets = monthData.outlets  || {};

    // effective_base_norm × 30 = normalized base GMV for this month (Jun @ 30 days,
    // locked for Q3), already net of any waived account's base for this specific
    // month — falls back to the quarter-wide base_norm for older by_month entries
    // that predate this field.
    var baseGmv = Math.round((monthData.effective_base_norm != null ? monthData.effective_base_norm : result.base_norm || 0) * 30);

    // Thai month label for base_month (มิ.ย. 2569) — shown in history detail
    var baseMo  = QNRR_CFG.base_month;  // '2026-06'
    var baseParts = baseMo.split('-');
    var _THAI_MONTHS = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
    var baseMoLabel = _THAI_MONTHS[parseInt(baseParts[1], 10) - 1] + ' ' + (parseInt(baseParts[0], 10) + 543);

    console.log('%c[QnrrComm] compute','color:#60a5fa',
      {kamEmail, scope, currentPeriod, nrr_pct: monthData.nrr_pct, baseGmv,
       core: segs.core_nrr, expansion: segs.expansion, comeback: segs.comeback});

    return {
      // NRR fields matching _tgtComputeKamNRR() output shape (used by _commBuildKamPayout)
      nrr:              (monthData.nrr_pct || 0) / 100,
      baselinePrevGmv:  baseGmv,
      cohortGmv:        segs.core_nrr   || 0,
      expansionGmv:     segs.expansion  || 0,
      comebackGmv:      segs.comeback   || 0,
      cohortCount:      outlets.core_nrr || 0,
      // v860-fix: monthData already computes these correctly (line ~319-335
      // above) but this return object never forwarded them — 07b_cds.js's
      // RUN RATE column/totals silently fell back to two DIFFERENT (and
      // wrong) constants when they came through as undefined, producing
      // "RUN RATE == MTD" per row and a ~30x-inflated totals-bar number.
      // Forwarding the real values here fixes both call sites at once.
      daysElapsed:      monthData.curr_days,
      daysInMonth:      monthData.days_in_month,
      // Quarterly metadata — stored in breakdown snapshot
      prevMonth:        baseMoLabel,           // 'มิ.ย. 2569' — fixed label for Q3
      base_month:       baseMo,                // '2026-06'
      quarter_id:       QNRR_CFG.quarter,      // '2026q3'
      commission_mode:  'quarterly',
      // Source info
      currentPeriod:    currentPeriod,
      by_month:         result.by_month
    };
  } catch (e) {
    console.warn('[QnrrComm] _qnrrComputeForCommission error', e);
    return null;
  }
}
window._qnrrComputeForCommission = _qnrrComputeForCommission;


// ════════════════════════════════════════════════════════════════════════════
// Freshket Sense — Quarter NRR Health Sheet (v775)
// src/07c_qnrr_view.js
// Redesign: semantic color palette, hero NRR zone, toggle chart/breakdown,
// transfer_out callout card, outlet count shows active+churn only
// ════════════════════════════════════════════════════════════════════════════

(function(){
'use strict';

// v6-fix: removed duplicate QNRR_CFG declaration that used to be here (was byte-for-byte
// identical to the one at the top of this file) -- having two copies meant a future
// session could update one when adding a new quarter's months_th entry and forget the
// other, silently going out of sync. QNRR_CFG is already declared once, above.
var MONTHS_TH = QNRR_CFG.months_th;
var Q_MONTHS  = QNRR_CFG.q_months;
var BASE_MONTH= QNRR_CFG.base_month;
// v_autoq: MONTHS_TH/Q_MONTHS เป็น reference ที่ module แก้ในที่เดิมอยู่แล้ว · BASE_MONTH เป็นสตริง ต้องรับค่าใหม่เอง
if (typeof QnrrQuarter !== 'undefined' && QnrrQuarter && QnrrQuarter.onChange) {
  QnrrQuarter.onChange(function (c) { BASE_MONTH = c.base_month; });
}

var SCOPES    = ['KAM'];
var SCOPE_MAP = ['kam'];

// ── v775 semantic color palette ────────────────────────────────────────────
// 25 ต.ค. 2569 (Q9): คำไทยทั้งจอ — ชื่อประเภทร้านมาจาก nrrMovementTh (05b) ชุดเดียวกับ /nrr และไฟล์ export
//   ค่าหลังเครื่องหมาย || ใช้เฉพาะตอนโหลดไฟล์นี้เดี่ยว ๆ (05b ต่อก่อนไฟล์นี้ในแอปเสมอ)
function _mvTh(code, fb){ try { return (typeof nrrMovementTh === 'function' && nrrMovementTh(code)) || fb; } catch (e) { return fb; } }
// counted = นับใน %NRR หรือไม่ (เดิมอยู่ในคำอธิบายสีใต้กราฟ QH-7 — ย้ายมาอยู่ในชื่อแถวของตาราง)
var MV_CFG = {
  core_nrr:       {label:_mvTh('core_nrr','ร้านเดิม'),                      color:'rgba(74,222,128,.86)',   order:0, counted:true},
  // v_salesorigin: คำชุดเดียวกับ /nrr และไฟล์ export (เดิม Handover / New Sales — ทีมอ่านเป็น "ได้ HO")
  handover:       {label:_mvTh('handover','รับจาก Sales ก่อนไตรมาส'),        color:'rgba(96,165,250,.80)',   order:1, counted:false},
  new_sales:      {label:_mvTh('new_sales','รับจาก Sales ระหว่างไตรมาส'),     color:'rgba(167,139,250,.72)', order:2, counted:false},
  expansion:      {label:_mvTh('expansion','สาขาใหม่ (KAM หาเอง)'),          color:'rgba(52,211,153,.72)',   order:3, counted:false},
  transfer_in:    {label:_mvTh('transfer_in','ย้ายเข้าจากพอร์ตอื่น'),          color:'rgba(64,200,216,.62)',  order:4, counted:true},
  comeback:       {label:_mvTh('comeback','กลับมาซื้อ'),                     color:'rgba(251,191,36,.72)',   order:5, counted:true},
  core_nrr_churn: {label:_mvTh('core_nrr_churn','ร้านเดิม (หยุดซื้อ)'),       color:'rgba(248,113,113,.84)', order:6},
  transfer_out:   {label:_mvTh('transfer_out','ย้ายออกไปพอร์ตอื่น'),         color:'ghost',                 order:7}
};
var STACK_ORDER  = ['core_nrr','handover','new_sales','expansion','comeback','transfer_in'];
var LEGEND_ORDER = ['core_nrr','handover','new_sales','expansion','comeback','transfer_in','core_nrr_churn','transfer_out'];   // v_salesorigin: new_sales มีสีของตัวเองในกราฟ ต้องอยู่ในคำอธิบายด้วย
var BK_ORDER     = ['core_nrr','handover','expansion','comeback','transfer_in','core_nrr_churn','transfer_out'];
// new_sales ถูก merge เข้า handover cohort block — ไม่ render แยก

var _scopeIdx = 0;
var _selBar   = null; // ไม่ highlight bar ไหนจนกว่า user จะ tap
// v_autoq: ไตรมาสเปลี่ยนกลาง session ⇒ เดือนที่เลือกไว้อาจไม่อยู่ในไตรมาสใหม่แล้ว
if (typeof QnrrQuarter !== 'undefined' && QnrrQuarter && QnrrQuarter.onChange) {
  QnrrQuarter.onChange(function (c) { if (_selBar && c.q_months.indexOf(_selBar) < 0) _selBar = null; });
}
var _selMv    = 'all';
var _viewMode = 'chart'; // 'chart' | 'break'
var _data     = null;
var _swipeY0  = null;

function _fmtM(n){
  var neg = n < 0; n = Math.abs(Math.round(n || 0));
  var s;
  if (n >= 1000000) s = '฿' + (n/1000000).toFixed(1) + 'M';
  else if (n >= 1000) s = '฿' + (n/1000).toFixed(0) + 'K';
  else s = '฿' + n;
  return neg ? '-' + s : s;
}
function _el(id){ return document.getElementById(id); }
function _esc(s){ return String(s||'').replace(/[&<>'"]/g,function(c){return{'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[c];}); }
// QH-5: สี %NRR รายเดือนบนหัว Portfolio Health = เส้นของเดือนนั้น ของคนที่กำลังดู (เดิม 100/90 ตายตัว ไม่ปัด เหมือนกันทุกเดือน)
//   KAM = เกตของตัวเอง · ทีม = ขั้นเงินขั้นแรกของหัวหน้าทีม · ทั้งบริษัท/ยังอ่านเกณฑ์ไม่ได้ = ไม่ลงสี
// 24 ต.ค. 2569 (Bucci): ช่วงเกณฑ์ค่าคอมฯ ของเดือนนั้น (ได้ 0 / ได้ 50% / ยังไม่ถึงขั้นแรก / ขั้น 1 / 2 / 3 — 05b nrrZoneFor)
//   ทั้งบริษัท (admin) / ยังอ่านเกณฑ์ไม่ได้ ⇒ null = ไม่มีสี ไม่มีคำ (ห้ามถอยไปเส้นตายตัว)
function _qnrrZone(pct, month){
  if (pct === null || pct === undefined || isNaN(pct)) return null;
  var scope = SCOPE_MAP[_scopeIdx] || 'kam';
  if (scope === 'admin' || typeof nrrZoneFor !== 'function') return null;
  var email = (typeof portviewRepEmail !== 'undefined' && portviewRepEmail) ? portviewRepEmail
            : ((typeof currentUserProfile !== 'undefined' && currentUserProfile && currentUserProfile.email) || '');
  var z = null;
  try { z = nrrZoneFor(Number(pct), { email: email, scope: scope, period: month }); } catch (e) { z = null; }
  return (z && z.key && z.key !== 'none') ? z : null;
}
function _qnrrMonthColor(pct, month){
  if (pct === null || pct === undefined || isNaN(pct)) return 'rgba(255,255,255,.25)';
  var z = _qnrrZone(pct, month);
  return ((typeof nrrZoneColor === 'function') ? nrrZoneColor(z) : null) || 'var(--tk-blue-text-primary)';   // R1 UI #1: ไม่มีเกณฑ์ ⇒ สีกลางตัวเดียวกับเลขใหญ่ของแถบ %NRR
}

// ── เดือนที่ยังไม่เริ่ม (25 ต.ค. 2569 · บั๊ก Q1/Q2) ─────────────────────────────────────────────
// ไฟล์ไตรมาสมีแถวจองย้ายพอร์ตล่วงหน้า (transfer_out · curr_days 0) ของ พ.ย./ธ.ค. ⇒ _data.by_month มีเดือนนั้น
// ⇒ จอเคยขึ้น 0.0% · ฿0 · "30/31d" · เซลล์ ✕ ทั้งแถวในรายร้าน — แก้ที่การแสดงผลเท่านั้น
// ⛔ ไม่แตะ _qnrrCompute (ล็อกคู่ /nrr) และไม่แตะ _qnrrComputeForCommission (เงิน)
//   future  = หลัง "เมื่อวานตามเวลาไทย" (QnrrQuarter.lagYM — กติกาเดียวกับ SQL และตัวคิดค่าคอมฯ)
//   nodata  = ถึงเดือนแล้วแต่ยังไม่มีแถวไหนมีวันขาย (เช้าวันที่ 2 ก่อนไฟล์ใหม่ขึ้น)
//             ⚠️ ตัวโหลดไฟล์ (02) ถอย curr_days 0 เป็น 30 ⇒ ต้องดู curr_days_raw (ค่าจริงในไฟล์) ไม่งั้นแถวจองดูเหมือนครบเดือน
//   partial = มีข้อมูลแต่ยังไม่ครบเดือน · closed = ครบเดือน
// ไม่ใช้ "ยอด > 0" แบบ /nrr (nrr_aggregate.js) เพราะพอร์ตที่ย้ายออกหมดจริงจะได้ 0 ทั้งที่เดือนเริ่มแล้ว
function _qnrrLagYM(nowMs){
  if (typeof QnrrQuarter !== 'undefined' && QnrrQuarter && QnrrQuarter.lagYM) return QnrrQuarter.lagYM(nowMs);
  var t = new Date((typeof nowMs === 'number' ? nowMs : Date.now()) + 7 * 3600 * 1000 - 24 * 3600 * 1000);
  return t.getUTCFullYear() + '-' + String(t.getUTCMonth() + 1).padStart(2, '0');
}
function _qnrrMonthState(m, bm, nowMs){
  var lag = _qnrrLagYM(nowMs);
  if (lag && String(m) > lag) return 'future';
  var hasDays = !!(bm && (bm.rows || []).some(function(r){
    var d = (r.curr_days_raw !== undefined) ? r.curr_days_raw : r.curr_days;
    return (parseFloat(d) || 0) > 0;
  }));
  if (!hasDays) return 'nodata';
  return bm.is_partial ? 'partial' : 'closed';
}
// เดือนของไตรมาสที่มีข้อมูลให้โชว์ (partial/closed) ตามลำดับ
function _qnrrStartedMonths(data, nowMs){
  if (!data) return [];
  return Q_MONTHS.filter(function(m){
    var s = _qnrrMonthState(m, data.by_month[m], nowMs);
    return s === 'partial' || s === 'closed';
  });
}
// เดือนที่หัวจอพูดถึง: เดือนล่าสุดที่มีข้อมูล · ยังไม่มีเลย ⇒ เดือนล่าสุดที่ถึงแล้ว (รอข้อมูล)
function _qnrrHeroMonth(data, nowMs){
  var started = _qnrrStartedMonths(data, nowMs);
  if (started.length) return started[started.length - 1];
  var reached = Q_MONTHS.filter(function(m){ return _qnrrMonthState(m, data && data.by_month[m], nowMs) !== 'future'; });
  return reached.length ? reached[reached.length - 1] : Q_MONTHS[0];
}

// ── Open / Close ───────────────────────────────────────────────────────────
// v_autoq: ป้ายไตรมาสบนหัวแผ่น — เดิมเขียนตายตัว "Q3 2026" ใน shell.html
function _qnrrQuarterEyebrow(){
  try{
    var el = document.getElementById('qnrr-quarter-eyebrow');
    if(!el) return;
    var m = String(QNRR_CFG.quarter||'').match(/^(\d{4})q([1-4])$/i);
    // Q9: "NRR ไตรมาส 4 · 2569" (เดิม "Portfolio Health · Q4 2026")
    el.textContent = 'NRR ไตรมาส' + (m ? ' ' + m[2] + ' · ' + (parseInt(m[1], 10) + 543) : '');
  }catch(e){}
}
if (typeof QnrrQuarter !== 'undefined' && QnrrQuarter && QnrrQuarter.onChange) QnrrQuarter.onChange(_qnrrQuarterEyebrow);
function _qnrrOpen(){
  _qnrrQuarterEyebrow();
  var overlay = _el('qnrr-overlay');
  var sheet   = _el('qnrr-sheet');
  if (!overlay || !sheet) return;

  var role = (typeof getCurrentRole === 'function') ? getCurrentRole() : '';
  if (role === 'sales' || role === 'sales_tl') return;

  if (role === 'tl' || role === 'ad_tl') {
    SCOPES = ['ทีม','KAM']; SCOPE_MAP = ['tl','kam'];
  } else if (role === 'admin' || role === 'ad') {
    SCOPES = ['ทีม','KAM','Admin']; SCOPE_MAP = ['tl','kam','admin'];
  } else {
    SCOPES = ['KAM']; SCOPE_MAP = ['kam'];
  }
  _scopeIdx = 0;
  var scopeBtn = _el('qnrr-scope-btn');
  var scopeLbl = _el('qnrr-scope-lbl');
  if (scopeBtn) scopeBtn.style.display = SCOPES.length > 1 ? 'flex' : 'none';
  if (scopeLbl) scopeLbl.textContent = SCOPES[0];

  overlay.classList.add('on');
  sheet.classList.add('on');
  document.body.style.overflow = 'hidden';
  _qnrrInitSwipe(sheet);
  // v810: sync toolbar to default chart view on every open
  _allExpanded = true;
  _qnrrSyncToolbar('chart');

  var qd = window.bulkQnrrData;
  if (qd && qd.loaded) {
    _qnrrRender();
  } else {
    _qnrrShowSkeleton();
    if (typeof _fetchQnrrBundle === 'function') {
      _fetchQnrrBundle()
        .then(function(){ _qnrrRender(); })
        .catch(function(){ _qnrrShowError(); });
    } else {
      _qnrrShowError();
    }
  }
}
window._qnrrOpen = _qnrrOpen;

function _qnrrClose(){
  var overlay = _el('qnrr-overlay');
  var sheet   = _el('qnrr-sheet');
  if (!overlay || !sheet) return;
  overlay.classList.remove('on');
  sheet.classList.remove('on');
  document.body.style.overflow = '';
}
window._qnrrClose = _qnrrClose;

function _qnrrInitSwipe(sheet){
  var handle = _el('qnrr-handle');
  if (!handle || handle._swipeInit) return;
  handle._swipeInit = true;
  handle.addEventListener('touchstart', function(e){ _swipeY0 = e.touches[0].clientY; }, {passive:true});
  handle.addEventListener('touchmove',  function(e){
    if (_swipeY0 === null) return;
    var dy = e.touches[0].clientY - _swipeY0;
    if (dy > 0) sheet.style.transform = 'translateX(-50%) translateY(' + dy + 'px)';
  }, {passive:true});
  handle.addEventListener('touchend', function(e){
    if (_swipeY0 === null) return;
    var dy = e.changedTouches[0].clientY - _swipeY0;
    sheet.style.transform = '';
    if (dy > 80) _qnrrClose();
    _swipeY0 = null;
  }, {passive:true});
}

function _qnrrCycleScope(){
  _scopeIdx = (_scopeIdx + 1) % SCOPES.length;
  var lbl = _el('qnrr-scope-lbl');
  if (lbl) lbl.textContent = SCOPES[_scopeIdx];
  _qnrrRender();
}
window._qnrrCycleScope = _qnrrCycleScope;

function _qnrrSetMv(mv, btn){
  _selMv = mv;
  document.querySelectorAll('.qnrr-mv-btn').forEach(function(b){ b.classList.remove('on'); });
  if (btn) btn.classList.add('on');
  _qnrrRenderDrill();
}
window._qnrrSetMv = _qnrrSetMv;

function _qnrrSelBar(month){
  // Q1: เดือนที่ยังไม่เริ่ม/ยังไม่มีข้อมูลเลือกไม่ได้ (แท่งไม่มี onclick อยู่แล้ว — กันทางอื่นที่เรียกตรง)
  if (_data && _qnrrStartedMonths(_data).indexOf(month) < 0) return;
  // toggle: tap same bar = deselect
  if (_selBar === month) {
    _selBar = null;
    document.querySelectorAll('.qnrr-bar-col').forEach(function(c){ c.classList.remove('active'); });
  } else {
    _selBar = month;
    document.querySelectorAll('.qnrr-bar-col').forEach(function(c){
      c.classList.toggle('active', c.dataset.month === month);
    });
  }
  _qnrrRenderToutCard();
}
window._qnrrSelBar = _qnrrSelBar;

function _qnrrToggleAcct(id, row){
  var wrap = _el('qnrr-ow-' + id);
  if (!wrap) return;
  var open = wrap.classList.toggle('open');
  if (row) row.classList.toggle('open', open);
}
window._qnrrToggleAcct = _qnrrToggleAcct;

function _qnrrSetView(mode, btn){
  _viewMode = mode;
  // v810: sync iOS segmented control + expand btn via toolbar helper
  _qnrrSyncToolbar(mode);

  var chartWrap = _el('qnrr-chart-bars-wrap');
  var bkWrap    = _el('qnrr-breakdown-wrap');
  var toutCard  = _el('qnrr-tout-card');
  var listWrap  = _el('qnrr-list-wrap');
  // Q5 (25 ต.ค. 2569): คำอธิบายสีใต้กราฟเลิกใช้ — ลอยทับแถวท้ายตาราง · สีอยู่ที่จุดหน้าชื่อแถวแทน

  if (mode === 'chart') {
    if (chartWrap) chartWrap.style.display = 'block';
    if (bkWrap)    { bkWrap.classList.add('show'); _qnrrRenderBreakdown(); }
    if (toutCard)  toutCard.style.display = '';
    if (listWrap)  listWrap.style.display = 'none';
  } else if (mode === 'list') {
    if (chartWrap) chartWrap.style.display = 'none';
    if (bkWrap)    bkWrap.classList.remove('show');
    if (toutCard)  toutCard.style.display = 'none';
    if (listWrap)  { listWrap.style.display = 'block'; _qnrrRenderList(); }
  }
  _qnrrRenderToutCard();
}
window._qnrrSetView = _qnrrSetView;

function _qnrrSparkMove(e, wrap){
  var bars = wrap.querySelectorAll('.qnrr-sb');
  var rect = wrap.getBoundingClientRect();
  var x    = e.clientX - rect.left;
  var idx  = Math.min(Math.max(0, Math.floor(x / 10)), bars.length - 1);
  bars.forEach(function(b,i){ b.classList.toggle('hi', i === idx); });
  var bar = bars[idx]; var tt = wrap.querySelector('.qnrr-sp-tt');
  if (!tt || !bar) return;
  tt.querySelector('.qnrr-tt-mo').textContent = bar.dataset.m || '';
  tt.querySelector('.qnrr-tt-v').textContent  = bar.dataset.v || '';
}
function _qnrrSparkLeave(wrap){
  wrap.querySelectorAll('.qnrr-sb').forEach(function(b){ b.classList.remove('hi'); });
}
window._qnrrSparkMove  = _qnrrSparkMove;
window._qnrrSparkLeave = _qnrrSparkLeave;

// ── Skeleton ────────────────────────────────────────────────────────────────
function _qnrrShowSkeleton(){
  var barsRow = _el('qnrr-bars-row');
  var list    = _el('qnrr-acct-list');
  var baseVal = _el('qnrr-base-val');
  var nrrVals = _el('qnrr-nrr-vals');
  var heroPct = _el('qnrr-hero-pct');
  var dl      = _el('qnrr-drill-lbl');
  if (baseVal) baseVal.innerHTML = '<span class="qnrr-skel">฿—</span>';
  if (nrrVals) nrrVals.innerHTML = '<span class="qnrr-skel">—</span>';
  if (heroPct) heroPct.innerHTML = '<span class="qnrr-skel">—</span>';
  if (dl) dl.textContent = 'กำลังโหลด...';
  if (barsRow) {
    var skelH = [130,106,124,90];
    barsRow.innerHTML = skelH.map(function(h){
      return '<div class="qnrr-bar-col"><div class="qnrr-bar-top-wrap"></div>' +
             '<div class="qnrr-bar-chart-area"><div class="qnrr-skel-bar" style="height:' + h + 'px;position:absolute;bottom:0;left:0;right:0"></div></div>' +
             '<div class="qnrr-bar-lbl"><span class="qnrr-skel" style="width:22px;display:inline-block">&nbsp;</span></div></div>';
    }).join('');
  }
  if (list) {
    list.innerHTML = [1,2,3].map(function(){
      return '<div class="qnrr-acct-row" style="pointer-events:none">' +
        '<div class="qnrr-mv-dot qnrr-skel"></div>' +
        '<div class="qnrr-acct-left"><div class="qnrr-skel" style="height:12px;width:55%;border-radius:var(--r-xs)"></div></div>' +
        '<div class="qnrr-acct-right"><div class="qnrr-skel" style="width:40px;height:20px;border-radius:3px"></div></div>' +
      '</div>';
    }).join('');
  }
}

function _qnrrShowError(){
  var list    = _el('qnrr-acct-list');
  var barsRow = _el('qnrr-bars-row');
  var dl      = _el('qnrr-drill-lbl');
  if (dl) dl.textContent = 'โหลดไม่สำเร็จ';
  if (barsRow) barsRow.innerHTML = '<div style="text-align:center;padding:30px 0;color:rgba(255,255,255,.52);font-size:var(--text-sm)">ไม่พบไฟล์ข้อมูล Q<br><span style="font-size:var(--text-2xs);opacity:.6">' + QNRR_CFG.csv_file + ' ยังไม่ได้อัปโหลด</span></div>';
  if (list) list.innerHTML = '';
}

// ── Main render ─────────────────────────────────────────────────────────────
function _qnrrRender(){
  // v812: ถ้า admin/TL กำลัง drill-down ดูพอร์ต KAM รายคน ให้ใช้ email ของ KAM คนนั้นแทน
  var email = (typeof portviewRepEmail !== 'undefined' && portviewRepEmail)
    ? portviewRepEmail
    : ((currentUserProfile && currentUserProfile.email) || '');
  var scope = SCOPE_MAP[_scopeIdx] || 'kam';
  if (!window.bulkQnrrData || !window.bulkQnrrData.loaded) {
    _qnrrShowSkeleton();
    _qnrrEnsureLoaded(); // v849-fix: actively trigger fetch instead of passively waiting on skeleton
    return;
  }

  _data = null;
  try { _data = _qnrrCompute(email, scope); } catch(e) { console.warn('[qnrr]', e); }
  // Q1: เดือนที่เลือกค้างไว้ต้องเป็นเดือนที่มีข้อมูล (เปลี่ยนขอบเขต/ข้อมูลใหม่แล้วอาจไม่มี)
  if (_selBar && _qnrrStartedMonths(_data).indexOf(_selBar) < 0) _selBar = null;

  _qnrrRenderHero();
  _qnrrRenderChart();
  // breakdown always visible in chart mode (stacked below bar chart)
  var bkWrap = _el('qnrr-breakdown-wrap');
  if (_viewMode === 'chart') {
    if (bkWrap) bkWrap.classList.add('show');
    _qnrrRenderBreakdown();
  } else if (_viewMode === 'list') {
    _qnrrRenderList();
  }
  _qnrrRenderToutCard();
}

// ── Zone A: Hero ─────────────────────────────────────────────────────────────
// Q6 (25 ต.ค. 2569 · บอร์ด QnrrNew): %NRR เดือนล่าสุดเป็นตัวเอก + คำช่วงเกณฑ์ · 3 เดือนเป็นแถวรอง · ฐานเป็นบรรทัดรอง
// (เดิมเลขใหญ่สุดคือฐาน ฿ และ %NRR ตัวเล็กมุมขวา)
function _qnrrRenderHero(){
  var baseVal = _el('qnrr-base-val');
  var baseLbl = _el('qnrr-base-lbl');
  var baseSub = _el('qnrr-base-sub');
  var baseNote= _el('qnrr-base-note');
  var nrrVals = _el('qnrr-nrr-vals'); // 3 เดือนของไตรมาส
  var heroK   = _el('qnrr-hero-k');
  var heroPct = _el('qnrr-hero-pct');
  var heroZone= _el('qnrr-hero-zone');
  if (heroZone) { heroZone.hidden = true; heroZone.className = 'qnrr-zone-chip'; heroZone.textContent = ''; }
  if (heroPct) heroPct.className = 'qnrr-hero-pct';

  var baseLine = _el('qnrr-base-line');
  // ไฟล์โหลดแล้วแต่คนนี้ไม่มีร้านในขอบเขตนี้ (เช่น แอดมินเลือก KAM) — เดิมขึ้น "กำลังโหลด" ค้าง
  if (!_data) {
    if (heroK)   heroK.textContent = '%NRR';
    if (heroPct) heroPct.textContent = '—';
    if (baseLine) baseLine.hidden = true;
    if (baseNote) baseNote.hidden = true;
    if (nrrVals) nrrVals.innerHTML   = '<span style="color:rgba(255,255,255,.52)">ไม่มีข้อมูลในขอบเขตนี้</span>';
    return;
  }
  if (baseLine) baseLine.hidden = false;

  var started = _qnrrStartedMonths(_data);
  var heroM   = _qnrrHeroMonth(_data);
  var heroBm  = _data.by_month[heroM];
  var heroOn  = started.indexOf(heroM) >= 0;

  // ── ตัวเอก ──
  if (heroK) {
    var days = '';
    if (heroOn && heroBm.is_partial) days = ' · ' + heroBm.curr_days + '/' + heroBm.days_in_month + ' วัน';
    else if (heroOn) days = ' · ทั้งเดือน';
    heroK.textContent = '%NRR ' + (MONTHS_TH[heroM] || heroM) + days;
  }
  if (heroPct) {
    if (heroOn && heroBm.nrr_pct !== null && heroBm.nrr_pct !== undefined) {
      var z = _qnrrZone(heroBm.nrr_pct, heroM);
      heroPct.textContent = _commFmtPct(heroBm.nrr_pct);
      var zc = (typeof nrrZoneCls === 'function') ? nrrZoneCls(z) : '';
      if (zc) heroPct.className = 'qnrr-hero-pct ' + zc;
      if (heroZone && z && z.word_th) {
        heroZone.textContent = z.word_th;
        heroZone.className = 'qnrr-zone-chip ' + zc;
        heroZone.hidden = false;
      }
    } else {
      // เดือนนี้เริ่มแล้วแต่ไฟล์ยังไม่มีวันขาย (เช้าวันที่ 2) — ห้ามขึ้น 0.0%
      heroPct.textContent = heroOn ? '—' : 'รอข้อมูล';
      heroPct.className = 'qnrr-hero-pct wait';
    }
  }

  // ── 3 เดือน: เดือนที่ยังไม่เริ่ม/ยังไม่มีข้อมูล = "—" ไม่ใช่ 0.0% ──
  if (nrrVals) {
    nrrVals.innerHTML = Q_MONTHS.map(function(m){
      var bm  = _data.by_month[m];
      var on  = started.indexOf(m) >= 0;
      var pct = on ? bm.nrr_pct : null;
      var has = pct !== null && pct !== undefined && !isNaN(pct);
      var cls = 'qnrr-mo' + (m === heroM ? ' on' : '') + (has ? '' : ' off');
      var val = has ? '<b style="color:' + _qnrrMonthColor(pct, m) + '">' + _esc(_commFmtPct(pct)) + '</b>' : '<b>—</b>';
      return '<div class="' + cls + '">' + val + '<span>' + _esc(MONTHS_TH[m] || m) + '</span></div>';
    }).join('');
  }

  // ── ฐาน: บรรทัดรอง · ⓘ กางกติกาที่ใช้จริง (QH-4) ──
  var DISPLAY_BASE = _data.base_norm > 0 ? Math.round(_data.base_norm * 30) : _data.base_gmv;
  var _bmLbl = (QNRR_CFG && QNRR_CFG.base_month && MONTHS_TH[QNRR_CFG.base_month]) || 'เดือนฐาน';
  if (baseLbl) baseLbl.textContent = 'ฐาน ' + _bmLbl;
  if (baseVal) baseVal.textContent = _fmtM(DISPLAY_BASE);
  if (baseSub) baseSub.textContent = '· ' + Number(_data.cohort_outlets || 0).toLocaleString('en-US') + ' สาขา';
  if (baseNote) {
    var _bmFull = (typeof nrrMonthThLabel === 'function' && QNRR_CFG && QNRR_CFG.base_month) ? nrrMonthThLabel(QNRR_CFG.base_month) : _bmLbl;
    baseNote.textContent = 'ฐาน = ยอด ' + _bmFull + ' ของร้านเดิม ปรับเป็น 30 วัน · ไม่รวมร้านรับจาก Sales และสาขาใหม่ · หักร้านที่ได้รับยกเว้น';
  }
}
function _qnrrToggleBaseNote(btn){
  var note = _el('qnrr-base-note');
  if (!note) return;
  note.hidden = !note.hidden;
  if (btn) btn.setAttribute('aria-expanded', String(!note.hidden));
}
window._qnrrToggleBaseNote = _qnrrToggleBaseNote;

// ── Zone B: Bar chart ────────────────────────────────────────────────────────
// Q3 (25 ต.ค. 2569): ความสูงพื้นที่แท่งวัดจากจอจริง ไม่ใช่ค่าตายตัว — หัวคอลัมน์สูงตามขนาดตัวอักษรที่ผู้ใช้ตั้ง
//   (เดิม 142 ตายตัว + หัว 44px ⇒ ยอดเดือนปัจจุบัน 3 บรรทัดล้นขึ้นบนแล้วโดนขอบตัด)
//   ทุกคอลัมน์ยังสูงเท่ากัน (สัดส่วนแท่งเทียบกันได้) — วัดคอลัมน์แรกแล้ววาดซ้ำครั้งเดียวถ้าต่างเกิน 1px
var _qnrrChartH = 142;
function _qnrrRenderChart(_isRetry){
  var barsRow = _el('qnrr-bars-row');
  var refLines= _el('qnrr-ref-lines');
  if (!barsRow) return;

  if (!_data) {
    barsRow.innerHTML = '<div style="text-align:center;color:rgba(255,255,255,.52);font-size:var(--text-sm);padding:36px 0">ไม่มีข้อมูลไตรมาสนี้</div>';
    return;
  }

  var started = _qnrrStartedMonths(_data);
  // Mar bar total = original base (ก่อนหัก transfer_out) + handover
  // ใช้ base_norm_original เพื่อให้ bar height = ฐานเดิมทั้งหมด
  // ghost segment จะแสดงส่วน transfer_out ที่ถูกหัก (อยู่บนสุดของ bar)
  var baseNormOrig = _data.base_norm_original || _data.base_norm;
  var marBarTotal = Math.round((baseNormOrig + (_data.handover_base_norm / 30)) * 30);
  var allGmvs = [marBarTotal];
  // Pre-compute rawTotals for partial months so maxGmv covers both MTD and run-rate
  // Q1: เฉพาะเดือนที่มีข้อมูล — แถวจองของเดือนที่ยังไม่เริ่มไม่ร่วมกำหนดสเกล
  var rawTotals = {};
  started.forEach(function(m){
    var bm = _data.by_month[m];
    if (bm.is_partial) {
      var raw = bm.rows ? bm.rows.reduce(function(s,r){ return s+(parseFloat(r.curr_gmv)||0); },0) : bm.total_gmv;
      rawTotals[m] = raw;
      allGmvs.push(bm.total_gmv); // run-rate (normalized) drives max height
      allGmvs.push(raw);          // also include raw so it fits within chart
    } else {
      allGmvs.push(bm.total_gmv);
    }
  });
  var maxGmv = Math.max.apply(null, allGmvs) || 1;
  var chartH = _qnrrChartH;

  // ref-line removed — ฐาน แสดงใน hero zone แล้ว ไม่ต้องซ้ำ
  if (refLines) refLines.innerHTML = '';

  var allBars = [{month: BASE_MONTH, isBase: true}];
  Q_MONTHS.forEach(function(m){ allBars.push({month: m, isBase: false}); });

  var barsHtml = allBars.map(function(b){
    var m      = b.month;
    var isBase = b.isBase;
    var state  = isBase ? 'base' : _qnrrMonthState(m, _data.by_month[m]);
    var isOn   = isBase || started.indexOf(m) >= 0;
    var bm     = (!isBase && isOn) ? _data.by_month[m] : null;
    var lbl    = '<div class="qnrr-bar-lbl">' + _esc(MONTHS_TH[m] || m) + (isBase ? ' ฐาน' : '') + '</div>';

    // Q1: เดือนที่ยังไม่เริ่ม / ยังไม่มีข้อมูล — กรอบประว่าง ไม่มี ฿0 ไม่มีวัน แตะไม่ได้
    if (!isOn) {
      var emptyTxt = state === 'future' ? 'ยังไม่<br>เริ่ม' : 'รอ<br>ข้อมูล';
      return '<div class="qnrr-bar-col qnrr-bar-col-empty" data-month="' + m + '" data-state="' + state + '">' +
        '<div class="qnrr-bar-top-wrap"></div>' +
        '<div class="qnrr-bar-chart-area"><div class="qnrr-bar-empty" style="height:' + Math.round(chartH * 0.62) + 'px">' + emptyTxt + '</div></div>' +
        lbl +
      '</div>';
    }

    // For partial months: barH = raw MTD (shorter), projH = run-rate (taller)
    // For full months: barH = normalized total_gmv
    var _gmvForHeight = (!isBase && bm.is_partial && rawTotals[m])
      ? rawTotals[m]
      : (isBase ? marBarTotal : bm.total_gmv);
    var barH = Math.max(6, Math.round(_gmvForHeight / maxGmv * chartH));
    var isActive = (!isBase && m === _selBar);

    // v6-uxfix: compute partial-month ghost/run-rate numbers ONCE here, shared by both
    // topHtml (always-visible run-rate line, added below) and bodyHtml (the ghost bar
    // element itself) -- previously this was computed twice in two different shapes,
    // which was exactly how the top label and the ghost bar could disagree.
    var isPartialMonth  = !isBase && bm.is_partial && bm.curr_days > 0;
    var runRate      = isPartialMonth ? bm.total_gmv : 0; // normalized ÷curr_days×30
    var isLowConf    = isPartialMonth && bm.curr_days < 7; // <1 week of data — projection is noisy
    var projH        = isPartialMonth ? Math.max(6, Math.round(runRate / maxGmv * chartH)) : 0;
    var rawGapH      = isPartialMonth ? (projH - barH) : 0; // pixels above actual bar, uncapped
    // Cap so the ghost never overflows past the chart area's top edge (was getting silently
    // clipped by .qnrr-bar-chart-area's overflow:hidden with a hard edge -- looked like a
    // rendering bug, especially early in the month when a run-rate projected from very few
    // days of data can spike far above every other bar).
    var maxGapH      = Math.max(0, chartH - barH - 10); // v6-uxfix3: buffer for small CSS drift between chartH and the rendered area
    var isGhostClipped = isPartialMonth && rawGapH > maxGapH;
    var gapH         = isPartialMonth ? Math.min(rawGapH, maxGapH) : 0;

    // Top label (บอร์ด QnrrNew): บรรทัดแรกยอด ฿ · บรรทัดรองภาษาไทย — ความสูงหัวเท่ากันทุกคอลัมน์ (CSS)
    var topHtml = '';
    if (isBase) {
      // v776: ถ้ามี core transfer_out → แสดงฐานที่ปรับแล้ว + ป้าย
      // v6-fix4: also trigger on transfer_in now that it adjusts base_norm too
      // Q7: ป้าย "ปรับแล้ว" สีกลาง (เดิม ADJ สีแดง — ปรับฐานไม่ใช่เรื่องร้าย)
      var hasTout = (_data.transfer_out_base_norm || 0) > 0 || (_data.transfer_in_base_norm || 0) > 0;
      var adjBase = Math.round(_data.base_norm * 30);
      topHtml = '<div class="qnrr-bar-top-label">' + _fmtM(hasTout ? adjBase : marBarTotal) + '</div>' +
                '<div class="qnrr-bar-mar-sub">' + Number(_data.cohort_outlets || 0).toLocaleString('en-US') + ' สาขา</div>' +
                (hasTout ? '<div class="qnrr-bar-mar-sub"><span class="qnrr-base-adj-tag">ปรับแล้ว</span></div>' : '');
    } else if (bm.is_partial) {
      // v6-uxfix: คาดทั้งเดือนโชว์ตลอด (title= ไม่ขึ้นบนมือถือ) · ข้อมูลน้อยกว่า 7 วัน = จาง
      var rawTotal = rawTotals[m] || bm.total_gmv;
      topHtml =
        '<div class="qnrr-bar-top-label">' + _fmtM(rawTotal) + '</div>' +
        '<div class="qnrr-bar-mar-sub">ถึงวันนี้</div>' +
        '<div class="qnrr-bar-runrate-label' + (isLowConf ? ' low-conf' : '') + '">คาด ≈' + _fmtM(runRate) + '</div>';
    } else {
      var activeOut = (bm.outlets && bm.outlets.core_nrr) ? bm.outlets.core_nrr : 0;
      topHtml = '<div class="qnrr-bar-top-label">' + _fmtM(bm.total_gmv) + '</div>' +
        (activeOut ? '<div class="qnrr-bar-mar-sub">' + Number(activeOut).toLocaleString('en-US') + ' สาขา</div>' : '');
    }

    // Bar body segments
    var bodyHtml = '';
    if (isBase) {
      // Base bar: core segment (dashed bg) + handover segment (น้ำเงิน) อยู่บนสุด
      // v776: ถ้ามี transfer_out ที่ถูกหักออกจากฐาน → แสดง ghost segment บนสุด
      var toutNorm = _data.transfer_out_base_norm || 0;
      var toutOuts = (_data.transfer_out_outlets || []).length;

      // coreH คำนวณจาก adjusted base_norm (หัก transfer_out แล้ว)
      var coreH   = Math.max(4, Math.round(_data.base_norm * 30 / maxGmv * chartH));
      var hovNorm = _data.handover_base_norm || 0;
      var hovH    = hovNorm > 0 ? Math.max(3, Math.round(hovNorm / maxGmv * chartH)) : 0;
      var toutH   = toutNorm > 0 ? Math.max(3, Math.round(toutNorm * 30 / maxGmv * chartH)) : 0;

      var hovSeg  = hovH > 0
        ? '<div class="qnrr-seg qnrr-base-hov-seg" style="height:' + hovH + 'px"></div>'
        : '';
      var coreSeg = '<div class="qnrr-seg qnrr-base-core-seg" style="height:' + coreH + 'px"></div>';

      // Ghost segment: ลายเฉียง — แทน transfer_out ที่ถูกตัดออกจากฐาน
      var toutTooltip = toutH > 0
        ? 'ฐานเดิม ' + _fmtM(Math.round(_data.base_norm_original * 30)) +
          ' ปรับเหลือ ' + _fmtM(Math.round(_data.base_norm * 30)) +
          ' (หัก ' + toutOuts + ' สาขาย้ายออก -' + _fmtM(Math.round(toutNorm * 30)) + ')'
        : '';
      var toutSeg = toutH > 0
        ? '<div class="qnrr-seg qnrr-base-tout-seg" style="height:' + toutH + 'px" title="' + toutTooltip + '"></div>'
        : '';

      bodyHtml = '<div class="qnrr-bar-body qnrr-base-body" style="height:' + barH + 'px">' + coreSeg + hovSeg + toutSeg + '</div>';
    } else {
      var segsHtml = '';
      STACK_ORDER.forEach(function(mv){
        var gmv = (bm.segments && bm.segments[mv]) || 0;
        if (gmv <= 0) return;
        var h   = Math.max(3, Math.round(gmv / maxGmv * chartH));
        var cfg = MV_CFG[mv];
        segsHtml += '<div class="qnrr-seg" style="height:' + h + 'px;background:' + cfg.color + ';min-height:3px"></div>';
      });
      // Partial month ghost — dashed outline only ABOVE the actual bar
      var ghostHtml = '';
      if (isPartialMonth) {
        if (gapH > 3) {
          // ghost-top: dashed box floating above actual bar, capped to never overflow
          // the chart area (see maxGapH above). When the real projection is taller than
          // the cap, fade the top edge + small indicator instead of a hard cut, so it
          // reads as "continues beyond, see number above" rather than a rendering glitch.
          var confNote = isLowConf ? ' — ข้อมูลแค่ ' + bm.curr_days + ' วัน ยังไม่นิ่ง' : '';
          var clipNote = isGhostClipped ? ' (ย่อสัดส่วนเพื่อให้พอดีกราฟ)' : '';
          var tooltipTxt = 'คาดทั้งเดือน ' + _fmtM(runRate) + ' (ยอด ' + bm.curr_days + ' วัน คิดเป็น 30 วัน)' + confNote + clipNote;
          var ghostCls = 'qnrr-ghost-top' + (isGhostClipped ? ' qnrr-ghost-top-clipped' : '') + (isLowConf ? ' qnrr-ghost-top-lowconf' : '');
          ghostHtml = '<div class="' + ghostCls + '" style="height:' + gapH + 'px;bottom:' + barH + 'px" title="' + tooltipTxt + '"></div>';
        } else if (gapH <= 3 && rawGapH > -3) {
          // run-rate ≈ actual (overperformance or same) — show thin line at run-rate level
          var lineBottom = Math.min(Math.max(barH, projH), chartH - 2);
          ghostHtml = '<div class="qnrr-ghost-line' + (isLowConf ? ' qnrr-ghost-top-lowconf' : '') + '" style="bottom:' + lineBottom + 'px" title="คาดทั้งเดือนใกล้ยอดจริง ' + _fmtM(runRate) + '"></div>';
        }
      }
      // v6-uxfix3: when a ghost extension sits on top, square off the bar's top corners
      // (via CSS class below) so the two read as one continuous shape instead of two
      // separate floating boxes with a visible seam where the bar's rounded top met
      // the ghost's square bottom.
      var barBodyCls = 'qnrr-bar-body' + (ghostHtml ? ' qnrr-bar-body-has-ghost' : '');
      bodyHtml = ghostHtml + '<div class="' + barBodyCls + '" style="height:' + barH + 'px">' + segsHtml + '</div>';
    }

    var onclickStr = isBase ? '' : 'onclick="_qnrrSelBar(\'' + m + '\')"';
    return '<div class="qnrr-bar-col' + (isBase ? ' base-col' : '') + (isActive ? ' active' : '') + '" data-month="' + m + '" data-state="' + state + '" ' + onclickStr + '>' +
      '<div class="qnrr-bar-top-wrap">' + topHtml + '</div>' +
      '<div class="qnrr-bar-chart-area">' + bodyHtml + '</div>' +
      lbl +
    '</div>';
  }).join('');

  barsRow.innerHTML = barsHtml;

  // Q3: วัดความสูงพื้นที่แท่งจริง แล้ววาดซ้ำครั้งเดียวถ้าต่างจากที่ใช้คำนวณ (แผ่นยังไม่แสดง = 0 ⇒ ข้าม)
  if (!_isRetry && barsRow.querySelector) {
    var area = barsRow.querySelector('.qnrr-bar-chart-area');
    var realH = area ? area.clientHeight : 0;
    if (realH > 40 && Math.abs(realH - _qnrrChartH) > 1) {
      _qnrrChartH = realH;
      _qnrrRenderChart(true);
    }
  }
}

// ── iOS segmented control tap handler ───────────────────────────────────────
// Called when user taps anywhere on the qnrr-seg pill
function _qnrrSegTap(seg){
  var chartBtn = document.getElementById('qnrr-seg-chart');
  var listBtn  = document.getElementById('qnrr-seg-list');
  if (!chartBtn || !listBtn) return;
  // Determine which side was tapped by comparing clientX to pill midpoint
  var rect = seg.getBoundingClientRect();
  var mid  = rect.left + rect.width / 2;
  var mode = (window.event && window.event.clientX < mid) ? 'chart' : 'list';
  _qnrrSetView(mode, null);
}
window._qnrrSegTap = _qnrrSegTap;

// ── Update segmented control + expand btn to match current view ──────────────
function _qnrrSyncToolbar(mode){
  var chartBtn  = document.getElementById('qnrr-seg-chart');
  var listBtn   = document.getElementById('qnrr-seg-list');
  var thumb     = document.getElementById('qnrr-seg-thumb');
  var expandBtn = document.getElementById('qnrr-expand-btn');
  if (chartBtn) { chartBtn.classList.toggle('active', mode === 'chart'); chartBtn.setAttribute('aria-pressed', String(mode === 'chart')); }
  if (listBtn)  { listBtn.classList.toggle('active',  mode === 'list');  listBtn.setAttribute('aria-pressed', String(mode === 'list')); }
  if (thumb)    thumb.style.transform = mode === 'chart' ? 'translateX(0)' : 'translateX(100%)';
  if (expandBtn) expandBtn.style.display = mode === 'list' ? 'flex' : 'none';
}

// ── Breakdown table — "ที่มาของยอด" ───────────────────────────────────────────
// 25 ต.ค. 2569 (บอร์ด QnrrNew):
//   Q1  คอลัมน์ = เดือนฐาน + เดือนที่มีข้อมูลเท่านั้น (เดือนที่ยังไม่เริ่มไม่มีคอลัมน์)
//   Q4  ชื่อแถวภาษาไทย ตัดบรรทัดได้ · คอลัมน์ชื่อกว้างตามที่เหลือ · ตัวเลขชิดขวาไม่ตัดบรรทัด (เดิมชื่อยาวทับตัวเลข)
//   Q7/Q8 หมายเหตุปรับฐาน = บรรทัดเดียวเหนือตาราง แตะดูรายละเอียด (เดิม 3 บรรทัดตัวพิมพ์ดีดในตาราง)
//   QH-7 นับ/ไม่นับใน %NRR ย้ายจากคำอธิบายสีมาอยู่ใต้ชื่อแถว
var _DASH = '<span class="bk-nil">—</span>';
function _bkName(dotStyle, name, note, sub){
  return '<td><div class="qnrr-bk-n' + (sub ? ' sub' : '') + '">' +
    (dotStyle ? '<i class="qnrr-bk-dot" style="' + dotStyle + '"></i>' : '') +
    '<span class="qnrr-bk-mv-name">' + _esc(name) + (note ? '<small>' + _esc(note) + '</small>' : '') + '</span>' +
  '</div></td>';
}
function _bkNote(mv){
  var c = MV_CFG[mv] && MV_CFG[mv].counted;
  return c === true ? 'นับใน %NRR' : c === false ? 'ไม่นับใน %NRR' : '';
}
function _qnrrRenderBreakdown(){
  var wrap = _el('qnrr-breakdown-wrap');
  if (!wrap) return;

  if (!_data) { wrap.innerHTML = ''; return; }

  var started    = _qnrrStartedMonths(_data);
  var ALL_MONTHS = [BASE_MONTH].concat(started);
  var MONTH_HDRS = ALL_MONTHS.map(function(m){ return MONTHS_TH[m] || m; });

  // v776: dispBase = adjusted base (หัก core transfer_out แล้ว)
  // v6-fix4: also add transfer_in now that it's part of the adjustment
  var dispBase = _data.base_norm > 0 ? Math.round(_data.base_norm * 30) : _data.base_gmv;
  var hasToutAdj = (_data.transfer_out_base_norm || 0) > 0 || (_data.transfer_in_base_norm || 0) > 0;

  // ── หมายเหตุปรับฐาน: บรรทัดเดียว แตะกาง · ข้อความเต็มยังอยู่ (กติกาเงิน "มีผลตั้งแต่เดือนที่ย้าย" ต้องอธิบายได้) ──
  var adjHtml = '';
  if (hasToutAdj) {
    var toutOuts = (_data.transfer_out_outlets || []).length;
    var tinOuts  = (_data.transfer_in_outlets  || []).length;
    var origBase = Math.round(_data.base_norm_original * 30);
    var adjAmt   = Math.round((_data.transfer_out_base_norm || 0) * 30);
    var addAmt   = Math.round((_data.transfer_in_base_norm  || 0) * 30);
    var diff     = dispBase - origBase;
    var moves = [];
    if (tinOuts  > 0) moves.push('ย้ายเข้า ' + tinOuts + ' สาขา');
    if (toutOuts > 0) moves.push('ย้ายออก ' + toutOuts + ' สาขา');
    var parts = [];
    if (toutOuts > 0) parts.push('หัก ' + toutOuts + ' สาขาที่ย้ายออก -' + _fmtM(adjAmt));
    if (tinOuts  > 0) parts.push('บวก ' + tinOuts + ' สาขาที่ย้ายเข้า +' + _fmtM(addAmt));
    adjHtml =
      '<button type="button" class="qnrr-adj" onclick="_qnrrToggleAdj(this)" aria-expanded="false">' +
        '<span>ฐานปรับแล้ว <b>' + (diff >= 0 ? '+' : '') + _fmtM(diff) + '</b> · ' + moves.join(' ') + '</span>' +
        '<span class="qnrr-adj-chev" aria-hidden="true">›</span>' +
      '</button>' +
      '<div class="qnrr-adj-detail" id="qnrr-adj-detail" hidden>' +
        'ฐานเดิม ' + _fmtM(origBase) + ' ปรับเป็น ' + _fmtM(dispBase) + ' (' + parts.join(', ') + ')' +
        ' · มีผลตั้งแต่เดือนที่ย้าย เดือนก่อนหน้ายังใช้ฐานเดิม' +
      '</div>';
  }

  // colgroup: คอลัมน์ชื่อกว้างตามที่เหลือ · คอลัมน์ตัวเลขกว้างพอ "-฿12.7M" ตามขนาดตัวอักษรที่ตั้ง (หน่วย ch)
  var colgroup = '<colgroup><col>' +
    ALL_MONTHS.map(function(){ return '<col class="qnrr-bk-numcol">'; }).join('') +
    '</colgroup>';

  var html = adjHtml + '<table class="qnrr-bk-table" aria-label="ที่มาของยอดรายเดือน">' + colgroup + '<thead><tr>' +
    '<th>ที่มาของยอด</th>' +
    ALL_MONTHS.map(function(m, i){ return '<th>' + MONTH_HDRS[i] + '</th>'; }).join('') +
    '</tr></thead><tbody>';

  // ── ร้านเดิม: แถวหลัก + 2 แถวย่อย (หยุดซื้อ · ซื้อเพิ่ม/ลด) ──────────────────
  var coreColor = MV_CFG.core_nrr.color;

  html += '<tr>' + _bkName('background:' + coreColor, MV_CFG.core_nrr.label, _bkNote('core_nrr'));
  ALL_MONTHS.forEach(function(m){
    if (m === BASE_MONTH) {
      html += '<td style="color:rgba(74,222,128,.65)">' + _fmtM(dispBase) + '</td>';
      return;
    }
    var bm = _data.by_month[m];
    var g  = (bm && bm.segments.core_nrr) || 0;
    html += '<td class="bk-pos">' + (g > 0 ? _fmtM(g) : _DASH) + '</td>';
  });
  html += '</tr>';

  // Sub-row: หยุดซื้อ (ร้านเดิมที่ยอดเป็น 0)
  html += '<tr class="bk-subrow">' + _bkName('background:rgba(248,113,113,.82)', 'หยุดซื้อ', '', true);
  ALL_MONTHS.forEach(function(m){
    if (m === BASE_MONTH) { html += '<td>' + _DASH + '</td>'; return; }
    var bm = _data.by_month[m];
    var g  = (bm && bm.segments.core_nrr_churn) || 0;
    html += '<td class="bk-churn">' + (g > 0 ? '-' + _fmtM(g) : _DASH) + '</td>';
  });
  html += '</tr>';

  // Sub-row: ซื้อเพิ่ม / ลด (ร้านเดิมที่ยังซื้อ: ยอดเดือนนี้ − ฐาน · ไม่รวมร้านที่หยุดซื้อ)
  html += '<tr class="bk-subrow">' + _bkName('background:rgba(251,191,36,.70)', 'ซื้อเพิ่ม / ลด', '', true);
  ALL_MONTHS.forEach(function(m){
    if (m === BASE_MONTH) { html += '<td>' + _DASH + '</td>'; return; }
    var bm = _data.by_month[m];
    var c  = bm ? (bm.contraction || 0) : 0;
    if (!bm || (bm.segments.core_nrr === 0 && bm.segments.core_nrr_churn === 0)) {
      html += '<td>' + _DASH + '</td>'; return;
    }
    // negative = ซื้อลด, positive = ซื้อเพิ่ม (expansion ภายใน core)
    var col = c >= 0 ? 'rgba(74,222,128,.72)' : 'rgba(248,113,113,.80)';
    var prefix = c >= 0 ? '+' : '';
    html += '<td style="color:' + col + '">' + prefix + _fmtM(c) + '</td>';
  });
  html += '</tr>';


  // ── Other movements (skip core_nrr, core_nrr_churn, new_sales — handled separately) ─
  var SKIP = {core_nrr: true, core_nrr_churn: true, new_sales: true};
  BK_ORDER.forEach(function(mv){
    if (SKIP[mv]) return;
    var cfg = MV_CFG[mv];
    var hasAny = started.some(function(m){
      var bm = _data.by_month[m];
      if (mv === 'handover') return (bm.segments['handover'] || 0) + (bm.segments['new_sales'] || 0) > 0;
      return (bm.segments[mv] || 0) > 0;
    });
    if (!hasAny) return;

    var isChurn = (mv === 'transfer_out');
    var isNeut  = (mv === 'handover' || mv === 'transfer_in');
    var sqStyle = cfg.color === 'ghost'
      ? 'border:1px dashed rgba(255,255,255,.28);background:transparent'
      : 'background:' + cfg.color;

    if (mv === 'handover') {
      // ── รับจาก Sales: แถวหลัก = ก่อนไตรมาส + ระหว่างไตรมาส ทุกเดือน ──────────
      html += '<tr>' + _bkName(sqStyle, 'รับจาก Sales', _bkNote('handover'));
      ALL_MONTHS.forEach(function(m){
        if (m === BASE_MONTH) {
          // เดือนฐาน: ยอดเดือนฐานของร้านที่รับมาก่อนไตรมาส
          html += _data.handover_base_norm > 0
            ? '<td class="bk-neut">' + _fmtM(Math.round(_data.handover_base_norm)) + '</td>'
            : '<td>' + _DASH + '</td>';
          return;
        }
        var bm = _data.by_month[m];
        var g  = ((bm && bm.segments['handover']) || 0) + ((bm && bm.segments['new_sales']) || 0);
        html += '<td style="color:rgba(96,165,250,.80)">' + (g > 0 ? _fmtM(g) : _DASH) + '</td>';
      });
      html += '</tr>';

      // แถวย่อย: รับก่อนไตรมาส (handover) + รับระหว่างไตรมาสแยกเดือน (new_sales)
      var hovColor = 'rgba(96,165,250,.72)';
      html += '<tr class="bk-subrow">' + _bkName('background:' + hovColor, 'ก่อนไตรมาส', '', true);
      ALL_MONTHS.forEach(function(m){
        if (m === BASE_MONTH) {
          html += _data.handover_base_norm > 0
            ? '<td class="bk-neut">' + _fmtM(Math.round(_data.handover_base_norm)) + '</td>'
            : '<td>' + _DASH + '</td>';
          return;
        }
        var bm = _data.by_month[m];
        var g  = (bm && bm.segments['handover']) || 0;
        html += '<td style="color:' + hovColor + '">' + (g > 0 ? _fmtM(g) : _DASH) + '</td>';
      });
      html += '</tr>';

      // รับระหว่างไตรมาสแยกตามเดือนที่รับ — derived from started months (auto-updates each quarter)
      // Build cumulative set of outlet_ids ที่ถูก claim โดย cohort ก่อนหน้าแล้ว
      // เพื่อ prevent double-count ข้าม cohort
      var claimedByEarlierCohort = {};

      started.forEach(function(cm){
        // Collect outlet_ids ที่เป็น new_sales ใน cm เท่านั้น
        // และต้องไม่ถูก claim โดย cohort เดือนก่อนหน้าแล้ว
        var cohortBm = _data.by_month[cm];
        var cohortOutlets = {};
        (cohortBm.rows || []).forEach(function(r){
          if (r.movement_type === 'new_sales' && !claimedByEarlierCohort[r.outlet_id]) {
            cohortOutlets[r.outlet_id] = true;
          }
        });
        if (!Object.keys(cohortOutlets).length) return;

        // Mark outlet_ids ของ cohort นี้ว่า claimed แล้ว
        // cohort เดือนถัดไปจะ exclude ออก ไม่ให้ double-count
        Object.keys(cohortOutlets).forEach(function(oid){
          claimedByEarlierCohort[oid] = true;
        });

        // Render row: for each month, sum curr_gmv ของ outlet_ids ใน cohort นี้
        // carry-forward = ดู GMV outlet เหล่านี้ในเดือนถัดๆ ไปด้วย
        // dedupe outlet_id ต่อเดือน — TL/Admin scope อาจมีหลาย rows ต่อ outlet (transfer rows)
        var ncColor = 'rgba(96,165,250,.72)';
        html += '<tr class="bk-subrow">' + _bkName('background:' + ncColor, 'รับเดือน ' + (MONTHS_TH[cm] || cm), '', true);
        ALL_MONTHS.forEach(function(m){
          if (m === BASE_MONTH || m < cm) { html += '<td>' + _DASH + '</td>'; return; }
          var bm2 = _data.by_month[m];
          var g = 0;
          var seenInMonth = {};
          (bm2.rows || []).forEach(function(r){
            if (cohortOutlets[r.outlet_id] && !seenInMonth[r.outlet_id]) {
              var cd = parseFloat(r.curr_days) || 30;
              var gmv = parseFloat(r.curr_gmv) || 0;
              if (gmv > 0) {
                seenInMonth[r.outlet_id] = true;
                g += gmv / cd * 30;
              }
            }
          });
          g = Math.round(g);
          html += '<td style="color:' + ncColor + '">' + (g > 0 ? _fmtM(g) : _DASH) + '</td>';
        });
        html += '</tr>';
      });
    } else {
      // ── Standard movement row ──────────────────────────────────────────────
      html += '<tr>' + _bkName(sqStyle, cfg.label, _bkNote(mv));

      ALL_MONTHS.forEach(function(m){
        if (m === BASE_MONTH) { html += '<td>' + _DASH + '</td>'; return; }
        var bm = _data.by_month[m];
        var g  = (bm && bm.segments[mv]) || 0;
        if (g <= 0) { html += '<td>' + _DASH + '</td>'; return; }
        var cellColor = isChurn ? 'rgba(248,113,113,.84)'
          : isNeut ? 'rgba(96,165,250,.80)'
          : cfg.color !== 'ghost' ? cfg.color : 'rgba(255,255,255,.5)';
        html += '<td style="color:' + cellColor + '">' + (isChurn ? '-' : '') + _fmtM(g) + '</td>';
      });
      html += '</tr>';
    }
  });

  // ── ยอดรวม ──────────────────────────────────────────────────────────────────
  // เดือนฐาน = ฐานเดิม (ก่อนหัก transfer_out) + รับจาก Sales ก่อนไตรมาส = ยอดจริงของเดือนฐาน
  var baseOrigForTotal = _data.base_norm_original || _data.base_norm;
  var dispBaseTotalMar = Math.round((baseOrigForTotal + (_data.handover_base_norm / 30)) * 30);
  html += '<tr class="bk-total">' + _bkName('', 'ยอดรวม', '');
  ALL_MONTHS.forEach(function(m){
    if (m === BASE_MONTH) {
      html += '<td>' + _fmtM(dispBaseTotalMar) + '</td>';
    } else {
      html += '<td>' + _fmtM(_data.by_month[m].total_gmv) + '</td>';
    }
  });
  html += '</tr></tbody></table>';

  wrap.innerHTML = html;
}
function _qnrrToggleAdj(btn){
  var d = _el('qnrr-adj-detail');
  if (!d) return;
  d.hidden = !d.hidden;
  if (btn) { btn.setAttribute('aria-expanded', String(!d.hidden)); btn.classList.toggle('open', !d.hidden); }
}
window._qnrrToggleAdj = _qnrrToggleAdj;

// ── Transfer out callout card ────────────────────────────────────────────────
// v776: แสดงข้อมูลครบ — outlet count, GMV, แยก core vs non-core
function _qnrrRenderToutCard(){
  var card = _el('qnrr-tout-card');
  if (!card) return;
  if (!_data) { card.className = 'qnrr-tout-card'; return; }

  // Q1: เฉพาะเดือนที่มีข้อมูล — แถวจองย้ายพอร์ตของเดือนที่ยังไม่เริ่มไม่ใช่การย้ายที่เกิดขึ้นแล้ว
  var bm    = (_selBar && _qnrrStartedMonths(_data).indexOf(_selBar) >= 0) ? _data.by_month[_selBar] : null;
  var toutG = (bm && bm.segments && bm.segments.transfer_out) || 0;
  var toutN = (bm && bm.outlets  && bm.outlets.transfer_out)  || 0;

  // ตรวจว่าใน transfer_out เดือนที่เลือก มีกี่ outlet ที่เป็น core cohort
  var coreSet = _data.transfer_out_outlets || [];
  var selMonth = _selBar;
  var coreToutThisMonth = coreSet.filter(function(t){ return t.period_month === selMonth; });
  var coreCount = coreToutThisMonth.length;
  var coreNorm  = coreToutThisMonth.reduce(function(s,t){ return s + t.gmv_norm; }, 0);

  if (toutG > 0 && _viewMode === 'chart') {
    card.className = 'qnrr-tout-card show';
    var html =
      '<div class="qnrr-tout-icon"><svg width="14" height="14" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.3" opacity=".7"/><path d="M8 7v4M8 5.5v.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg></div>' +
      '<div class="qnrr-tout-body">' +
        '<div class="qnrr-tout-card-label">' + _esc(MV_CFG.transfer_out.label) + ' · ' + _esc(MONTHS_TH[_selBar] || _selBar) + '</div>' +
        '<div class="qnrr-tout-card-row">' +
          '<span class="qnrr-tout-card-desc">ย้ายออก ' + toutN + ' สาขา</span>' +
          '<span class="qnrr-tout-card-val">-' + _fmtM(toutG) + '</span>' +
        '</div>' +
        (coreCount > 0
          ? '<div class="qnrr-tout-card-note">' +
              coreCount + ' สาขาเป็นร้านเดิม ฐาน %NRR จึงลดลง ' + _fmtM(Math.round(coreNorm * 30)) +
            '</div>'
          : '<div class="qnrr-tout-card-note">สาขาเหล่านี้ไม่ใช่ร้านเดิม ฐาน %NRR ไม่เปลี่ยน</div>'
        ) +
      '</div>';
    card.innerHTML = html;
  } else {
    card.className = 'qnrr-tout-card';
    card.innerHTML = '';
  }
}

// ── Drill list ───────────────────────────────────────────────────────────────
function _qnrrRenderDrill(){
  var list = _el('qnrr-acct-list');
  var lbl  = _el('qnrr-drill-lbl');
  if (!list) return;

  if (!_data || !_data.by_month[_selBar]) {
    if (lbl) lbl.textContent = 'ไม่มีข้อมูล';
    list.innerHTML = '<div style="padding:20px;text-align:center;color:rgba(255,255,255,.52);font-size:var(--text-sm)">ไม่มีข้อมูลเดือนนี้</div>';
    return;
  }

  var bm   = _data.by_month[_selBar];
  var rows = bm.rows || [];

  var filtered = rows;
  if (_selMv === 'churn')     filtered = rows.filter(function(r){ return r.movement_type === 'core_nrr_churn'; });
  else if (_selMv === 'handover')  filtered = rows.filter(function(r){ return r.movement_type === 'handover'; });
  else if (_selMv === 'expansion') filtered = rows.filter(function(r){ return r.movement_type === 'expansion'; });

  // Build outlet name map from bulkOutletsData
  var outletNameMap = {};
  if (typeof bulkOutletsData !== 'undefined') {
    Object.values(bulkOutletsData).forEach(function(monthsObj){
      Object.values(monthsObj).forEach(function(outletArr){
        if (!Array.isArray(outletArr)) return;
        outletArr.forEach(function(o){
          if (o.outlet_id && o.outlet_name && !outletNameMap[o.outlet_id]) {
            outletNameMap[o.outlet_id] = o.outlet_name;
          }
        });
      });
    });
  }

  // Group by account_id
  var byAcct = {}; var acctOrder = [];
  filtered.forEach(function(r){
    var aid = r.account_id;
    if (!byAcct[aid]) {
      byAcct[aid] = { name: r.account_name || aid, outlets: [], baseGmv: 0, currGmv: 0, gmvByMonth: {}, dominantMv: null, mvGmv: {} };
      acctOrder.push(aid);
    }
    var oName = outletNameMap[String(r.outlet_id)] || outletNameMap[r.outlet_id] || r.account_name || String(r.outlet_id);
    byAcct[aid].outlets.push({ outlet_id: r.outlet_id, outlet_name: oName, base_gmv: r.base_gmv || 0, curr_gmv: r.curr_gmv || 0, movement_type: r.movement_type });
    byAcct[aid].baseGmv += r.base_gmv || 0;
    byAcct[aid].currGmv += r.curr_gmv || 0;
    byAcct[aid].mvGmv[r.movement_type] = (byAcct[aid].mvGmv[r.movement_type] || 0) + (r.curr_gmv || 0);
  });

  // Determine dominant movement per account (by GMV weight)
  acctOrder.forEach(function(aid){
    var a = byAcct[aid];
    var best = null; var bestG = -1;
    Object.keys(a.mvGmv).forEach(function(mv){ if ((a.mvGmv[mv] || 0) > bestG) { bestG = a.mvGmv[mv]; best = mv; } });
    a.dominantMv = best || 'core_nrr';
    // Also collect all-month GMV for sparkline
    var allMonths = [BASE_MONTH].concat(Q_MONTHS);
    allMonths.forEach(function(m){
      if (m === BASE_MONTH) { a.gmvByMonth[m] = a.baseGmv; return; }
      var mbm = _data.by_month[m];
      if (!mbm) { a.gmvByMonth[m] = 0; return; }
      var sum = 0;
      (mbm.rows || []).forEach(function(r){ if (r.account_id === aid) sum += r.curr_gmv || 0; });
      a.gmvByMonth[m] = sum;
    });
  });

  // Update drill label
  if (lbl) lbl.textContent = acctOrder.length + ' ร้าน · ' + (MONTHS_TH[_selBar] || _selBar);

  // Sort: currGmv DESC, then baseGmv DESC for ties
  acctOrder.sort(function(a,b){
    var cv = (byAcct[b].currGmv || 0) - (byAcct[a].currGmv || 0);
    return cv !== 0 ? cv : (byAcct[b].baseGmv || 0) - (byAcct[a].baseGmv || 0);
  });

  var html = acctOrder.map(function(aid, idx){
    var a   = byAcct[aid];
    var cfg = MV_CFG[a.dominantMv] || {color:'rgba(255,255,255,.3)'};
    var dotColor = cfg.color === 'ghost' ? 'rgba(180,180,200,.40)' : cfg.color;

    // Sparkline: 4 bars (Mar/Apr/May/Jun)
    var allMonths = [BASE_MONTH].concat(Q_MONTHS);
    var gmvVals   = allMonths.map(function(m){ return a.gmvByMonth[m] || 0; });
    var maxSp     = Math.max.apply(null, gmvVals) || 1;
    var sbHtml = allMonths.map(function(m, mi){
      var v  = gmvVals[mi];
      var h  = v > 0 ? Math.max(4, Math.round(v / maxSp * 20)) : 2;
      var bg = v > 0 ? (m === BASE_MONTH ? 'rgba(38,96,200,.42)' : dotColor) : 'rgba(255,255,255,.06)';
      return '<div class="qnrr-sb" style="height:' + h + 'px;background:' + bg + '" data-m="' + (MONTHS_TH[m]||m) + '" data-v="' + _fmtM(v) + '"></div>';
    }).join('');

    // Outlet rows
    var outHtml = a.outlets.map(function(o){
      var oName   = o.outlet_name || String(o.outlet_id);
      var oCfg    = MV_CFG[o.movement_type] || {color:'rgba(255,255,255,.3)'};
      var oDotCol = oCfg.color === 'ghost' ? 'rgba(180,180,200,.40)' : oCfg.color;
      // outlet 4-bar sparkline
      var oAllM   = [BASE_MONTH].concat(Q_MONTHS);
      var oGmvs   = oAllM.map(function(qm){
        if (qm === BASE_MONTH) return o.base_gmv || 0;
        var qbm = _data.by_month[qm];
        if (!qbm) return 0;
        var found = (qbm.rows || []).find(function(rr){ return rr.outlet_id === o.outlet_id; });
        return found ? found.curr_gmv : 0;
      });
      var oMax = Math.max.apply(null, oGmvs) || 1;
      var oSparkHtml = oAllM.map(function(qm, qi){
        var v  = oGmvs[qi];
        var h  = v > 0 ? Math.max(3, Math.round(v / oMax * 16)) : 2;
        var bg = qm === BASE_MONTH ? 'rgba(38,96,200,.42)' : (qm === _selBar ? oDotCol : 'rgba(255,255,255,.13)');
        return '<div class="qnrr-osb" style="height:' + h + 'px;background:' + bg + '" title="' + (MONTHS_TH[qm]||qm) + ' ' + _fmtM(v) + '"></div>';
      }).join('');
      var oSelGmv  = oGmvs[oAllM.indexOf(_selBar)] || 0;
      return '<div class="qnrr-out-row">' +
        '<div class="qnrr-out-dot" style="background:' + oDotCol + '"></div>' +
        '<div class="qnrr-out-name">' + _esc(String(oName).slice(0, 40)) + '</div>' +
        '<div class="qnrr-out-spark-wrap">' +
          '<div class="qnrr-out-spark">' + oSparkHtml + '</div>' +
          '<div class="qnrr-out-spark-lbl">' +
            '<span>' + _fmtM(o.base_gmv) + '</span>' +
            '<span style="color:' + oDotCol + '">' + _fmtM(oSelGmv) + '</span>' +
          '</div>' +
        '</div>' +
      '</div>';
    }).join('');

    var rowId = 'qnrr-r' + idx;
    return '<div class="qnrr-acct-row" onclick="_qnrrToggleAcct(\'' + rowId + '\',this)">' +
      '<div class="qnrr-mv-dot" style="background:' + dotColor + '"></div>' +
      '<div class="qnrr-acct-left">' +
        '<div class="qnrr-acct-name">' + _esc(a.name || aid) + '</div>' +
      '</div>' +
      '<div class="qnrr-acct-right">' +
        '<div class="qnrr-spark-col">' +
          '<div class="qnrr-spark-row">' +
            '<span class="qnrr-slbl-base">' + _fmtM(a.baseGmv) + '</span>' +
            '<div class="qnrr-spark" onmousemove="_qnrrSparkMove(event,this)" onmouseleave="_qnrrSparkLeave(this)">' +
              sbHtml +
              '<div class="qnrr-sp-tt"><div class="qnrr-tt-mo"></div><div class="qnrr-tt-v"></div></div>' +
            '</div>' +
            '<span class="qnrr-slbl-curr" style="color:' + dotColor + '">' + _fmtM(a.currGmv) + '</span>' +
          '</div>' +
        '</div>' +
        '<div class="qnrr-chev">›</div>' +
      '</div>' +
    '</div>' +
    '<div class="qnrr-outlet-wrap" id="qnrr-ow-' + rowId + '">' + outHtml + '</div>';
  }).join('');

  list.innerHTML = html;
}


// ── _qnrrRenderList — full-quarter account × outlet list (v781) ──────────────
var _listFilter = 'all';

function _qnrrListFilter(mv, btn){
  _listFilter = mv;
  document.querySelectorAll('.qnrr-list-filter-bar .qnrr-chip').forEach(function(b){ b.classList.remove('on'); });
  if (btn) btn.classList.add('on');
  _qnrrRenderList();
}
window._qnrrListFilter = _qnrrListFilter;

function _qnrrExpandAll(expand){
  document.querySelectorAll('.qnrr-ol-rows').forEach(function(el){
    el.style.display = expand ? 'block' : 'none';
  });
  document.querySelectorAll('.qnrr-acct-hdr').forEach(function(el){
    el.classList.toggle('expanded', expand);
  });
}
window._qnrrExpandAll = _qnrrExpandAll;

// v776c: single toggle button
var _allExpanded = true;
function _qnrrToggleAll(btn){
  _allExpanded = !_allExpanded;
  _qnrrExpandAll(_allExpanded);
  // v810: update double-chevron icon direction (up=กาง, down=หุบ)
  var icon = document.getElementById('qnrr-expand-icon');
  if (icon) {
    // กาง (expanded) = chevrons point UP; หุบ (collapsed) = chevrons point DOWN
    var polylines = icon.querySelectorAll('polyline');
    if (_allExpanded) {
      if (polylines[0]) polylines[0].setAttribute('points', '3,10 8,4 13,10');
      if (polylines[1]) polylines[1].setAttribute('points', '3,14 8,8 13,14');
    } else {
      if (polylines[0]) polylines[0].setAttribute('points', '3,4 8,10 13,4');
      if (polylines[1]) polylines[1].setAttribute('points', '3,8 8,14 13,8');
    }
  }
  // dim the button slightly when all collapsed
  var expandBtn = document.getElementById('qnrr-expand-btn');
  if (expandBtn) expandBtn.style.opacity = _allExpanded ? '1' : '0.55';
}
window._qnrrToggleAll = _qnrrToggleAll;

function _qnrrRenderList(){
  var wrap = _el('qnrr-acct-list');
  if (!wrap) return;
  if (!_data) { wrap.innerHTML = '<div style="padding:24px;text-align:center;color:rgba(255,255,255,.52);font-size:var(--text-sm)">ไม่มีข้อมูล</div>'; return; }

  // Q1: เดือนที่ยังไม่เริ่มไม่มีคอลัมน์ และแถวจองย้ายพอร์ตล่วงหน้าไม่ถูกนับ (เดิมขึ้น ✕ ทั้งคอลัมน์ = ดูเหมือนหยุดซื้อ)
  var STARTED    = _qnrrStartedMonths(_data);
  var ALL_MONTHS = [QNRR_CFG.base_month].concat(STARTED);
  var MTH_SHORT  = QNRR_CFG.months_th;

  // Collect all rows across Q months (เฉพาะเดือนที่มีข้อมูล)
  var allRows = [];
  STARTED.forEach(function(m){
    var bm = _data.by_month[m];
    if (bm) (bm.rows || []).forEach(function(r){ allRows.push(r); });
  });

  // Group by account → outlet
  var byAcct = {}; var acctOrder = [];
  allRows.forEach(function(r){
    var aid = r.account_id;
    if (!byAcct[aid]) {
      byAcct[aid] = {name: r.account_name || aid, outlets: {}, totalCurr: 0};
      acctOrder.push(aid);
    }
    var oid = r.outlet_id;
    if (!byAcct[aid].outlets[oid]) {
      byAcct[aid].outlets[oid] = {
        name: r.account_name || String(oid),
        gmv:  Object.fromEntries([QNRR_CFG.base_month].concat(QNRR_CFG.q_months).map(function(m){ return [m, 0]; })),
        mv:   Object.fromEntries(QNRR_CFG.q_months.map(function(m){ return [m, null]; }))
      };
      var _bd = parseFloat(r.base_days) || 31;
      byAcct[aid].outlets[oid].gmv[QNRR_CFG.base_month] = ((parseFloat(r.base_gmv) || 0) / _bd) * 30;
    }
    var od = byAcct[aid].outlets[oid];
    var _cd = parseFloat(r.curr_days) || 30;
    od.gmv[r.period_month] = (od.gmv[r.period_month]||0) + ((parseFloat(r.curr_gmv)||0) / _cd * 30);
    if (!od.mv[r.period_month]) od.mv[r.period_month] = r.movement_type;
    byAcct[aid].totalCurr += parseFloat(r.curr_gmv)||0;
  });

  // Movement priority for dominant label
  var MV_PRIO = ['core_nrr_churn','transfer_out','handover','expansion','new_sales','comeback','transfer_in','core_nrr'];
  function _domMv(od){
    for (var i=0;i<MV_PRIO.length;i++){
      var mv=MV_PRIO[i];
      if (STARTED.some(function(m){ return od.mv[m]===mv; })) return mv;
    }
    return 'core_nrr';
  }

  // Filter accounts: keep only those with at least one outlet matching _listFilter
  var filteredAccts = acctOrder.filter(function(aid){
    if (_listFilter === 'all') return true;
    return Object.keys(byAcct[aid].outlets).some(function(oid){
      return _domMv(byAcct[aid].outlets[oid]) === _listFilter;
    });
  });

  // Sort by totalCurr DESC
  filteredAccts.sort(function(a,b){ return byAcct[b].totalCurr - byAcct[a].totalCurr; });

  // ── Update filter chip counts ─────────────────────────────────────────────
  // Count outlets per movement type across all accounts
  var mvCounts = {all: 0};
  acctOrder.forEach(function(aid){
    Object.keys(byAcct[aid].outlets).forEach(function(oid){
      var mv = _domMv(byAcct[aid].outlets[oid]);
      mvCounts[mv] = (mvCounts[mv] || 0) + 1;
      mvCounts['all'] = (mvCounts['all'] || 0) + 1;
    });
  });

  // v776: inject transfer_out chip ถ้ายังไม่มีใน DOM
  var filterBar = document.querySelector('.qnrr-list-filter-bar');
  if (filterBar && !filterBar.querySelector('[data-mv="transfer_out"]')) {
    var toutChip = document.createElement('button');
    toutChip.className = 'qnrr-chip qnrr-tout-chip';
    toutChip.setAttribute('data-mv', 'transfer_out');
    toutChip.setAttribute('data-orig-label', 'ย้ายออก');
    toutChip.setAttribute('onclick', "_qnrrListFilter('transfer_out',this)");
    toutChip.textContent = 'ย้ายออก';
    toutChip.style.display = 'none'; // hidden until count > 0
    filterBar.appendChild(toutChip);
  }
  // v6-fix: transfer_in chip was never added anywhere (static HTML or injected) --
  // only transfer_out got this treatment in v776. Chart view has always shown
  // Transfer in correctly (via _qnrrRenderBreakdown), but the list view had no way
  // to filter down to it since the chip itself didn't exist.
  if (filterBar && !filterBar.querySelector('[data-mv="transfer_in"]')) {
    var tinChip = document.createElement('button');
    tinChip.className = 'qnrr-chip qnrr-tin-chip';
    tinChip.setAttribute('data-mv', 'transfer_in');
    tinChip.setAttribute('data-orig-label', 'ย้ายเข้า');
    tinChip.setAttribute('onclick', "_qnrrListFilter('transfer_in',this)");
    tinChip.textContent = 'ย้ายเข้า';
    tinChip.style.display = 'none'; // hidden until count > 0
    filterBar.appendChild(tinChip);
  }

  document.querySelectorAll('.qnrr-list-filter-bar .qnrr-chip').forEach(function(btn){
    var onclick = btn.getAttribute('onclick') || '';
    var mvMatch = onclick.match(/'([a-z_]+)'/);
    var mv = mvMatch ? mvMatch[1] : null;
    if (!mv) return;
    var cnt = mvCounts[mv] || 0;
    var origText = btn.dataset.origLabel || btn.textContent.replace(/\s*\d+$/, '').trim();
    btn.dataset.origLabel = origText;
    btn.textContent = cnt > 0 ? origText + ' ' + cnt : origText;
    // Hide chip if zero count and not 'all'
    btn.style.display = (mv !== 'all' && cnt === 0) ? 'none' : '';
  });

  // Build outletNameMap once — ไม่ build ซ้ำใน loop
  var outletNameMap2 = {};
  if (typeof bulkOutletsData !== 'undefined') {
    Object.values(bulkOutletsData).forEach(function(mo){
      Object.values(mo).forEach(function(arr){
        if (!Array.isArray(arr)) return;
        arr.forEach(function(o){ if (o.outlet_id && o.outlet_name) outletNameMap2[String(o.outlet_id)] = o.outlet_name; });
      });
    });
  }

  var COL_W = 42;

  // ── Sticky month header (outside account tables) ─────────────────────────
  // header row ครอบทั้ง list — align กับ table colgroup (auto + 4×42px)
  // ใช้ div+grid ไม่ใช้ table เพราะ account name col width เปลี่ยนตาม screen
  var listMoHdrs = [QNRR_CFG.months_th[QNRR_CFG.base_month] || QNRR_CFG.base_month]
    .concat(STARTED.map(function(m){ return QNRR_CFG.months_th[m] || m; }));
  // header: sticky เหนือ account list — column-align grid มี 4 fixed cols = COL_W px ทางขวา
  var headerHtml = '<div class="qnrr-list-mo-hdr">' +
    '<div class="qnrr-list-mo-hdr-name"></div>' +
    listMoHdrs.map(function(mo){
      return '<div class="qnrr-list-mo-hdr-cell">' + mo + '</div>';
    }).join('') +
  '</div>';

  var html = headerHtml;
  filteredAccts.forEach(function(aid){
    var a = byAcct[aid];

    var outletIds = Object.keys(a.outlets).filter(function(oid){
      if (_listFilter === 'all') return true;
      return _domMv(a.outlets[oid]) === _listFilter;
    });
    if (!outletIds.length) return;

    outletIds.sort(function(x,y){
      var xd=_domMv(a.outlets[x]), yd=_domMv(a.outlets[y]);
      var xB=(xd==='core_nrr_churn'||xd==='transfer_out');
      var yB=(yd==='core_nrr_churn'||yd==='transfer_out');
      if (xB!==yB) return xB?1:-1;
      var m0 = STARTED[0] || QNRR_CFG.base_month;
      return (a.outlets[y].gmv[m0]||0)-(a.outlets[x].gmv[m0]||0);
    });

    var acctId = 'qnrr-olrows-' + aid.replace(/[^a-z0-9]/gi,'_');

    html += '<div class="qnrr-acct-hdr expanded" onclick="_qnrrToggleAcctRows(\'' + acctId + '\',this)">' +
      '<div class="qnrr-acct-hdr-name">' + _esc(a.name) + '</div>' +
      '<div class="qnrr-acct-hdr-right">' +
        '<div class="qnrr-acct-hdr-tot">' + outletIds.length + ' สาขา</div>' +
        '<svg class="qnrr-hdr-chev" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>' +
      '</div>' +
    '</div>';
    html += '<div class="qnrr-ol-rows" id="' + acctId + '">' +
      '<table class="qnrr-acct-tbl">' +
      '<colgroup>' +
        '<col style="width:auto">' +  // name col flexible
        ALL_MONTHS.map(function(){ return '<col style="width:' + COL_W + 'px">'; }).join('') +
      '</colgroup>' +
      '<tbody>';

    outletIds.forEach(function(oid){
      var od = a.outlets[oid];
      var oName  = outletNameMap2[String(oid)] || od.name || String(oid);
      var domMv  = _domMv(od);
      var cfg    = MV_CFG[domMv] || {color:'rgba(255,255,255,.3)'};
      var dotCol = cfg.color === 'ghost' ? 'rgba(180,180,200,.40)' : cfg.color;

      var cells = ALL_MONTHS.map(function(m){
        var v = od.gmv[m] || 0;
        var isBase = (m === QNRR_CFG.base_month);
        var isZero = !isBase && v===0;
        var isHi   = !isBase && v>0 && od.gmv[QNRR_CFG.base_month]>0 && v > od.gmv[QNRR_CFG.base_month]*1.05;
        var cls    = isBase?'base-col':isZero?'zero-col':isHi?'hi-col':'';
        var disp   = isZero ? '✕' : (v>0 ? _fmtM(v) : '—');
        return '<td class="' + cls + '">' + disp + '</td>';
      }).join('');

      html +=
        '<tr>' +
          '<td class="qnrr-ol-name-cell">' +
            '<span class="qnrr-ol-dot2" style="background:' + dotCol + '"></span>' +
            '<span class="qnrr-ol-name2">' + _esc(String(oName).slice(0,32)) + '</span>' +
          '</td>' +
          cells +
        '</tr>';
    });

    html += '</tbody></table></div>';
  }); // end filteredAccts.forEach

  if (!html) html = '<div style="padding:24px;text-align:center;color:rgba(255,255,255,.52);font-size:var(--text-sm)">ไม่มีสาขาในตัวกรองนี้</div>';
  wrap.innerHTML = html;
}
window._qnrrRenderList = _qnrrRenderList;

function _qnrrToggleAcctRows(id, hdr){
  var el = document.getElementById(id);
  if (!el) return;
  var open = el.style.display !== 'none';
  el.style.display = open ? 'none' : 'block';
  if (hdr) hdr.classList.toggle('expanded', !open);
}
window._qnrrToggleAcctRows = _qnrrToggleAcctRows;

})();


</script>
<script id="freshket-nav-config">
/**
 * Freshket Sense — Nav Config System
 * src/12_nav_config.js
 *
 * SINGLE SOURCE OF TRUTH for nav behavior per role.
 *
 * To add a new tab:
 *   1. Add to TABS with its HTML button ID
 *   2. Add to ALL_IDS
 *   3. Add to relevant roles in NAV_CONFIG
 *
 * To add a new role:
 *   1. Add a row to NAV_CONFIG
 *
 * No CSS changes needed.
 */
(function() {
  'use strict';

  var TABS = {
    'portview':         { id: 'nav-overview' },
    'restaurant':       { id: 'nav-restaurant' },
    'echo-kam':         { id: 'nav-echo-kam' },
    'opportunities':    { id: 'nav-opportunities' },
    'skills':           { id: 'nav-skills', hideWhen: ['sense-plan-expanded', 'kam-sense-active'] },
    'sales-portview':   { id: 'nav-sales-portview' },
    'sales-pipeline':   { id: 'nav-sales-pipeline' },
    'sales-echo':       { id: 'nav-echo' },
    'sales-commission': { id: 'nav-sales-commission' },
    'sales-teamview':   { id: 'nav-sales-teamview' },
    'search':           { id: 'nav-search' },
    'teamview':         { id: 'nav-teamview' },
  };

  var NAV_CONFIG = {
    // H10 (Bucci 24 ต.ค. 2569 · บอร์ด HomeNew / ShopNew): KAM เท่านั้น — Skills ออก · ค้นหาร้านเข้า · ปุ่มกลางยก
    //   หน้าพอร์ต: พอร์ต · สรุปให้ (#nav-restaurant ช่อง 2 — 14 เปลี่ยนเป็นสรุปให้) · Echo กลาง · Products · ค้นหาร้าน
    //   หน้าร้าน:  พอร์ต · Echo · Profile ร้าน กลาง · Products · ค้นหาร้าน
    //   ตำแหน่งอื่น (หัวหน้าทีม แอดมิน AD PM Sales) เหมือนเดิม (D2)
    'rep': {
      tabs: ['portview', 'restaurant', 'echo-kam', 'opportunities', 'search'],
      screenTabs: { 'overview': ['portview', 'echo-kam', 'restaurant', 'opportunities', 'search'] },
      raiseCenter: true,
    },
    // T5 (บอร์ด Audit · 25 ต.ค. 2569): หน้าพอร์ตของหัวหน้าทีม/แอดมิน ช่องที่ 2 (#nav-restaurant) เป็น "Profile" สีเทากดไม่ได้
    //   เมื่อจอสรุปเช้า (14) ไม่ได้ใช้ช่องนั้น (แอดมินเสมอ · หัวหน้าทีมร้านเกิน 1,500) ⇒ ช่องนั้นเป็นปุ่ม "Team" แทน
    //   ไม่แตะปุ่ม #nav-restaurant เลย (14 จำหน้าตาเดิมของปุ่มนั้นไว้) — สลับ "ปุ่มไหนอยู่ช่อง 2" เท่านั้น
    // Bucci 25 ต.ค. 2569: หัวหน้าทีมและแอดมินใช้เมนูแบบเดียวกับ KAM ("เอา skill ออกได้") —
    //   หน้าพอร์ต/ทีม: พอร์ต · สรุปให้ หรือ Team · Echo กลาง · Products · ค้นหาร้าน
    //   หน้าร้าน:      พอร์ต · Echo · Profile ร้าน กลาง · Products · ค้นหาร้าน
    'tl': {
      tabs: ['portview', 'restaurant', 'echo-kam', 'opportunities', 'search'],
      screenTabs: { 'overview': ['portview', 'echo-kam', 'restaurant', 'opportunities', 'search'] },
      raiseCenter: true,
      teamToggle: ['portview', 'teamview'],
    },
    'admin': {
      tabs: ['portview', 'restaurant', 'echo-kam', 'opportunities', 'search'],
      screenTabs: { 'overview': ['portview', 'echo-kam', 'restaurant', 'opportunities', 'search'] },
      raiseCenter: true,
      teamToggle: ['portview', 'teamview'],
    },
    'ad': {
      tabs: ['portview', 'restaurant', 'echo-kam', 'opportunities', 'skills'],
    },
    'pm': {
      tabs: ['portview', 'restaurant', 'echo-kam', 'opportunities', 'skills'],
    },
    'ad_tl': {
      tabs: ['portview', 'restaurant', 'echo-kam', 'opportunities', 'skills'],
    },
    'sales': {
      tabs: ['sales-portview', 'sales-pipeline', 'sales-echo', 'sales-commission', 'skills'],
    },
    'sales_tl': {
      tabs: ['sales-portview', 'sales-pipeline', 'sales-echo', 'sales-commission', 'skills', 'sales-teamview'],
    },
  };

  var ALL_IDS = [
    'nav-overview', 'nav-portview', 'nav-restaurant', 'nav-echo-kam',
    'nav-opportunities', 'nav-skills', 'nav-teamview',
    'nav-sales-portview', 'nav-sales-pipeline', 'nav-echo',
    'nav-sales-commission', 'nav-sales-teamview',
    'nav-portfolio', 'nav-report', 'nav-search',
  ];

  function renderNav(role) {
    var config = NAV_CONFIG[role];
    if (!config) { console.warn('[NavConfig] unknown role:', role); return; }

    document.body.classList.toggle('nav-team-toggle', !!config.teamToggle);   // ซ่อนปุ่มสลับมุมขวาบน (styles_portview)
    var bodyClasses = document.body.className;

    ALL_IDS.forEach(function(id) {
      var el = document.getElementById(id);
      if (el) el.style.display = 'none';
    });

    // หน้าจอที่เปิดอยู่ (.scr.on) เลือกลำดับปุ่มได้ (H10) · ไม่มีลำดับเฉพาะ = ลำดับปกติของตำแหน่ง
    var scrEl = document.querySelector('.scr.on');
    var scrName = scrEl ? String(scrEl.id || '').replace(/^scr-/, '') : '';
    var tabs = (config.screenTabs && config.screenTabs[scrName]) || config.tabs;
    // Bucci 25 ต.ค. 2569: สลับพอร์ต/ทีมจากเมนูล่าง แทนปุ่มมุมขวาบน (#portview-team-btn / #tv-portfolio-btn ซ่อนแล้ว)
    //   ช่อง 2 เป็น "สรุปให้" (di-live) ⇒ ปุ่มแรกสลับ: อยู่พอร์ตเห็น "ทีม" · อยู่ทีมเห็น "พอร์ต"
    //   ช่อง 2 ว่าง (แอดมิน · ทีมใหญ่) ⇒ ช่อง 1 พอร์ต ช่อง 2 ทีม คู่กันทั้งสองหน้า (เดิม T5 ทำแค่หน้าพอร์ต หน้าทีมเหลือ Profile เทา)
    if (config.teamToggle && config.teamToggle.indexOf(scrName) !== -1) {
      var rb = document.getElementById('nav-restaurant');
      tabs = _navTeamToggleTabs(tabs, scrName, !!(rb && rb.classList.contains('di-live')));
      _watchDiSlot(role);
    }
    var shown = [];
    ALL_IDS.forEach(function(id) { var el = document.getElementById(id); if (el) el.classList.remove('nav-center'); });

    var visibleCount = 0;
    tabs.forEach(function(key, i) {
      var tab = TABS[key];
      if (!tab) return;
      if (tab.hideWhen && tab.hideWhen.some(function(cls) {
        return bodyClasses.indexOf(cls) !== -1;
      })) return;
      var el = document.getElementById(tab.id);
      if (!el) return;
      el.style.display = 'flex';
      el.style.order = String(i + 1);
      shown.push(el);
      visibleCount++;
    });
    // ปุ่มกลางยกขึ้น (เฉพาะตำแหน่งที่ตั้ง raiseCenter) — จำนวนปุ่มคี่เท่านั้น
    if (config.raiseCenter && shown.length % 2 === 1) shown[(shown.length - 1) / 2].classList.add('nav-center');
    if (config.raiseCenter && scrName === 'overview') _hintProfileCenter();

    var bnav = document.querySelector('.bnav');
    if (bnav) bnav.style.gridTemplateColumns = 'repeat(' + visibleCount + ', 1fr)';

  }

  // ลำดับปุ่มหน้าพอร์ต/ทีม ของหัวหน้าทีม/แอดมิน (pure — tools/verify_nav_team_toggle.js)
  function _navTeamToggleTabs(tabs, scrName, diLive) {
    if (diLive) return tabs.map(function(k) { return k === 'portview' ? (scrName === 'portview' ? 'teamview' : 'portview') : k; });
    return tabs.map(function(k) { return k === 'restaurant' ? 'teamview' : k; });
  }
  window._navTeamToggleTabs = _navTeamToggleTabs;

  // 25 ต.ค. 2569 (Bucci "ทุก touch ลื่น"): ปุ่มเมนูล่างติดทันทีตอนนิ้วแตะ (pointerdown มาก่อน click ~100ms
  //   ⇒ เบราว์เซอร์วาดปุ่มติดได้ก่อนงานหนักของการเปลี่ยนหน้า) · ปลดเองหลังเปลี่ยนหน้า
  (function _navPress() {
    try {
      document.addEventListener('pointerdown', function(e) {
        var b = e.target && e.target.closest && e.target.closest('.bnav .ni');
        if (!b) return;
        b.classList.add('ni-press');
        setTimeout(function() { b.classList.remove('ni-press'); }, 650);
      }, { passive: true, capture: true });
    } catch (e) {}
  })();

  // T5: 14 ยึด/ปล่อยช่อง 2 (class di-live) เมื่อไหร่ก็ได้ ⇒ ฟังการเปลี่ยน class แล้ววาดเมนูใหม่ (ติดตั้งครั้งเดียว)
  var _diObs = null;
  function _watchDiSlot(role) {
    try {
      _watchDiSlot.role = role;
      if (_diObs || typeof MutationObserver !== 'function') return;
      var rb = document.getElementById('nav-restaurant');
      if (!rb) return;
      var was = rb.classList.contains('di-live');
      _diObs = new MutationObserver(function() {
        var now = rb.classList.contains('di-live');
        if (now === was) return;
        was = now;
        try { renderNav((typeof getCurrentRole === 'function' && getCurrentRole()) || _watchDiSlot.role); } catch (e) {}
      });
      _diObs.observe(rb, { attributes: true, attributeFilter: ['class'] });
    } catch (e) {}
  }

  // H10: ป้ายชี้ครั้งแรกบนหน้าร้าน "ปุ่มกลางเป็น Profile ร้านแล้ว" — ครั้งเดียวต่อเครื่อง
  function _hintProfileCenter() {
    try {
      var KEY = 'sense_hint_profile_center_v1';
      if (localStorage.getItem(KEY) === '1') return;
      var btn = document.getElementById('nav-restaurant');
      if (!btn || !btn.classList.contains('nav-center') || btn.classList.contains('nav-disabled')) return;
      localStorage.setItem(KEY, '1');
      var tip = document.createElement('div');
      tip.className = 'nav-hint-bubble';
      tip.setAttribute('role', 'status');
      tip.textContent = 'ปุ่มกลางเป็น Profile ร้านแล้ว';
      tip.onclick = function() { try { tip.remove(); } catch (e) {} };
      document.body.appendChild(tip);
      setTimeout(function() { try { tip.remove(); } catch (e) {} }, 5000);
    } catch (e) {}
  }

  // H10: ค้นหาร้าน — กลับหน้าพอร์ต เปิดช่องค้นหา และขึ้นแป้นพิมพ์ "ในแตะเดียว" (iOS ยอมให้ขึ้นแป้นพิมพ์เฉพาะใน handler ของการแตะ)
  // ช่องค้นหาถูกปักไว้ (_pvSearchPinned) ไม่ให้ตัวพับหัวจอ (06 _applyStrip) ซ่อนตอนช่องยังว่าง · ออกจากช่องโดยไม่พิมพ์ = ปลดปัก
  function navSearchGo() {
    try {
      if (document.body.classList.contains('restaurant-sheet') && typeof closeRestaurantSheet === 'function') closeRestaurantSheet();
      if (typeof showScreen === 'function') showScreen('portview');
      var ex = document.getElementById('pv-sort-search-expand');
      var inp = document.getElementById('pv-search-collapsed');
      var sb = document.getElementById('pv-cs-search-btn');
      if (ex) ex.style.display = 'block';
      if (sb) sb.classList.add('active');
      if (typeof window._pvEnterSearchMode === 'function') window._pvEnterSearchMode();   // 25 ต.ค. 2569: โหมดค้นหา (06)
      if (inp) {
        window._pvSearchPinned = true;
        var unpin = function() { if (!inp.value) window._pvSearchPinned = false; inp.removeEventListener('blur', unpin); };
        inp.addEventListener('blur', unpin);
        try { inp.focus({ preventScroll: true }); } catch (e) { inp.focus(); }
      }
    } catch (e) {}
  }
  window._navSearchGo = navSearchGo;

  // v_key round3: Products (nav-opportunities) used to be Save-only and got disabled
  // on account-less screens via a per-role disabled-screens list — retired now that its
  // popover's Key SKU row works with no account selected too. Kept as a no-op since other
  // modules still call this defensively (see 05_kam_view.js's "idempotent" comment at its call site).
  function updateSaveState(screen) {
    var btn = document.getElementById('nav-opportunities');
    if (btn) btn.classList.remove('nav-disabled');
  }

  var _origShow = window.showScreen;
  window.showScreen = function(name) {
    var r = _origShow ? _origShow.call(this, name) : undefined;
    updateSaveState(name);
    // v806: re-render nav whenever returning to a non-Save screen.
    // showScreen (05_kam_view) removes kam-sense-active before calling _origShow,
    // but only when _kamSenseReturn is true. If the user entered Save without an
    // account selected (_kamSenseReturn never set), kam-sense-active stays on body
    // and Skills stays hidden after returning to portview.
    // Calling renderNav here — AFTER _origShow — sees the final body class state
    // and always shows the correct tabs for the destination screen.
    var _screensNeedingNavRefresh = ['portview','overview','teamview','skills','echo-kam'];
    if (_screensNeedingNavRefresh.indexOf(name) !== -1) {
      try {
        var role = (typeof getCurrentRole === 'function') ? getCurrentRole() : null;
        if (role) renderNav(role);
      } catch(_e) {}
    }
    return r;
  };

  window.NavConfig = {
    render: renderNav,
    updateSaveState: updateSaveState,
  };

})();

// ════════════════════════════════════════════════════════════════════════════════════
// แถบเมนูลอยหลบตอนเลื่อนลง แบบ YouTube (Bucci 25 ต.ค. 2569) — คู่กับการลดแถบลงชิดขอบจอแบบ Apple Health (styles_portview.css)
//   เลื่อนลงเกิน TUCK_AFTER px ⇒ หลบ · เลื่อนขึ้นนิดเดียว / กลับบนสุด / ถึงท้ายหน้า ⇒ กลับมา · หน้าสั้นไม่หลบ
//   ฟังเฉพาะการเลื่อนของทั้งหน้า (หน้าแรก หน้าร้าน) — แผ่นที่เลื่อนข้างในตัวเอง (โหมดร้านอาหาร Echo สรุปเช้า ค่าคอมฯ)
//   ไม่ทำให้แถบขยับ · ไม่หลบในโหมด Products (แถบเป็นถาดแผนซื้อ) และตอนพิมพ์อยู่
//   หลบด้วยการเลื่อน bottom ไม่ใช้ transform — iOS: position:fixed + transform = แถบเลื่อนตาม scroll (v573)
// ════════════════════════════════════════════════════════════════════════════════════
(function () {
  'use strict';
  var TUCK_AFTER = 120;   // ต้องเลื่อนลงจากบนสุดเกินนี้ก่อนถึงจะหลบ
  var DOWN_PX = 12;       // เลื่อนลงสะสมเท่านี้ ⇒ หลบ (กันนิ้วสั่น)
  var UP_PX = 8;          // เลื่อนขึ้นสะสมเท่านี้ ⇒ กลับมา
  var END_PX = 48;        // ใกล้ท้ายหน้าเท่านี้ ⇒ กลับมา (ถึงท้ายรายการแล้วต้องกดเมนูต่อได้)
  var SHORT_PX = 240;     // หน้าที่เลื่อนได้น้อยกว่านี้ไม่หลบ

  // ตัดสินใจล้วน ๆ (ทดสอบได้): s = {tucked, lastY, acc} · y = ตำแหน่งตอนนี้ · maxY = เลื่อนได้สุด
  function next(s, y, maxY) {
    var tucked = !!s.tucked, lastY = s.lastY || 0, acc = s.acc || 0;
    var dy = y - lastY;
    if (maxY < SHORT_PX || y <= 60 || y >= maxY - END_PX) return { tucked: false, lastY: y, acc: 0 };
    acc = (dy > 0) === (acc > 0) ? acc + dy : dy;    // สะสมทางเดียวกัน เปลี่ยนทิศเริ่มนับใหม่
    if (!tucked && acc >= DOWN_PX && y > TUCK_AFTER) return { tucked: true, lastY: y, acc: 0 };
    if (tucked && acc <= -UP_PX) return { tucked: false, lastY: y, acc: 0 };
    return { tucked: tucked, lastY: y, acc: acc };
  }
  window._navTuckNext = next;

  function blocked() {
    var b = document.body;
    if (!b || !b.classList.contains('kam-mode')) return true;
    if (b.classList.contains('kam-sense-active') || b.classList.contains('restaurant-sheet')) return true;
    // กำลังพิมพ์ = คีย์บอร์ดบนจอกินที่อยู่ (visualViewport เตี้ยกว่าหน้าต่างมาก) — ไม่ใช้แค่ "ช่องค้นหามีโฟกัส"
    // เพราะช่องค้นหาพอร์ตอาจค้างโฟกัสโดยไม่มีคีย์บอร์ด แล้วแถบจะไม่หลบเลย (เจอในแอปทดสอบ)
    var a = document.activeElement, vv = window.visualViewport;
    if (a && (a.tagName === 'INPUT' || a.tagName === 'TEXTAREA' || a.isContentEditable) && vv && vv.height < window.innerHeight * 0.8) return true;
    return false;
  }

  var st = { tucked: false, lastY: 0, acc: 0 }, raf = 0;
  function apply(t) {
    if (!!document.body.classList.contains('nav-tucked') === t) return;
    document.body.classList.toggle('nav-tucked', t);
  }
  function onScroll(ev) {
    var t = ev && ev.target;
    if (t && t !== document && t !== document.documentElement && t !== document.body) return;   // เลื่อนในแผ่น ไม่เกี่ยว
    if (raf) return;
    raf = requestAnimationFrame(function () {
      raf = 0;
      var se = document.scrollingElement || document.documentElement;
      var y = window.pageYOffset || se.scrollTop || 0;
      if (blocked()) { st = { tucked: false, lastY: y, acc: 0 }; apply(false); return; }
      st = next(st, y, se.scrollHeight - window.innerHeight);
      apply(st.tucked);
    });
  }
  // กลับมาเสมอเมื่อเปลี่ยนโหมด/ปิดแผ่น (class บน body เปลี่ยน) — ไม่ครอบ showScreen ซ้ำ
  function watchBody() {
    try {
      new MutationObserver(function () {
        if (document.body.classList.contains('nav-tucked') && blocked()) { st.tucked = false; apply(false); }
      }).observe(document.body, { attributes: true, attributeFilter: ['class'] });
    } catch (e) {}
  }
  function start() {
    window.addEventListener('scroll', onScroll, { passive: true });
    window.addEventListener('resize', function () { st = { tucked: false, lastY: 0, acc: 0 }; apply(false); }, { passive: true });
    watchBody();
  }
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start, { once: true }); else start();
})();
</script>
<script id="freshket-maintenance">
// ══════════════════════════════════════════════════════════════════════════
// ปิดปรับปรุงชั่วคราว — ใช้ร่วมกันทั้ง Sense (index.html) และ /nrr (nrr.html)
// v_maint (2026-10-01)
//
// ที่มา: บุชชี่ขอปิดทั้งสองแอปชั่วคราว ให้เข้าได้เฉพาะบัญชีเจ้าของระบบ
//       (2 ต.ค. เพิ่ม: เปิดให้อีเมลที่ระบุเข้าได้ด้วย — คอลัมน์ allow_emails ของแถวเดียวกัน)
//
// สวิตช์อยู่ที่ตาราง public.app_maintenance แถวเดียว (id = 1)
//   อ่านได้ทุกคน รวมถึงคนที่ยังไม่ล็อกอิน · แก้ได้เฉพาะ app_is_owner() (RLS)
//   ดู docs/supabase-migration-maintenance-2026-10-01.sql
//
// กติกาที่ห้ามกลับด้าน
//   • อ่านสวิตช์ไม่ได้ (เน็ตล่ม / โควตาเกิน / ยังไม่มีตาราง) = ใช้ค่าล่าสุดที่เครื่องนี้เคยอ่านได้
//     เครื่องที่ไม่เคยอ่านได้เลย ถือว่า "ไม่ได้ปิด" (fail open) — ไม่งั้นวันที่หลังบ้านล่ม
//     ทุกคนเจอหน้าปิดปรับปรุงทั้งที่ไม่มีใครสั่ง และโหมดดูอย่างเดียวของ /nrr (v_quotaguard) ใช้ไม่ได้
//   • จำค่าล่าสุดไว้ในเครื่อง ⇒ ตอนปิดอยู่ เปิดแอปใหม่แล้วหน้าปิดขึ้นทันที ไม่เห็นแอปแวบหนึ่งก่อน
//   • ใครผ่านได้ ถามหลังบ้านตรงผ่าน app_maintenance_access() เท่านั้น (fail closed)
//     'owner'   เจ้าของระบบ — ผ่าน + มีปุ่มเปิดระบบคืน
//     'allowed' อยู่ในรายชื่อ allow_emails — ผ่าน แต่ไม่มีปุ่ม (เปิดระบบคืนไม่ได้ แก้ตัวเลขเงินไม่ได้)
//     อย่างอื่น / error = ไม่ผ่าน · ไม่เชื่อค่าที่จำไว้ในเครื่อง
//     รายชื่อไม่ส่งออกมาหน้าเว็บ (คอลัมน์นี้ไม่มีสิทธิ์ select) ตัวตัดสินอยู่ในฐานข้อมูล
//   • ปุ่ม "ผู้ดูแลระบบเข้าสู่ระบบ" ซ่อนหน้าปิดได้เฉพาะตอนที่ไม่มีใครล็อกอินอยู่
//     ถ้ามีคนล็อกอินอยู่ ต้องออกจากระบบก่อน (ไม่งั้นคนทั่วไปกดแล้วเห็นแอปตัวเองทันที)
//   • นี่คือการปิดหน้าจอ ไม่ใช่กุญแจข้อมูล — สิทธิ์อ่านข้อมูลจริงยังเป็นของ RLS เดิม
// ══════════════════════════════════════════════════════════════════════════
(function () {
  'use strict';
  if (window.FktMaintenance) return;               // ใส่ซ้ำสองรอบไม่ได้

  var POLL_MS = 60 * 1000;                         // แอปที่เปิดค้างเห็นสวิตช์ใหม่ภายใน ~1 นาที
  var CALL_TIMEOUT_MS = 6000;
  var ADMIN_KEY = 'fkt_maint_admin_login';         // sessionStorage — อยู่แค่แท็บนี้
  var LAST_KEY = 'fkt_maint_last_on';              // localStorage — ค่าสวิตช์ล่าสุดที่อ่านได้
  var DEFAULT_MSG = 'จะเปิดให้ใช้งานอีกครั้งเร็ว ๆ นี้ ขออภัยในความไม่สะดวก';

  var S = {
    on: false,           // สวิตช์ล่าสุดที่อ่านได้
    known: false,        // เคยอ่านสวิตช์สำเร็จหรือยัง
    msg: '',
    owner: false,        // เจ้าของระบบ — มีปุ่มเปิดระบบคืน
    allowed: false,      // ผ่านหน้าปิดได้ (เจ้าของระบบ หรืออยู่ในรายชื่อ)
    hasSession: null,    // null = ยังไม่รู้ · true/false จากเหตุการณ์ล็อกอิน
    adminLogin: false,   // กดปุ่มผู้ดูแลระบบแล้ว รอล็อกอิน
    busy: false
  };
  try { S.adminLogin = sessionStorage.getItem(ADMIN_KEY) === '1'; } catch (e) {}
  try { S.on = localStorage.getItem(LAST_KEY) === '1'; } catch (e) {}
  var ownerSeq = 0;      // คำตอบสิทธิ์ที่มาช้ากว่าคำถามใหม่ ต้องทิ้ง (ถามก่อนล็อกอิน ตอบหลังล็อกอิน)

  // ── ตัดสินใจ (ฟังก์ชันล้วน ไม่แตะ DOM — ด่านตรวจเรียกตัวนี้ตรง ๆ) ───────────
  function decide(s) {
    if (!s.on) return { overlay: false, banner: false };
    if (s.owner) return { overlay: false, banner: true };
    if (s.allowed) return { overlay: false, banner: false };
    // กดปุ่มผู้ดูแลระบบแล้ว และยืนยันได้ว่าไม่มีใครล็อกอินอยู่ ⇒ เปิดทางให้เห็นหน้าล็อกอิน
    if (s.adminLogin && s.hasSession === false) return { overlay: false, banner: false };
    return { overlay: true, banner: false };
  }

  // ── คุยกับหลังบ้าน ───────────────────────────────────────────────────────
  function client() {
    try { return (typeof supa !== 'undefined' && supa) ? supa : null; } catch (e) { return null; }
  }
  function withTimeout(p, ms) {
    return Promise.race([p, new Promise(function (_, rej) {
      setTimeout(function () { rej(new Error('timeout')); }, ms);
    })]);
  }
  // คืน {on, msg} หรือ null = ไม่รู้ (ให้คนเรียกใช้ค่าล่าสุด)
  async function readFlag() {
    var c = client(); if (!c) return null;
    try {
      var r = await withTimeout(c.from('app_maintenance').select('enabled,message').eq('id', 1).maybeSingle(), CALL_TIMEOUT_MS);
      if (!r || r.error || !r.data) return null;
      return { on: r.data.enabled === true, msg: String(r.data.message || '') };
    } catch (e) { return null; }
  }
  // คืน 'owner' | 'allowed' | 'none' — error ทุกแบบ = 'none'
  async function readAccess() {
    var c = client(); if (!c) return 'none';
    try {
      var r = await withTimeout(c.rpc('app_maintenance_access'), CALL_TIMEOUT_MS);
      return (r && !r.error && (r.data === 'owner' || r.data === 'allowed')) ? r.data : 'none';
    } catch (e) { return 'none'; }
  }

  // ถามสิทธิ์ แล้วเขียนผลเฉพาะเมื่อเป็นคำถามล่าสุด · คืน true = ผ่านหน้าปิดได้
  async function checkAccessNow() {
    var my = ++ownerSeq;
    var ans = await readAccess();
    if (my !== ownerSeq) return S.allowed;
    S.owner = ans === 'owner';
    S.allowed = ans === 'owner' || ans === 'allowed';
    return S.allowed;
  }

  // ── หน้าจอ ───────────────────────────────────────────────────────────────
  var CSS = [
    '.fkt-mt{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;',
    'padding:24px 16px;background:radial-gradient(120% 90% at 50% 0%,#24543d 0%,#173a2b 45%,#0f271d 100%);',
    "color:#eef6f0;font-family:'Noto Sans Thai','IBM Plex Sans Thai',system-ui,-apple-system,sans-serif;",
    'overflow-y:auto;-webkit-font-smoothing:antialiased}',
    '.fkt-mt-card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}',
    '.fkt-mt-mark{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px;letter-spacing:.01em}',
    '.fkt-mt-mark i{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;',
    'background:rgba(110,231,160,.14);color:#8ff0b6;border:1px solid rgba(110,231,160,.3)}',
    '.fkt-mt-tool{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-top:10px;',
    'background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}',
    '.fkt-mt h1{margin:4px 0 0;font-size:22px;line-height:1.35;font-weight:700;text-wrap:balance}',
    '.fkt-mt p{margin:0;font-size:15px;line-height:1.65;color:rgba(238,246,240,.78);text-wrap:pretty}',
    '.fkt-mt-retry{margin-top:10px;min-height:44px;padding:0 22px;border-radius:12px;border:0;cursor:pointer;',
    'font:inherit;font-size:15px;font-weight:600;background:#5fd68f;color:#0d2a1c}',
    '.fkt-mt-retry:disabled{opacity:.6;cursor:default}',
    '.fkt-mt-admin{margin-top:18px;background:none;border:0;padding:8px;cursor:pointer;font:inherit;font-size:13px;',
    'color:rgba(238,246,240,.55);text-decoration:underline;text-underline-offset:3px}',
    '.fkt-mt button:focus-visible{outline:2px solid #8ff0b6;outline-offset:3px}',
    '.fkt-mt-chip{position:fixed;z-index:2147482990;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 104px - var(--float-drop,0px));',   // Sense: ลงตามแถบเมนู · /nrr ไม่มีตัวแปรนี้ = 0
    'display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);min-height:36px;padding:6px 12px;',
    'border-radius:999px;border:1px solid rgba(245,180,60,.55);background:rgba(36,28,10,.92);color:#ffd88a;',
    "font-family:'Noto Sans Thai','IBM Plex Sans Thai',system-ui,sans-serif;font-size:12.5px;font-weight:600;",
    'box-shadow:0 6px 20px rgba(0,0,0,.28);cursor:pointer}',
    '.fkt-mt-chip b{width:8px;height:8px;border-radius:50%;background:#f5b43c;flex:none}',
    '.fkt-mt-chip u{text-decoration:none;color:#fff3d6;opacity:.85;font-weight:500}'
    // ไม่มี fade-in โดยตั้งใจ — แท็บที่ซ่อนอยู่หยุดนาฬิกาอนิเมชัน หน้าปิดจะค้างโปร่งใสครึ่งหนึ่ง
  ].join('');

  var overlayEl = null, chipEl = null, savedOverflow = null;

  function ensureStyle() {
    if (document.getElementById('fkt-mt-style')) return;
    var st = document.createElement('style');
    st.id = 'fkt-mt-style';
    st.textContent = CSS;
    (document.head || document.documentElement).appendChild(st);
  }
  function esc(s) {
    return String(s).replace(/[&<>"']/g, function (ch) {
      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[ch];
    });
  }
  function showOverlay(show) {
    if (!document.body) return;
    if (show) {
      ensureStyle();
      if (!overlayEl) {
        overlayEl = document.createElement('div');
        overlayEl.className = 'fkt-mt';
        overlayEl.setAttribute('role', 'dialog');
        overlayEl.setAttribute('aria-modal', 'true');
        overlayEl.setAttribute('aria-labelledby', 'fkt-mt-title');
        document.body.appendChild(overlayEl);
      }
      overlayEl.innerHTML =
        '<div class="fkt-mt-card">' +
          '<div class="fkt-mt-mark">freshket <i>' + (location.pathname.indexOf('/nrr') === 0 ? 'Dashboard' : 'Sense') + '</i></div>' +
          '<div class="fkt-mt-tool" aria-hidden="true"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" ' +
            'stroke="#8ff0b6" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">' +
            '<path d="M14.7 6.3a4 4 0 0 0-5.4 5.2L3.6 17.2a1.6 1.6 0 0 0 2.3 2.3l5.7-5.7a4 4 0 0 0 5.2-5.4l-2.5 2.5-2.1-.4-.4-2.1z"/></svg></div>' +
          '<h1 id="fkt-mt-title">ปิดปรับปรุงชั่วคราว</h1>' +
          '<p>' + esc(S.msg || DEFAULT_MSG) + '</p>' +
          '<button type="button" class="fkt-mt-retry">ลองเข้าใหม่</button>' +
          '<button type="button" class="fkt-mt-admin">ผู้ดูแลระบบเข้าสู่ระบบ</button>' +
        '</div>';
      overlayEl.querySelector('.fkt-mt-retry').onclick = function () {
        var b = this; b.disabled = true; b.textContent = 'กำลังตรวจ…';
        refresh(true).then(function () { if (b.isConnected) { b.disabled = false; b.textContent = 'ลองเข้าใหม่'; } });
      };
      overlayEl.querySelector('.fkt-mt-admin').onclick = adminLoginStart;
      if (savedOverflow === null) {
        savedOverflow = document.documentElement.style.overflow || '';
        document.documentElement.style.overflow = 'hidden';
      }
    } else {
      if (overlayEl) { overlayEl.remove(); overlayEl = null; }
      if (savedOverflow !== null) { document.documentElement.style.overflow = savedOverflow; savedOverflow = null; }
    }
  }
  function showChip(show) {
    if (!document.body) return;
    if (show) {
      ensureStyle();
      if (!chipEl) {
        chipEl = document.createElement('button');
        chipEl.type = 'button';
        chipEl.className = 'fkt-mt-chip';
        chipEl.innerHTML = '<b></b>ปิดปรับปรุงอยู่ เข้าได้แค่คุณ <u>แตะเพื่อเปิด</u>';
        chipEl.onclick = ownerReopen;
        document.body.appendChild(chipEl);
      }
    } else if (chipEl) { chipEl.remove(); chipEl = null; }
  }
  function apply() {
    var d = decide(S);
    showOverlay(d.overlay);
    showChip(d.banner);
  }

  // ── การกระทำ ─────────────────────────────────────────────────────────────
  async function adminLoginStart() {
    try { sessionStorage.setItem(ADMIN_KEY, '1'); } catch (e) {}
    S.adminLogin = true;
    // ออกจากระบบแล้วโหลดใหม่ ⇒ แอปเริ่มจากศูนย์ ไม่มี session = หน้าล็อกอินของแอปเอง
    // (ไม่ซ่อนหน้าปิดเฉย ๆ เพราะถ้ามีคนล็อกอินค้างอยู่ จะเห็นแอปทันที)
    var c = client();
    try { if (c) await withTimeout(c.auth.signOut(), CALL_TIMEOUT_MS); } catch (e) {}
    location.reload();
  }
  async function ownerReopen() {
    if (!window.confirm('เปิดให้ทุกคนเข้าใช้งาน Sense และ Dashboard ตามปกติ?')) return;
    var c = client(); if (!c) return;
    var who = '';
    try { var u = await withTimeout(c.auth.getUser(), CALL_TIMEOUT_MS); who = (u && u.data && u.data.user && u.data.user.email) || ''; } catch (e) {}
    try {
      var r = await withTimeout(c.from('app_maintenance')
        .update({ enabled: false, updated_at: new Date().toISOString(), updated_by: who || 'owner' })
        .eq('id', 1).select('enabled'), CALL_TIMEOUT_MS);
      // RLS ปฏิเสธแบบเงียบ = ได้ 0 แถว ไม่ใช่ error ⇒ ต้องเช็คว่ามีแถวกลับมาจริง
      if (!r || r.error || !r.data || !r.data.length) throw new Error((r && r.error && r.error.message) || 'ไม่มีสิทธิ์');
      S.on = false; S.known = true;
      try { localStorage.setItem(LAST_KEY, '0'); } catch (e) {}
      apply();
    } catch (e) {
      window.alert('เปิดระบบไม่สำเร็จ: ' + (e && e.message || e));
    }
  }

  // ── รอบตรวจ ──────────────────────────────────────────────────────────────
  // checkOwner = true เมื่อสถานะล็อกอินเปลี่ยน หรือเพิ่งรู้ว่าปิดอยู่
  async function refresh(checkOwner) {
    if (S.busy) return;
    S.busy = true;
    try {
      var wasOn = S.on;
      var f = await readFlag();
      if (f) {
        S.on = f.on; S.msg = f.msg; S.known = true;
        try { localStorage.setItem(LAST_KEY, f.on ? '1' : '0'); } catch (e) {}
      }
      if (S.on && (checkOwner || !wasOn)) {
        if (await checkAccessNow()) S.adminLogin = false;
      }
      if (!S.on || S.allowed) { S.adminLogin = false; try { sessionStorage.removeItem(ADMIN_KEY); } catch (e) {} }
      apply();
    } finally { S.busy = false; }
  }

  function onAuth(event, session) {
    S.hasSession = !!session;
    // คนที่ไม่ใช่เจ้าของระบบล็อกอินเข้ามา = จบโหมดรอผู้ดูแล หน้าปิดกลับมา
    if (event === 'SIGNED_IN' || event === 'INITIAL_SESSION') {
      if (session) {
        checkAccessNow().then(function (canEnter) {
          if (!canEnter) { S.adminLogin = false; try { sessionStorage.removeItem(ADMIN_KEY); } catch (e) {} }
          refresh(false);
        });
        return;
      }
    }
    if (event === 'SIGNED_OUT') { ownerSeq++; S.owner = false; S.allowed = false; }
    apply();
  }

  // ── เริ่มทำงาน: รอให้แอปสร้างตัวเชื่อม Supabase ก่อน (/nrr สร้างตอน DOMContentLoaded) ──
  var started = false;
  function start() {
    if (started) return;
    var c = client();
    if (!c || !document.body) { setTimeout(start, 150); return; }
    started = true;
    apply();   // ค่าที่จำไว้ในเครื่อง — ถ้าปิดอยู่ หน้าปิดขึ้นทันทีก่อนถามหลังบ้าน
    try { c.auth.onAuthStateChange(function (ev, ses) { try { onAuth(ev, ses); } catch (e) {} }); } catch (e) {}
    refresh(true);
    setInterval(function () { if (document.visibilityState === 'visible') refresh(false); }, POLL_MS);
    document.addEventListener('visibilitychange', function () {
      if (document.visibilityState === 'visible') refresh(false);
    });
  }
  start();

  window.FktMaintenance = {
    state: S,
    decide: decide,
    refresh: refresh,
    // สำหรับตรวจหน้าตาในเครื่อง — ไม่แตะฐานข้อมูล
    _preview: function (asOwner) { S.on = true; S.owner = !!asOwner; S.allowed = !!asOwner; S.hasSession = true; apply(); },
    _previewOff: function () { S.on = false; apply(); }
  };
})();
</script>
<script id="freshket-password-gate">
// ══════════════════════════════════════════════════════════════════════════
// บังคับตั้งรหัสผ่านใหม่หนึ่งครั้ง — ใช้ร่วมกันทั้ง Sense (index.html) และ /nrr (nrr.html)
// v_pwgate (2026-10-03)
//
// ที่มา: รหัสผ่านของทุกคนคือ 1234 หรือ 12345678 · บุชชี่ขอให้ทุกคนตั้งรหัสใหม่เอง
// Supabase ไม่มีปุ่ม "บังคับเปลี่ยนรหัสทุกคน" ⇒ ทำที่แอป
//
// ใครต้องตั้ง: ฐานข้อมูลตอบผ่าน app_password_must_change() — trigger บน auth.users จดทุกครั้ง
//   ที่รหัสถูกเปลี่ยนจริง (หน้านี้ ลิงก์ลืมรหัส หรือช่องทางอื่น) ผู้ใช้จดเองไม่ได้
//   ดู docs/supabase-migration-password-change-2026-10-03.sql
//
// กติกา
//   • ถามฐานข้อมูลไม่ได้ (เน็ตล่ม / โควตา) = ไม่บังคับรอบนี้ (fail open) — ไม่ขังคนไว้นอกแอปเพราะหลังบ้านล่ม
//   • มาจากลิงก์ตั้งรหัสในอีเมล (type=recovery) = ไม่ขึ้นหน้านี้ ปล่อยให้หน้าตั้งรหัสเดิมของแอปทำงาน
//   • ตั้งสำเร็จแล้วไม่ขังต่อ แม้ฐานข้อมูลยังยืนยันไม่ได้ (รหัสเปลี่ยนจริงแล้ว ครั้งหน้าค่อยถามใหม่)
//   • ไม่เก็บ ไม่ส่ง ไม่ log รหัสผ่านที่ไหนเลย นอกจาก supa.auth.updateUser
// ══════════════════════════════════════════════════════════════════════════
(function () {
  'use strict';
  if (window.FktPasswordGate) return;

  var CALL_TIMEOUT_MS = 8000;
  var MIN_LEN = 8;
  // รหัสที่เดาง่าย — รวมสองรหัสที่ทุกคนใช้อยู่ตอนนี้
  var WEAK = ['1234', '12345', '123456', '1234567', '12345678', '123456789', '1234567890', '0123456789',
    '11111111', '00000000', '12341234', '87654321', 'abcd1234', 'abc12345', 'a1234567', 'password',
    'password1', 'qwerty123', 'qwertyui', 'asdf1234', 'freshket', 'freshket1', 'freshket123',
    'freshket1234', 'sense1234', 'p@ssw0rd'];

  var S = { open: false, email: '', view: 'form', busy: false, checkedFor: null };
  var el = null, savedOverflow = null;

  function client() {
    try { return (typeof supa !== 'undefined' && supa) ? supa : null; } catch (e) { return null; }
  }
  function withTimeout(p, ms) {
    return Promise.race([p, new Promise(function (_, rej) { setTimeout(function () { rej(new Error('timeout')); }, ms); })]);
  }
  function isRecoveryUrl() {
    try { return /(?:^|[?#&])type=recovery(?:&|$)/i.test(String(location.search || '') + ' ' + String(location.hash || '')); }
    catch (e) { return false; }
  }

  // ── กติกาของรหัสใหม่ (ฟังก์ชันล้วน — ด่านตรวจเรียกตรง) ─────────────────────
  function rules(p1, p2, email) {
    var p = String(p1 || ''), low = p.toLowerCase();
    var local = String(email || '').split('@')[0].toLowerCase();
    var parts = local.split(/[^a-z0-9]+/).filter(function (x) { return x.length >= 4; });
    return [
      { id: 'len',   ok: p.length >= MIN_LEN, text: 'ยาวอย่างน้อย ' + MIN_LEN + ' ตัว' },
      { id: 'mix',   ok: /[a-zA-Z]/.test(p) && /[0-9]/.test(p), text: 'มีทั้งตัวอักษรภาษาอังกฤษและตัวเลข' },
      { id: 'weak',  ok: p.length > 0 && WEAK.indexOf(low) < 0 && !/^(.)\1+$/.test(p), text: 'ไม่ใช่รหัสที่เดาง่าย เช่น 1234 หรือ 12345678' },
      { id: 'name',  ok: p.length > 0 && !parts.some(function (x) { return low.indexOf(x) >= 0; }), text: 'ไม่มีชื่ออีเมลของคุณอยู่ในรหัส' },
      { id: 'match', ok: p.length > 0 && p === String(p2 || ''), text: 'พิมพ์สองช่องตรงกัน' }
    ];
  }
  function rulesOk(list) { return list.every(function (r) { return r.ok; }); }

  // ข้อความผิดพลาดจาก Supabase → ภาษาคน + ทางไปต่อ
  function explain(err) {
    var code = String((err && (err.code || err.error_code)) || '').toLowerCase();
    var msg = String((err && err.message) || err || '').toLowerCase();
    if (code === 'same_password' || /different from the old password|same password/.test(msg))
      return { text: 'รหัสใหม่ต้องไม่ซ้ำกับรหัสเดิม ลองตั้งรหัสอื่น', relogin: false };
    if (code === 'weak_password' || /weak|pwned|leaked|password should/.test(msg))
      return { text: 'ระบบไม่รับรหัสนี้เพราะเดาง่ายเกินไป ลองให้ยาวขึ้นหรือผสมตัวอักษรกับตัวเลขมากขึ้น', relogin: false };
    if (/reauthentic/.test(code) || /reauthentic/.test(msg))
      return { text: 'เพื่อความปลอดภัย ต้องเข้าสู่ระบบใหม่อีกครั้งก่อนตั้งรหัส กดปุ่มด้านล่างแล้วเข้าสู่ระบบด้วยรหัสเดิม แล้วจะกลับมาที่หน้านี้', relogin: true };
    if (code === 'session_not_found' || /session|jwt|not authenticated|auth session missing/.test(msg))
      return { text: 'การเข้าสู่ระบบหมดอายุแล้ว กดปุ่มด้านล่างแล้วเข้าสู่ระบบด้วยรหัสเดิม แล้วจะกลับมาที่หน้านี้', relogin: true };
    if (/timeout|network|fetch|failed to fetch/.test(msg))
      return { text: 'เชื่อมต่อไม่ได้ ตรวจอินเทอร์เน็ตแล้วกดบันทึกอีกครั้ง', relogin: false };
    return { text: 'บันทึกไม่สำเร็จ ลองอีกครั้ง ถ้ายังไม่ได้ให้แจ้งหัวหน้าทีม', relogin: false };
  }

  // ── หน้าจอ ───────────────────────────────────────────────────────────────
  var CSS = [
    '.fkt-pw{position:fixed;inset:0;z-index:2147482995;display:flex;align-items:flex-start;justify-content:center;',
    'padding:max(24px,env(safe-area-inset-top)) 16px 32px;overflow-y:auto;',
    'background:radial-gradient(120% 90% at 50% 0%,#24543d 0%,#173a2b 45%,#0f271d 100%);',
    "color:#eef6f0;font-family:'Noto Sans Thai','IBM Plex Sans Thai',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}",
    '.fkt-pw-card{width:100%;max-width:400px;margin-top:6vh;display:flex;flex-direction:column;gap:14px}',
    '.fkt-pw-mark{font-weight:700;font-size:18px;letter-spacing:.01em;color:#eef6f0}',
    '.fkt-pw h1{margin:2px 0 0;font-size:24px;line-height:1.3;font-weight:700;text-wrap:balance}',
    '.fkt-pw p{margin:0;font-size:15px;line-height:1.65;color:rgba(238,246,240,.8)}',
    '.fkt-pw-acct{font-size:14px;color:rgba(238,246,240,.7);padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);word-break:break-all}',
    '.fkt-pw-acct b{color:#eef6f0;font-weight:600}',
    '.fkt-pw-field{display:flex;flex-direction:column;gap:6px}',
    '.fkt-pw-field label{font-size:14px;font-weight:600;color:#eef6f0}',
    '.fkt-pw-row{display:flex;gap:8px}',
    '.fkt-pw input{flex:1;min-width:0;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.22);',
    'background:rgba(255,255,255,.96);color:#0f271d;font:inherit;font-size:16px}',
    '.fkt-pw input:focus{outline:2px solid #8ff0b6;outline-offset:1px}',
    '.fkt-pw-show{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:transparent;',
    'color:#eef6f0;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}',
    '.fkt-pw-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}',
    '.fkt-pw-rules li{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.5;color:rgba(238,246,240,.62)}',
    '.fkt-pw-rules li i{flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;border:1.5px solid rgba(238,246,240,.4);',
    'font-style:normal;font-size:12px;line-height:15px;text-align:center}',
    '.fkt-pw-rules li.ok{color:#c9f5da}.fkt-pw-rules li.ok i{background:#5fd68f;border-color:#5fd68f;color:#0d2a1c}',
    '.fkt-pw-err{font-size:14px;line-height:1.55;color:#ffd1c9;background:rgba(255,120,100,.14);border:1px solid rgba(255,140,120,.35);',
    'border-radius:10px;padding:10px 12px}',
    '.fkt-pw-btn{min-height:50px;border-radius:12px;border:0;cursor:pointer;font:inherit;font-size:16px;font-weight:700;',
    'background:#5fd68f;color:#0d2a1c}',
    '.fkt-pw-btn:disabled{background:rgba(255,255,255,.14);color:rgba(238,246,240,.5);cursor:default}',
    '.fkt-pw-link{align-self:center;background:none;border:0;padding:8px;cursor:pointer;font:inherit;font-size:14px;',
    'color:rgba(238,246,240,.62);text-decoration:underline;text-underline-offset:3px}',
    '.fkt-pw button:focus-visible{outline:2px solid #8ff0b6;outline-offset:3px}',
    '.fkt-pw-done{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#5fd68f;color:#0d2a1c;font-size:28px;font-weight:700}'
  ].join('');

  function esc(s) {
    return String(s).replace(/[&<>"']/g, function (ch) {
      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[ch];
    });
  }
  function ensureStyle() {
    if (document.getElementById('fkt-pw-style')) return;
    var st = document.createElement('style');
    st.id = 'fkt-pw-style';
    st.textContent = CSS;
    (document.head || document.documentElement).appendChild(st);
  }
  function q(sel) { return el ? el.querySelector(sel) : null; }

  function renderRules() {
    var p1 = (q('#fkt-pw-new') || {}).value || '', p2 = (q('#fkt-pw-new2') || {}).value || '';
    var list = rules(p1, p2, S.email);
    var box = q('#fkt-pw-rules');
    if (box) box.innerHTML = list.map(function (r) {
      return '<li class="' + (r.ok ? 'ok' : '') + '"><i aria-hidden="true">' + (r.ok ? '✓' : '') + '</i><span>' + esc(r.text) + '</span></li>';
    }).join('');
    var btn = q('#fkt-pw-save');
    if (btn) btn.disabled = S.busy || !rulesOk(list);
    return list;
  }

  function renderForm(errInfo) {
    S.view = 'form';
    el.innerHTML =
      '<div class="fkt-pw-card" role="dialog" aria-modal="true" aria-labelledby="fkt-pw-title">' +
        '<div class="fkt-pw-mark">freshket</div>' +
        '<h1 id="fkt-pw-title">ตั้งรหัสผ่านใหม่ของคุณ</h1>' +
        '<p>เพื่อความปลอดภัยของข้อมูลลูกค้าและค่าคอมมิชชั่น ทุกคนต้องตั้งรหัสผ่านใหม่ของตัวเองหนึ่งครั้งก่อนใช้งานต่อ ' +
          'ตั้งแล้วรหัสเดิมจะใช้ไม่ได้อีก</p>' +
        '<div class="fkt-pw-acct">บัญชี <b>' + esc(S.email || '-') + '</b></div>' +
        '<form id="fkt-pw-form" autocomplete="on" style="display:flex;flex-direction:column;gap:14px">' +
          '<input type="email" name="username" autocomplete="username" value="' + esc(S.email) + '" style="display:none" tabindex="-1" aria-hidden="true">' +
          '<div class="fkt-pw-field"><label for="fkt-pw-new">รหัสผ่านใหม่</label>' +
            '<div class="fkt-pw-row"><input id="fkt-pw-new" type="password" autocomplete="new-password" autocapitalize="off" spellcheck="false">' +
            '<button type="button" class="fkt-pw-show" id="fkt-pw-toggle">แสดง</button></div></div>' +
          '<div class="fkt-pw-field"><label for="fkt-pw-new2">พิมพ์รหัสผ่านใหม่อีกครั้ง</label>' +
            '<input id="fkt-pw-new2" type="password" autocomplete="new-password" autocapitalize="off" spellcheck="false"></div>' +
          '<ul class="fkt-pw-rules" id="fkt-pw-rules" aria-live="polite"></ul>' +
          (errInfo ? '<div class="fkt-pw-err" role="alert">' + esc(errInfo.text) + '</div>' : '') +
          (errInfo && errInfo.relogin
            ? '<button type="button" class="fkt-pw-btn" id="fkt-pw-relogin">ออกจากระบบแล้วเข้าสู่ระบบใหม่</button>'
            : '<button type="submit" class="fkt-pw-btn" id="fkt-pw-save" disabled>บันทึกรหัสผ่านใหม่</button>') +
        '</form>' +
        '<button type="button" class="fkt-pw-link" id="fkt-pw-signout">ไม่ใช่บัญชีของคุณ? ออกจากระบบ</button>' +
      '</div>';
    var a = q('#fkt-pw-new'), b = q('#fkt-pw-new2');
    if (a) a.oninput = renderRules;
    if (b) b.oninput = renderRules;
    var tg = q('#fkt-pw-toggle');
    if (tg) tg.onclick = function () {
      var show = a && a.type === 'password';
      if (a) a.type = show ? 'text' : 'password';
      if (b) b.type = show ? 'text' : 'password';
      tg.textContent = show ? 'ซ่อน' : 'แสดง';
    };
    var f = q('#fkt-pw-form');
    if (f) f.onsubmit = function (ev) { if (ev && ev.preventDefault) ev.preventDefault(); submit(); };
    var rl = q('#fkt-pw-relogin');
    if (rl) rl.onclick = signOutAndReload;
    var so = q('#fkt-pw-signout');
    if (so) so.onclick = signOutAndReload;
    renderRules();
    try { if (a && a.focus) a.focus(); } catch (e) {}
  }

  function renderDone() {
    S.view = 'done';
    el.innerHTML =
      '<div class="fkt-pw-card" role="dialog" aria-modal="true" aria-labelledby="fkt-pw-title">' +
        '<div class="fkt-pw-done" aria-hidden="true">✓</div>' +
        '<h1 id="fkt-pw-title">ตั้งรหัสผ่านใหม่เรียบร้อย</h1>' +
        '<p>ครั้งต่อไปให้เข้าสู่ระบบด้วยรหัสผ่านใหม่นี้ ใช้ได้ทั้งแอป Sense และ Dashboard</p>' +
        '<button type="button" class="fkt-pw-btn" id="fkt-pw-continue">เข้าใช้งาน</button>' +
      '</div>';
    var c = q('#fkt-pw-continue');
    if (c) c.onclick = function () { show(false); };
  }

  function show(on) {
    if (!document.body) return;
    if (on) {
      ensureStyle();
      if (!el) {
        el = document.createElement('div');
        el.className = 'fkt-pw';
        document.body.appendChild(el);
      }
      S.open = true;
      renderForm(null);
      if (savedOverflow === null) {
        savedOverflow = document.documentElement.style.overflow || '';
        document.documentElement.style.overflow = 'hidden';
      }
    } else {
      S.open = false;
      if (el) { el.remove(); el = null; }
      if (savedOverflow !== null) { document.documentElement.style.overflow = savedOverflow; savedOverflow = null; }
    }
  }

  async function signOutAndReload() {
    var c = client();
    try { if (c) await withTimeout(c.auth.signOut(), CALL_TIMEOUT_MS); } catch (e) {}
    location.reload();
  }

  async function submit() {
    if (S.busy) return;
    var a = q('#fkt-pw-new'), b = q('#fkt-pw-new2');
    var p1 = (a && a.value) || '', p2 = (b && b.value) || '';
    if (!rulesOk(rules(p1, p2, S.email))) { renderRules(); return; }
    var c = client(); if (!c) return;
    S.busy = true;
    var btn = q('#fkt-pw-save');
    if (btn) { btn.disabled = true; btn.textContent = 'กำลังบันทึก…'; }
    try {
      var r = await withTimeout(c.auth.updateUser({ password: p1 }), CALL_TIMEOUT_MS * 2);
      if (r && r.error) throw r.error;
      // ฐานข้อมูลจดแล้วหรือยัง — ยืนยันได้ก็ดี ยืนยันไม่ได้ก็ไม่ขัง (รหัสเปลี่ยนจริงแล้ว)
      var still = await mustChange();
      if (still === true) { try { console.warn('[password gate] ตั้งรหัสสำเร็จ แต่ฐานข้อมูลยังไม่ได้จด — ครั้งหน้าจะถามอีกรอบ'); } catch (e) {} }
      S.busy = false;
      renderDone();
    } catch (e) {
      S.busy = false;
      renderForm(explain(e));
    }
  }

  // true = ต้องตั้ง · false = ไม่ต้อง · null = ถามไม่ได้
  async function mustChange() {
    var c = client(); if (!c) return null;
    try {
      var r = await withTimeout(c.rpc('app_password_must_change'), CALL_TIMEOUT_MS);
      if (!r || r.error) return null;
      return r.data === true;
    } catch (e) { return null; }
  }

  async function check(session) {
    if (!session || !session.user) { show(false); return; }
    if (isRecoveryUrl() || (typeof passwordRecoveryMode !== 'undefined' && passwordRecoveryMode)) return;
    var uid = session.user.id;
    if (S.open && S.checkedFor === uid) return;
    S.checkedFor = uid;
    S.email = session.user.email || '';
    var must = await mustChange();
    if (must === true) { if (!S.open) show(true); }
    else if (must === false && S.open && S.view === 'form' && !S.busy) show(false);
  }

  var started = false;
  function start() {
    if (started) return;
    var c = client();
    if (!c || !document.body) { setTimeout(start, 150); return; }
    started = true;
    try {
      c.auth.onAuthStateChange(function (ev, ses) {
        try {
          if (ev === 'SIGNED_OUT') { S.checkedFor = null; show(false); return; }
          if (ev === 'INITIAL_SESSION' || ev === 'SIGNED_IN') check(ses);
        } catch (e) {}
      });
    } catch (e) {}
  }
  start();

  window.FktPasswordGate = {
    state: S, rules: rules, rulesOk: rulesOk, explain: explain, check: check, mustChange: mustChange,
    // สำหรับดูหน้าตาในเครื่อง — ไม่แตะฐานข้อมูล
    _preview: function (email, err) { S.email = email || 'someone@freshket.co'; show(true); if (err) renderForm(explain(err)); },
    _previewDone: function () { if (!el) show(true); renderDone(); },
    _previewOff: function () { show(false); }
  };
})();
</script>
<!-- Echo floating pill — shown when recording + minimized -->
<div id="echo-float-pill" onclick="echoExpand()" role="button" aria-label="กลับไปที่ Echo">
  <div class="fp-bars">
    <span class="fp-bar"></span><span class="fp-bar"></span><span class="fp-bar"></span>
    <span class="fp-bar"></span><span class="fp-bar"></span>
  </div>
  <span class="fp-label">Echo</span>
  <span class="fp-time" id="echo-float-time">0:00</span>
</div>

<!-- QNRR HEALTH SHEET — Quarter NRR Portfolio Health (v780) -->
<div class="qnrr-overlay" id="qnrr-overlay" onclick="_qnrrClose()"></div>
<div class="qnrr-sheet" id="qnrr-sheet" role="dialog" aria-label="สุขภาพพอร์ตรายไตรมาส">
  <div class="qnrr-handle-row" id="qnrr-handle"><div class="qnrr-handle-pill"></div></div>
  <!-- Zone A: Hero -->
  <div class="qnrr-head" id="qnrr-head">
    <div class="qnrr-title-row">
      <div class="qnrr-eyebrow" id="qnrr-quarter-eyebrow" style="margin-bottom:0">NRR ไตรมาส</div>
      <button class="qnrr-scope-chip" id="qnrr-scope-btn" onclick="_qnrrCycleScope()" style="display:none">
        <span id="qnrr-scope-lbl">KAM</span><span class="qnrr-scope-arr">▾</span>
      </button>
    </div>
    <!-- 25 ต.ค. 2569 (บอร์ด QnrrNew): %NRR เดือนล่าสุดตัวใหญ่ + คำช่วงเกณฑ์ · 3 เดือนขวา · ฐานบรรทัดรอง -->
    <div class="qnrr-hero-row">
      <div class="qnrr-hero-main">
        <div class="qnrr-hero-k" id="qnrr-hero-k">%NRR</div>
        <div class="qnrr-hero-big">
          <span class="qnrr-hero-pct" id="qnrr-hero-pct">—</span>
          <span class="qnrr-zone-chip" id="qnrr-hero-zone" hidden></span>
        </div>
      </div>
      <div class="qnrr-nrr-cluster" id="qnrr-nrr-vals" aria-label="%NRR รายเดือน">—</div>
    </div>
    <button type="button" class="qnrr-base-line" id="qnrr-base-line" onclick="_qnrrToggleBaseNote(this)" aria-expanded="false" aria-controls="qnrr-base-note">
      <span id="qnrr-base-lbl">ฐาน</span> <b class="qnrr-base-val" id="qnrr-base-val">—</b> <span class="qnrr-base-sub" id="qnrr-base-sub"></span> <span class="qnrr-info-i" aria-hidden="true">i</span>
    </button>
    <div class="qnrr-base-note" id="qnrr-base-note" hidden></div>
  </div>
  <!-- Zone B: chart + breakdown + list. Toggle lives in fixed toolbar below hero. -->
  <!-- FIXED TOOLBAR: always visible, consistent position both views -->
  <div class="qnrr-toolbar" id="qnrr-toolbar">
    <!-- iOS segmented control: bar-chart icon (กราฟ) | list icon -->
    <div class="qnrr-vseg" id="qnrr-seg" onclick="_qnrrSegTap(this)" role="group" aria-label="เลือก view">
      <div class="qnrr-vseg-thumb" id="qnrr-seg-thumb"></div>
      <!-- bar-chart icon -->
      <button class="qnrr-vseg-btn active" id="qnrr-seg-chart" aria-label="กราฟ" aria-pressed="true">
        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
          <rect x="1" y="6" width="3" height="7" rx="1" fill="currentColor"/>
          <rect x="5.5" y="3" width="3" height="10" rx="1" fill="currentColor"/>
          <rect x="10" y="5" width="3" height="8" rx="1" fill="currentColor"/>
        </svg>
      </button>
      <!-- list icon -->
      <button class="qnrr-vseg-btn" id="qnrr-seg-list" aria-label="List" aria-pressed="false">
        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
          <rect x="1" y="2.5" width="12" height="1.8" rx=".9" fill="currentColor"/>
          <rect x="1" y="6.1" width="12" height="1.8" rx=".9" fill="currentColor"/>
          <rect x="1" y="9.7" width="8.5" height="1.8" rx=".9" fill="currentColor"/>
        </svg>
      </button>
    </div>
    <!-- double-chevron expand btn: list-view only -->
    <button class="qnrr-expand-btn" id="qnrr-expand-btn" onclick="_qnrrToggleAll(this)" title="กาง/หุบทั้งหมด" aria-label="กาง/หุบทั้งหมด" style="display:none">
      <svg id="qnrr-expand-icon" width="16" height="16" viewBox="0 0 16 16" fill="none">
        <polyline points="3,10 8,4 13,10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
        <polyline points="3,14 8,8 13,14" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
    </button>
  </div>
  <div class="qnrr-chart-zone" id="qnrr-chart-zone">
    <!-- กราฟ tab: bar chart + breakdown table stacked -->
    <div id="qnrr-chart-bars-wrap">
      <div class="qnrr-ref-lines" id="qnrr-ref-lines"></div>
      <div class="qnrr-bars-row" id="qnrr-bars-row"></div>
    </div>
    <div class="qnrr-breakdown-wrap" id="qnrr-breakdown-wrap"></div>
    <!-- Transfer out callout card -->
    <div class="qnrr-tout-card" id="qnrr-tout-card">
      <svg width="15" height="15" viewBox="0 0 15 15" fill="none" aria-hidden="true" style="flex-shrink:0;margin-top:1px">
        <rect x=".5" y=".5" width="14" height="14" rx="2.5" stroke="rgba(248,113,113,.48)" stroke-dasharray="2.5 1.5" fill="none"/>
        <path d="M4 7.5h7M9 5.5l2 2-2 2" stroke="rgba(248,113,113,.55)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
      <div style="flex:1;min-width:0">
        <div class="qnrr-tout-card-label">ย้ายออกไปพอร์ตอื่น</div>
        <div class="qnrr-tout-card-row">
          <span class="qnrr-tout-card-desc" id="qnrr-tout-card-desc">—</span>
          <span class="qnrr-tout-card-val" id="qnrr-tout-card-val">—</span>
        </div>
      </div>
    </div>
    <!-- List tab: full-quarter account × outlet list -->
    <div class="qnrr-list-wrap" id="qnrr-list-wrap" style="display:none">
      <!-- Filter bar -->
      <div class="qnrr-list-toolbar">
        <div class="qnrr-list-filter-bar">
          <button class="qnrr-chip on" onclick="_qnrrListFilter('all',this)">ทั้งหมด</button>
          <button class="qnrr-chip" onclick="_qnrrListFilter('core_nrr',this)">ร้านเดิม</button>
          <button class="qnrr-chip" onclick="_qnrrListFilter('core_nrr_churn',this)">หยุดซื้อ</button>
          <button class="qnrr-chip" onclick="_qnrrListFilter('handover',this)">จาก Sales ก่อนไตรมาส</button>
          <button class="qnrr-chip" onclick="_qnrrListFilter('expansion',this)">สาขาใหม่</button>
          <button class="qnrr-chip" onclick="_qnrrListFilter('new_sales',this)">จาก Sales ระหว่างไตรมาส</button>
          <button class="qnrr-chip" onclick="_qnrrListFilter('comeback',this)">กลับมาซื้อ</button>
        </div>
      </div>
      <div class="qnrr-acct-list" id="qnrr-acct-list"></div>
    </div>
  </div>
  <!-- REMOVED: old drill-head + mv-filters + separate acct-list (now inside list tab) -->
  <!-- dummy IDs kept for JS compatibility -->
  <div id="qnrr-drill-lbl" style="display:none">— accounts</div>
  <div id="qnrr-mv-filters" style="display:none">
    <button class="qnrr-mv-btn on" onclick="_qnrrSetMv('all',this)">ทั้งหมด</button>
    <button class="qnrr-mv-btn" onclick="_qnrrSetMv('churn',this)">Churn</button>
    <button class="qnrr-mv-btn" onclick="_qnrrSetMv('handover',this)">จาก Sales ก่อนไตรมาส</button
      <button class="qnrr-mv-btn" onclick="_qnrrSetMv('expansion',this)">Expansion</button>
    </div>
  </div>
  <!-- Zone G: Account list -->
  <div class="qnrr-acct-list" id="qnrr-acct-list"></div>
</div>

</body>
</html>