<!--
================================================================================
SHERPA — ARCHITECTURAL SUMMARY v2.7.2
Generated from full codebase audit. Paste this file into a new chat to begin
with complete context. Last verified against v2.7.2.
================================================================================


================================================================================

0. VERSION POLICY — MANDATORY FOR ALL CHANGES.
   Every change to this file, no matter how trivial, must increment the version
   number before the file is saved or uploaded. No exceptions — even a one-line
   typo fix or CSS tweak must bump the version so the change history is always
   traceable. The version string appears in five places and must be updated in
   ALL of them simultaneously: (1) this comment block header, (2) rule 0 "Last
   verified against" line, (3) #app-version in the sidebar footer, (4) the
   login-screen footer div, and (5) #mob-drawer-version in the mobile drawer.

   Versioning scheme — VMAJOR.MINOR.PATCH:
   · PATCH  (last digit):  any small, localised fix — CSS tweaks, copy edits,
                           single-function bug fixes, minor style adjustments.
   · MINOR  (middle digit): meaningful feature additions, multi-function changes,
                           new UI panels, workflow changes, or anything that alters
                           how an existing screen behaves for the user.
   · MAJOR  (first digit): new modules, entirely new screens or user roles,
                           architectural rewrites, or any change that alters the
                           core data model or deployment topology.

1. SINGLE-FILE APPLICATION, NO BUILD STEP.
   The entire platform is one self-contained HTML file (~450KB, ~7,600 lines)
   with all CSS, JavaScript, and HTML inline. It deploys by uploading to GitHub
   Pages at github.com/badrinarasimhan/sherpa, served at courtanalyzer.com as
   index.html with no CI/CD — increment the version string and upload.

2. ALL PERSISTENCE IS localStorage, DEVICE-SPECIFIC.
   Every session, ILP, template, LOR, and user preference is stored in the
   browser's localStorage under namespaced keys: sherpa_mock_sessions_v1,
   sherpa_ilps_v1, sherpa_templates_v1, sherpa_rec_letters_v1,
   sherpa_lor_template_v1, sherpa_lor_profile_v1, sherpa_lor_requests_v1,
   sherpa_mock_user_v1, sherpa_mock_custom_trainees_v1, sherpa_api_key, and
   sherpa_google_api_key. Data is device- and browser-specific; switching
   devices means starting fresh.

3. MOCK AUTHENTICATION WITH 15 HARDCODED USERS.
   Users are PD1–PD5 (Program Directors), FL1–FL5 (Fellows), and RS1–RS5
   (Residents), all with password "demo", defined in the MOCK_USERS constant.
   The logged-in user is persisted in sherpa_mock_user_v1 so the session
   survives a page refresh; doLogin() and doLogout() manage currentUser,
   selectedTrainee, and viewingSession global state.

4. THREE USER ROLES WITH DISTINCT UIs.
   PDs see the full review-creation workflow, a 4-button left nav
   (snav-existing, snav-new, snav-sessions, snav-lor), LOR writing tools, and
   session management. Fellows and Residents see their own review history,
   pending/accepted reviews, a home button, an LOR request workflow, and letter
   viewing. The same codebase serves all roles by checking currentUser.role
   throughout; onLoginSuccess() branches immediately on role.

5. SCREEN MANAGEMENT VIA showOnly(id).
   All major screens (welcome, pre-review-screen, mode-select-screen,
   ambient-screen, interview-ui, report-screen, rec-screen, lor-hub-screen,
   lor-request-screen, lor-template-screen, ilp-progress-screen,
   ilp-review-screen, purpose-manager, mob-pd-home, template-builder) are
   full-page flex divs hidden and shown by showOnly(). A patched version
   (_origShowOnly) intercepts every navigation event to handle the mobile
   topbar, the ILP bar, the trainee session panel, and dismissal of the
   ambient zone dialog.

6. NAV SWITCHING RULE: snavHidePanels() + snavClearActive() + showOnly('welcome').
   Every PD left-nav button click calls snavHidePanels() first, which hides
   snav-panel-existing, snav-panel-sessions, trainee-session-panel, and the
   ambient-zone-dialog, and auto-pauses ambient listening. Every nav button
   also calls showOnly('welcome') to clear any lingering content (LOR hub,
   ambient trail, report screen) from #main. Violating this pattern causes
   content from the previous context to bleed into the new one.

7. REVIEW SETUP FLOW: 5-STEP SEQUENCE.
   PD fills the config form on #welcome (trainee, type, PGY, specialty,
   purpose) → btn-start → showPreReview() shows checklist (#pre-review-screen)
   → btn-begin-review → showModeSelect() shows #mode-select-screen (step 4,
   new in v2) → PD chooses Manual or Ambient → confirmModeAndLaunch() either
   calls launchInterview() (manual) or launchAmbientReview() (ambient).
   sessionConfig holds all setup state across these steps.

8. MANUAL INTERVIEW ENGINE: QUESTION-TEMPLATE DRIVEN.
   DEFAULT_SECTIONS defines 6 review purposes (rotation, midyear, endyear,
   advisor, remediation, adverse), each as an array of section objects with
   fields: id, tag, title, acgme, desc, sentences[] (primary prompts), and
   followups[] (probe questions). getEffectiveSections() returns the custom
   template if one is saved for this purpose, or the defaults. Sections drive
   the sidebar breadcrumb list, the interview question panels, and the AI
   report prompt.

9. AMBIENT REVIEW ENGINE (v2.0 NEW).
   launchAmbientReview() builds ambientZones[] from SECTIONS via
   buildAmbientZones(), which reads sec.sentences and sec.followups. The trail
   SVG is rendered dynamically by renderAmbientTrail() into #ambient-trail-svg.
   Chrome's Web Speech API (SpeechRecognition) does continuous transcription
   into ambientTranscriptBuffer; every 3 seconds of silence scheduleZoneCheck()
   fires analyzeTranscript(), which sends the buffer to Claude Sonnet to detect
   which zones have status "none", "partial", or "complete". Zone status changes
   re-render the trail and animate the Sherpa+trainee figures upward.

10. AMBIENT ZONE DIALOG.
    Tapping any zone label in the trail SVG calls openAmbientZoneDialog(i),
    which populates #ambient-zone-dialog (a position:fixed overlay, z-index 500)
    with: zone title, status pill, listening hint row, codeword pills (extracted
    from sec.tag + sec.title + sec.desc), primary prompts labeled "PROMPT N",
    follow-up questions labeled "FOLLOW-UP N" with a separating header, captured
    responses where available, and an editable "SHERPA SUMMARY" textarea for
    completed zones. The dialog is dismissed by showOnly() calls, snavHidePanels(),
    or the "← Back to Trail" button; it never closes automatically.

11. AMBIENT PAUSE/RESUME PATTERN.
    toggleAmbientPause() flips ambientPaused, stops or restarts
    startChirpListening(), and calls updateAmbientListenUI() which changes the
    dot color (teal=active, grey=paused), the label text ("Sherpa is actively
    listening..." vs "Sherpa is not listening."), and the button (gold Pause
    vs teal Resume) on both the main bottom bar and the zone dialog footer.
    Zone labels in the trail remain fully clickable and interactive even when
    paused — only the trail and figures dim slightly via SVG opacity.

12. AI REPORT GENERATION VIA DIRECT ANTHROPIC API CALL.
    When a PD completes an interview (manual or ambient), Sherpa calls
    https://api.anthropic.com/v1/messages directly from the browser using
    model claude-sonnet-4-6 with the anthropic-dangerous-direct-browser-access
    header. The Anthropic API key is entered by the user at runtime and stored
    in sherpa_api_key in localStorage — it never appears in source code.
    The Google Cloud API key for Chirp is stored in sherpa_google_api_key by
    the same runtime-entry pattern.

13. LOR SYSTEM: 5-BLOCK STRUCTURE + CARTESIAN PRODUCT GENERATION.
    Recommendation letters follow a fixed structure: (1) letterhead + opening,
    (2) program description, (3) ACGME competency review, (4) scholarly
    activity, (5) PD summary/closing. When a PD generates letters, the system
    loops over every combination of selected fellowship specialties x selected
    programs (from 273 ACGME institutions), calling the Claude API once per
    combination. The PD configures a one-time program template per PD ID
    (sherpa_lor_template_v1); trainee scholarly profiles are stored separately
    (sherpa_lor_profile_v1) keyed by trainee ID for reuse.

14. LOR REQUEST WORKFLOW AND BADGE.
    A trainee submits a request (specialty, programs, education, scholarly
    activity, AAMC ID, notes) stored in sherpa_lor_requests_v1. The PD sees a
    gold numeric badge on their "Recommendation Letters" nav button via
    updateSBALORBadge(), which also gives the entire snav-lor button a gold
    border and tinted background when requests are pending. After generation
    the request is marked "fulfilled" and the badge clears.

15. ILP SYSTEM: TWO-TAB EDITOR WITH SELF-REFLECTION AND STRUCTURED GOALS.
    Trainees and PDs create learning plans stored in sherpa_ilps_v1. The ILP
    hub has a two-tab editor (Self-Reflection / ILP Goals) with save, export,
    and back-to-report actions. On mobile, showMobileILPList() sizes
    #ilp-hub-nav to calc(100vh - 60px) with overflow-y:auto and explicitly
    sets nav.style.minWidth='0' to override the inline min-width:260px that
    CSS !important cannot reach. The mob-ilp-bar bottom strip uses flex:1 on
    all four buttons so none overflow the viewport.

16. DESKTOP LAYOUT: SIDEBAR + OPTIONAL PANELS + MAIN.
    The sidebar (#sidebar, 272px) holds the logo, the PD 4-button nav or
    trainee recent-sessions panel, and the sections breadcrumb list during
    interviews. Clicking "Review Existing" opens snav-panel-existing (max
    340px), a searchable trainee picker; picking a trainee closes it and opens
    trainee-session-panel (240px) showing past reviews. The remaining width is
    #main. Crucially, only one second-column panel is ever visible at a time —
    any nav-button click calls snavHidePanels() before opening anything new.

17. MOBILE LAYOUT IS ENTIRELY SEPARATE.
    isMobile() returns true when window.innerWidth <= 768. On mobile a full-
    screen stack of views activates: a topbar with a hamburger, a slide-in
    drawer, and a 4-card PD home screen (mob-pd-home). Trainee mobile has a
    review home with pending/accepted sections. All @media(max-width:768px)
    rules are in dedicated CSS blocks and never affect desktop. Mobile-only
    fixes (ILP scroll, LOR screen overflow, rec-screen topbar wrap) are
    contained entirely within those media blocks or mobile-specific JS branches.

18. FUNCTION PATCHING PATTERN.
    Because features were added incrementally, later code patches earlier
    functions using var _origFn = fn; fn = function(){ _origFn(); /* new */ }.
    Current patches (14 total): _origOSR, _origShowHubEditor,
    _origShowHubEmptyState, _origOnLoginSuccess, _origOpenMobileDrawer,
    _origShowOnly, _origPickTrainee2, _origOnLoginSuccessLOR,
    _origShowTraineeHome, _origWireLORRequestClose (null stub),
    _origOpenLORHub, _origShowLORHubRequest, _origBuildRecPrompt,
    _origRenderPDWorkItems. No patch variable name is duplicated; no patch
    calls its own patched function directly (no recursion risk).

19. DEAD CODE AND STUBS ALREADY CLEANED.
    The following were removed in v1.5.36 and remain absent: openILPCreate(),
    showSidebarNav(), hideSidebarNav(), showPronounRow(), sbaOpen() stub,
    renderPendingLORPanel() stub, the setTimeout(sbaOpen) call on PD login,
    and the duplicate #rec-body CSS rule. The only intentional duplicate
    function definition is getPronouns() (defined twice — second DOM-aware
    definition overrides the first, documented in prior architecture). All
    localStorage keys are both written and read; no orphaned keys exist.

20. CONTRAST AND ACCESSIBILITY RULES (DESIGN CANON).
    All text is either white (#ffffff) or black (#0d1f3c / var(--navy)) — no
    muted/shaded intermediate colors anywhere in the UI. Completed/active
    elements use gold background (#c8a84b) with white text. Unlit/inactive
    elements use dark navy background with white text. The ambient trail uses
    gold (#c8a84b) for covered path segments, dark blue (#243d6a) for
    uncovered. Zone label boxes always have white text regardless of state.
    The "SHERPA · AMBIENT REVIEW" footer and all status indicators follow the
    same rule. Any new feature must maintain this black/white/gold/teal
    four-color system with no low-contrast text exceptions.

21. AMBIENT ZONE DIALOG — QUESTION STATE VISUALS + LIVE REFRESH (v2.0.6).
    Inside openAmbientZoneDialog(), renderQ() receives two derived booleans:
    isAnswered (q.response non-empty) and isNextQ (first unanswered question
    in the combined primary+followup list). Answered questions show a teal
    ✓ DONE badge + teal left bar/border. The next/active question shows a
    gold ▶ NEXT badge + 6px gold left bar + gold border. Unanswered non-next
    questions keep the original dashed border / #3a5a7a style.

    LIVE REFRESH (v2.0.5): analyzeTranscript() now sets changed=true when
    any question response is newly written (not only on zone-status change),
    and after renderAmbientTrail() it calls openAmbientZoneDialog(
    ambientCurrentZoneDialog) if the dialog is open. This re-renders the
    question list in place within the same ~3-second Chirp cycle.

    SESSION % STRIP (v2.0.5): A teal progress bar + percentage label is
    embedded in the dialog header (below the zone title row). It shows a
    weighted completion: complete zones count 1.0, partial zones count 0.5.
    The label colour shifts teal → gold → green → white as the session
    crosses 50% / 75% / 100%.

    REVERT FIX (v2.0.6): Two compounding bugs caused completed zones to
    revert. (A) The analyzeTranscript() prompt now includes each zone's
    current status with explicit "do not downgrade" instructions so Claude
    never returns a lower status for an already-complete zone. (B) A
    statusRank guard (none:0, partial:1, complete:2) in the parsed-response
    loop enforces that zone.status can only ever move forward — any incoming
    status with a rank <= the current rank is silently ignored, regardless
    of what Claude returns. Together these make zone status permanently
    monotone-increasing.

    MARK AS COMPLETE BUTTON (v2.0.6): A teal "✓ Mark Complete" button sits
    alongside ⏸ Pause in the dialog footer. Tapping it sets zone.status =
    'complete', calls renderAmbientTrail() and re-renders the dialog in
    place (same live-refresh path). The button is hidden automatically when
    the zone is already complete. markZoneComplete() is the new function;
    it also applies the same statusRank guard so it cannot double-fire.
    Questions remain visible and coloured as-is after manual completion —
    the PD can return and ask missing questions at any time.

22. AMBIENT GENERATE REPORT (v2.0.7).
    A "Generate Report" button sits in #ambient-bottom-bar alongside "End Review".
    generateAmbientReport() packs ambientZones → sectionManualNotes (identical
    path to endAmbientReview), calls the standard generateReport() to build the
    report HTML, saves the session via autoSaveSession(), then calls
    showOnly('report-screen') — all without stopping Chirp or clearing ambientMode.
    The PD can return to the trail at any time; the session and ILP flow from the
    report screen work identically to a completed manual review. The button is
    always visible once an ambient session is running so the PD can generate a
    partial report at any stage.

23. AMBIENT SILENCE AUTO-PAUSE WITH COUNTDOWN (v2.0.7).
    A position:fixed overlay (#ambient-silence-toast, z-index 600 — above the
    zone dialog at 500) monitors for long silences. ambientLastSpeechTime is set
    on every onresult event. A 1-second polling interval (ambientSilenceInterval)
    checks elapsed silence when ambientMode is true and ambientPaused is false.
    After 5 seconds of silence the toast appears showing "Sherpa will stop
    listening in N seconds" with a countdown from 15. A "Continue Listening"
    button (teal) dismisses the toast and resets the timer. If the countdown
    reaches 0, toggleAmbientPause() is called automatically, the toast hides, and
    a notify() confirms the pause. The toast appears over both the main ambient
    screen and the zone dialog because it is fixed to the viewport. It is always
    dismissed immediately when the PD speaks (onresult fires → reset). The
    silence interval is cleared in stopChirpListening() and on endAmbientReview().

24. AMBIENT REPORT KEY FIX (v2.0.8).
    The ambient zone pack loop in endAmbientReview() and generateAmbientReport()
    previously wrote sectionManualNotes[i] (numeric index). generateReport() reads
    sectionManualNotes[s.id] (string ID such as "rotation_pc"). The mismatch meant
    every section showed "No notes captured" on the report even when zones had full
    responses. Fixed by keying both pack loops as sectionManualNotes[SECTIONS[i].id],
    matching the key format used by the manual interview path (saveState()) and
    read by generateReport().

25. AI NARRATIVE SUMMARIZATION BEFORE REPORT (v2.0.9).
    Both endAmbientReview() and generateAmbientReport() now call the async
    summarizeAndGenerateReport(afterFn) helper instead of directly calling
    generateReport(). The helper:
    (a) Packs zone Q&A and manual summaries into a rawNotes map keyed by section id.
    (b) Filters to only sections that have any captured content.
    (c) Sends one Claude Sonnet API call asking it to rewrite each section's raw
        Q&A / transcript fragments as a 2–4 sentence third-person narrative
        summary, as a PD would write it — no question text, no "Q1:", no literal
        transcription.
    (d) Parses the JSON response and writes clean summaries back into
        sectionManualNotes. Sections with no content are left as empty string so
        generateReport() renders them blank (no "No notes captured" placeholder).
    (e) If the API key is absent or the call fails, falls back to the same
        pack-and-call-generateReport path (raw notes used as-is).
    The manual interview path (saveState() → btn-next → generateReport()) is
    unchanged; PDs type free-form prose directly into the manual-note textarea
    so no AI summarization step is needed there.
    generateReport() itself was updated: sections with no notes render blank
    rather than the italic "No notes captured." placeholder, keeping the report
    clean when the PD intentionally skipped a section.

26. DIAGNOSTIC LOGGING SYSTEM (v2.1.0).
    A lightweight localStorage logger (SherpaLog) was added to diagnose ambient
    session stalls. All log entries are JSON objects written under the key
    sherpa_diag_log_v1 as an array capped at MAX_LOG_ENTRIES (500). Each entry
    has: { ts (ISO timestamp), event (string category), data (object) }.
    Logged events: TRANSCRIPT_RECEIVED (every final speech result with char
    count and cumulative buffer length), ZONE_ANALYSIS_START / _COMPLETE /
    _ERROR (each analyzeTranscript() call with duration and parsed zone
    statuses), ZONE_STATUS_CHANGE (when a zone moves forward), CHIRP_START /
    _STOP / _ERROR / _END / _RESTART (all SpeechRecognition lifecycle events
    including error codes), SILENCE_WARN_ARMED / _FIRED / _RESET /
    _COUNTDOWN_COMPLETE (silence monitor state), CHIRP_ERROR_DIALOG_SHOWN /
    _DISMISSED (new error dialog events). The log is read via
    SherpaLog.export() which returns the full array as a JSON string for
    copy-paste. SherpaLog.clear() resets it. Both are exposed on window for
    DevTools console access. The logger is self-contained in a single IIFE
    block at the top of the <script> section, before any other code.

27. CHIRP ERROR DIALOG (v2.1.0).
    A new position:fixed overlay (#chirp-error-dialog, z-index 700 — above
    everything including the silence toast at 600) is shown when
    SpeechRecognition fires onerror with any code other than 'aborted' or
    'not-allowed'. It displays: "Ambient AI listening error — please switch
    to Manual Mode or click Retry to try again." with two buttons: "Switch to
    Manual" (calls switchAmbientToManual()) and "Retry" (calls
    retryChirpListening()). While this dialog is visible a global flag
    chirpErrorDialogVisible = true suppresses the silence-warn debounce so
    the countdown toast never fires simultaneously. switchAmbientToManual()
    stops Chirp, hides the dialog, packs ambientZones → sectionManualNotes
    (same path as summarizeAndGenerateReport step 1) and calls launchInterview()
    so the PD lands directly in the manual section flow with notes pre-filled.
    retryChirpListening() hides the dialog, resets the flag, clears the
    recognition object and calls startChirpListening() fresh.

28. SILENCE TIMER AND ZONE-CHECK DEBOUNCE TUNING (v2.2.1).
    interimResults is now true so onresult fires on every spoken word, not
    only at sentence boundaries. Interim results call resetAmbientSilenceTimer()
    but do NOT append to ambientTranscriptBuffer or call scheduleZoneCheck()
    — only isFinal results do that. This prevents the silence warn from firing
    mid-conversation when Chrome delays isFinal delivery (e.g. short clipped
    sentences, overlapping speech, or recognition restart gaps).
    Zone-check debounce: 5 s (restored in v2.2.1 after brief reduction to 4 s
    in v2.2.0; original value set in v2.1.1). Silence warn threshold: 25 s.
    Total time before auto-pause is now 25 s warn + 15 s countdown = 40 s,
    providing enough runway for slow networks, Chirp rate-limit recovery, and
    recognition restarts while still catching a genuinely stuck state.

29. AMBIENT CONSENT POPUP AND AUDIO WORKFLOW (v2.2.1).
    Selecting "Select Ambient" on the mode-select screen now immediately
    opens #ambient-consent-dialog (position:fixed, z-index 550 — between the
    zone dialog at 500 and the silence toast at 600) instead of enabling the
    "Begin Review" confirm button. The confirm button stays disabled when
    ambient mode is selected; it is only used for manual mode.

    POPUP CONTENT: Displays a read-aloud consent script the PD recites to
    the trainee. A teal "✓ Proceed" button is the only action.

    AUDIO: consent.m4a is embedded as a base64 data URI in
    <audio id="consent-audio"> and plays automatically the instant the popup
    opens via openConsentPopup(). If the browser blocks autoplay the popup
    still functions and the status label updates accordingly.

    CONSENT-PHASE LISTENING: A separate consentRecognition (Web Speech API)
    starts at the same moment as the audio. It runs continuous/interimResults
    in the background, logging transcripts via SherpaLog but NOT feeding
    ambientTranscriptBuffer or triggering zone analysis. This keeps the
    consent-phase capture clean and separate from the session proper.

    PROCEED: consentProceed() (1) pauses and resets the audio, (2) aborts
    consentRecognition and nulls it, (3) hides the popup, (4) saves the
    Google API key from #sherpa-google-key if present, and (5) calls
    launchAmbientReview() directly — bypassing all remaining waits.
    launchAmbientReview() creates a fresh ambientRecognition as before.

    NEW STATE VARIABLE: consentRecognition — SpeechRecognition object used
    only during the consent phase; always null outside of it.
    FUNCTION PATCHING: no new patches — openConsentPopup() and
    consentProceed() are new top-level functions, not patches of existing
    ones. consentRecognition is a module-level var alongside ambientRecognition.

30. AMBIENT ILP DRAFTING (v2.3.0, UI corrected v2.3.1).
    After any ambient session generates a report, a gold "✦ Draft ILP from Session"
    button (id="btn-draft-ilp" / btn-draft-ilp-mob) appears in the report action bar.
    Shown only when wasAmbientSession=true; hidden for trainee-role users.

    ILP HUB MODE PICKER (v2.3.1 correction): clicking "Create New Plan" (ilp-new-btn
    and mob-ilp-new) now calls openNewILPOrPick() instead of openNewILPInEditor()
    directly. openNewILPOrPick() checks wasAmbientSession && ambientTranscriptBuffer.
    If ambient data exists it shows #ilp-mode-picker (position:fixed, z-index 560)
    offering "✦ Draft from Session" (gold) and "Manual Entry" (teal). Dismissed by
    either button or backdrop click. No ambient data → openNewILPInEditor() directly.

    FLOW: extractILPGoalsFromAmbient() sends ambientTranscriptBuffer + per-zone
    responses to Claude → JSON array → injectILPGoals() replaces currentILP.goals,
    calls renderILPGoalCards(), saves, routes to hub editor.
    Partial Data Rule: [date]/[behavior]/[outcome] placeholders preserved verbatim.
    Fallback: parse/API error → newILPFromReport() + notify().

31. FETCH TIMEOUT FIX (v2.3.1).
    Both summarizeAndGenerateReport() and extractILPGoalsFromAmbient() previously
    had no fetch timeout, causing infinite spinner on slow/rate-limited API calls.
    Fix: module-level SHERPA_FETCH_TIMEOUT_MS = 45000. Every fetch() wrapped with
    AbortController. On timeout, catch() fires and existing fallbacks run:
    summarizeAndGenerateReport → raw notes + generateReport();
    extractILPGoalsFromAmbient → newILPFromReport() + notify().

32. AMBIENT SESSION EXIT FIXES (v2.3.2).
    Three bugs prevented clean exit from an ambient session:

    BUG A — summarizeAndGenerateReport early-exit never showed the report screen.
    When no zones were captured and/or no API key was set, the early-return branch
    called generateReport() and afterFn() but never called showOnly('report-screen').
    The user stayed on ambient-screen with the report written but invisible.
    Fix: showOnly('report-screen') added immediately before generateReport() in the
    early-return branch, mirroring Step 3 behaviour.

    BUG B — No abandon path. End Session was the only exit from the ambient trail,
    and it unconditionally ran summarizeAndGenerateReport(). A PD who entered ambient
    by mistake (e.g. trainee refused consent) had no way out without generating a
    report and killing the browser.
    Fix: "✕ Abandon Session" button added to #ambient-bottom-bar (left of Pause).
    abandonAmbientSession() stops Chirp, clears all ambient state, and calls
    showOnly('welcome') — no confirm(), no API call, no report. The button is
    styled in muted navy so it is present but not visually dominant.

    BUG C — confirm() silently returns false on iOS Safari standalone/fullscreen,
    making End Session appear to do nothing.
    Fix: confirm() replaced with #ambient-end-confirm-dialog, a position:fixed
    inline overlay (z-index 650, above everything) with "Generate Report & End" and
    "Cancel" buttons. endAmbientReview() now opens this dialog instead of calling
    confirm(). confirmEndAmbientReview() performs the actual teardown. The dialog
    is also dismissed by clicking its backdrop.

    BUG D — "Generate Report" button documented in note 22 but absent from HTML.
    generateAmbientReport() existed as a function with no onclick wired to it.
    Fix: button added to #ambient-bottom-bar between Pause and End Session.

    NEW FUNCTIONS: abandonAmbientSession(), confirmEndAmbientReview().
    NEW ELEMENT: #ambient-end-confirm-dialog (position:fixed, z-index 650).
    No new patches.

33. PAUSE & VIEW DRAFT / RESUME WORKFLOW (v2.3.3).
    Previously, clicking "⚡ Report" mid-session navigated to report-screen while
    Chirp continued running unpaused. Three silent failures resulted:
    (a) The 5-second zone-check debounce could fire after navigation, calling
        analyzeTranscript() → openAmbientZoneDialog() — whose position:fixed overlay
        appeared on top of the report screen with no way to dismiss it.
    (b) The silence-warn debounce kept firing, showing the toast over the report.
    (c) No "Return to Trail" button existed; the notify message was a dead end.

    FIX — generateAmbientReport() now:
    1. Pauses Chirp first (if not already paused) via toggleAmbientPause(). This
       stops recognition, clears ambientZoneCheckTimeout, hides the silence toast,
       and dims the trail. ambientMode stays true throughout.
    2. After summarizeAndGenerateReport() renders the report, calls
       showReturnToTrailBanner() to insert a teal #return-to-trail-bar at the top
       of #report-scroll-area containing: live status dot + "Session paused" label
       + "▶ Return to Trail" button. A matching compact version appears in the
       mobile sticky bar (#return-to-trail-mob).

    resumeAmbientSession(): called by both Return to Trail buttons. Removes the
    banner, sets ambientPaused=false, restarts Chirp + silence monitor, calls
    updateAmbientListenUI() + renderAmbientTrail(), then showOnly('ambient-screen').
    ambientTranscriptBuffer and ambientZones[] are fully preserved — new speech
    appends to the same buffer; zone state carries forward monotonically.

    ITERATIVE DRAFTS: each "⚡ Report" click re-pauses, re-runs the full pipeline
    against the full accumulated buffer + current zone state. The report is always a
    complete snapshot, not a delta. No data is ever discarded between cycles.

    NEW FUNCTIONS: showReturnToTrailBanner(), resumeAmbientSession().
    NEW ELEMENTS: #return-to-trail-bar (inline in report-scroll-area),
    #return-to-trail-mob (in mobile sticky bar). No new patches.

34. INDEPENDENT AMBIENT ILP WORKFLOW (v2.4.0).
    A standalone ambient listening session scoped entirely to goal-setting, fully
    independent of any review session. Accessible from Create New Plan at any time.

    MODE PICKER (updated): openNewILPOrPick() now shows three choices:
      · "✦ Draft from Session" — only when wasAmbientSession && ambientTranscriptBuffer
        has content from a prior ambient review. Hidden otherwise.
      · "🎙 Listen Now" — always shown; starts the ILP listen sub-screen.
      · "✎ Manual Entry" — always shown; opens blank editor directly.

    ILP LISTEN SUB-SCREEN (#ilp-listen-screen): third sibling inside #ilp-hub-content
    alongside #ilp-hub-empty and #ilp-hub-editor. Desktop: fills right content column.
    Mobile: position:fixed full-screen overlay (z-index 555). showILPListenScreen() /
    hideILPListenScreen() manage visibility. _origShowHubEditor and
    _origShowHubEmptyState patches each gain one line to also hide #ilp-listen-screen.

    ANIMATION — pure CSS @keyframes, ~9s cycle, four phases:
      Phase 1 (~1.5s): Mountain triangle strokes in, snow cap fills, summit marker.
      Phase 2 (~3s): Stethoscope draws — chest piece circle at base, curved stem,
        left branch, right branch — sequential stroke-dashoffset on each <path>.
      Phase 3 (~2.5s): Sherpa (teal) + trainee (gold) fade in at chest piece then
        animate upward: chest → Y-split (brief pause) → summit via CSS translateY.
      Phase 4 (~1s): All elements fade out simultaneously. Restart.
    Paused state: animation-play-state:paused on all keyframe elements.

    STATE ISOLATION: ilpListenMode (bool), ilpListenPaused (bool),
    ilpTranscriptBuffer (string), ilpRecognition (SpeechRecognition) — all separate
    from the review-session equivalents. Never interact with ambientMode state.

    CONTROLS inside #ilp-listen-screen:
      Live transcript strip (last ~3 lines), ⏸ Pause/▶ Resume, ⚡ Draft Goals, ✕ Cancel.
    ⚡ Draft Goals: pauses, calls Claude with ilpTranscriptBuffer, runs injectILPGoals(),
    opens Goals tab in editor, shows #ilp-resume-listen-bar (teal banner, same pattern
    as #return-to-trail-bar). resumeILPListening() removes banner, restarts recognition,
    returns to #ilp-listen-screen. Buffer preserved across all pause/draft/resume cycles.

    DEFAULT TAB FIX: openNewILPInEditor() and injectILPGoals() now default to ILP
    Goals tab instead of Self-Reflection tab.

    NEW FUNCTIONS: startILPListening(), stopILPListening(), toggleILPListenPause(),
    updateILPListenUI(), showILPListenScreen(), hideILPListenScreen(),
    draftILPGoalsFromListen(), resumeILPListening(), showILPResumeListenBanner().
    No new _orig* patch variables (14 total patches unchanged).

35. TRAINEE HOME BUTTON + PD LOR BADGE VISUAL POLISH (v2.6.3).
    Two targeted PATCH-level UI/UX fixes with no architectural changes.

    TRAINEE HOME BUTTON (#srp-home-btn): The button already existed in
    #sidebar-recent-panel and already called showTraineeHome() on click.
    Its visual treatment was restyled from a plain surface2/border button to a
    gold-accented nav button: linear-gradient gold tint background,
    1.5px gold border (rgba(201,168,76,0.55)), gold icon and gold2 label text,
    hover deepens the tint and brightens the border. No JS changes — the
    onclick, the show/hide logic (sidebar-recent-panel visible for non-PD
    users via onLoginSuccess), and the showTraineeHome() call are all unchanged.

    PD LOR BADGE (#snav-lor-badge + updateSBALORBadge): The badge element,
    updateSBALORBadge() function, and its wiring via _origRenderPDWorkItems
    patch all existed in v2.6.2. Two additions in v2.6.3:
    (1) A new @keyframes badge-pulse (gold box-shadow pulse, 2s infinite) is
        added to the CSS immediately after the existing @keyframes blink rule.
    (2) updateSBALORBadge() now sets badge.style.animation='badge-pulse 2s
        ease-in-out infinite' when count >= 1, and 'none' when count is 0.
    All other badge behaviour (count display, display:none when 0, gold border
    + tinted background on the snav-lor button) is unchanged.
    No new patches, no new functions, no new HTML elements.

36. LOR BADGE LOGIC CORRECTION (v2.6.4).
    Fixes incorrect badge placement and meaning introduced in prior versions.

    ROOT CAUSE: The trainee home "My Letters" badge was counting
    myReqs.length + myLetters.length — pending requests the trainee submitted
    PLUS completed letters. A pending request means the PD hasn't acted yet;
    it is not actionable by the trainee. This caused a gold alert badge to
    appear on the trainee's home screen when they had submitted a request,
    which was confusing: the badge implied the trainee had work to do when in
    fact they were waiting on the PD.

    CORRECT DESIGN:
    · PD left nav badge (#snav-lor-badge, updateSBALORBadge): counts pending
      LOR requests from trainees directed to this PD — already correct.
    · Trainee "My Letters" badge: counts UNREAD letters only (letters the PD
      has written that the trainee has not yet opened). Shows gold "N New"
      badge. Once opened the badge clears. If all letters are read, shows a
      neutral muted count pill instead.
    · Trainee "My LOR Requests" panel: restyled from gold/alert to neutral
      teal "informational" style. Status line says "Awaiting your PD" (muted)
      for pending, "Fulfilled — letter written" (green) when done. No alarm
      coloring — the trainee has no action to take while waiting.

    DATA MODEL CHANGE: storeCurrentLetter() now writes viewedBy:[] onto every
    new letter object in sherpa_rec_letters_v1. Existing letters without this
    field are treated as unread (undefined/missing array → unread = true).
    No migration needed — the filter `!Array.isArray(l.viewedBy) ||
    !l.viewedBy.includes(uid)` handles both old and new records correctly.

    READ TRACKING: showLORHubLetter() now writes currentUser.id into
    l.viewedBy and persists the updated array back to localStorage the first
    time a trainee opens a letter. Idempotent — re-opening does not duplicate.

    No new patches, no new HTML elements, no new _orig* variables (14 total
    patches unchanged).

37. PD LOR BADGE LATE-BINDING FIX (v2.6.5).
    The badge (#snav-lor-badge) was never appearing on PD login despite
    updateSBALORBadge() being correctly wired.

    ROOT CAUSE — JavaScript early-binding of function references in setTimeout:
    Both onLoginSuccess (line ~5297) and _origOnLoginSuccessLOR (line ~7856)
    called: setTimeout(renderPDWorkItems, 200)
    This syntax captures the CURRENT VALUE of renderPDWorkItems at the moment
    setTimeout() is called — which is the original unpatched version, because
    the _origRenderPDWorkItems patch (which wraps renderPDWorkItems to also call
    updateSBALORBadge) is defined LATER in the file. By the time the 200ms
    timer fires, renderPDWorkItems has been patched, but the setTimeout already
    holds a stale reference to the pre-patch function. So updateSBALORBadge()
    was never called on login.

    FIX: Both setTimeout calls changed to anonymous wrapper functions:
      setTimeout(function(){ renderPDWorkItems(); }, 200)
    This defers name resolution to execution time (200ms later), so the call
    always goes through the patched renderPDWorkItems → updateSBALORBadge().
    No new patches, no HTML changes, no new functions.

38. PD LOR BADGE DEFINITIVE CALL-SITE FIX (v2.6.6).
    Despite the v2.6.5 anonymous-wrapper fix, the badge still did not appear
    on login. Root cause traced to initMockAuth() (line ~5688), which runs
    synchronously during script parse and calls onLoginSuccess() directly —
    before the _origOnLoginSuccessLOR patch (line ~7877) has run. That patch
    is what adds the second setTimeout(renderPDWorkItems). Since initMockAuth
    calls the BASE onLoginSuccess(), the LOR patch's timer never fires.
    The base onLoginSuccess() DID register its own
    setTimeout(function(){ renderPDWorkItems(); }, 200), which by execution
    time calls the patched renderPDWorkItems → updateSBALORBadge(). This
    should have worked, but the patch chain was still unreliable in edge cases.

    DEFINITIVE FIX: A direct setTimeout(updateSBALORBadge, 300) call was
    added to the base onLoginSuccess() PD branch. This fires unconditionally
    on every PD login path (interactive login AND initMockAuth page-refresh),
    independent of any patch chain. The 300ms delay ensures: (a) the sidebar-
    nav is already display:flex, (b) all other synchronous script has run
    including the _origRenderPDWorkItems patch definition, (c) localStorage
    is readable. The call is guarded by typeof updateSBALORBadge==='function'
    so it silently no-ops if called before definition (impossible at 300ms,
    but defensive). No new patches, no HTML element changes.

39. LOR FULFILLMENT + BADGE DECREMENT FIX (v2.6.7).
    After writing a letter, the badge count did not decrease even though the
    request showed as "Fulfilled" in the LOR hub list.

    ROOT CAUSE: The fulfillment logic in generateLetterAI() found the request
    to mark using: r.traineeId === sess.traineeId (where sess = viewingSession).
    When the PD writes from the LOR hub via "Write Letter", viewingSession is
    set only if a matching review session exists for that trainee. If no session
    exists (trainee submitted an LOR request but PD has no review on file),
    viewingSession is null, sess.traineeId is undefined, findIndex returns -1,
    and the request is never marked fulfilled. renderPDWorkItems() was still
    called but the count was unchanged in localStorage.

    FIX — two changes:
    (1) New module-level var activeLORRequestId = null. Set to r.id when the
        PD clicks "Write Letter" inside showLORHubRequest(). Cleared to null
        after fulfillment.
    (2) In generateLetterAI(), the fulfillment finder first tries to match by
        activeLORRequestId (exact id match, no dependency on viewingSession).
        Only falls back to the old traineeId/pdId match if activeLORRequestId
        is null (i.e. PD generated from rec screen directly, not from LOR hub).
    (3) After marking fulfilled, updateSBALORBadge() is called directly (in
        addition to renderPDWorkItems()) so the badge decrements immediately
        without relying on the patch chain.
    No new patches, no new HTML elements. activeLORRequestId is a new
    module-level var in the LOR state block alongside recSelectedPositive etc.

40. BADGE ALWAYS-SYNC DEFENSIVE FIX (v2.6.8).
    Badge still did not decrement immediately after letter generation even with
    v2.6.7 fixes. Fulfillment was writing to localStorage correctly (hub showed
    correct count after navigating there), but the badge DOM element was not
    updating in place.

    ROOT CAUSE: updateSBALORBadge() was only called inside the if(rid>=0) block.
    In edge cases where activeLORRequestId was null and the viewingSession
    traineeId fallback also failed (e.g. the session was for a different trainee
    from a prior workflow), rid stayed -1 and updateSBALORBadge() was never
    called — even though the request had in fact already been marked fulfilled
    (the hub showed the correct count because renderLORHubList reads storage
    directly). The badge stayed at the stale DOM value.

    THREE FIXES applied:
    (1) generateLetterAI(): updateSBALORBadge() and renderPDWorkItems() are
        now called UNCONDITIONALLY after the try block succeeds — outside the
        if(rid>=0) guard. The badge always reads fresh from localStorage after
        any letter generation, regardless of whether this call found a request
        to fulfill. activeLORRequestId is also cleared unconditionally.
    (2) openLORHub(): updateSBALORBadge() added unconditionally at the top of
        the function. Every time the PD opens the LOR hub (via nav button or
        any other path), the badge re-reads from storage and is always in sync
        with what the list shows. This is the definitive safety net.
    (3) The snav-lor button already calls openLORHub(), so fix (2) covers that
        path without any additional change to the button handler.
    No new patches, no new HTML elements, no new _orig* variables.

41. LETTER SAVE DOM ERROR + ILP SIDEBAR BUTTON REMOVAL (v2.6.9).
    Two PATCH-level fixes.

    FIX A — storeCurrentLetter() DOM error (intermittent "Failed to generate
    inner node…" toast despite letter saving successfully):
    ROOT CAUSE: storeCurrentLetter() called renderRecList() on every iteration
    of the Cartesian-product loop in generateLetterAI(). renderRecList() calls
    container.appendChild() on #rec-list-items. If that container was in a
    hidden or mid-transition DOM state (e.g. setRecState('loading') had swapped
    display values), the browser threw a DOM HierarchyRequestError / NotFoundError
    which was caught by the outer catch(err) block — triggering setRecState('empty')
    and the "Could not generate letter" error toast, even though the letter had
    already been written to localStorage. The letter appeared in the saved list
    correctly because storeCurrentLetter's localStorage write precedes
    renderRecList; only the DOM update failed.
    FIX: renderRecList() removed from storeCurrentLetter(). A single
    renderRecList() call is added at the end of the successful try block in
    generateLetterAI(), after the loop completes and setRecState('letter') has
    been called — guaranteeing the DOM is in a stable, visible state before
    the list is rendered. storeCurrentLetter() now only writes to localStorage,
    updates recActiveId, and fires notify(). No new functions, no new elements.

    FIX B — Learning Plans (ILP) button removed from PD sidebar nav:
    The snav-ilp button (id="snav-ilp") is removed from the HTML. PDs already
    access ILP from within a trainee's session report (btn-ilp-hub), making
    the sidebar shortcut redundant. Removed from:
    (1) HTML: the <div class="snav-btn" id="snav-ilp"> block deleted.
    (2) JS snavClearActive(): 'snav-ilp' removed from the id array.
    (3) JS wireSidebarNav(): the btnILP click-handler block deleted.
    The snav-nav CSS class and all other ILP hub logic are unchanged. The
    button existed on desktop sidebar only; mob-pd-home had no ILP card so
    mobile is unaffected. No new patches, no new _orig* variables.

================================================================================
42. BASE CAMP CONSENT MARKER + CAMP RENAMING (v2.7.0).
    Two visual-only changes to the ambient trail SVG; no data model or logic
    changes.

    CAMP RENAMING: All ambient zone labels previously read "Zone N" (in the
    trail SVG label boxes and in the zone dialog badge). These are renamed to
    "Camp N" to align with the Sherpa/hiking metaphor. Changed in:
    (1) renderAmbientTrail(): the top-line text in each zone label box.
    (2) openAmbientZoneDialog(): the azd-badge textContent.
    (3) markZoneComplete() notify strings.
    The zone.label field (sec.title, e.g. "Patient Care") is unchanged.
    buildAmbientZones() and analyzeTranscript() are untouched.

    BASE CAMP (CONSENT) MARKER: A fixed gold label box "Base Camp (Consent)"
    is drawn in renderAmbientTrail() after the chest piece, before the dynamic
    zone labels. Always gold (consent already obtained). Positioned below the
    chest piece circle (approx x=220, y=608, w=240), connected by a short
    line up to the chest circle. Static SVG only — not in ambientZones[],
    not clickable, not part of AI analysis. No new functions, no patches.

================================================================================
43. CHIRP RESTART ROBUSTNESS FIX (v2.7.1).
    Ambient transcription silently stopped working: zone boxes never turned
    green, question responses were blank, saved reviews had no text.

    ROOT CAUSE A — no-speech treated as fatal error:
    Chrome's Web Speech API fires onerror with code 'no-speech' routinely
    every ~7 seconds whenever it reaches its internal timeout without a final
    utterance (common during natural conversation pauses, cross-talk, or
    simply when the speaker pauses between sentences). The onerror handler
    was passing ALL codes except 'aborted' and 'not-allowed' to
    showChirpErrorDialog(), which set chirpErrorDialogVisible=true, blocked
    the silence monitor, and showed a blocking UI overlay requiring the PD
    to click "Retry" — interrupting every ~7s of conversation. Clicking
    Retry cleared the flag and restarted recognition, but each interruption
    risked losing the onend→restart cycle if the dialog was dismissed at the
    wrong moment.

    FIX A: 'no-speech' added to the silent-ignore list alongside 'aborted'.
    The onerror handler now has three branches:
      1. 'not-allowed' → fatal notify (mic denied).
      2. 'aborted' or 'no-speech' → silently ignored; onend fires next and
         the 300ms restart loop handles continuation.
      3. All other codes → showChirpErrorDialog() as before.

    ROOT CAUSE B — post-error .start() on stale recognition object:
    When onerror fired (any code), onend followed immediately. The onend
    handler called ambientRecognition.start() on the same object that had
    just errored. The Web Speech API spec allows this, but Chrome can throw
    InvalidStateError ('start' called on a recognition that is already
    transitioning) which the try/catch in onend did not catch — silently
    breaking the restart loop. Subsequent speech was never transcribed even
    though no error was shown.

    FIX B: onend now nulls ambientRecognition before the 300ms timeout, then
    calls startChirpListening() (which always creates a fresh SR object)
    instead of calling .start() on the old one. The double-guard
    if(!ambientPaused && ambientMode) is preserved both at the onend check
    and inside the setTimeout closure.

    No new functions, no new HTML elements, no new _orig* patch variables
    (14 total patches unchanged).

================================================================================
44. END WITHOUT REPORT — DISCARD CONFIRM (v2.7.2).
    The end-session dialog (#ambient-end-confirm-dialog) previously offered
    only two options: "Generate Report & End" and "← Keep Listening". PDs
    had no way to cleanly exit a session without producing a report (e.g.
    interrupted session, trainee withdrew consent mid-review, practice run).
    The existing "✕ Abandon" button in the bottom bar did this but was easy
    to miss and had no safety confirmation.

    CHANGE: A third button "✕ End Without Report" is added at the bottom of
    #ambient-end-confirm-dialog, styled in muted red (rgba(224,82,82,0.35)
    border, rgba(224,82,82,0.7) text) so it is present but visually secondary
    to the primary gold action.

    NEW ELEMENT: #ambient-discard-confirm-dialog (position:fixed, z-index 660
    — one level above the end-confirm dialog at 650). Clicking "End Without
    Report" shows this dialog. It has no backdrop-click-to-dismiss (no onclick
    on the overlay) — the choice must be explicit. Two buttons:
      · "Yes — Discard & Exit" (red-tinted) → closes both dialogs, calls
        the existing abandonAmbientSession() for all state teardown.
      · "No — Go Back" → closes only the discard dialog; the end-confirm
        dialog remains visible underneath so the PD is back at the three-
        choice screen with no extra navigation step.

    NEW FUNCTIONS: openAmbientDiscardConfirm(), closeAmbientDiscardConfirm(),
    confirmAmbientDiscard(). No new patches, no new _orig* variables
    (14 total patches unchanged).

================================================================================
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<title>Sherpa — Trainee Performance Review</title>
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpolygon%20points%3D%2232%2C5%2012%2C60%2052%2C60%22%20fill%3D%22%230f2040%22%2F%3E%3Cpolyline%20points%3D%2212%2C60%2032%2C5%2052%2C60%22%20fill%3D%22none%22%20stroke%3D%22%234a6fa5%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpolygon%20points%3D%2232%2C5%2026%2C19%2028%2C20%2030%2C18%2031%2C21%2032%2C19%2033%2C21%2034%2C18%2036%2C20%2038%2C19%22%20fill%3D%22white%22%20opacity%3D%220.9%22%2F%3E%3Cpolyline%20points%3D%2212%2C60%2032%2C5%2052%2C60%22%20fill%3D%22none%22%20stroke%3D%22%234a6fa5%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2220%22%20r%3D%221.5%22%20fill%3D%22%23c9a84c%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2220%22%20r%3D%221.5%22%20fill%3D%22%23c9a84c%22%2F%3E%3Cpath%20d%3D%22M29%2C22%20C28%2C23%2026%2C24%2025%2C26%22%20fill%3D%22none%22%20stroke%3D%22%23c9a84c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M35%2C22%20C36%2C23%2038%2C24%2039%2C26%22%20fill%3D%22none%22%20stroke%3D%22%23c9a84c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M25%2C26%20C24%2C28%2024%2C31%2025%2C33%20C26%2C35%2029%2C37%2032%2C37%20C35%2C37%2038%2C35%2039%2C33%20C40%2C31%2040%2C28%2039%2C26%22%20fill%3D%22none%22%20stroke%3D%22%23c9a84c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M32%2C37%20C33%2C41%2037%2C47%2042%2C52%20C45%2C55%2046%2C59%2044%2C62%22%20fill%3D%22none%22%20stroke%3D%22%23c9a84c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2256%22%20r%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%23c9a84c%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2256%22%20r%3D%221.5%22%20fill%3D%22none%22%20stroke%3D%22%23c9a84c%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2246%22%20r%3D%223.5%22%20fill%3D%22%231db8a0%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2250%22%20width%3D%226%22%20height%3D%227%22%20rx%3D%221.5%22%20fill%3D%22%231db8a0%22%2F%3E%3Ccircle%20cx%3D%2247%22%20cy%3D%2252%22%20r%3D%222.5%22%20fill%3D%22%23e8c97a%22%2F%3E%3Crect%20x%3D%2245%22%20y%3D%2255%22%20width%3D%224%22%20height%3D%226%22%20rx%3D%221.5%22%20fill%3D%22%23e8c97a%22%2F%3E%3C%2Fsvg%3E">
<link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:ital,wght@0,300;0,600;1,300&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0a1628;--navy2:#0f2040;--navy3:#162a55;
  --gold:#c9a84c;--gold2:#e8c97a;
  --teal:#1db8a0;--teal2:#26d4ba;
  --muted:#8fa3c0;
  --border:rgba(255,255,255,0.08);
  --surface:rgba(255,255,255,0.04);--surface2:rgba(255,255,255,0.07);
  --red:#e05252;--green:#3dbe8f;
}
html,body{height:100%;background:var(--navy);color:#e8edf5;font-family:'DM Sans',sans-serif}
#app{display:flex;height:100vh;overflow:hidden}

/* SIDEBAR */
#sidebar{width:272px;min-width:272px;background:var(--navy2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}
#logo{padding:22px 20px 16px;border-bottom:1px solid var(--border);text-align:center}
#logo h1{font-family:'Fraunces',serif;font-weight:300;font-size:26px;letter-spacing:-0.5px}
#logo h1 span{color:var(--gold)}
#logo p{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-top:3px;text-align:center}
#sidebar-icon{padding:20px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center}
#trainee-badge{padding:12px 18px;border-bottom:1px solid var(--border);display:none}
#trainee-badge .tb-name{font-size:12px;color:#e8edf5;font-weight:500;margin-bottom:2px}
#trainee-badge .tb-meta{font-size:11px;color:var(--muted);line-height:1.5}
#trainee-badge .tb-purpose{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:10px;font-size:10px;font-family:'DM Mono',monospace;background:var(--surface2);color:var(--gold);border:1px solid rgba(201,168,76,0.25)}
#sections-list{flex:1;overflow-y:auto;padding:12px 0}
.section-item{display:flex;align-items:center;gap:10px;padding:9px 18px;cursor:pointer;transition:background 0.15s;border-left:3px solid transparent;font-size:12.5px;color:var(--muted);line-height:1.3}
.section-item:hover{background:var(--surface);color:#e8edf5}
.section-item.active{background:var(--surface2);border-left-color:var(--gold);color:#e8edf5}
.section-item.done{color:var(--green)}
.section-item .s-num{font-family:'DM Mono',monospace;font-size:10px;min-width:18px;color:var(--muted);flex-shrink:0}
.section-item.active .s-num{color:var(--gold)}
.check-icon{font-size:13px;min-width:14px;text-align:center;color:var(--green);flex-shrink:0}
#session-timer{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.35}}
@keyframes badge-pulse{0%,100%{box-shadow:0 0 0 0 rgba(201,168,76,0.55)}60%{box-shadow:0 0 0 4px rgba(201,168,76,0)}}

/* MAIN */
#main{flex:1;display:flex;flex-direction:column;overflow:hidden}
#topbar{padding:13px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--navy);flex-shrink:0;gap:16px}
#topbar-left{font-size:13px;color:var(--muted);font-weight:500;white-space:nowrap}
#progress-bar-wrap{flex:1;max-width:360px}
#progress-label{font-size:10px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}
#progress-bar{height:3px;background:var(--surface2);border-radius:2px;overflow:hidden}
#progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width 0.4s ease;width:0%}

/* WELCOME */
#welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 48px;overflow-y:auto}
#welcome h2{font-family:'Fraunces',serif;font-size:44px;font-weight:300;margin-bottom:8px;line-height:1.1}
#welcome h2 em{font-style:italic;color:var(--gold)}
#welcome .tagline{color:var(--muted);font-size:15px;max-width:440px;line-height:1.7;margin-bottom:32px}
#config-form{background:var(--navy3);border:1px solid var(--border);border-radius:12px;padding:28px 32px;max-width:560px;width:100%;text-align:left;margin-bottom:24px}
#config-form h3{font-family:'Fraunces',serif;font-size:19px;font-weight:300;margin-bottom:18px;color:#e8edf5}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.form-row.single{grid-template-columns:1fr}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-family:'DM Mono',monospace}
.form-select{width:100%;background:var(--navy2);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:13px;padding:10px 12px;outline:none;transition:border-color 0.2s;cursor:pointer;font-family:'DM Sans',sans-serif;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238fa3c0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.form-select:focus{border-color:rgba(201,168,76,0.5)}
.form-select option{background:var(--navy2)}
.combobox-wrap{position:relative}
.combobox-input{width:100%;background:var(--navy2);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:13px;padding:10px 12px;outline:none;transition:border-color 0.2s;font-family:'DM Sans',sans-serif}
.combobox-input:focus{border-color:rgba(201,168,76,0.5)}
.combobox-input::placeholder{color:var(--muted)}
.combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--navy2);border:1px solid rgba(201,168,76,0.3);border-radius:8px;max-height:220px;overflow-y:auto;z-index:999;display:none;box-shadow:0 8px 32px rgba(0,0,0,0.4)}
.combobox-dropdown.open{display:block}
.combo-group-label{padding:7px 12px 3px;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-family:'DM Mono',monospace;border-top:1px solid var(--border)}
.combo-group-label:first-child{border-top:none}
.combo-option{padding:8px 14px;font-size:13px;color:#c8d8ed;cursor:pointer;transition:background 0.1s}
.combo-option:hover,.combo-option.highlighted{background:var(--surface2);color:#e8edf5}
.combo-empty{padding:14px;font-size:13px;color:var(--muted);text-align:center}
.form-divider{height:1px;background:var(--border);margin:18px 0}
#purpose-description{font-size:12px;color:var(--muted);margin-top:-8px;margin-bottom:4px;line-height:1.5;display:none}
#template-indicator{margin-top:10px;padding:8px 12px;border-radius:6px;background:rgba(29,184,160,0.08);border:1px solid rgba(29,184,160,0.2);font-size:12px;color:var(--teal2);display:none}
#btn-start{padding:13px 42px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:8px;color:var(--navy);font-size:15px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s}
#btn-start:hover{transform:translateY(-2px);opacity:0.9}
#btn-start:disabled{opacity:0.4;cursor:not-allowed;transform:none}
.welcome-links{display:flex;gap:20px;margin-top:12px;justify-content:center}
.welcome-link{font-size:12px;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;background:none;border:none;font-family:'DM Sans',sans-serif;transition:color 0.15s}
.welcome-link:hover{color:var(--teal2)}

/* PRE-REVIEW */
#pre-review-screen{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;padding:40px;overflow-y:auto}
#pre-review-screen h2{font-family:'Fraunces',serif;font-size:34px;font-weight:300;margin-bottom:4px;text-align:center}
#pre-review-screen h2 em{color:var(--gold);font-style:italic}
#pre-review-screen .sub{font-size:14px;color:var(--muted);margin-bottom:32px;text-align:center}
.checklist{display:flex;flex-direction:column;gap:12px;width:100%;max-width:580px}
.check-card{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--navy3);border:1px solid var(--border);border-radius:10px;gap:16px;transition:all 0.2s}
.check-card.answered-yes{border-color:rgba(61,190,143,0.4);background:rgba(61,190,143,0.05)}
.check-card.answered-no{border-color:rgba(224,82,82,0.3);background:rgba(224,82,82,0.04)}
.check-card.answered-notyet{border-color:rgba(201,168,76,0.35);background:rgba(201,168,76,0.04)}
.check-card-text{font-size:14px;color:#e8edf5;line-height:1.4;flex:1}
.check-card-text small{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}
.yn-btns{display:flex;gap:8px;flex-shrink:0}
.yn-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font-size:12px;font-family:'DM Sans',sans-serif;font-weight:500;transition:all 0.15s;white-space:nowrap}
.yn-btn:hover{color:#e8edf5;border-color:rgba(255,255,255,0.2)}
.yn-btn.yes-btn.selected{background:rgba(61,190,143,0.15);border-color:var(--green);color:var(--green)}
.yn-btn.no-btn.selected{background:rgba(224,82,82,0.12);border-color:var(--red);color:var(--red)}
.yn-btn.notyet-btn.selected{background:rgba(201,168,76,0.12);border-color:var(--gold);color:var(--gold2)}
#pre-ready-msg{display:block;margin-top:28px;text-align:center;max-width:520px;width:100%}
#ready-status-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}
#ready-icon{font-size:22px;transition:all 0.3s}
#ready-text{font-size:16px;font-weight:500;color:var(--muted);transition:all 0.3s}
#ready-warning{font-size:13px;color:var(--gold2);margin-bottom:14px;display:none;line-height:1.5;padding:10px 16px;background:rgba(201,168,76,0.08);border:1px solid rgba(201,168,76,0.25);border-radius:8px}
#btn-begin-review{padding:13px 38px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.3s;color:var(--navy)}
#btn-begin-review.all-yes{background:linear-gradient(135deg,var(--green),#2a9a6e)}
#btn-begin-review.has-warning{background:linear-gradient(135deg,var(--gold),#a8842a)}
#btn-begin-review:hover:not(:disabled){transform:translateY(-1px);opacity:0.9}
#btn-begin-review:disabled{opacity:0.35;cursor:not-allowed;transform:none}

/* INTERVIEW */
#interview-ui{display:none;flex:1;flex-direction:column;overflow:hidden}
#content{flex:1;overflow-y:auto;padding:26px 44px 20px}
#section-tag{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:2.5px;font-family:'DM Mono',monospace;margin-bottom:5px}
#section-title{font-family:'Fraunces',serif;font-weight:600;font-size:34px;color:#e8edf5;line-height:1.1;margin-bottom:8px}
#section-desc{font-size:13.5px;color:var(--muted);line-height:1.55;margin-bottom:22px}

/* TELEPROMPTER */
#teleprompter{background:var(--navy3);border:1px solid rgba(201,168,76,0.3);border-radius:12px;padding:26px 30px 30px;margin-bottom:22px;position:relative}
#teleprompter::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--teal));border-radius:12px 12px 0 0}
#tp-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.tp-blink{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:blink 1s infinite;flex-shrink:0}
#tp-sentences{display:flex;flex-direction:column;gap:12px}

/* Inline editable sentence */
.tp-sent-row{display:flex;align-items:flex-start;gap:10px;group:true}
.tp-sent-text{flex:1;font-size:25px;font-weight:500;line-height:1.4;color:#e8edf5;letter-spacing:-0.3px;outline:none;border:none;background:transparent;font-family:'DM Sans',sans-serif;resize:none;overflow:hidden;cursor:text;width:100%}
.tp-sent-text.secondary{font-size:20px;color:rgba(232,237,245,0.75);font-weight:400}
.tp-sent-text.tertiary{font-size:17px;color:rgba(232,237,245,0.55);font-weight:400}
.tp-sent-text:focus{color:#e8edf5;outline:1px solid rgba(201,168,76,0.3);border-radius:4px;padding:2px 4px}
.tp-edit-btn{opacity:0;font-size:12px;color:var(--muted);cursor:pointer;padding:4px 6px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;flex-shrink:0;margin-top:4px;transition:opacity 0.15s;font-family:'DM Mono',monospace;white-space:nowrap}
.tp-sent-row:hover .tp-edit-btn{opacity:1}
.tp-edit-btn:hover{color:var(--gold);border-color:rgba(201,168,76,0.4)}

/* Follow-ups */
#followup-qs{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}
.fq-header{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:7px;font-family:'DM Mono',monospace}
.fq-row{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:border-color 0.15s}
.fq-row:hover{border-color:rgba(255,255,255,0.12)}
.fq-bullet{color:var(--gold);font-family:'DM Mono',monospace;font-size:11px;margin-top:3px;flex-shrink:0}
.fq-text{flex:1;font-size:13.5px;color:var(--muted);line-height:1.5;outline:none;border:none;background:transparent;font-family:'DM Sans',sans-serif;resize:none;overflow:hidden;cursor:text;width:100%}
.fq-text:focus{color:#e8edf5}
.fq-del{opacity:0;font-size:13px;color:var(--muted);cursor:pointer;padding:2px 6px;background:none;border:none;flex-shrink:0;transition:opacity 0.15s;margin-top:1px}
.fq-row:hover .fq-del{opacity:1}
.fq-del:hover{color:var(--red)}
.fq-add-btn{padding:7px 14px;border:1px dashed var(--border);border-radius:6px;font-size:12px;color:var(--muted);cursor:pointer;background:transparent;font-family:'DM Sans',sans-serif;transition:all 0.15s;text-align:left;width:100%}
.fq-add-btn:hover{border-color:rgba(201,168,76,0.4);color:var(--gold2)}

.manual-note-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px}
.manual-note-area{width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:8px;color:#e8edf5;font-family:'DM Mono',monospace;font-size:13px;padding:11px;resize:vertical;min-height:68px;line-height:1.6;margin-bottom:20px}
.manual-note-area:focus{outline:none;border-color:rgba(201,168,76,0.4)}

#bottom-nav{padding:16px 44px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--navy);flex-shrink:0}
#nav-info{font-size:13px;color:var(--muted)}
#nav-info strong{color:#e8edf5}
.btn-nav{padding:10px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-family:'DM Sans',sans-serif;font-weight:500;transition:all 0.2s}
#btn-prev{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}
#btn-prev:hover:not(:disabled){color:#e8edf5}
#btn-prev:disabled{opacity:0.3;cursor:not-allowed}
#btn-next{background:linear-gradient(135deg,var(--gold),#a8842a);color:var(--navy);padding:10px 30px}
#btn-next:hover{opacity:0.9;transform:translateY(-1px)}

/* ═══ TEMPLATE BUILDER ═══════════════════════════════════════ */
#template-builder{display:none;flex:1;flex-direction:column;overflow:hidden;min-height:0}
#tb-topbar{padding:14px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--navy);flex-shrink:0}
#tb-topbar h2{font-family:'Fraunces',serif;font-size:28px;font-weight:300;color:#e8edf5}
#tb-topbar h2 span{color:var(--gold)}
.tb-top-actions{display:flex;gap:10px;align-items:center}
.tb-btn{padding:10px 22px;border-radius:6px;font-size:16px;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:500;border:1px solid var(--border);background:var(--surface2);color:var(--muted);transition:all 0.15s}
.tb-btn:hover{color:#e8edf5;border-color:rgba(255,255,255,0.2)}
.tb-btn.primary{background:linear-gradient(135deg,var(--gold),#a8842a);color:var(--navy);border:none}
.tb-btn.primary:hover{opacity:0.9}
.tb-btn.danger{border-color:rgba(224,82,82,0.3);color:var(--red)}
.tb-btn.danger:hover{background:rgba(224,82,82,0.08)}
.tb-btn.teal{border-color:rgba(29,184,160,0.4);color:var(--teal2)}
.tb-btn.teal:hover{background:rgba(29,184,160,0.08)}

#tb-controls{padding:16px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--navy2);flex-shrink:0}
#tb-purpose-sel{background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:18px;padding:10px 14px;outline:none;font-family:'DM Sans',sans-serif;cursor:pointer;min-width:240px}
#tb-template-name{background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:18px;padding:10px 14px;outline:none;font-family:'DM Sans',sans-serif;width:280px}
#tb-template-name:focus{border-color:rgba(201,168,76,0.5)}
#tb-template-name::placeholder{color:var(--muted)}
#tb-saved-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.tb-saved-chip{padding:7px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:15px;color:var(--muted);cursor:pointer;transition:all 0.15s;display:flex;align-items:center;gap:8px}
.tb-saved-chip:hover{border-color:rgba(201,168,76,0.4);color:var(--gold2)}
.tb-saved-chip.active{border-color:var(--gold);color:var(--gold2);background:rgba(201,168,76,0.08)}
.tb-saved-chip .chip-del{font-size:11px;color:var(--muted);cursor:pointer;margin-left:2px}
.tb-saved-chip .chip-del:hover{color:var(--red)}

#tb-body{flex:1;overflow-y:auto;padding:28px 32px;display:block}

.tb-section-card{background:var(--navy3);border:1px solid var(--border);border-radius:10px;margin-bottom:20px}
.tb-section-head{padding:14px 20px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);border-radius:10px 10px 0 0}
.tb-section-head-left{display:flex;align-items:center;gap:10px}
.tb-section-tag{font-size:13px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold)}
.tb-section-title-input{background:transparent;border:none;color:#e8edf5;font-size:22px;font-weight:500;outline:none;font-family:'DM Sans',sans-serif;min-width:200px}
.tb-section-title-input:focus{border-bottom:1px solid rgba(201,168,76,0.4)}
.tb-section-body{padding:18px 20px;display:flex;flex-direction:column;gap:16px;overflow:visible}

.tb-subsection-label{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-family:'DM Mono',monospace;margin-bottom:12px}
.tb-questions{display:flex;flex-direction:column;gap:8px;overflow:visible}
.tb-q-row{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:7px;transition:border-color 0.15s}
.tb-q-row:hover{border-color:rgba(255,255,255,0.12)}
.tb-q-drag{color:var(--muted);cursor:grab;font-size:16px;margin-top:5px;flex-shrink:0;user-select:none}
.tb-q-type{font-size:11px;font-family:'DM Mono',monospace;color:var(--gold);min-width:28px;margin-top:6px;flex-shrink:0}
.tb-q-input{flex:1;background:transparent;border:none;color:#e8edf5;font-size:22px;font-weight:400;outline:none;font-family:'DM Sans',sans-serif;resize:none;overflow:visible;line-height:1.4;min-height:28px;width:100%;letter-spacing:-0.2px}
.tb-q-input::placeholder{color:var(--muted)}
.tb-q-del{opacity:0;font-size:13px;color:var(--muted);cursor:pointer;padding:2px 6px;background:none;border:none;flex-shrink:0;transition:opacity 0.15s}
.tb-q-row:hover .tb-q-del{opacity:1}
.tb-q-del:hover{color:var(--red)}
.tb-add-q{padding:12px 16px;border:1px dashed var(--border);border-radius:6px;font-size:18px;color:var(--muted);cursor:pointer;background:transparent;font-family:'DM Sans',sans-serif;transition:all 0.15s;text-align:left}
.tb-add-q:hover{border-color:rgba(201,168,76,0.4);color:var(--gold2)}
.tb-desc-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:20px;padding:12px 14px;outline:none;font-family:'DM Sans',sans-serif;resize:none;line-height:1.5}
.tb-desc-input:focus{border-color:rgba(201,168,76,0.3);color:#e8edf5}

#tb-footer{padding:14px 32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--navy);flex-shrink:0;flex-wrap:wrap;gap:10px}
.tb-footer-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tb-status{font-size:16px;color:var(--muted)}
.tb-status.saved{color:var(--green)}

/* REPORT */
#report-screen{padding:32px 44px;flex:1;overflow-y:auto;display:none;-webkit-overflow-scrolling:touch}
#report-screen h2{font-family:'Fraunces',serif;font-size:32px;font-weight:300;margin-bottom:4px}
.report-subtitle{font-size:13px;color:var(--muted);margin-bottom:24px}
.report-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}
.report-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:12px}
.report-field{margin-bottom:10px}
.report-field label{font-size:10px;color:var(--muted);display:block;margin-bottom:2px;text-transform:uppercase;letter-spacing:1px}
.report-field p{font-size:13.5px;color:#e8edf5;line-height:1.6}
.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.score-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}
.score-label{font-size:12.5px;color:#e8edf5}
.score-val{font-family:'DM Mono',monospace;font-size:12.5px;color:var(--gold)}
.report-note{padding:10px 13px;border-radius:6px;background:var(--surface);border-left:3px solid var(--gold);font-size:13px;color:#c8d8ed;line-height:1.6;margin-bottom:7px;white-space:pre-wrap}
.report-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.report-btn{padding:10px 20px;border-radius:8px;font-size:13.5px;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:500;transition:all 0.2s;border:1px solid var(--border)}
#btn-copy{background:var(--surface2);color:#e8edf5}
#btn-copy:hover{border-color:var(--teal);color:var(--teal)}
#btn-new{background:linear-gradient(135deg,var(--gold),#a8842a);color:var(--navy);border:none}

/* NOTIFY */
#notify{position:fixed;top:16px;right:16px;background:var(--navy3);border:1px solid var(--gold);border-radius:8px;padding:12px 16px;font-size:13px;color:var(--gold2);max-width:300px;z-index:9999;transition:opacity 0.3s;pointer-events:none;opacity:0;line-height:1.5}
#notify.show{opacity:1}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}

/* ═══════════════════════════════════════════════════════
   MOBILE — max-width 768px
═══════════════════════════════════════════════════════ */

/* Mobile topbar — hidden on desktop */
#mobile-topbar{display:none;position:relative;align-items:center;height:52px;padding:0 4px 0 8px;background:var(--navy2);border-bottom:1px solid var(--border);flex-shrink:0;gap:0;z-index:50}
#mob-hamburger{background:none;border:none;color:#e8edf5;font-size:22px;cursor:pointer;padding:10px 12px;flex-shrink:0;line-height:1}
#mob-topbar-center{flex:1;display:flex;flex-direction:column;align-items:center;overflow:hidden}
#mob-section-name{font-size:13px;font-weight:500;color:#e8edf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;text-align:center}
#mob-section-counter{font-family:'DM Mono',monospace;font-size:10px;color:var(--gold);letter-spacing:1px}
#mob-mark-done{background:none;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:16px;cursor:pointer;padding:6px 12px;flex-shrink:0;transition:all 0.15s}
#mob-mark-done:active{background:rgba(61,190,143,0.2);border-color:var(--green);color:var(--green)}
#mob-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--surface2)}
#mob-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width 0.4s ease;width:0%}

/* Mobile drawer */
#mobile-drawer{display:none;position:fixed;inset:0;z-index:999}
#mobile-drawer.open{display:block}
#mob-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.65)}
#mob-panel{position:absolute;top:0;left:0;bottom:0;width:290px;background:var(--navy2);display:flex;flex-direction:column;overflow:hidden;transform:translateX(-100%);transition:transform 0.25s ease}
#mobile-drawer.open #mob-panel{transform:translateX(0)}
#mob-panel-header{padding:14px 18px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
#mob-close{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:4px 8px}
#mob-panel-badge{padding:10px 18px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);line-height:1.5;flex-shrink:0}
#mob-panel-sections{flex:1;overflow-y:auto;padding:10px 0}

/* Splash inner — desktop shows form, hides splash */
#mob-splash-inner{display:none}
#mob-form-inner{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}
/* ── Desktop note-half has no special layout ── */
#question-half{flex:1;overflow-y:auto}
#notes-half{display:block}
/* Mobile splash hidden on desktop */

@media(max-width:768px){

  /* App layout */
  #app{flex-direction:column}
  #sidebar{display:none!important}
  #main{width:100%;min-height:0;overflow:hidden}
  /* mobile topbar: JS shows it only during interview */

  /* Hide desktop topbar during interview */
  #interview-ui #topbar{display:none!important}

  /* Hide keyboard hint on mobile */
  #hotkey-hint{display:none!important}

  /* Mobile splash */
  #mob-continue{padding:15px 48px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:8px;color:var(--navy);font-size:17px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;width:100%;max-width:300px}

  /* Mobile splash — shown on phones before config */

  /* Mobile splash inner */
  #mob-splash-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;flex:1}
  #mob-form-inner{display:none;flex-direction:column;align-items:center;width:100%}

  /* ── WELCOME ── */
  #welcome{padding:0!important;justify-content:flex-start;overflow-y:auto;flex:1}
  #welcome h2{font-size:30px;margin-bottom:6px}
  #welcome .tagline{font-size:13px;margin-bottom:20px}
  #config-form{padding:18px 16px;margin-bottom:18px;max-width:100%}
  #config-form h3{font-size:17px;margin-bottom:14px}
  .form-row{grid-template-columns:1fr!important;gap:10px;margin-bottom:10px}
  .form-select{font-size:16px!important;padding:12px 36px 12px 12px!important}
  .combobox-input{font-size:16px!important;padding:12px!important}
  .combobox-dropdown{max-height:200px;position:absolute;left:0;right:0;width:auto;z-index:9999}
  .combobox-wrap{position:relative}
  #btn-start{width:100%;padding:15px;font-size:16px;margin-top:4px}
  .welcome-links{flex-direction:column;gap:10px;align-items:center}
  .welcome-link{font-size:13px;padding:4px 0}

  /* ── PRE-REVIEW ── */
  #pre-review-screen{padding:20px 16px;overflow-y:auto}
  #pre-review-screen h2{font-size:26px}
  #pre-review-screen .sub{font-size:13px;margin-bottom:20px}
  .checklist{max-width:100%}
  .check-card{flex-wrap:wrap;padding:14px 16px;gap:10px}
  .check-card-text{font-size:13px;width:100%}
  .yn-btns{width:100%;gap:6px}
  .yn-btn{flex:1;padding:10px 4px;font-size:13px;text-align:center}
  #btn-begin-review{width:100%;padding:15px;font-size:15px}
  #pre-ready-msg{padding:0 8px;width:100%}
  #ready-warning{font-size:12px;padding:8px 12px}

  /* ── INTERVIEW SPLIT SCREEN ── */
  #interview-ui{overflow:hidden;flex:1;min-height:0}
  #content{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    flex:1;
    min-height:0;
  }
  #question-half{
    flex:1;
    min-height:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:14px 16px 8px;
  }
  #notes-half{
    display:flex!important;
    flex-direction:column;
    flex-shrink:0;
    height:190px;
    border-top:1px solid var(--border);
    background:var(--navy2);
    padding:10px 16px 10px;
  }
  #notes-half .manual-note-label{font-size:9px;letter-spacing:1.5px;margin-bottom:5px;flex-shrink:0}
  #notes-half .manual-note-area{
    flex:1;resize:none;margin-bottom:0;min-height:unset;
    font-size:14px;padding:10px;line-height:1.5;
    border-radius:6px;
  }

  /* Scale teleprompter for mobile */
  #section-tag{font-size:9px;margin-bottom:3px}
  #section-title{font-size:22px;margin-bottom:6px}
  #section-desc{font-size:12px;margin-bottom:14px;line-height:1.4}
  #teleprompter{padding:14px 16px 18px;margin-bottom:14px}
  #tp-label{font-size:9px;margin-bottom:10px}
  .tp-sent-text{font-size:18px!important;line-height:1.35}
  .tp-sent-text.secondary{font-size:15px!important}
  .tp-sent-text.tertiary{font-size:13px!important}
  .tp-sent-row{padding:3px 4px;margin-left:-4px}

  /* Follow-ups scaled */
  .fq-header{font-size:9px;margin-bottom:5px}
  .fq-row{padding:8px 10px}
  .fq-text{font-size:12.5px}
  #followup-qs{gap:5px;margin-bottom:10px}

  /* Bottom nav */
  #bottom-nav{
    padding:10px 12px;
    padding-bottom:max(10px,env(safe-area-inset-bottom));
    gap:8px;
  }
  #btn-prev{padding:12px 16px!important;font-size:13px}
  #btn-next{padding:12px 16px!important;font-size:13px;flex:1}
  #nav-info{font-size:11px;white-space:nowrap}

  /* ── TEMPLATE BUILDER ── */
  #tb-topbar{flex-wrap:wrap;gap:8px;padding:10px 14px}
  #tb-topbar h2{font-size:17px;width:100%}
  .tb-top-actions{display:flex;flex-wrap:wrap;gap:6px;width:100%}
  .tb-btn{padding:8px 12px;font-size:12px}
  #tb-controls{flex-direction:column;gap:10px;padding:12px 14px}
  #tb-purpose-sel{font-size:15px!important;width:100%;min-width:unset}
  #tb-template-name{font-size:15px!important;width:100%}
  #tb-saved-list{margin-left:0;flex-wrap:wrap}
  #tb-body{padding:14px}
  .tb-section-body{padding:14px 14px}
  .tb-q-input{font-size:16px!important}
  .tb-desc-input{font-size:14px!important}
  .tb-subsection-label{font-size:10px}
  #tb-footer{flex-direction:column;gap:8px;padding:10px 14px}
  .tb-footer-left{flex-wrap:wrap}

  /* ── REPORT ── */
  /* ── REPORT — mobile ── */
  #report-screen{
    padding:0!important;
    display:flex;
    flex-direction:column;
    overflow:hidden!important;
  }
  #report-scroll-area{
    flex:1;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:16px 14px 24px;
  }
  #report-screen h2{font-size:22px;margin-bottom:2px}
  .report-subtitle{font-size:11px;margin-bottom:16px}
  .report-section{padding:14px;margin-bottom:12px;border-radius:8px}
  .report-section h3{font-size:10px;margin-bottom:10px;letter-spacing:1.2px}
  .report-field{margin-bottom:8px}
  .report-field label{font-size:9px}
  .report-field p{font-size:13px;line-height:1.5}
  .score-grid{grid-template-columns:1fr!important;gap:5px}
  .score-row{padding:7px 10px}
  .score-label{font-size:12px}
  .score-val{font-size:12px}
  .report-note{font-size:12px;padding:8px 10px;line-height:1.5}
  /* Sticky action bar at bottom */
  #report-actions-bar{
    flex-shrink:0;
    display:flex;
    gap:10px;
    padding:12px 14px;
    padding-bottom:max(12px,env(safe-area-inset-bottom));
    background:var(--navy2);
    border-top:1px solid var(--border);
  }
  #report-actions-bar .report-btn{
    flex:1;
    text-align:center;
    padding:13px 8px;
    font-size:14px;
    border-radius:8px;
  }
  /* Hide the inline report-actions on mobile (replaced by sticky bar) */
  .report-actions{display:none!important}
  /* ── MOBILE TOPBAR — all screens ── */
  #mobile-topbar{flex-shrink:0}
  #mob-progress-bar{display:none}
  #mob-mark-done{display:none}
  #mobile-topbar.interview-mode #mob-progress-bar{display:block}
  #mobile-topbar.interview-mode #mob-mark-done{display:flex}

  /* ── MOBILE ILP HUB ── */
  #ilp-hub-screen{position:relative;padding-bottom:60px}
  #ilp-hub-nav{max-height:none;height:100%;overflow-y:auto;border-bottom:none}
  #ilp-hub-content{flex:1;min-height:300px}
  #mob-ilp-bar{display:none}
  #mob-ilp-bar.visible{display:flex!important}

  /* ── MOBILE REPORT BAR ── */
  #report-actions-bar .report-btn{font-size:12px;padding:12px 8px;min-width:0;flex:1}

  /* ── MOBILE GENERAL PANEL in drawer ── */
  #mob-panel-general .srp-item,
  #mob-panel-general .mob-sess-item{padding:10px 14px;border-radius:6px;cursor:pointer;margin-bottom:3px}
  #mob-panel-general .mob-sess-name{font-size:13px;color:#e8edf5;font-weight:500}
  #mob-panel-general .mob-sess-meta{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace}

}

/* ═══════════════════════════════════════════════
   ILP — Individualized Learning Plan
═══════════════════════════════════════════════ */
#ilp-screen,#ilp-progress-screen,#ilp-review-screen{display:none;flex-direction:row;flex:1;overflow:hidden}
.ilp-left-panel{width:240px;min-width:240px;background:var(--navy2);border-right:1px solid var(--border);padding:28px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex-shrink:0}
.ilp-left-panel .ilp-header h2{font-family:'Fraunces',serif;font-size:22px;font-weight:300;color:#e8edf5;margin-bottom:4px}
.ilp-left-panel .ilp-sub{font-size:11px;color:var(--muted);line-height:1.5}
.ilp-left-panel .ilp-trainee{font-size:11px;font-family:'DM Mono',monospace;color:var(--gold);letter-spacing:1px;margin-top:2px}
.ilp-actions-left{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.ilp-main-content{flex:1;overflow-y:auto;padding:28px 32px;min-width:0}
.ilp-tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:24px}
.ilp-tab{padding:10px 24px;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:14px;color:var(--muted);font-family:'DM Sans',sans-serif;font-weight:500;transition:all 0.15s;white-space:nowrap}
.ilp-tab:hover{color:#e8edf5}
.ilp-tab.active{color:var(--gold2);border-bottom-color:var(--gold)}
.ilp-tab-panel{display:none}
.ilp-tab-panel.active{display:block}

.ilp-header{margin-bottom:28px}
.ilp-header h2{font-family:'Fraunces',serif;font-size:30px;font-weight:300;margin-bottom:4px;color:#e8edf5}
.ilp-header .ilp-sub{font-size:13px;color:var(--muted);margin-bottom:6px}
.ilp-header .ilp-trainee{font-size:12px;font-family:'DM Mono',monospace;color:var(--gold);letter-spacing:1px}

/* Goal cards */
.ilp-goal-card{background:var(--navy3);border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:18px;position:relative}
.ilp-goal-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:var(--gold)}
.ilp-goal-card.remedial::before{background:var(--red)}
.ilp-goal-card.aspirational::before{background:var(--teal)}
.ilp-goal-card.both::before{background:linear-gradient(180deg,var(--teal),var(--gold))}
.ilp-goal-num{font-size:10px;font-family:'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}
.ilp-goal-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.ilp-goal-type{flex-shrink:0}
.ilp-type-select{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:11px;padding:4px 8px;font-family:'DM Mono',monospace;cursor:pointer;outline:none;text-transform:uppercase;letter-spacing:1px}
.ilp-type-select option{background:var(--navy2)}
.ilp-domain-select{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--gold2);font-size:11px;padding:4px 8px;font-family:'DM Mono',monospace;cursor:pointer;outline:none;letter-spacing:0.5px}
.ilp-domain-select option{background:var(--navy2)}

.ilp-field{margin-bottom:14px}
.ilp-field label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-family:'DM Mono',monospace;display:block;margin-bottom:5px}
.ilp-field label span{color:var(--gold);margin-left:4px}
.ilp-textarea{width:100%;background:var(--navy2);border:1px solid var(--border);border-radius:7px;color:#e8edf5;font-size:13.5px;padding:11px 13px;resize:vertical;min-height:64px;line-height:1.6;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.2s}
.ilp-textarea:focus{border-color:rgba(201,168,76,0.45)}
.ilp-textarea::placeholder{color:var(--muted)}
.ilp-input{width:100%;background:var(--navy2);border:1px solid var(--border);border-radius:7px;color:#e8edf5;font-size:13.5px;padding:9px 13px;line-height:1.5;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.2s}
.ilp-input:focus{border-color:rgba(201,168,76,0.45)}

.ilp-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ilp-del-goal{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:4px 8px;transition:color 0.15s}
.ilp-del-goal:hover{color:var(--red)}

.ilp-add-goal{width:100%;padding:14px;border:2px dashed var(--border);border-radius:10px;background:transparent;color:var(--muted);font-size:14px;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.15s;margin-bottom:24px}
.ilp-add-goal:hover{border-color:rgba(201,168,76,0.4);color:var(--gold2)}

/* Reflection section */
.ilp-reflection{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:24px}
.ilp-reflection h3{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:16px}

/* ILP action bar */
.ilp-actions{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}
.ilp-btn{padding:11px 24px;border-radius:8px;font-size:14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:500;transition:all 0.2s;border:1px solid var(--border)}
.ilp-btn.primary{background:linear-gradient(135deg,var(--gold),#a8842a);color:var(--navy);border:none}
.ilp-btn.primary:hover{opacity:0.9;transform:translateY(-1px)}
.ilp-btn.secondary{background:var(--surface2);color:#e8edf5}
.ilp-btn.secondary:hover{border-color:var(--teal);color:var(--teal)}
.ilp-btn.teal{background:rgba(29,184,160,0.12);border-color:var(--teal);color:var(--teal2)}

/* Progress entries */
.ilp-progress-entry{background:var(--navy3);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:12px}
.ilp-progress-entry .pe-goal-ref{font-size:10px;font-family:'DM Mono',monospace;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.ilp-progress-entry .pe-date{font-size:11px;color:var(--muted);margin-bottom:4px}
.ilp-progress-entry .pe-text{font-size:13.5px;color:#c8d8ed;line-height:1.6}
.ilp-progress-entry .pe-status{display:inline-block;padding:2px 10px;border-radius:10px;font-size:10px;font-family:'DM Mono',monospace;margin-top:8px}
.pe-status.on-track{background:rgba(61,190,143,0.15);color:var(--green);border:1px solid rgba(61,190,143,0.3)}
.pe-status.progressing{background:rgba(201,168,76,0.15);color:var(--gold2);border:1px solid rgba(201,168,76,0.3)}
.pe-status.struggling{background:rgba(224,82,82,0.12);color:var(--red);border:1px solid rgba(224,82,82,0.3)}
.pe-status.achieved{background:rgba(29,184,160,0.15);color:var(--teal2);border:1px solid rgba(29,184,160,0.3)}

/* PD Feedback */
.ilp-pd-feedback{background:rgba(201,168,76,0.06);border:1px solid rgba(201,168,76,0.2);border-radius:10px;padding:16px;margin-top:14px}
.ilp-pd-feedback h4{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:10px}
.ilp-pd-feedback .pd-fb-text{font-size:13.5px;color:#e8edf5;line-height:1.6}
.ilp-pd-status{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.pd-status-btn{padding:5px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font-size:12px;font-family:'DM Mono',monospace;transition:all 0.15s}
.pd-status-btn.selected-approve{background:rgba(61,190,143,0.15);border-color:var(--green);color:var(--green)}
.pd-status-btn.selected-revise{background:rgba(201,168,76,0.15);border-color:var(--gold);color:var(--gold2)}
.pd-status-btn.selected-concern{background:rgba(224,82,82,0.12);border-color:var(--red);color:var(--red)}

/* Saved ILP list */
.ilp-list-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--navy3);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:border-color 0.15s}
.ilp-list-item:hover{border-color:rgba(201,168,76,0.4)}
.ilp-list-meta{flex:1}
.ilp-list-name{font-size:14px;color:#e8edf5;font-weight:500;margin-bottom:2px}
.ilp-list-detail{font-size:11px;color:var(--muted)}
.ilp-list-badge{font-size:10px;font-family:'DM Mono',monospace;padding:3px 10px;border-radius:10px;background:var(--surface2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}

/* Smart goals breakdown */
.smart-legend{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.smart-tag{padding:3px 10px;border-radius:4px;font-size:10px;font-family:'DM Mono',monospace;background:var(--surface2);color:var(--muted);border:1px solid var(--border)}
.smart-tag span{color:var(--gold2)}

/* Mobile ILP overrides */
@media(max-width:768px){
  #ilp-screen,#ilp-progress-screen,#ilp-review-screen,#ilp-hub-screen{flex-direction:column!important}
  .ilp-left-panel,#ilp-hub-nav{width:100%!important;min-width:unset!important;border-right:none!important;border-bottom:1px solid var(--border);padding:16px!important}
  .ilp-main-content{padding:16px!important}
  .ilp-actions-left{flex-direction:row;flex-wrap:wrap}
  .ilp-row{grid-template-columns:1fr}
  .ilp-tab{padding:8px 16px;font-size:13px}
  .ilp-btn{text-align:center}
  .ilp-type-select,.ilp-domain-select{font-size:14px;padding:6px 10px}
}

/* ═══════════════════════════════════════════════
   MANAGE REVIEW PURPOSES
═══════════════════════════════════════════════ */
#purpose-manager{display:none;flex:1;flex-direction:column;overflow:hidden}
#pm-topbar{padding:14px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--navy);flex-shrink:0;flex-wrap:wrap;gap:10px}
#pm-topbar h2{font-family:'Fraunces',serif;font-size:22px;font-weight:300;color:#e8edf5}
#pm-topbar h2 span{color:var(--gold)}
.pm-top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#pm-body{flex:1;overflow-y:auto;padding:28px 32px;display:block}
#pm-footer{padding:14px 32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--navy);flex-shrink:0;flex-wrap:wrap;gap:10px}
.pm-status{font-size:13px;color:var(--muted)}
.pm-status.saved{color:var(--green)}

/* Purpose card */
.pm-card{background:var(--navy3);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;transition:border-color 0.2s}
.pm-card.is-default{border-left:3px solid var(--gold)}
.pm-card.is-custom{border-left:3px solid var(--teal)}
.pm-card-head{padding:12px 18px;background:var(--surface);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);border-radius:10px 10px 0 0}
.pm-card-key{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.pm-default-badge{font-size:9px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:10px;background:rgba(201,168,76,0.12);color:var(--gold2);border:1px solid rgba(201,168,76,0.25)}
.pm-custom-badge{font-size:9px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:10px;background:rgba(29,184,160,0.12);color:var(--teal2);border:1px solid rgba(29,184,160,0.25)}
.pm-card-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.pm-row{display:grid;grid-template-columns:1fr 2fr;gap:14px;align-items:start}
.pm-field{display:flex;flex-direction:column;gap:5px}
.pm-field label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-family:'DM Mono',monospace}
.pm-input{background:var(--navy2);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:13.5px;padding:9px 12px;outline:none;font-family:'DM Sans',sans-serif;transition:border-color 0.2s;width:100%}
.pm-input:focus{border-color:rgba(201,168,76,0.5)}
.pm-textarea{background:var(--navy2);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:13px;padding:9px 12px;outline:none;font-family:'DM Sans',sans-serif;transition:border-color 0.2s;width:100%;resize:vertical;min-height:60px;line-height:1.5}
.pm-textarea:focus{border-color:rgba(201,168,76,0.5)}
.pm-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pm-btn{padding:7px 16px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;font-size:12px;font-family:'DM Sans',sans-serif;font-weight:500;transition:all 0.15s;white-space:nowrap}
.pm-btn:hover{color:#e8edf5;border-color:rgba(255,255,255,0.2)}
.pm-btn.edit-q{border-color:rgba(29,184,160,0.3);color:var(--teal2)}
.pm-btn.edit-q:hover{background:rgba(29,184,160,0.08)}
.pm-btn.danger{border-color:rgba(224,82,82,0.3);color:var(--red)}
.pm-btn.danger:hover{background:rgba(224,82,82,0.08)}
.pm-hidden-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);cursor:pointer;user-select:none;margin-left:auto}
.pm-hidden-toggle input{cursor:pointer;accent-color:var(--muted)}

/* Add purpose form */
#pm-add-form{background:var(--navy2);border:2px dashed rgba(29,184,160,0.35);border-radius:10px;padding:20px;display:none;flex-direction:column;gap:14px}
#pm-add-form.visible{display:flex}
#pm-add-form h3{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal2);font-family:'DM Mono',monospace}
.pm-add-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pm-base-select{background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:13px;padding:9px 12px;outline:none;font-family:'DM Sans',sans-serif;width:100%;cursor:pointer}

@media(max-width:768px){
  #pm-topbar{padding:10px 14px}
  #pm-body{padding:14px;display:block}
  .pm-row{grid-template-columns:1fr}
  .pm-add-row{grid-template-columns:1fr}
  .pm-top-actions{flex-wrap:wrap;gap:8px}
  .pm-card-actions{gap:8px}
  .pm-btn{font-size:11px;padding:6px 12px}
}

/* ═══════════════════════════════════════════════
   AUTH — Login screen + sidebar user panel
═══════════════════════════════════════════════ */
#login-screen{
  position:fixed;inset:0;z-index:9999;
  background:var(--navy);
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}
.login-box{
  width:100%;max-width:400px;
  display:flex;flex-direction:column;align-items:center;
  gap:0;
}
.login-logo-wrap{margin-bottom:20px}
.login-wordmark{
  font-family:'Fraunces',serif;font-weight:300;font-size:42px;
  letter-spacing:-1px;color:#e8edf5;margin-bottom:4px;text-align:center;
}
.login-wordmark span{color:var(--gold)}
.login-tagline{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--muted);margin-bottom:32px;text-align:center}
.login-card{
  width:100%;background:var(--navy2);border:1px solid var(--border);
  border-radius:14px;padding:28px 28px 24px;
}
.login-welcome{font-size:18px;color:#e8edf5;font-weight:500;margin-bottom:20px;text-align:center}
.login-field{margin-bottom:16px}
.login-field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-family:'DM Mono',monospace;margin-bottom:6px}
.login-input{
  width:100%;background:var(--navy3);border:1px solid var(--border);
  border-radius:8px;color:#e8edf5;font-size:16px;padding:12px 14px;
  outline:none;font-family:'DM Sans',sans-serif;transition:border-color 0.2s;
}
.login-input:focus{border-color:rgba(201,168,76,0.5)}
#login-error{
  font-size:13px;color:var(--red);text-align:center;
  min-height:18px;margin-bottom:8px;display:none;
}
.login-btn{
  width:100%;padding:14px;
  background:linear-gradient(135deg,var(--gold),#a8842a);
  border:none;border-radius:8px;color:var(--navy);
  font-size:16px;font-weight:700;cursor:pointer;
  font-family:'DM Sans',sans-serif;transition:opacity 0.2s;margin-top:4px;
}
.login-btn:hover{opacity:0.9}
.login-hint{
  font-size:11px;color:var(--muted);text-align:center;
  margin-top:16px;line-height:1.6;
}
.login-hint code{
  font-family:'DM Mono',monospace;color:var(--gold2);
  background:rgba(201,168,76,0.08);padding:1px 6px;border-radius:3px;
}

/* Sidebar user panel */
#sidebar-user-panel{
  padding:14px 18px;border-bottom:1px solid var(--border);
  display:none;background:rgba(201,168,76,0.04);
}
.sup-role{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:2px}
.sup-name{font-size:14px;color:#e8edf5;font-weight:500}
.sup-logout{
  display:inline-block;margin-top:8px;font-size:10px;color:var(--muted);
  cursor:pointer;text-decoration:underline;font-family:'DM Mono',monospace;
  transition:color 0.15s;
}
.sup-logout:hover{color:var(--red)}

/* Sidebar recent activity */
#sidebar-recent{display:none} /* legacy compat — element removed */
.sr-empty{padding:8px 8px;font-size:12px;color:var(--muted);font-style:italic}

/* Trainee name fields */
#trainee-name-row{margin-bottom:0}

@media(max-width:768px){
  .login-card{padding:22px 20px 18px}
  .login-wordmark{font-size:34px}
}

/* ═══════════════════════════ MOCK AUTH ═══════════════════════════════════ */
#login-screen{position:fixed;inset:0;z-index:9999;background:#07111f;display:flex;align-items:center;justify-content:center;padding:24px}
.lx-box{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}
.lx-logo{width:90px;height:auto;margin-bottom:16px}
.lx-title{font-family:'Fraunces',serif;font-weight:300;font-size:40px;color:#e8edf5;letter-spacing:-1px;margin-bottom:2px}
.lx-title span{color:var(--gold)}
.lx-sub{font-size:10px;text-transform:uppercase;letter-spacing:3px;color:var(--muted);margin-bottom:28px}
.lx-card{width:100%;background:var(--navy2);border:1px solid var(--border);border-radius:14px;padding:26px 26px 22px}
.lx-welcome{font-size:17px;color:#e8edf5;font-weight:500;text-align:center;margin-bottom:20px}
.lx-field{margin-bottom:14px}
.lx-field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-family:'DM Mono',monospace;margin-bottom:5px}
.lx-inp{width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:8px;color:#e8edf5;font-size:16px;padding:11px 13px;outline:none;font-family:'DM Sans',sans-serif;transition:border-color 0.2s}
.lx-inp:focus{border-color:rgba(201,168,76,0.5)}
#lx-error{font-size:12px;color:var(--red);text-align:center;margin-bottom:6px;min-height:16px}
.lx-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:8px;color:var(--navy);font-size:16px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;margin-top:2px}
.lx-hint{font-size:11px;color:var(--muted);text-align:center;margin-top:14px;line-height:1.7}
.lx-hint code{font-family:'DM Mono',monospace;color:var(--gold2);background:rgba(201,168,76,0.08);padding:1px 5px;border-radius:3px}
.lx-users-grid{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px}
.lx-user-chip{font-size:10px;font-family:'DM Mono',monospace;padding:2px 8px;border-radius:10px;background:var(--surface2);color:var(--muted);border:1px solid var(--border);cursor:pointer;transition:all 0.15s}
.lx-user-chip:hover{border-color:var(--gold);color:var(--gold2)}

/* Logout button */
#logout-btn{display:none;width:100%;margin-top:8px;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:11px;font-family:'DM Mono',monospace;cursor:pointer;transition:all 0.15s;text-align:left}
#logout-btn:hover{border-color:var(--red);color:var(--red)}
/* ── Sidebar nav buttons (replaces accordion) ──────────────────────── */
.snav-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;cursor:pointer;border:1px solid var(--border);background:var(--surface2);transition:border-color 0.15s,background 0.15s;user-select:none}
.snav-btn:hover{background:var(--surface);border-color:rgba(201,168,76,0.4)}
.snav-btn.active{border-color:var(--gold);background:rgba(201,168,76,0.08)}
.snav-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}
.snav-text{flex:1;min-width:0}
.snav-title{font-size:12px;font-weight:600;color:#e8edf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snav-sub{font-size:10px;color:var(--muted);margin-top:1px}
/* ────────────────────────────────────────────────────────────────────── */
#sidebar-footer{padding:12px 18px;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}
#topbar{position:relative}

/* Sidebar user bar */
#sidebar-user-bar{padding:12px 18px;border-bottom:1px solid var(--border);display:none;flex-direction:column;gap:2px;background:rgba(201,168,76,0.04)}
.sub-role-tag{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace}
.sub-fullname{font-size:13px;color:#e8edf5;font-weight:500}
.sub-detail{font-size:10px;color:var(--muted)}

/* Trainee search panel (PD only) */
#trainee-search-panel{display:none;flex-direction:column;border-bottom:1px solid var(--border);flex-shrink:0}
.tsp-header{padding:10px 18px 6px;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:'DM Mono',monospace;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.tsp-add-btn{font-size:10px;color:var(--teal2);cursor:pointer;border:none;background:none;font-family:'DM Mono',monospace;padding:0;text-decoration:underline}
#tsp-search{margin:0 12px 8px;background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:12px;padding:7px 10px;outline:none;font-family:'DM Sans',sans-serif;width:calc(100% - 24px);flex-shrink:0}
#tsp-results{flex:1;overflow-y:auto;padding:0 8px 6px}
.tsp-item{padding:7px 10px;border-radius:6px;cursor:pointer;transition:background 0.12s}
.tsp-item:hover{background:var(--surface)}
.tsp-item.selected-trainee{background:rgba(29,184,160,0.12);border:1px solid rgba(29,184,160,0.3)}
.tsp-name{font-size:12px;color:#e8edf5;font-weight:500}
.tsp-meta{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace}
.tsp-selected-bar{margin:0 12px 8px;padding:8px 10px;background:rgba(29,184,160,0.1);border:1px solid rgba(29,184,160,0.3);border-radius:6px;display:none}
.tsp-sel-name{font-size:12px;color:var(--teal2);font-weight:500}
.tsp-sel-clear{float:right;font-size:10px;color:var(--muted);cursor:pointer}
.tsp-sel-meta{font-size:10px;color:var(--muted)}

/* Add new trainee form */
#add-trainee-form{display:none;padding:10px 12px;border-top:1px solid var(--border);background:var(--navy2)}
.atf-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
.atf-inp{width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:5px;color:#e8edf5;font-size:11px;padding:6px 8px;outline:none;font-family:'DM Sans',sans-serif}
.atf-sel{width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:5px;color:#e8edf5;font-size:11px;padding:6px 8px;outline:none;font-family:'DM Sans',sans-serif;cursor:pointer}
.atf-actions{display:flex;gap:6px;margin-top:4px}
.atf-btn{flex:1;padding:6px;border-radius:5px;font-size:11px;cursor:pointer;font-family:'DM Sans',sans-serif;border:1px solid var(--border);background:var(--surface2);color:var(--muted)}
.atf-btn.primary{background:var(--teal);border-color:var(--teal);color:var(--navy)}

/* Sidebar recent sessions */
#srp-home-btn:hover{border-color:rgba(201,168,76,0.4);background:var(--surface)}
.srp-header{padding:10px 18px 4px;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:'DM Mono',monospace;flex-shrink:0}
#srp-search{margin:0 12px 6px;background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:11px;padding:6px 10px;outline:none;font-family:'DM Sans',sans-serif;width:calc(100% - 24px);flex-shrink:0}
.srp-item{padding:7px 10px;border-radius:6px;cursor:pointer;transition:background 0.12s;margin-bottom:2px}
.srp-item:hover{background:var(--surface)}
.srp-name{font-size:12px;color:#e8edf5;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srp-meta{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace}
.srp-badge{display:inline-block;font-size:9px;padding:1px 7px;border-radius:8px;font-family:'DM Mono',monospace;margin-left:4px}
.srp-badge.accepted{background:rgba(61,190,143,0.15);color:var(--green);border:1px solid rgba(61,190,143,0.3)}
.srp-badge.pending{background:rgba(201,168,76,0.12);color:var(--gold2);border:1px solid rgba(201,168,76,0.25)}

/* Accept review button on report screen */
#btn-accept-review{display:none;padding:11px 22px;background:linear-gradient(135deg,var(--teal),#17907c);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;box-shadow:0 2px 8px rgba(29,184,160,0.3)}
#btn-accept-review:hover{filter:brightness(1.1)}
#btn-accept-review.accepted-state{background:rgba(61,190,143,0.08);color:var(--muted);cursor:default;border:1px solid var(--border);box-shadow:none;font-weight:400}

/* ILP Hub list items */
.ilp-hub-item{padding:10px 12px;border-radius:7px;cursor:pointer;transition:background 0.12s;border:1px solid transparent;margin-bottom:4px}
.ilp-hub-item:hover{background:var(--surface);border-color:var(--border)}
.ilp-hub-item.active{background:rgba(201,168,76,0.08);border-color:rgba(201,168,76,0.3)}
.ilp-hub-item-title{font-size:13px;color:#e8edf5;font-weight:500}
.ilp-hub-item-meta{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;margin-top:2px}

/* Trainee home — shown for Fellows/Residents instead of config form */
#trainee-home{display:none;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;padding:40px 28px;text-align:center;min-height:300px;overflow-y:auto}
#trainee-home .th-icon{font-size:48px;margin-bottom:18px;opacity:0.25}
#trainee-home h2{font-family:'Fraunces',serif;font-weight:300;font-size:28px;color:#e8edf5;margin-bottom:10px;line-height:1.2}
#trainee-home .th-msg{font-size:14px;color:var(--muted);line-height:1.7;max-width:380px}
#trainee-home .th-msg strong{color:#c8d8ed}
#trainee-home .th-count{display:inline-block;margin-top:18px;padding:8px 20px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--muted);font-family:'DM Mono',monospace}

/* ═══ LOR NEW ELEMENTS ═════════════════════════════════════════════════ */
.rec-block{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:10px}
.rec-block-hdr{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:8px;font-weight:600}
.rec-inp{width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:13px;padding:8px 10px;outline:none;font-family:'DM Sans',sans-serif;box-sizing:border-box}
.rec-inp:focus{border-color:rgba(201,168,76,0.5)}
.rec-textarea{width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:12px;padding:8px 10px;outline:none;font-family:'DM Sans',sans-serif;box-sizing:border-box;resize:vertical;line-height:1.5}
.rec-textarea:focus{border-color:rgba(201,168,76,0.5)}
.rec-mini-btn{font-size:11px;padding:4px 10px;background:none;border:1px solid var(--border);border-radius:5px;color:var(--muted);cursor:pointer;font-family:'DM Mono',monospace;margin-top:5px}
.rec-mini-btn:hover{color:var(--teal2);border-color:var(--teal2)}
.lor-field-group{margin-bottom:18px}
.lor-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:6px;font-weight:600}
/* work item badge — mobile only now, desktop uses accordion */

/* ═══════════════════ RECOMMENDATION LETTER ═══════════════════════════ */
#rec-screen{display:none;flex:1;flex-direction:column;overflow:hidden}
#rec-topbar{padding:13px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0;background:var(--navy2);flex-wrap:wrap}
#rec-topbar h2{font-family:'Fraunces',serif;font-size:20px;font-weight:300;color:#e8edf5;margin-right:auto}
#rec-topbar h2 span{color:var(--gold)}
.rec-top-btn{padding:8px 18px;border-radius:7px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-size:12px;font-family:'DM Mono',monospace;cursor:pointer;transition:all 0.15s;white-space:nowrap}
.rec-top-btn:hover{color:#e8edf5;border-color:rgba(255,255,255,0.2)}
.rec-top-btn.primary{background:linear-gradient(135deg,var(--gold),#a8842a);color:var(--navy);border:none;font-weight:700}
#rec-body{flex:1;display:flex;flex-direction:row;overflow:hidden}
#rec-words-panel{width:270px;min-width:270px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;padding:18px 16px;gap:16px;flex-shrink:0;background:var(--navy2)}
.rec-section-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:'DM Mono',monospace;margin-bottom:8px}
.rec-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.rec-chip{padding:5px 12px;border-radius:20px;font-size:11px;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:500;border:1px solid;transition:all 0.15s;user-select:none}
.rec-chip.positive{border-color:rgba(29,184,160,0.35);color:var(--teal2);background:rgba(29,184,160,0.06)}
.rec-chip.positive.selected{background:rgba(29,184,160,0.22);border-color:var(--teal);color:#fff;box-shadow:0 0 0 1px rgba(29,184,160,0.4)}
.rec-chip.negative{border-color:rgba(224,82,82,0.3);color:#c07070;background:rgba(224,82,82,0.04)}
.rec-chip.negative.selected{background:rgba(224,82,82,0.18);border-color:var(--red);color:#f09090;box-shadow:0 0 0 1px rgba(224,82,82,0.4)}
#rec-generate-btn{width:100%;padding:11px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:8px;color:var(--navy);font-size:14px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;margin-top:4px;transition:all 0.2s}
#rec-generate-btn:hover:not(:disabled){opacity:0.88}
#rec-generate-btn:disabled{background:var(--surface2);color:var(--muted);cursor:not-allowed;border:1px solid var(--border);opacity:1}
#rec-readiness-check{font-size:14px;line-height:2.2;text-align:left;width:100%}
#rec-readiness-check .rc-item{display:flex;align-items:flex-start;gap:10px;padding:4px 0}
#rec-readiness-check .rc-icon{font-size:16px;flex-shrink:0;margin-top:2px}
#rec-readiness-check .rc-text{font-size:14px;line-height:1.4}
#rec-readiness-check .rc-done .rc-icon{color:#3dbe8f}
#rec-readiness-check .rc-done .rc-text{color:var(--muted)}
#rc-readiness-title{font-size:16px;font-weight:600;color:#c8d8ed;margin-bottom:14px}
#rec-selection-summary{font-size:11px;color:var(--muted);font-family:'DM Mono',monospace;text-align:center}
#rec-letter-panel{flex:1;overflow-y:auto;padding:32px 40px;display:flex;flex-direction:column;gap:0}
#rec-letter-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--muted);text-align:center;padding:40px}
#rec-letter-empty .ri{font-size:40px;opacity:0.25;margin-bottom:12px}
#rec-letter-doc{display:none;background:#fff;color:#1a1a2e;border-radius:8px;padding:48px 52px;max-width:720px;width:100%;box-shadow:0 4px 24px rgba(0,0,0,0.35);font-family:Georgia,serif;line-height:1.75;font-size:14px;margin-bottom:20px}
#rec-letter-doc .letter-header-line{font-size:12px;line-height:1.4;color:#444;margin-bottom:2px;font-family:'Times New Roman',serif}
#rec-letter-doc .letter-re{font-size:13px;margin:16px 0 4px;color:#1a2033}
#rec-letter-doc .letter-salutation{margin:18px 0 18px;color:#1a1a2e;font-size:14px}
#rec-letter-doc .letter-spacer{height:10px}
#rec-letter-doc .letter-competency-hdr{font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:#1a2033;margin:18px 0 6px}
#rec-letter-doc .letter-section-hdr{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:#1a2033;margin:20px 0 8px;letter-spacing:0.3px}
#rec-letter-doc .letter-bullet{display:flex;align-items:flex-start;gap:8px;margin:4px 0 4px 12px;color:#1a2033;font-size:13.5px;line-height:1.6}
#rec-letter-doc .letter-bullet-dot{flex-shrink:0;margin-top:2px;color:#555}
#rec-letter-doc p{margin:0 0 16px;color:#1a2033;text-align:justify;font-size:14px}
#rec-letter-doc .letter-closing{margin-top:36px}
#rec-letter-doc .letter-closing-word{margin-bottom:28px;color:#1a2033}
#rec-letter-doc .letter-sig-line{line-height:1.5;color:#1a2033;font-size:13px}
#rec-edit-area{display:none;background:#fff;border-radius:8px;padding:32px 52px 28px;max-width:720px;width:100%;box-shadow:0 4px 24px rgba(0,0,0,0.35);margin-bottom:20px}
#rec-letter-textarea{width:100%;min-height:520px;font-family:Georgia,serif;font-size:14px;line-height:1.75;color:#1a2033;border:none;resize:vertical;outline:none;background:transparent}
.rec-doc-actions{display:flex;gap:10px;max-width:720px;margin-bottom:32px}
.rec-doc-btn{padding:10px 22px;border-radius:7px;font-size:13px;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:600;border:1px solid var(--border);background:var(--surface2);color:#e8edf5;transition:all 0.15s}
.rec-doc-btn.primary{background:linear-gradient(135deg,var(--gold),#a8842a);color:var(--navy);border:none}
.rec-doc-btn.teal{background:linear-gradient(135deg,var(--teal),#17907c);color:var(--navy);border:none}

@media(max-width:768px){
  #rec-body{flex-direction:column;overflow-y:auto}
  #rec-words-panel{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);padding:14px;overflow-y:visible;max-height:none;flex-shrink:0}
  #rec-list-panel{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);max-height:160px}
  #rec-letter-panel{padding:16px}
  #rec-letter-doc,#rec-edit-area{padding:24px 18px}
  #rec-screen{overflow-y:auto}
  #rec-topbar{padding:10px 12px;gap:6px;flex-wrap:wrap}
  #rec-topbar h2{font-size:17px;width:100%;margin-bottom:2px}
  .rec-top-btn{padding:7px 10px;font-size:11px;white-space:nowrap;flex-shrink:1}
  #rec-back-btn{margin-left:0}
  /* ── LOR request screen: full scroll on mobile ── */
  #lor-request-screen{overflow-y:auto!important}
  #lor-request-screen>div:first-child{flex-shrink:0}
  #lor-request-screen>div:nth-child(2){overflow-y:visible!important;padding:20px 16px 40px!important}
  /* ── LOR hub screen: stack list then detail ── */
  #lor-hub-screen>div:last-child{flex-direction:column!important}
  #lor-hub-list{width:100%!important;min-width:unset!important;border-right:none!important;border-bottom:1px solid var(--border);max-height:220px}
  #lor-hub-detail{padding:16px!important}
  #lor-hub-letter-doc{padding:20px 14px!important}
  /* ── LOR template screen ── */
  #lor-template-screen>div:last-child{padding:20px 16px 40px!important}
  /* ── General overflow lock ── */
  #main{overflow-x:hidden}
  #welcome,#report-screen,#lor-request-screen,#lor-hub-screen,#lor-template-screen,#rec-screen{max-width:100vw;overflow-x:hidden}
}

@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:768px){
/* ── PD Mobile Home Screen ── */
#mob-pd-home{display:none;flex-direction:column;flex:1;overflow-y:auto;padding:20px 18px 32px;background:var(--navy)}
#mob-pd-home .mph-greeting{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:6px}
#mob-pd-home .mph-name{font-family:'Fraunces',serif;font-weight:300;font-size:26px;color:#e8edf5;margin-bottom:20px;line-height:1.2}
.mph-card{background:var(--navy2);border:1px solid var(--border);border-radius:12px;padding:18px 18px;margin-bottom:12px;cursor:pointer;transition:border-color 0.18s,background 0.18s;display:flex;align-items:center;gap:16px}
.mph-card:active{background:var(--navy3);border-color:rgba(201,168,76,0.4)}
.mph-card-icon{font-size:26px;flex-shrink:0;width:42px;text-align:center}
.mph-card-title{font-size:15px;color:#e8edf5;font-weight:600;margin-bottom:3px}
.mph-card-sub{font-size:12px;color:var(--muted);line-height:1.4}
.mph-card.primary{border-color:rgba(201,168,76,0.3);background:rgba(201,168,76,0.04)}
.mph-card.primary:active{background:rgba(201,168,76,0.1)}
.mph-sessions-hdr{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:'DM Mono',monospace;margin:20px 0 10px;padding-top:8px;border-top:1px solid var(--border)}
.mph-sess-card{background:var(--navy2);border:1px solid var(--border);border-radius:10px;padding:13px 14px;margin-bottom:8px;cursor:pointer;transition:border-color 0.15s}
.mph-sess-card:active{border-color:rgba(201,168,76,0.4)}
.mph-sess-name{font-size:13px;color:#e8edf5;font-weight:500;margin-bottom:4px}
.mph-sess-meta{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace}
#mob-pd-context{display:none;background:rgba(29,184,160,0.07);border:1px solid rgba(29,184,160,0.25);border-radius:10px;padding:12px 14px;margin-bottom:14px;position:relative}
#mob-pd-context .ctx-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--teal2);font-family:'DM Mono',monospace;margin-bottom:3px}
#mob-pd-context .ctx-name{font-size:14px;color:#e8edf5;font-weight:500}
#mob-pd-context .ctx-meta{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;margin-top:1px}
#mob-pd-context-clear{position:absolute;top:10px;right:12px;background:none;border:1px solid rgba(224,82,82,0.35);border-radius:5px;color:var(--red);font-size:10px;padding:3px 9px;cursor:pointer;font-family:'DM Mono',monospace}
}

/* ═══════════════════ GOAL THREADS & ACCEPTANCE ═════════════════════════ */
.goal-thread-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.thread-section-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:'DM Mono',monospace;margin-bottom:10px}
.goal-thread{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;margin-bottom:10px}
.thread-empty{font-size:12px;color:var(--muted);font-style:italic;padding:4px 0}
.note-item{padding:10px 12px;border-radius:7px;background:var(--navy3);border-left:3px solid var(--border)}
.note-item.role-PD{border-left-color:var(--gold)}
.note-item.role-Fellow,.note-item.role-Resident{border-left-color:var(--teal)}
.note-author{display:flex;align-items:center;gap:7px;margin-bottom:5px;flex-wrap:wrap}
.note-role-badge{font-size:9px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;padding:2px 7px;border-radius:8px;background:var(--surface2);color:var(--muted)}
.note-item.role-PD .note-role-badge{background:rgba(201,168,76,0.12);color:var(--gold2)}
.note-item.role-Fellow .note-role-badge,.note-item.role-Resident .note-role-badge{background:rgba(29,184,160,0.12);color:var(--teal2)}
.note-name{font-size:12px;color:#e8edf5;font-weight:500}
.note-date{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;margin-left:auto}
.note-text{font-size:13px;color:#c8d8ed;line-height:1.5}
.note-add{display:flex;flex-direction:column;gap:6px}
.note-input{width:100%;background:var(--navy2);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:13px;padding:8px 11px;outline:none;font-family:'DM Sans',sans-serif;resize:vertical;min-height:58px;transition:border-color 0.2s}
.note-input:focus{border-color:rgba(29,184,160,0.45)}
.note-post-btn{align-self:flex-end;padding:7px 18px;background:var(--teal);border:none;border-radius:6px;color:var(--navy);font-size:12px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:opacity 0.15s}
.note-post-btn:hover{opacity:0.85}
.goal-accept-row{margin-bottom:12px}
.goal-accept-btn{padding:7px 18px;background:rgba(61,190,143,0.12);border:1px solid var(--green);border-radius:7px;color:var(--green);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.15s}
.goal-accept-btn:hover{background:rgba(61,190,143,0.22)}
.accepted-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(61,190,143,0.1);border:1px solid rgba(61,190,143,0.3);border-radius:7px;color:var(--green);font-size:11px;font-family:'DM Mono',monospace}
.pending-accept-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(201,168,76,0.08);border:1px solid rgba(201,168,76,0.2);border-radius:7px;color:var(--gold2);font-size:11px;font-family:'DM Mono',monospace}

#rec-list-panel{width:200px;min-width:180px;border-right:1px solid var(--border);display:none;flex-direction:column;overflow:hidden;flex-shrink:0;background:var(--navy3)}
.rec-list-hdr{padding:12px 14px 6px;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:'DM Mono',monospace;flex-shrink:0}
#rec-list-items{flex:1;overflow-y:auto;padding:0 8px 8px}
.rec-li{padding:8px 10px;border-radius:6px;cursor:pointer;transition:background 0.12s;margin-bottom:2px;border:1px solid transparent}
.rec-li:hover{background:var(--surface)}
.rec-li.active{background:rgba(201,168,76,0.08);border-color:rgba(201,168,76,0.2)}
.rec-li-name{font-size:12px;color:#e8edf5;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-li-meta{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;margin-top:2px}
.rec-list-empty{padding:12px 10px;font-size:11px;color:var(--muted);font-style:italic;line-height:1.5}

/* ── ILP HUB LAYOUT — full height chain (v2.6.1) ─────────────────── */
/* #main is flex:1 flex-direction:column — ilp-hub-screen must fill it */
#ilp-hub-screen{height:100%;box-sizing:border-box}
#ilp-hub-nav{height:100%;box-sizing:border-box;overflow-y:auto}
#ilp-hub-content{height:100%;box-sizing:border-box}
#ilp-listen-screen{height:100%;box-sizing:border-box}

/* ── ILP CHEAT-SHEET CARDS (v2.5.0) ─────────────────────────────── */
.ilp-cs-card{background:var(--navy3);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;transition:border-color 0.2s,background 0.2s}
.ilp-cs-card-lg{padding:16px 18px;display:flex;flex-direction:column}
.ilp-cs-card.cs-active{border-color:var(--teal);background:rgba(29,184,160,0.06)}
.ilp-cs-card.cs-done{border-color:var(--gold);background:rgba(201,168,76,0.07)}
.ilp-cs-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:'DM Mono',monospace;margin-bottom:10px}
.ilp-cs-card-lg .ilp-cs-label{font-size:11px;margin-bottom:12px}
.ilp-cs-card.cs-active .ilp-cs-label{color:var(--teal2)}
.ilp-cs-card.cs-done .ilp-cs-label{color:var(--gold)}
.ilp-cs-list{list-style:none;display:flex;flex-direction:column;gap:6px;flex:1}
.ilp-cs-card-lg .ilp-cs-list{gap:10px}
.ilp-cs-list li{font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:6px;line-height:1.35;transition:color 0.2s,background 0.15s;border-radius:4px;padding:2px 4px;margin:0 -4px}
.ilp-cs-card-lg .ilp-cs-list li{font-size:15px;padding:4px 6px;margin:0 -6px;gap:8px}
.ilp-cs-list li::before{content:"·";font-size:16px;line-height:1;color:var(--border);flex-shrink:0}
.ilp-cs-card-lg .ilp-cs-list li::before{font-size:20px}
.ilp-cs-list li.cs-lit{color:#e8edf5}
.ilp-cs-list li.cs-lit::before{color:var(--teal)}
.ilp-cs-list li.cs-hot{color:var(--navy);background:rgba(201,168,76,0.85);border-radius:4px;font-weight:600}
.ilp-cs-list li.cs-hot::before{color:var(--navy)}
.ilp-cs-list li.cs-done-item{color:var(--gold);text-decoration:line-through;opacity:0.7}
/* Competency pills */
.ilp-comp-pill{font-size:13px;padding:7px 16px;border-radius:14px;border:1px solid var(--border);color:var(--muted);background:transparent;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;transition:all 0.15s}
.ilp-comp-pill:hover{border-color:rgba(201,168,76,0.4);color:var(--gold2)}
.ilp-comp-pill.active{border-color:var(--teal);color:var(--teal2);background:rgba(29,184,160,0.1);font-weight:600}
#ilp-listen-screen{
  flex:1;display:none;flex-direction:column;overflow:hidden;
  background:var(--navy);
}
#ilp-listen-screen.active{ display:flex; }
@media(max-width:768px){
  #ilp-listen-screen{
    position:fixed;inset:0;z-index:555;
    background:var(--navy);flex-direction:column;
  }
}
#ilp-listen-anim-wrap{
  width:340px;height:340px;flex-shrink:0;margin:0 auto;
}
#ilp-listen-anim-wrap svg{ width:100%;height:100%; }
#ilp-transcript-strip{
  width:100%;max-width:480px;margin:0 auto;
  min-height:54px;max-height:72px;overflow:hidden;
  font-size:12px;color:var(--muted);font-family:'DM Mono',monospace;
  line-height:1.7;padding:0 4px;text-align:center;
}

/* ── ILP LISTEN ANIMATION keyframes ────────────────────────────────── */

/* Mountain outline: stroke-dashoffset 0→720 (path length ~720) — draws in */
@keyframes ilp-mtn-draw{
  0%   { stroke-dashoffset:720; opacity:1; }
  20%  { stroke-dashoffset:0;   opacity:1; }
  85%  { stroke-dashoffset:0;   opacity:1; }
  100% { stroke-dashoffset:0;   opacity:0; }
}
/* Snow cap fill fade in */
@keyframes ilp-snow-in{
  0%,12% { opacity:0; }
  22%    { opacity:1; }
  85%    { opacity:1; }
  100%   { opacity:0; }
}
/* Summit marker */
@keyframes ilp-summit-in{
  0%,18% { opacity:0; }
  26%    { opacity:1; }
  85%    { opacity:1; }
  100%   { opacity:0; }
}
/* Chest piece circle draw (~113px circumference) */
@keyframes ilp-chest-draw{
  0%,17%  { stroke-dashoffset:113; opacity:1; }
  32%     { stroke-dashoffset:0;   opacity:1; }
  85%     { stroke-dashoffset:0;   opacity:1; }
  100%    { stroke-dashoffset:0;   opacity:0; }
}
/* Stem draw (~230px) */
@keyframes ilp-stem-draw{
  0%,30%  { stroke-dashoffset:230; opacity:1; }
  48%     { stroke-dashoffset:0;   opacity:1; }
  85%     { stroke-dashoffset:0;   opacity:1; }
  100%    { stroke-dashoffset:0;   opacity:0; }
}
/* Left branch draw (~230px) */
@keyframes ilp-left-draw{
  0%,46%  { stroke-dashoffset:230; opacity:1; }
  62%     { stroke-dashoffset:0;   opacity:1; }
  85%     { stroke-dashoffset:0;   opacity:1; }
  100%    { stroke-dashoffset:0;   opacity:0; }
}
/* Right branch draw (~230px) */
@keyframes ilp-right-draw{
  0%,60%  { stroke-dashoffset:230; opacity:1; }
  75%     { stroke-dashoffset:0;   opacity:1; }
  85%     { stroke-dashoffset:0;   opacity:1; }
  100%    { stroke-dashoffset:0;   opacity:0; }
}
/* Figures: fade in at chest, climb to mid, pause, climb to summit, fade out */
@keyframes ilp-hiker-move{
  0%,70%  { opacity:0;   transform:translateY(0);    }
  74%     { opacity:1;   transform:translateY(0);    }
  80%     { opacity:1;   transform:translateY(-110px); }
  83%     { opacity:1;   transform:translateY(-110px); }
  88%     { opacity:1;   transform:translateY(-220px); }
  93%     { opacity:1;   transform:translateY(-220px); }
  100%    { opacity:0;   transform:translateY(-220px); }
}
/* Trainee slightly behind — same but delayed slightly */
@keyframes ilp-trainee-move{
  0%,72%  { opacity:0;   transform:translateY(0);    }
  76%     { opacity:1;   transform:translateY(0);    }
  82%     { opacity:1;   transform:translateY(-100px); }
  85%     { opacity:1;   transform:translateY(-100px); }
  90%     { opacity:1;   transform:translateY(-210px); }
  94%     { opacity:1;   transform:translateY(-210px); }
  100%    { opacity:0;   transform:translateY(-210px); }
}

/* Apply animations — 9s cycle, infinite */
.ilp-anim-mtn    { animation: ilp-mtn-draw    9s linear infinite; stroke-dasharray:720; stroke-dashoffset:720; }
.ilp-anim-snow   { animation: ilp-snow-in     9s linear infinite; }
.ilp-anim-summit { animation: ilp-summit-in   9s linear infinite; }
.ilp-anim-chest  { animation: ilp-chest-draw  9s linear infinite; stroke-dasharray:113; stroke-dashoffset:113; }
.ilp-anim-stem   { animation: ilp-stem-draw   9s linear infinite; stroke-dasharray:230; stroke-dashoffset:230; }
.ilp-anim-left   { animation: ilp-left-draw   9s linear infinite; stroke-dasharray:230; stroke-dashoffset:230; }
.ilp-anim-right  { animation: ilp-right-draw  9s linear infinite; stroke-dasharray:230; stroke-dashoffset:230; }
.ilp-anim-sherpa { animation: ilp-hiker-move  9s linear infinite; }
.ilp-anim-trainee{ animation: ilp-trainee-move 9s linear infinite; }

/* Paused state — freeze all animation */
#ilp-listen-screen.paused .ilp-anim-mtn,
#ilp-listen-screen.paused .ilp-anim-snow,
#ilp-listen-screen.paused .ilp-anim-summit,
#ilp-listen-screen.paused .ilp-anim-chest,
#ilp-listen-screen.paused .ilp-anim-stem,
#ilp-listen-screen.paused .ilp-anim-left,
#ilp-listen-screen.paused .ilp-anim-right,
#ilp-listen-screen.paused .ilp-anim-sherpa,
#ilp-listen-screen.paused .ilp-anim-trainee{
  animation-play-state: paused;
}
</style>
</head>
<body>
<div id="notify"></div>
<div id="app">
  <div id="sidebar">
    <div id="logo"><h1>Sher<span>pa</span></h1><p>Trainee Performance Review</p></div>
    <div id="sidebar-icon">
      <svg viewBox="0 0 220 185" xmlns="http://www.w3.org/2000/svg" style="width:100%;max-width:220px;display:block;margin:0 auto;">
        <polygon points="110,10 10,168 210,168" fill="#0f2040"/>
        <polyline points="10,168 110,10 210,168" fill="none" stroke="#4a6fa5" stroke-width="2" stroke-linejoin="round"/>
        <polygon points="110,10 90,46 94,49 97,45 100,50 104,47 107,51 110,48 113,51 116,47 119,50 122,45 126,49 130,46" fill="white" opacity="0.9"/>
        <polyline points="10,168 110,10 210,168" fill="none" stroke="#4a6fa5" stroke-width="2" stroke-linejoin="round"/>
        <circle cx="104" cy="51" r="2.5" fill="#c9a84c"/>
        <circle cx="116" cy="51" r="2.5" fill="#c9a84c"/>
        <path d="M103,53 C101,56 97,59 94,62" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M117,53 C119,56 123,59 126,62" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M94,62 C93,66 93,70 94,74 C95,78 100,81 110,81 C120,81 125,78 126,74 C127,70 127,66 126,62" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M110,81 C112,92 124,106 136,118 C144,127 147,138 143,150 C139,160 132,165 125,167 C120,168 115,167 112,164" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M112,164 C109,163 106,160 103,158" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
        <circle cx="98" cy="153" r="8" fill="none" stroke="#c9a84c" stroke-width="2.2"/>
        <circle cx="98" cy="153" r="4" fill="none" stroke="#c9a84c" stroke-width="1.6"/>
        <circle cx="135" cy="111" r="7" fill="#1db8a0"/>
        <rect x="129" y="119" width="12" height="15" rx="3" fill="#1db8a0"/>
        <rect x="129" y="132" width="5" height="9" rx="2" fill="#1db8a0"/>
        <rect x="136" y="132" width="5" height="9" rx="2" fill="#1db8a0"/>
        <rect x="123" y="120" width="5" height="8" rx="2" fill="#1db8a0"/>
        <rect x="142" y="120" width="5" height="8" rx="2" fill="#1db8a0"/>
        <circle cx="143" cy="130" r="5.5" fill="#e8c97a"/>
        <rect x="138" y="136" width="10" height="12" rx="2.5" fill="#e8c97a"/>
        <rect x="138" y="146" width="4" height="8" rx="2" fill="#e8c97a"/>
        <rect x="144" y="146" width="4" height="8" rx="2" fill="#e8c97a"/>
        <rect x="133" y="137" width="4" height="7" rx="2" fill="#e8c97a"/>
        <rect x="149" y="137" width="4" height="7" rx="2" fill="#e8c97a"/>
      </svg>
    </div>
    <div id="sidebar-user-panel">
      <div class="sup-role" id="sup-role">Program Director</div>
      <div class="sup-name" id="sup-name">Dr. Mark Smith</div>
      <span class="sup-logout" id="sup-logout">Sign out</span>
    </div>
    <!-- PD NAV BUTTONS (replaces accordion) -->
    <div id="sidebar-nav" style="display:none;flex-direction:column;flex:1;overflow:hidden;min-height:0">

      <!-- 4 action buttons -->
      <div style="padding:10px 12px;display:flex;flex-direction:column;gap:6px;flex-shrink:0">
        <div class="snav-btn" id="snav-existing">
          <span class="snav-icon">🔍</span>
          <div class="snav-text">
            <div class="snav-title">Review Existing Trainee</div>
            <div class="snav-sub">Search your fellows and residents</div>
          </div>
        </div>
        <div class="snav-btn" id="snav-new">
          <span class="snav-icon">➕</span>
          <div class="snav-text">
            <div class="snav-title">Review New Trainee</div>
            <div class="snav-sub">Add a new fellow or resident</div>
          </div>
        </div>
        <div class="snav-btn" id="snav-sessions">
          <span class="snav-icon">📋</span>
          <div class="snav-text">
            <div class="snav-title">Recent Sessions</div>
            <div class="snav-sub">View and continue past reviews</div>
          </div>
        </div>
        <div class="snav-btn" id="snav-lor">
          <span class="snav-icon">✉</span>
          <div class="snav-text">
            <div class="snav-title">Recommendation Letters</div>
            <div class="snav-sub">Draft and manage LORs</div>
          </div>
          <span id="snav-lor-badge" style="display:none;background:var(--gold);color:var(--navy);border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700;font-family:'DM Mono',monospace;flex-shrink:0"></span>
        </div>
        </div>

      <!-- Selected trainee context strip -->
      <div id="snav-trainee-ctx" style="display:none;margin:0 12px 8px;padding:10px 12px;background:rgba(29,184,160,0.08);border:1px solid rgba(29,184,160,0.25);border-radius:8px;flex-shrink:0">
        <div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--teal2);font-family:'DM Mono',monospace;margin-bottom:4px">Selected Trainee</div>
        <div style="display:flex;align-items:center;justify-content:space-between;gap:6px">
          <div>
            <div id="snav-trainee-name" style="font-size:13px;color:#e8edf5;font-weight:600"></div>
            <div id="snav-trainee-meta" style="font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;margin-top:2px"></div>
          </div>
          <button id="snav-trainee-clear" style="font-size:11px;color:#e05252;background:none;border:1px solid rgba(224,82,82,0.4);border-radius:5px;padding:3px 8px;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;flex-shrink:0">✕</button>
        </div>
      </div>

      <!-- Breadcrumbs during interview -->
      <div id="sections-list" style="flex:1;overflow-y:auto;padding:8px 0"></div>

      <!-- Hidden compat elements used by existing JS -->
      <div id="trainee-search-panel" style="display:none">
        <div class="tsp-header"><span>Select Trainee</span><button class="tsp-add-btn" id="tsp-add-btn">+ Add New</button></div>
        <input id="tsp-search" placeholder="Search by name…" autocomplete="off">
        <div class="tsp-selected-bar" id="tsp-selected-bar">
          <span class="tsp-sel-clear" id="tsp-sel-clear">✕ clear</span>
          <div class="tsp-sel-name" id="tsp-sel-name"></div>
          <div class="tsp-sel-meta" id="tsp-sel-meta"></div>
        </div>
        <div id="tsp-results"></div>
        <div id="add-trainee-form">
          <div class="atf-row">
            <input class="atf-inp" id="atf-first" placeholder="First name">
            <input class="atf-inp" id="atf-last" placeholder="Last name">
          </div>
          <div class="atf-row">
            <select class="atf-sel" id="atf-role"><option value="Resident">Resident</option><option value="Fellow">Fellow</option></select>
            <select class="atf-sel" id="atf-pgy"><option>PGY-1</option><option>PGY-2</option><option>PGY-3</option><option>PGY-4</option><option>PGY-5</option><option>PGY-6</option></select>
          </div>
          <input class="atf-inp" id="atf-spec" placeholder="Specialty" style="width:100%;margin-bottom:6px">
          <div class="atf-actions">
            <button class="atf-btn primary" id="atf-save">Add Trainee</button>
            <button class="atf-btn" id="atf-cancel">Cancel</button>
          </div>
        </div>
      </div>
      <div id="sidebar-recent-panel" style="display:none">
        <button id="srp-home-btn" onclick="if(typeof showTraineeHome==='function') showTraineeHome();" style="display:flex;align-items:center;gap:10px;width:calc(100% - 24px);margin:12px 12px 8px;padding:10px 14px;background:linear-gradient(135deg,rgba(201,168,76,0.15),rgba(201,168,76,0.07));border:1.5px solid rgba(201,168,76,0.55);border-radius:8px;color:#e8edf5;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:border-color 0.15s,background 0.15s" onmouseover="this.style.background='linear-gradient(135deg,rgba(201,168,76,0.25),rgba(201,168,76,0.12))';this.style.borderColor='rgba(201,168,76,0.85)'" onmouseout="this.style.background='linear-gradient(135deg,rgba(201,168,76,0.15),rgba(201,168,76,0.07))';this.style.borderColor='rgba(201,168,76,0.55)'">
          <span style="font-size:16px;color:var(--gold)">⌂</span>
          <span style="color:var(--gold2)">Home</span>
        </button>
        <div class="srp-header" id="srp-header">Recent Sessions</div>
        <input id="srp-search" placeholder="Search by name…" autocomplete="off">
        <div id="srp-list"></div>
      </div>
      <div id="trainee-badge" style="display:none"></div>
      <div id="pd-work-items" style="display:none"></div>
      <div id="sidebar-lor-nav" style="display:none"><button id="btn-lor-hub"></button></div>
    </div>
    <div id="sidebar-footer">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:4px">
        <div id="session-timer">Session: 00:00</div>
        <div id="app-version" style="font-size:11px;color:rgba(143,163,192,0.65);font-family:'DM Mono',monospace;letter-spacing:0.5px">v2.7.2</div>
      </div>
      <button id="logout-btn" style="display:none">&#8594; Sign Out</button>
    </div>
  </div>
  <!-- LOGIN SCREEN -->
  <div id="login-screen">
    <div class="lx-box">
      <svg class="lx-logo" viewBox="0 0 220 185" xmlns="http://www.w3.org/2000/svg">
        <polygon points="110,10 10,168 210,168" fill="#0f2040"/>
        <polyline points="10,168 110,10 210,168" fill="none" stroke="#4a6fa5" stroke-width="2" stroke-linejoin="round"/>
        <polygon points="110,10 90,46 94,49 97,45 100,50 104,47 107,51 110,48 113,51 116,47 119,50 122,45 126,49 130,46" fill="white" opacity="0.9"/>
        <polyline points="10,168 110,10 210,168" fill="none" stroke="#4a6fa5" stroke-width="2" stroke-linejoin="round"/>
        <circle cx="104" cy="51" r="2.5" fill="#c9a84c"/><circle cx="116" cy="51" r="2.5" fill="#c9a84c"/>
        <path d="M103,53 C101,56 97,59 94,62" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
        <path d="M117,53 C119,56 123,59 126,62" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
        <path d="M94,62 C93,66 93,70 94,74 C95,78 100,81 110,81 C120,81 125,78 126,74 C127,70 127,66 126,62" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
        <path d="M110,81 C112,92 124,106 136,118 C144,127 147,138 143,150 C139,160 132,165 125,167 C120,168 115,167 112,164" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
        <path d="M112,164 C109,163 106,160 103,158" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
        <circle cx="98" cy="153" r="8" fill="none" stroke="#c9a84c" stroke-width="2.2"/>
        <circle cx="98" cy="153" r="4" fill="none" stroke="#c9a84c" stroke-width="1.6"/>
        <circle cx="135" cy="111" r="7" fill="#1db8a0"/><rect x="129" y="119" width="12" height="15" rx="3" fill="#1db8a0"/>
        <rect x="129" y="132" width="5" height="9" rx="2" fill="#1db8a0"/><rect x="136" y="132" width="5" height="9" rx="2" fill="#1db8a0"/>
        <rect x="123" y="120" width="5" height="8" rx="2" fill="#1db8a0"/><rect x="142" y="120" width="5" height="8" rx="2" fill="#1db8a0"/>
        <circle cx="143" cy="130" r="5.5" fill="#e8c97a"/><rect x="138" y="136" width="10" height="12" rx="2.5" fill="#e8c97a"/>
        <rect x="138" y="146" width="4" height="8" rx="2" fill="#e8c97a"/><rect x="144" y="146" width="4" height="8" rx="2" fill="#e8c97a"/>
        <rect x="133" y="137" width="4" height="7" rx="2" fill="#e8c97a"/><rect x="149" y="137" width="4" height="7" rx="2" fill="#e8c97a"/>
      </svg>
      <div class="lx-title">Sher<span>pa</span></div>
      <div class="lx-sub">Trainee Performance Review</div>
      <div class="lx-card">
        <div class="lx-welcome">Sign in to continue</div>
        <div class="lx-field">
          <label>Username</label>
          <input class="lx-inp" id="lx-username" type="text" placeholder="e.g. PD1, FL1, RS1" autocomplete="off" spellcheck="false">
        </div>
        <div class="lx-field">
          <label>Password</label>
          <input class="lx-inp" id="lx-password" type="password" placeholder="demo">
        </div>
        <div id="lx-error" style="font-size:12px;color:var(--red);text-align:center;margin-bottom:6px;min-height:16px"></div>
        <button class="lx-btn" id="lx-btn">Sign In &rarr;</button>
      </div>
      <div class="lx-hint">
        Username examples: <code>PD1</code> &ndash; <code>PD5</code> &nbsp;&middot;&nbsp; <code>FL1</code> &ndash; <code>FL5</code> &nbsp;&middot;&nbsp; <code>RS1</code> &ndash; <code>RS5</code><br>
        Password for all accounts: <code>demo</code>
        <div class="lx-users-grid" style="margin-top:8px">
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='PD1';document.getElementById('lx-password').value='demo'">PD1</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='PD2';document.getElementById('lx-password').value='demo'">PD2</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='PD3';document.getElementById('lx-password').value='demo'">PD3</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='PD4';document.getElementById('lx-password').value='demo'">PD4</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='PD5';document.getElementById('lx-password').value='demo'">PD5</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='FL1';document.getElementById('lx-password').value='demo'">FL1</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='FL2';document.getElementById('lx-password').value='demo'">FL2</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='FL3';document.getElementById('lx-password').value='demo'">FL3</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='FL4';document.getElementById('lx-password').value='demo'">FL4</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='FL5';document.getElementById('lx-password').value='demo'">FL5</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='RS1';document.getElementById('lx-password').value='demo'">RS1</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='RS2';document.getElementById('lx-password').value='demo'">RS2</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='RS3';document.getElementById('lx-password').value='demo'">RS3</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='RS4';document.getElementById('lx-password').value='demo'">RS4</span>
          <span class="lx-user-chip" onclick="document.getElementById('lx-username').value='RS5';document.getElementById('lx-password').value='demo'">RS5</span>
        </div>
        <div style="margin-top:10px;font-size:10px;opacity:0.4">Sherpa v2.7.2</div>
      </div>
    </div>
  </div>

  <!-- TRAINEE SESSION HISTORY PANEL (desktop, shown when trainee selected) -->
  <div id="trainee-session-panel" style="display:none;width:240px;min-width:220px;border-right:1px solid var(--border);flex-direction:column;overflow:hidden;background:var(--navy2);flex-shrink:0">
    <div style="padding:12px 14px 8px;border-bottom:1px solid var(--border);flex-shrink:0">
      <div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:4px">Past Reviews</div>
      <div id="tsp-trainee-name" style="font-size:13px;color:#e8edf5;font-weight:600"></div>
      <div id="tsp-trainee-meta" style="font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;margin-top:2px"></div>
    </div>
    <div id="tsp-session-list" style="flex:1;overflow-y:auto;padding:8px 0"></div>
    <div style="padding:10px 12px;border-top:1px solid var(--border);flex-shrink:0">
      <button id="tsp-new-review-btn" style="width:100%;padding:9px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:7px;color:var(--navy);font-size:12px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif">＋ New Review</button>
    </div>
  </div>

  <!-- RIGHT COLUMN OVERLAY PANELS (shown when nav button clicked) -->
  <!-- Trainee picker panel -->
  <div id="snav-panel-existing" style="display:none;flex-direction:column;flex:1;overflow:hidden;background:var(--navy2);border-right:1px solid var(--border);max-width:340px;flex-shrink:0">
    <div style="padding:14px 18px 10px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between">
      <div>
        <div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:2px">Select Trainee</div>
        <div style="font-size:11px;color:var(--muted)">Search and pick a fellow or resident</div>
      </div>
      <button id="snav-panel-existing-close" style="background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px">✕</button>
    </div>
    <input id="snav-existing-search" placeholder="Search by name…" autocomplete="off"
      style="margin:10px 14px 6px;background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:13px;padding:8px 12px;outline:none;font-family:'DM Sans',sans-serif;flex-shrink:0">
    <div id="snav-existing-list" style="flex:1;overflow-y:auto;padding:0 10px 10px"></div>
  </div>
  <!-- Sessions list panel -->
  <div id="snav-panel-sessions" style="display:none;flex-direction:column;flex:1;overflow:hidden;background:var(--navy2);border-right:1px solid var(--border);max-width:340px;flex-shrink:0">
    <div style="padding:14px 18px 10px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between">
      <div>
        <div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:2px">Recent Sessions</div>
        <div style="font-size:11px;color:var(--muted)">Click a session to open its report</div>
      </div>
      <button id="snav-panel-sessions-close" style="background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px">✕</button>
    </div>
    <input id="snav-sessions-search" placeholder="Search by trainee or purpose…" autocomplete="off"
      style="margin:10px 14px 6px;background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:13px;padding:8px 12px;outline:none;font-family:'DM Sans',sans-serif;flex-shrink:0">
    <div id="snav-sessions-list" style="flex:1;overflow-y:auto;padding:0 10px 10px"></div>
  </div>

  <div id="main">

    <!-- MOBILE TOPBAR — hidden on desktop, shown on mobile -->
    <div id="mobile-topbar">
      <button id="mob-hamburger" aria-label="Open menu">&#9776;</button>
      <div id="mob-topbar-center">
        <span id="mob-section-name">Sherpa</span>
        <span id="mob-section-counter"></span>
      </div>
      <button id="mob-mark-done" aria-label="Mark done">&#10003;</button>
      <div id="mob-progress-bar"><div id="mob-progress-fill"></div></div>
    </div>
    <!-- Mobile drawer: enhanced for non-interview screens -->
    <div id="mob-general-panel" style="display:none;flex-direction:column;overflow-y:auto;padding:0">
      <div id="mob-gp-user" style="padding:14px 18px;border-bottom:1px solid var(--border);background:rgba(201,168,76,0.04)">
        <div id="mob-gp-role" style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:2px"></div>
        <div id="mob-gp-name" style="font-size:14px;color:#e8edf5;font-weight:500"></div>
      </div>
      <div style="padding:10px 18px 6px;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:'DM Mono',monospace" id="mob-gp-sessions-hdr">Recent Sessions</div>
      <div id="mob-gp-sessions" style="padding:0 10px 8px"></div>
    </div>

    <!-- MOBILE DRAWER OVERLAY -->
    <div id="mobile-drawer" aria-hidden="true">
      <div id="mob-overlay"></div>
      <div id="mob-panel">
        <!-- Row 1: Sherpa wordmark + Home button — always tight at top -->
        <div id="mob-panel-header">
          <div style="font-family:'Fraunces',serif;font-size:22px;font-weight:300;color:#e8edf5">Sher<span style="color:var(--gold)">pa</span></div>
          <button id="mob-close" aria-label="Go to home" style="background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;padding:4px 8px;line-height:1">&#8962;</button>
        </div>
        <!-- Row 2: Current trainee context (shown when a trainee is selected) -->
        <div id="mob-panel-trainee-ctx" style="display:none;padding:10px 18px 10px;border-bottom:1px solid var(--border);background:rgba(29,184,160,0.05)">
          <div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--teal2);font-family:'DM Mono',monospace;margin-bottom:3px">Current Trainee</div>
          <div style="display:flex;align-items:center;justify-content:space-between;gap:8px">
            <div>
              <div id="mob-panel-trainee-name" style="font-size:15px;color:#e8edf5;font-weight:600;line-height:1.2"></div>
              <div id="mob-panel-trainee-meta" style="font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;margin-top:2px"></div>
            </div>
            <button id="mob-panel-trainee-clear" style="flex-shrink:0;font-size:11px;color:#e05252;background:none;border:1px solid rgba(224,82,82,0.4);border-radius:5px;padding:4px 10px;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap">✕ Clear</button>
          </div>
        </div>
        <!-- Interview section progress (shown only during interview) -->
        <div id="mob-panel-badge"></div>
        <div id="mob-panel-sections"></div>
        <div id="mob-panel-general" style="flex:1;overflow-y:auto;min-height:0"></div>
      <div style="padding:12px 18px;border-top:1px solid var(--border);flex-shrink:0">
        <div id="mob-drawer-version" style="font-size:10px;color:rgba(143,163,192,0.5);font-family:'DM Mono',monospace;letter-spacing:0.5px;text-align:center;margin-bottom:8px">Sherpa v2.7.2</div>
        <button id="mob-logout-btn" style="display:none;width:100%;padding:10px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:13px;font-family:'DM Sans',sans-serif;cursor:pointer">&#8594; Sign Out</button>
      </div>
      </div>
    </div>


    <!-- PD MOBILE HOME SCREEN (mobile-only, shown after PD login) -->
    <div id="mob-pd-home">
      <!-- Default view: 3 action cards (shown on login and when no content mode active) -->
      <div id="mph-cards-view">
        <div class="mph-greeting">Program Director</div>
        <div class="mph-name" id="mph-name-text">Welcome, Dr.</div>
        <div class="mph-card primary" id="mph-btn-existing">
          <div class="mph-card-icon">🔍</div>
          <div class="mph-card-text">
            <div class="mph-card-title">Review Existing Trainee</div>
            <div class="mph-card-sub">Search your fellows and residents</div>
          </div>
        </div>
        <div class="mph-card" id="mph-btn-new">
          <div class="mph-card-icon">➕</div>
          <div class="mph-card-text">
            <div class="mph-card-title">Review New Trainee</div>
            <div class="mph-card-sub">Add a new fellow or resident</div>
          </div>
        </div>
        <div class="mph-card" id="mph-btn-sessions">
          <div class="mph-card-icon">📋</div>
          <div class="mph-card-text">
            <div class="mph-card-title">Recent Sessions</div>
            <div class="mph-card-sub">View and continue past reviews</div>
          </div>
        </div>
        <div class="mph-card" id="mph-btn-lor">
          <div class="mph-card-icon">&#9993;</div>
          <div class="mph-card-text">
            <div class="mph-card-title">Recommendation Letters</div>
            <div class="mph-card-sub">Draft and manage LORs</div>
          </div>
        </div>
      </div>
      <!-- Content view: shown when hamburger triggers a mode (title + dynamic content) -->
      <div id="mph-content-view" style="display:none;flex-direction:column;flex:1;min-height:0">
        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0">
          <div id="mph-content-title" style="font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace"></div>
          <button id="mph-home-btn" style="background:none;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:18px;cursor:pointer;padding:4px 10px;line-height:1">&#8962;</button>
        </div>
        <div id="mph-content-body" style="flex:1;overflow-y:auto"></div>
      </div>
    </div>

    <!-- 1. WELCOME — contains both mobile splash state and desktop/config state -->
    <div id="welcome">

      <!-- MOBILE SPLASH (shown on mobile initially, hidden after Continue) -->
      <div id="mob-splash-inner">
        <svg viewBox="0 0 220 185" xmlns="http://www.w3.org/2000/svg" style="width:160px;height:auto;margin-bottom:24px">
          <polygon points="110,10 10,168 210,168" fill="#0f2040"/>
          <polyline points="10,168 110,10 210,168" fill="none" stroke="#4a6fa5" stroke-width="2" stroke-linejoin="round"/>
          <polygon points="110,10 90,46 94,49 97,45 100,50 104,47 107,51 110,48 113,51 116,47 119,50 122,45 126,49 130,46" fill="white" opacity="0.9"/>
          <polyline points="10,168 110,10 210,168" fill="none" stroke="#4a6fa5" stroke-width="2" stroke-linejoin="round"/>
          <circle cx="104" cy="51" r="2.5" fill="#c9a84c"/><circle cx="116" cy="51" r="2.5" fill="#c9a84c"/>
          <path d="M103,53 C101,56 97,59 94,62" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
          <path d="M117,53 C119,56 123,59 126,62" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
          <path d="M94,62 C93,66 93,70 94,74 C95,78 100,81 110,81 C120,81 125,78 126,74 C127,70 127,66 126,62" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
          <path d="M110,81 C112,92 124,106 136,118 C144,127 147,138 143,150 C139,160 132,165 125,167 C120,168 115,167 112,164" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
          <path d="M112,164 C109,163 106,160 103,158" fill="none" stroke="#c9a84c" stroke-width="2.2" stroke-linecap="round"/>
          <circle cx="98" cy="153" r="8" fill="none" stroke="#c9a84c" stroke-width="2.2"/>
          <circle cx="98" cy="153" r="4" fill="none" stroke="#c9a84c" stroke-width="1.6"/>
          <circle cx="135" cy="111" r="7" fill="#1db8a0"/>
          <rect x="129" y="119" width="12" height="15" rx="3" fill="#1db8a0"/>
          <rect x="129" y="132" width="5" height="9" rx="2" fill="#1db8a0"/>
          <rect x="136" y="132" width="5" height="9" rx="2" fill="#1db8a0"/>
          <rect x="123" y="120" width="5" height="8" rx="2" fill="#1db8a0"/>
          <rect x="142" y="120" width="5" height="8" rx="2" fill="#1db8a0"/>
          <circle cx="143" cy="130" r="5.5" fill="#e8c97a"/>
          <rect x="138" y="136" width="10" height="12" rx="2.5" fill="#e8c97a"/>
          <rect x="138" y="146" width="4" height="8" rx="2" fill="#e8c97a"/>
          <rect x="144" y="146" width="4" height="8" rx="2" fill="#e8c97a"/>
          <rect x="133" y="137" width="4" height="7" rx="2" fill="#e8c97a"/>
          <rect x="149" y="137" width="4" height="7" rx="2" fill="#e8c97a"/>
        </svg>
        <h2 style="font-family:'Fraunces',serif;font-weight:300;font-size:34px;text-align:center;line-height:1.15;margin-bottom:10px;color:#e8edf5">
          Your <em style="font-style:italic;color:var(--gold)">guide</em> to<br>the perfect review.
        </h2>
        <p style="font-size:14px;color:var(--muted);text-align:center;line-height:1.6;max-width:300px;margin-bottom:36px">
          Adapts questions and the report to the trainee type and meeting purpose.
        </p>
        <button id="mob-continue" style="padding:15px 0;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:8px;color:var(--navy);font-size:17px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;width:100%;max-width:300px">Continue →</button>
      </div>

      <!-- CONFIG FORM (desktop always, mobile after Continue) -->
      <div id="mob-form-inner">
        <!-- Trainee home (shown for Fellows/Residents) -->
        <div id="trainee-home"></div>
        <h2>Your <em>guide</em> to<br>the perfect review.</h2>
        <p class="tagline">Configure the session below. Sherpa adapts questions and the final report to the trainee and meeting type.</p>
        <div id="config-form">
          <h3>Session Setup</h3>
          <div class="form-row" id="trainee-name-row">
            <div class="form-group">
              <label>Trainee First Name</label>
              <input type="text" class="form-select" id="trainee-first-name" placeholder="e.g. John" autocomplete="off">
            </div>
            <div class="form-group">
              <label>Trainee Last Name</label>
              <input type="text" class="form-select" id="trainee-last-name" placeholder="e.g. Doe" autocomplete="off">
            </div>
          </div>
          <div class="form-row" id="pronoun-form-row">
            <div class="form-group">
              <label>Pronouns</label>
              <select class="form-select" id="sel-pronouns">
                <option value="they">they / them / their</option>
                <option value="he">he / him / his</option>
                <option value="she">she / her / her</option>
              </select>
            </div>
          </div>
          <div class="form-row">
            <div class="form-group">
              <label>Trainee Type</label>
              <select class="form-select" id="sel-trainee-type">
                <option value="">Select type…</option>
                <option value="ms3">Medical Student — MS3</option>
                <option value="ms4">Medical Student — MS4</option>
                <option value="intern">Intern (PGY-1)</option>
                <option value="resident">Resident</option>
                <option value="chief">Chief Resident</option>
                <option value="fellow">Fellow</option>
              </select>
            </div>
            <div class="form-group">
              <label>Training Year (PGY)</label>
              <select class="form-select" id="sel-pgy">
                <option value="">Select year…</option>
                <option>MS3</option><option>MS4</option>
                <option>PGY-1</option><option>PGY-2</option><option>PGY-3</option>
                <option>PGY-4</option><option>PGY-5</option><option>PGY-6</option>
                <option>PGY-7</option><option>PGY-8</option>
              </select>
            </div>
          </div>
          <div class="form-row single">
            <div class="form-group">
              <label>Specialty / Subspecialty</label>
              <div class="combobox-wrap">
                <input type="text" class="combobox-input" id="specialty-input" placeholder="Type or select — e.g. 'gas', 'card', 'peds'…" autocomplete="off">
                <div class="combobox-dropdown" id="specialty-dropdown"></div>
                <input type="hidden" id="specialty-value">
              </div>
            </div>
          </div>
          <div class="form-divider"></div>
          <div class="form-row single">
            <div class="form-group">
              <label>Meeting Purpose</label>
              <select class="form-select" id="sel-purpose">
                <option value="">Select purpose…</option>
                <option value="rotation">Rotation Feedback (single rotation debrief)</option>
                <option value="midyear">Mid-Year Program Director Review</option>
                <option value="endyear">End-of-Year Program Director Review</option>
                <option value="advisor">Advisor / Advisee Check-In</option>
                <option value="remediation">Remediation / Performance Improvement Plan</option>
                <option value="adverse">Possible Adverse Action</option>
              </select>
            </div>
          </div>
          <div id="purpose-description"></div>
          <div id="template-indicator"></div>
        </div>
        <button id="btn-start" disabled>Begin Session →</button>
        <div class="welcome-links">
          <button class="welcome-link" id="btn-open-builder">⚙ Manage Question Templates</button>
          <button class="welcome-link" id="btn-open-purposes">⚙ Manage Review Purposes</button>
          <button class="welcome-link" id="btn-import-template">↑ Import Template</button>
          <input type="file" id="file-import" accept=".json" style="display:none">
        </div>
        <div style="font-size:12px;color:var(--muted);margin-top:10px">All fields required to continue</div>
      </div>

    </div>

    <!-- 2. PRE-REVIEW -->
    <div id="pre-review-screen">
      <h2>Before you <em>begin</em></h2>
      <p class="sub">Confirm each item before starting the interview.</p>
      <div class="checklist" id="checklist-items"></div>
      <div id="pre-ready-msg">
        <div id="ready-status-row">
          <span id="ready-icon">✕</span>
          <span id="ready-text">Complete all items to continue</span>
        </div>
        <div id="ready-warning">⚠ Please address the missing items as soon as feasible.</div>
        <button id="btn-begin-review" disabled>Start the Interview →</button>
      </div>
    </div>

    <!-- 2b. MODE SELECTION -->
    <div id="mode-select-screen" style="display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:40px;overflow-y:auto;gap:24px">
      <h2 style="font-family:'Fraunces',serif;font-size:30px;font-weight:300;color:#e8edf5;text-align:center;margin:0">Choose your <em style="color:var(--gold);font-style:italic">review mode</em></h2>
      <p style="font-size:14px;color:#a0bcd8;margin:0;text-align:center">How would you like to conduct this review?</p>
      <div style="display:flex;gap:20px;width:100%;max-width:680px;flex-wrap:wrap;justify-content:center">
        <!-- Manual card -->
        <div id="mode-card-manual" onclick="selectReviewMode('manual')" style="flex:1;min-width:240px;max-width:300px;background:var(--navy2);border:2px solid var(--border);border-radius:14px;padding:28px 24px;cursor:pointer;transition:border-color 0.2s">
          <div style="width:56px;height:56px;background:var(--navy3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px">📋</div>
          <div style="font-family:'Fraunces',serif;font-size:18px;color:#e8edf5;text-align:center;margin-bottom:12px">Manual Review</div>
          <div style="width:100%;height:1px;background:var(--border);margin-bottom:14px"></div>
          <div style="font-size:13px;color:#e8edf5;text-align:center;line-height:1.6;margin-bottom:14px">Work through each question section by section. Type or dictate your notes as you go.</div>
          <div style="width:100%;height:1px;background:var(--border);margin-bottom:14px"></div>
          <div style="font-size:12px;color:var(--gold2);line-height:1.8">✓ No microphone required<br>✓ Full control of pacing<br>✓ Works in any environment</div>
          <div style="font-size:12px;color:#a0bcd8;margin-top:6px">— Requires active note-taking</div>
          <button style="width:100%;margin-top:18px;padding:12px;background:var(--navy3);border:1.5px solid var(--border);border-radius:8px;color:#e8edf5;font-size:14px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">Select Manual</button>
        </div>
        <!-- Ambient card -->
        <div id="mode-card-ambient" onclick="selectReviewMode('ambient')" style="flex:1;min-width:240px;max-width:300px;background:var(--navy2);border:2px solid var(--gold);border-radius:14px;padding:28px 24px;cursor:pointer;transition:border-color 0.2s;position:relative">
          <div style="position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);font-size:11px;font-weight:700;padding:3px 14px;border-radius:10px;font-family:'DM Mono',monospace;letter-spacing:1px;white-space:nowrap">RECOMMENDED</div>
          <div style="width:56px;height:56px;background:var(--navy3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px">⛰️</div>
          <div style="font-family:'Fraunces',serif;font-size:18px;color:#e8edf5;text-align:center;margin-bottom:12px">Ambient Review</div>
          <div style="width:100%;height:1px;background:rgba(201,168,76,0.3);margin-bottom:14px"></div>
          <div style="font-size:13px;color:#e8edf5;text-align:center;line-height:1.6;margin-bottom:14px">Stay present with your trainee. Sherpa listens and maps responses to each zone in real time.</div>
          <div style="width:100%;height:1px;background:rgba(201,168,76,0.3);margin-bottom:14px"></div>
          <div style="font-size:12px;color:var(--gold2);line-height:1.8">✓ No typing during the review<br>✓ Visual trail shows coverage live<br>✓ Tap zones to guide conversation</div>
          <div style="font-size:12px;color:#a0bcd8;margin-top:6px">— Requires microphone access</div>
          <button style="width:100%;margin-top:18px;padding:12px;background:var(--gold);border:none;border-radius:8px;color:var(--navy);font-size:14px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">Select Ambient</button>
        </div>
      </div>
      <!-- Mic privacy note -->
      <div style="max-width:560px;background:var(--navy3);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:12px;color:#a0bcd8;text-align:center;line-height:1.6">
        🔒 Ambient mode requests microphone access. Audio is processed locally and never stored or transmitted to any server.
      </div>
      <!-- Google API key input (shown only for ambient) -->
      <div id="ambient-key-block" style="display:none;max-width:560px;width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:8px;padding:16px">
        <div style="font-size:12px;color:var(--gold2);font-family:'DM Mono',monospace;letter-spacing:1px;margin-bottom:8px">GOOGLE CLOUD API KEY</div>
        <input id="sherpa-google-key" type="password" placeholder="AIza…" autocomplete="off" style="width:100%;background:var(--navy2);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:12px;padding:8px 10px;outline:none;font-family:'DM Mono',monospace;box-sizing:border-box"/>
        <div style="font-size:11px;color:#6a8aaa;margin-top:6px;line-height:1.5">Required for ambient listening. Stored locally, never transmitted. <a href="https://console.cloud.google.com" target="_blank" style="color:var(--gold2);text-decoration:none">Get a key →</a></div>
      </div>
      <div style="display:flex;gap:12px">
        <button onclick="showOnly('pre-review-screen')" style="padding:10px 24px;background:var(--navy3);border:1px solid var(--border);border-radius:8px;color:#a0bcd8;font-size:13px;cursor:pointer;font-family:'DM Sans',sans-serif">← Back</button>
        <button id="btn-mode-confirm" disabled onclick="confirmModeAndLaunch()" style="padding:10px 28px;background:var(--gold);border:none;border-radius:8px;color:var(--navy);font-size:14px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;opacity:0.4;cursor:not-allowed">Begin Review →</button>
      </div>
    </div>

    <!-- 2c. AMBIENT INTERVIEW SCREEN -->
    <div id="ambient-screen" style="display:none;flex:1;flex-direction:column;overflow:hidden;background:var(--navy)">
      <!-- Ambient topbar -->
      <div id="ambient-topbar" style="display:flex;align-items:center;padding:10px 20px;background:#081524;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px">
        <div style="flex:1">
          <div id="ambient-trainee-name" style="font-size:14px;font-weight:600;color:#e8edf5;font-family:'DM Sans',sans-serif"></div>
          <div id="ambient-review-type" style="font-size:11px;color:#a0bcd8;font-family:'DM Mono',monospace"></div>
        </div>
        <div id="ambient-timer" style="font-size:13px;color:#a0bcd8;font-family:'DM Mono',monospace">00:00</div>
        <div id="ambient-progress-label" style="font-size:13px;color:var(--gold);font-family:'DM Mono',monospace;font-weight:600">0%</div>
      </div>
      <!-- Main ambient layout: trail SVG fills the space -->
      <div style="flex:1;overflow:hidden;position:relative">
        <svg id="ambient-trail-svg" width="100%" height="100%" viewBox="0 0 680 680" preserveAspectRatio="xMidYMid meet" style="position:absolute;inset:0"></svg>
      </div>
      <!-- Bottom bar: listening status + pause -->
      <div id="ambient-bottom-bar" style="display:flex;align-items:center;padding:12px 20px;background:#081524;border-top:1px solid var(--border);gap:10px;flex-shrink:0">
        <div id="ambient-listen-dot" style="width:12px;height:12px;border-radius:50%;background:#1dbaab;flex-shrink:0"></div>
        <div id="ambient-listen-label" style="font-size:14px;color:#e8edf5;flex:1;font-family:'DM Sans',sans-serif">Sherpa is actively listening...</div>
        <button onclick="abandonAmbientSession()" style="padding:9px 14px;background:transparent;border:1px solid rgba(255,255,255,0.12);border-radius:8px;color:rgba(143,163,192,0.7);font-size:12px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap">✕ Abandon</button>
        <button id="ambient-pause-btn" onclick="toggleAmbientPause()" style="padding:9px 20px;background:var(--gold);border:none;border-radius:18px;color:var(--navy);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">&#9646;&#9646; Pause</button>
        <button onclick="generateAmbientReport()" style="padding:9px 18px;background:rgba(29,184,160,0.15);border:1px solid var(--teal);border-radius:8px;color:var(--teal2);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap">⚡ Report</button>
        <button onclick="openEndAmbientConfirm()" style="padding:9px 18px;background:var(--navy3);border:1px solid var(--border);border-radius:8px;color:#a0bcd8;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap">End Session</button>
      </div>
    </div>

    <!-- 2d. AMBIENT ZONE DIALOG (overlay) -->
    <div id="ambient-zone-dialog" style="display:none;position:fixed;inset:0;z-index:500;background:rgba(6,14,26,0.88);align-items:center;justify-content:center;padding:16px">
      <div style="background:#0f2238;border:2px solid var(--gold);border-radius:14px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column">
        <!-- Dialog header -->
        <div style="display:flex;flex-direction:column;background:#081524;border-radius:14px 14px 0 0;flex-shrink:0">
          <div style="display:flex;align-items:center;gap:12px;padding:16px 20px 12px">
            <div id="azd-badge" style="padding:4px 16px;background:var(--gold);border-radius:12px;font-size:12px;font-weight:700;color:var(--navy);font-family:'DM Mono',monospace"></div>
            <div id="azd-title" style="font-size:17px;font-weight:600;color:#e8edf5;flex:1;font-family:'DM Sans',sans-serif"></div>
            <div id="azd-status-pill" style="padding:4px 12px;border-radius:12px;font-size:11px;font-family:'DM Mono',monospace"></div>
          </div>
          <!-- Session % complete strip -->
          <div style="display:flex;align-items:center;gap:10px;padding:0 20px 14px">
            <div style="font-size:10px;color:#a0bcd8;font-family:'DM Mono',monospace;letter-spacing:1px;white-space:nowrap">SESSION</div>
            <div style="flex:1;height:6px;background:var(--navy3);border-radius:3px;overflow:hidden">
              <div id="azd-session-bar" style="height:100%;background:var(--teal);border-radius:3px;transition:width 0.5s"></div>
            </div>
            <div id="azd-session-pct" style="font-size:13px;font-weight:700;color:var(--teal);font-family:'DM Mono',monospace;white-space:nowrap;min-width:44px;text-align:right"></div>
          </div>
        </div>
        <div style="padding:20px;display:flex;flex-direction:column;gap:16px">
          <!-- Listening / codewords row -->
          <div id="azd-listen-row" style="display:none;padding:10px 14px;background:var(--navy3);border:1px solid #1dbaab;border-radius:8px;font-size:13px;color:#e8edf5;line-height:1.5"></div>
          <!-- Codewords -->
          <div id="azd-codewords" style="display:none">
            <div style="font-size:11px;color:#a0bcd8;font-family:'DM Mono',monospace;letter-spacing:1px;margin-bottom:8px">TOPIC CODEWORDS</div>
            <div id="azd-codeword-pills" style="display:flex;flex-wrap:wrap;gap:8px"></div>
          </div>
          <!-- Questions section label -->
          <div style="font-size:11px;color:#ffffff;font-family:'DM Mono',monospace;letter-spacing:1px;background:#1a3a62;padding:5px 10px;border-radius:4px;display:inline-block">QUESTIONS &amp; RESPONSES</div>
          <!-- Questions list -->
          <div id="azd-questions" style="display:flex;flex-direction:column;gap:10px"></div>
          <!-- Sherpa summary -->
          <div id="azd-summary-block" style="display:none;flex-direction:column;gap:8px">
            <div style="display:flex;align-items:center;gap:10px">
              <div style="font-size:11px;color:#ffffff;font-family:'DM Mono',monospace;letter-spacing:1px;background:#1a3a62;padding:5px 10px;border-radius:4px">SHERPA SUMMARY</div>
              <div style="font-size:12px;color:var(--gold2)">tap to edit</div>
            </div>
            <textarea id="azd-summary-text" rows="5" style="width:100%;background:var(--navy3);border:1.5px dashed var(--gold);border-radius:8px;color:#e8edf5;font-size:14px;padding:12px;font-family:'DM Sans',sans-serif;resize:vertical;box-sizing:border-box;line-height:1.6"></textarea>
            <button onclick="saveAmbientZoneSummary()" style="align-self:flex-start;padding:9px 20px;background:#1dbaab;border:none;border-radius:8px;color:#ffffff;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">Save Changes</button>
          </div>
          <!-- Summary placeholder (incomplete) -->
          <div id="azd-summary-placeholder" style="display:none;padding:16px;background:var(--navy3);border:1px dashed var(--border);border-radius:8px;font-size:13px;color:#3a5a7a;text-align:center;line-height:1.6">Sherpa will summarise this zone once<br>sufficient responses have been captured.</div>
        </div>
        <!-- Dialog footer -->
        <div style="padding:14px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;flex-shrink:0">
          <!-- Progress mini-bar -->
          <div style="display:flex;align-items:center;gap:10px">
            <div style="flex:1;height:8px;background:var(--navy3);border-radius:4px;overflow:hidden">
              <div id="azd-progress-fill" style="height:100%;background:var(--gold);border-radius:4px;transition:width 0.4s"></div>
            </div>
            <div id="azd-progress-text" style="font-size:12px;color:#ffffff;font-family:'DM Mono',monospace;white-space:nowrap"></div>
          </div>
          <div style="display:flex;align-items:center;gap:10px">
            <button onclick="closeAmbientZoneDialog()" style="padding:10px 22px;background:var(--navy3);border:1.5px solid var(--gold);border-radius:10px;color:var(--gold);font-size:14px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">← Back to Trail</button>
            <div style="flex:1"></div>
            <div id="azd-listen-dot-small" style="width:10px;height:10px;border-radius:50%;background:#1dbaab;flex-shrink:0"></div>
            <div id="azd-listen-label-small" style="font-size:13px;color:#e8edf5;font-family:'DM Sans',sans-serif">Sherpa is actively listening...</div>
            <button onclick="toggleAmbientPause()" id="azd-pause-btn" style="padding:8px 18px;background:var(--gold);border:none;border-radius:16px;color:var(--navy);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">⏸ Pause</button>
            <button onclick="markZoneComplete()" id="azd-mark-complete-btn" style="padding:8px 18px;background:var(--teal);border:none;border-radius:16px;color:#ffffff;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">✓ Mark Complete</button>
          </div>
        </div>
      </div>
    </div>


    <!-- AMBIENT SILENCE AUTO-PAUSE TOAST (z-index 600, above zone dialog) -->
    <div id="ambient-silence-toast" style="display:none;position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:600;background:#081524;border:2px solid var(--gold);border-radius:14px;padding:18px 24px;min-width:320px;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,0.6);text-align:center">
      <div style="font-size:11px;color:var(--gold);font-family:'DM Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px">&#9888; Long Silence Detected</div>
      <div id="ast-message" style="font-size:14px;color:#e8edf5;line-height:1.5;margin-bottom:14px">Sherpa will stop listening in <strong id="ast-countdown" style="color:var(--gold);font-size:18px;font-family:'DM Mono',monospace">15</strong> seconds</div>
      <button id="ast-continue-btn" onclick="ambientSilenceContinue()" style="padding:10px 28px;background:#1dbaab;border:none;border-radius:10px;color:#ffffff;font-size:14px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;width:100%">&#9654; Continue Listening</button>
    </div>


    <!-- AMBIENT CONSENT POPUP (v2.2.1, z-index 550 — above zone dialog at 500, below silence toast at 600) -->
    <div id="ambient-consent-dialog" style="display:none;position:fixed;inset:0;z-index:550;background:rgba(4,10,20,0.92);align-items:center;justify-content:center;padding:24px">
      <div style="background:#0f2238;border:2px solid var(--gold);border-radius:14px;width:100%;max-width:520px;box-shadow:0 12px 48px rgba(0,0,0,0.7);overflow:hidden">
        <!-- Header -->
        <div style="background:#081524;padding:18px 22px 14px;border-bottom:1px solid rgba(201,168,76,0.2)">
          <div style="display:flex;align-items:center;gap:12px;margin-bottom:6px">
            <div id="acd-listen-dot" style="width:10px;height:10px;border-radius:50%;background:#1dbaab;flex-shrink:0;animation:blink 1s infinite"></div>
            <div style="font-size:10px;color:var(--gold);font-family:'DM Mono',monospace;letter-spacing:2px;text-transform:uppercase">Consent Recording Active</div>
          </div>
          <div style="font-size:18px;font-family:'Fraunces',serif;font-weight:300;color:#e8edf5">Trainee <em style="color:var(--gold);font-style:italic">Consent</em></div>
        </div>
        <!-- Body -->
        <div style="padding:22px 24px">
          <div style="font-size:11px;color:#a0bcd8;font-family:'DM Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px">Read aloud to your trainee &#8595;</div>
          <div style="background:#081524;border:1.5px solid rgba(201,168,76,0.4);border-radius:10px;padding:18px 20px;font-size:15px;color:#e8edf5;line-height:1.75;font-style:italic;position:relative">
            <div style="position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--teal));border-radius:10px 10px 0 0"></div>
            &#8220;Now we need to record the consent of the trainee for this session. Tell them that Sherpa will be listening to this session and taking notes. The notes are in draft form only and will be presented for mutual approval. They become final only after both of you approve it. May I proceed?&#8221;
          </div>
          <div id="acd-status" style="margin-top:14px;font-size:12px;color:var(--teal2);font-family:'DM Mono',monospace;min-height:18px">&#9654; Audio playing &mdash; Sherpa is listening&hellip;</div>
        </div>
        <!-- Footer -->
        <div style="padding:14px 24px 20px;display:flex;align-items:center;gap:12px">
          <button onclick="consentProceed()" id="acd-proceed-btn"
            style="flex:1;padding:13px 20px;background:linear-gradient(135deg,var(--teal),#17907c);border:none;border-radius:10px;color:#ffffff;font-size:15px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;box-shadow:0 2px 12px rgba(29,184,160,0.35);transition:opacity 0.2s">
            &#10003; Proceed
          </button>
        </div>
      </div>
    </div>
    <!-- Embedded consent audio — base64 m4a, loaded once, reused across sessions (v2.2.1) -->
    <audio id="consent-audio" preload="auto" style="display:none">
      <source src="data:audio/mp4;base64,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AAAAzgAAALcAAAClAAAApQAAAKYAAACOAAAAmQAAANcAAAETAAAAxAAAALMAAACvAAAArgAAAK8AAACSAAAAhwAAAJMAAACHAAAAyAAAAOQAAADbAAAAmgAAANAAAADhAAAAqgAAANAAAADQAAAAvwAAAL8AAAC8AAAAuAAAAJkAAACRAAAAqAAAAJkAAAC6AAAAkwAAALMAAACuAAAAnAAAAKgAAACYAAAAhAAAAIAAAACKAAAAhQAAAIcAAAB+AAAAiwAAAM0AAACOAAAAkQAAAJwAAACHAAAAhgAAAIgAAACDAAAAgwAAAHcAAACEAAAAiQAAAH0AAAB9AAAAfwAAAIAAAACEAAAAfQAAAKkAAACNAAAAjwAAALIAAAC2AAAAsgAAALQAAADtAAABEgAAAMUAAAC7AAAAvwAAAKoAAAClAAAA0AAAALMAAACXAAAAlQAAAJkAAACaAAAAhwAAAIsAAACKAAAAngAAAJoAAADmAAAAtAAAALUAAAEYAAABHwAAAMQAAACuAAAAowAAAM8AAACQAAAAngAAAJgAAACrAAAAmgAAAJUAAACyAAAAnQAAAJ0AAACpAAAAoAAAAJ4AAACtAAAAjgAAAIEAAAB+AAAAfQAAAIIAAACJAAAAhwAAAKAAAACVAAAAfgAAAIwAAACDAAAAjgAAAKAAAAD3AAAA3wAAAN0AAADEAAAAsAAAAKoAAADOAAABTAAAAL8AAACjAAAApgAAAJoAAACkAAAAmgAAAOMAAAD/AAAAsQAAAK0AAACjAAAArAAAALUAAACgAAAAqgAAAKcAAACDAAAAqAAAAKAAAACPAAAAlwAAAOIAAACzAAAAmwAAAKAAAACOAAAAkQAAAKsAAACiAAAA5gAAAMcAAAC4AAAAywAAANUAAAC6AAAApwAAAJ8AAACOAAABDgAAALgAAACzAAAAwAAAAJ0AAACsAAAApwAAAJcAAACWAAAArwAAALMAAACvAAAAmgAAAJ8AAACLAAAAkQAAALAAAADGAAAApQAAAJkAAACKAAAAhQAAAIYAAACOAAAAkgAAAIwAAACHAAAAigAAAHUAAACEAAAAfgAAAIEAAAB+AAAAeQAAAIIAAACAAAAAeQAAAIEAAACAAAAAcwAAAIEAAACLAAAAxwAAAJ4AAACPAAAAgQAAAIQAAAB7AAAAkwAAAIwAAAD4AAAAYwAAAJMAAACMAAAA+AAAAGMAAAA3AAAAFAAAADhzdGNvAAAAAAAAAAoAAAAsAAAelwAAQ5YAAEp4AABp6wAAiVQAAKfDAADGUAAAyswAAOkuAAAA+nVkdGEAAADybWV0YQAAAAAAAAAiaGRscgAAAAAAAAAAbWRpcgAAAAAAAAAAAAAAAAAAAAAAxGlsc3QAAAC8LS0tLQAAABxtZWFuAAAAAGNvbS5hcHBsZS5pVHVuZXMAAAAUbmFtZQAAAABpVHVuU01QQgAAAIRkYXRhAAAAAQAAAAAgMDAwMDAwMDAgMDAwMDA4NDAgMDAwMDAzQzAgMDAwMDAwMDAwMDA1QTAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMA==" type="audio/mp4">
    </audio>
    <!-- AMBIENT END-SESSION CONFIRM DIALOG (v2.3.2, z-index 650 — above zone dialog 500, below chirp error 700) -->
    <div id="ambient-end-confirm-dialog" style="display:none;position:fixed;inset:0;z-index:650;background:rgba(4,10,20,0.88);align-items:center;justify-content:center;padding:24px" onclick="if(event.target===this)closeEndAmbientConfirm()">
      <div style="background:#0f2238;border:2px solid var(--border);border-radius:14px;width:100%;max-width:400px;padding:28px 28px 22px;box-shadow:0 12px 48px rgba(0,0,0,0.7)">
        <div style="font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px">End Ambient Session</div>
        <div style="font-size:17px;font-family:'Fraunces',serif;font-weight:300;color:#e8edf5;margin-bottom:6px">End this session and <em style="color:var(--gold);font-style:italic">generate the report?</em></div>
        <div style="font-size:12px;color:var(--muted);margin-bottom:22px">Chirp will stop listening. Your captured notes will be summarised into a report.</div>
        <div style="display:flex;flex-direction:column;gap:10px">
          <button onclick="confirmEndAmbientReview()" style="padding:13px 20px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:10px;color:var(--navy);font-size:14px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif">
            ✓ Generate Report &amp; End
          </button>
          <button onclick="closeEndAmbientConfirm()" style="padding:12px 20px;background:transparent;border:1.5px solid var(--border);border-radius:10px;color:#a0bcd8;font-size:14px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif">
            ← Keep Listening
          </button>
          <button onclick="openAmbientDiscardConfirm()" style="padding:12px 20px;background:transparent;border:1.5px solid rgba(224,82,82,0.35);border-radius:10px;color:rgba(224,82,82,0.7);font-size:13px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif">
            ✕ End Without Report
          </button>
        </div>
      </div>
    </div>

    <!-- AMBIENT DISCARD CONFIRM DIALOG (z-index 660, above end-confirm at 650) -->
    <!-- Shown when PD clicks "End Without Report" — requires explicit Yes/No confirmation -->
    <div id="ambient-discard-confirm-dialog" style="display:none;position:fixed;inset:0;z-index:660;background:rgba(4,10,20,0.72);align-items:center;justify-content:center;padding:24px">
      <div style="background:#0f2238;border:2px solid rgba(224,82,82,0.5);border-radius:14px;width:100%;max-width:400px;padding:28px 28px 22px;box-shadow:0 12px 48px rgba(0,0,0,0.7)">
        <div style="font-size:10px;color:var(--red);font-family:'DM Mono',monospace;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px">⚠ Discard Session</div>
        <div style="font-size:17px;font-family:'Fraunces',serif;font-weight:300;color:#e8edf5;margin-bottom:8px">End without generating a report?</div>
        <div style="font-size:13px;color:#a0bcd8;line-height:1.6;margin-bottom:24px">All captured transcripts, zone responses, and session notes will be permanently lost. This cannot be undone.</div>
        <div style="display:flex;flex-direction:column;gap:10px">
          <button onclick="confirmAmbientDiscard()" style="padding:13px 20px;background:rgba(224,82,82,0.12);border:1.5px solid var(--red);border-radius:10px;color:var(--red);font-size:14px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif">
            Yes — Discard &amp; Exit
          </button>
          <button onclick="closeAmbientDiscardConfirm()" style="padding:12px 20px;background:transparent;border:1.5px solid var(--border);border-radius:10px;color:#a0bcd8;font-size:14px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif">
            No — Go Back
          </button>
        </div>
      </div>
    </div>

    <!-- CHIRP ERROR DIALOG (z-index 700, above everything) -->
    <div id="chirp-error-dialog" style="display:none;position:fixed;inset:0;z-index:700;background:rgba(4,10,20,0.92);align-items:center;justify-content:center;padding:24px">
      <div style="background:#0f2238;border:2px solid var(--red);border-radius:14px;width:100%;max-width:460px;padding:28px 28px 24px;box-shadow:0 12px 48px rgba(0,0,0,0.7)">
        <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px">
          <div style="width:36px;height:36px;border-radius:50%;background:rgba(224,82,82,0.15);border:1.5px solid var(--red);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">⚠</div>
          <div style="font-size:11px;color:var(--red);font-family:'DM Mono',monospace;letter-spacing:1.5px;text-transform:uppercase">Listening Error</div>
        </div>
        <div id="chirp-error-msg" style="font-size:15px;color:#e8edf5;line-height:1.65;margin-bottom:8px">Ambient AI listening error — please switch to Manual Mode or click <strong>Retry</strong> to try again.</div>
        <div id="chirp-error-detail" style="font-size:12px;color:#6a8aaa;font-family:'DM Mono',monospace;margin-bottom:22px;line-height:1.5"></div>
        <div style="display:flex;gap:12px;flex-wrap:wrap">
          <button onclick="switchAmbientToManual()" style="flex:1;min-width:140px;padding:11px 16px;background:var(--navy3);border:1.5px solid var(--gold);border-radius:10px;color:var(--gold);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">📋 Switch to Manual</button>
          <button onclick="retryChirpListening()" style="flex:1;min-width:140px;padding:11px 16px;background:#1dbaab;border:none;border-radius:10px;color:#ffffff;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">↺ Retry Listening</button>
        </div>
      </div>
    </div>
    <!-- 3. INTERVIEW -->
    <div id="interview-ui">
      <div id="topbar">
        <div id="topbar-left">Trainee Review</div>
        <div id="progress-bar-wrap">
          <div id="progress-label">Session Progress</div>
          <div id="progress-bar"><div id="progress-fill"></div></div>
        </div>
      </div>
      <div id="content">
        <div id="question-half">
          <div id="section-tag"></div>
          <div id="section-title"></div>
          <div id="section-desc"></div>
          <div id="teleprompter">
            <div id="tp-label"><div class="tp-blink"></div><span id="tp-label-text">Ask the trainee</span><span id="hotkey-hint" style="margin-left:auto;font-size:10px;color:#c9a84c;letter-spacing:1px;font-family:'DM Mono',monospace;opacity:0.85">&#8592; &#8594; cycle &nbsp;&#xB7;&nbsp; &#8593; &#8595; sections</span></div>
            <div id="tp-sentences"></div>
          </div>
          <div id="followup-qs"></div>
        </div>
        <div id="notes-half">
          <div class="manual-note-label">Notes for this section</div>
          <textarea class="manual-note-area" id="manual-note" placeholder="Type observations, scores, or context…"></textarea>
        </div>
      </div>
      <div id="bottom-nav">
        <button class="btn-nav" id="btn-prev">← Previous</button>
        <div id="nav-info">Section <strong id="nav-cur">1</strong> of <strong id="nav-total">—</strong></div>
        <button class="btn-nav" id="btn-next">Mark Done & Continue →</button>
      </div>
    </div>


    <!-- ILP — CREATE / EDIT -->


    <!-- ILP — PROGRESS LOG -->
    <div id="ilp-progress-screen">
      <div class="ilp-left-panel">
        <div class="ilp-header">
          <h2>ILP Progress Log</h2>
          <div class="ilp-sub">Document progress against your learning goals</div>
          <div class="ilp-trainee" id="ilp-progress-label"></div>
        </div>
        <div class="ilp-actions-left">
          <button class="ilp-btn secondary" id="ilp-progress-back">← Back to ILP List</button>
        </div>
      </div>
      <div class="ilp-main-content">
        <div id="ilp-progress-goals"></div>
      </div>
    </div>

    <!-- ILP — PD REVIEW -->
    <div id="ilp-review-screen">
      <div class="ilp-left-panel">
        <div class="ilp-header">
          <h2>ILP Review</h2>
          <div class="ilp-sub">Program Director review and feedback</div>
          <div class="ilp-trainee" id="ilp-review-label"></div>
        </div>
        <div class="ilp-actions-left">
          <button class="ilp-btn primary" id="ilp-review-save">Save PD Feedback</button>
          <button class="ilp-btn secondary" id="ilp-review-back">← Back to ILP List</button>
        </div>
      </div>
      <div class="ilp-main-content">
        <div id="ilp-review-goals"></div>
      </div>
    </div>

    <!-- ILP — LIST / HUB -->
    <div id="ilp-hub-screen" style="display:none;flex:1;flex-direction:row;overflow:hidden">
      <!-- MIDDLE COLUMN: ILP list + navigation -->
      <div id="ilp-hub-nav" style="width:260px;min-width:260px;background:var(--navy2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0">
        <div style="padding:20px 18px 14px;border-bottom:1px solid var(--border);flex-shrink:0">
          <div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:4px" id="ilp-hub-trainee-label">Learning Plans</div>
          <div style="font-size:13px;color:#e8edf5;font-weight:500" id="ilp-hub-trainee-name"></div>
        </div>
        <div style="padding:12px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;flex-shrink:0">
          <button class="ilp-btn primary" id="ilp-new-btn" style="padding:9px 14px;font-size:13px;width:100%;text-align:center">+ Create New Plan</button>
          <button class="ilp-btn secondary" id="ilp-import-btn" style="padding:9px 14px;font-size:13px;width:100%;text-align:center">↑ Import Plan</button>
          <input type="file" id="ilp-import-file" accept=".json" style="display:none">
          <button class="ilp-btn secondary" id="ilp-hub-back" style="padding:9px 14px;font-size:13px;width:100%;text-align:center">← Back to Report</button>
        </div>
        <div style="flex:1;overflow-y:auto;padding:10px 8px" id="ilp-hub-list"></div>
      </div>
      <!-- RIGHT COLUMN: ILP editor / viewer -->
      <div id="ilp-hub-content" style="flex:1;overflow:hidden;display:flex;flex-direction:column">
        <div id="ilp-hub-empty" style="flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)">
          <div style="font-size:40px;margin-bottom:12px;opacity:0.3">📋</div>
          <div style="font-size:15px;margin-bottom:6px">No plan selected</div>
          <div style="font-size:12px">Click <strong>Create New Plan</strong> or select one from the list</div>
        </div>

        <!-- ILP LISTEN SUB-SCREEN (v2.6.0) — cheat-sheet goal tracker, full column -->
        <div id="ilp-listen-screen">
          <!-- Top bar: status dot + label + pause + cancel -->
          <div style="width:100%;padding:14px 24px 12px;border-bottom:1px solid var(--border);background:var(--navy2);display:flex;align-items:center;gap:12px;flex-shrink:0">
            <div id="ilp-listen-dot" style="width:10px;height:10px;border-radius:50%;background:var(--teal);flex-shrink:0;animation:blink 1s infinite"></div>
            <div id="ilp-listen-status-label" style="font-size:11px;color:var(--gold);font-family:'DM Mono',monospace;letter-spacing:2px;text-transform:uppercase;flex:1">Sherpa is listening for goals…</div>
            <button id="ilp-listen-pause-btn" onclick="toggleILPListenPause()"
              style="padding:9px 20px;background:var(--gold);border:none;border-radius:14px;color:var(--navy);font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap">
              ⏸ Pause
            </button>
            <button onclick="cancelILPListening()" style="background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;line-height:1;padding:2px 6px;margin-left:2px" title="Cancel">✕</button>
          </div>

          <!-- Scrollable body — fills remaining height -->
          <div style="flex:1;overflow-y:auto;min-height:0;padding:20px 24px 0;display:flex;flex-direction:column;gap:0">

            <!-- ACGME competency pills -->
            <div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px">
              <button class="ilp-comp-pill active" data-domain="Patient Care (PC)" onclick="toggleILPPill(this)">Patient Care</button>
              <button class="ilp-comp-pill" data-domain="Medical Knowledge (MK)" onclick="toggleILPPill(this)">Medical Knowledge</button>
              <button class="ilp-comp-pill" data-domain="Interpersonal &amp; Communication (ICS)" onclick="toggleILPPill(this)">Communication</button>
              <button class="ilp-comp-pill" data-domain="Professionalism (Prof)" onclick="toggleILPPill(this)">Professionalism</button>
              <button class="ilp-comp-pill" data-domain="Systems-Based Practice (SBP)" onclick="toggleILPPill(this)">Systems-Based Practice</button>
              <button class="ilp-comp-pill" data-domain="Practice-Based Learning (PBLI)" onclick="toggleILPPill(this)">Practice-Based Learning</button>
            </div>

            <!-- 2×2 cheat-sheet cards — flex-grow so they fill vertical space -->
            <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;flex:1;min-height:0;align-items:stretch">

              <!-- Goal card -->
              <div class="ilp-cs-card ilp-cs-card-lg" id="ilp-cs-goal">
                <div class="ilp-cs-label">Goal</div>
                <ul class="ilp-cs-list">
                  <li id="ilp-cs-g1">What I will do</li>
                  <li id="ilp-cs-g2">In which competency</li>
                  <li id="ilp-cs-g3">Measurable outcome</li>
                  <li id="ilp-cs-g4">Evidence (eval, rate, log)</li>
                </ul>
              </div>

              <!-- Strategy card -->
              <div class="ilp-cs-card ilp-cs-card-lg" id="ilp-cs-strategy">
                <div class="ilp-cs-label">Strategy</div>
                <ul class="ilp-cs-list">
                  <li id="ilp-cs-s1">Key activity or rotation</li>
                  <li id="ilp-cs-s2">Who gives feedback</li>
                  <li id="ilp-cs-s3">How often I check in</li>
                </ul>
              </div>

              <!-- Success card -->
              <div class="ilp-cs-card ilp-cs-card-lg" id="ilp-cs-success">
                <div class="ilp-cs-label">Success looks like</div>
                <ul class="ilp-cs-list">
                  <li id="ilp-cs-su1">Milestone level reached</li>
                  <li id="ilp-cs-su2">Metric or threshold met</li>
                  <li id="ilp-cs-su3">Faculty / CCC confirms</li>
                </ul>
              </div>

              <!-- Timeline card -->
              <div class="ilp-cs-card ilp-cs-card-lg" id="ilp-cs-timeline">
                <div class="ilp-cs-label">Timeline</div>
                <ul class="ilp-cs-list">
                  <li id="ilp-cs-t1">Goal set — date</li>
                  <li id="ilp-cs-t2">Check-in — midpoint</li>
                  <li id="ilp-cs-t3">Target complete — date</li>
                </ul>
              </div>

            </div>

            <!-- Live transcript strip -->
            <div id="ilp-transcript-strip" style="background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--muted);font-family:'DM Mono',monospace;line-height:1.7;margin-bottom:16px;min-height:44px">
              <span style="font-style:italic;color:rgba(143,163,192,0.35)">Speak about learning goals — transcript will appear here</span>
            </div>

          </div>

          <!-- Bottom action bar -->
          <div style="padding:14px 24px 18px;border-top:1px solid var(--border);display:flex;gap:8px;flex-shrink:0;background:var(--navy2)">
            <button onclick="draftILPGoalsFromListen()"
              style="flex:1;padding:13px 0;background:linear-gradient(135deg,var(--teal),#17907c);border:none;border-radius:8px;color:var(--navy);font-size:15px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif">
              ⚡ See Draft Goal
            </button>
          </div>
        </div>  <!-- end ilp-listen-screen (v2.6.0) -->
        <!-- ILP editor panel (hidden until New/Select) -->
        <div id="ilp-hub-editor" style="display:none;flex:1;flex-direction:column;overflow:hidden">
          <!-- Editor top bar with actions -->
          <div style="padding:12px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0;background:var(--navy2)">
            <span style="font-size:12px;color:var(--muted);font-family:'DM Mono',monospace" id="ilp-editor-label">New Plan</span>
            <div style="margin-left:auto;display:flex;gap:8px">
              <button class="ilp-btn primary" id="ilp-save-btn" style="padding:8px 18px;font-size:13px">Save ILP</button>
              <button class="ilp-btn secondary" id="ilp-export-btn" style="padding:8px 18px;font-size:13px">↓ Export PDF</button>
              <button class="ilp-btn secondary" id="ilp-back-report" style="padding:8px 18px;font-size:13px">← Back to Report</button>
            </div>
          </div>
          <!-- Scrollable editor content -->
          <div style="flex:1;overflow-y:auto;padding:24px 28px">
            <!-- Tabs -->
            <div class="ilp-tabs" id="ilp-editor-tabs">
              <button class="ilp-tab active" id="ilp-tab-btn-reflection" data-tab="reflection">Self-Reflection</button>
              <button class="ilp-tab" id="ilp-tab-btn-goals" data-tab="goals">ILP Goals</button>
            </div>
            <div id="ilp-tab-reflection" class="ilp-tab-panel active">
              <div class="smart-legend" style="margin-bottom:16px">
                <div class="smart-tag"><span>I</span>mportant</div><div class="smart-tag"><span>S</span>pecific</div>
                <div class="smart-tag"><span>M</span>easurable</div><div class="smart-tag"><span>A</span>ttainable</div>
                <div class="smart-tag"><span>R</span>elevant</div><div class="smart-tag"><span>T</span>imely</div>
              </div>
              <div class="ilp-field">
                <label>Strengths — what am I doing well? <span>Resident reflection</span></label>
                <textarea class="ilp-textarea" id="ilp-strengths" placeholder="Describe 2-3 areas of genuine strength…" rows="4"></textarea>
              </div>
              <div class="ilp-field">
                <label>Growth Areas — where do I need to develop? <span>Resident reflection</span></label>
                <textarea class="ilp-textarea" id="ilp-growth" placeholder="Which milestone domains are below expected level?…" rows="4"></textarea>
              </div>
              <div class="ilp-field">
                <label>Long-term Career Goals <span>Resident reflection</span></label>
                <textarea class="ilp-textarea" id="ilp-career" placeholder="What kind of physician do you want to be?…" rows="3"></textarea>
              </div>
              <div class="goal-thread-section">
                <div class="thread-section-label">Reflection Discussion</div>
                <div class="goal-thread" id="reflection-thread-container"></div>
                <div class="note-add">
                  <textarea class="note-input" id="reflection-note-input" placeholder="Add a comment on this self-reflection…" rows="2"></textarea>
                  <button class="note-post-btn" id="reflection-note-post-btn">Post Note</button>
                </div>
              </div>
            </div>
            <div id="ilp-tab-goals" class="ilp-tab-panel">
              <div id="ilp-goals-container"></div>
              <button class="ilp-add-goal" id="ilp-add-goal">+ Add I-SMART Goal</button>
            </div>
            <div style="display:none" id="ilp-trainee-label"></div>
          </div>
        </div>
      </div>
    </div>


    <!-- MANAGE REVIEW PURPOSES -->
    <div id="purpose-manager">
      <div id="pm-topbar">
        <h2>Manage Review <span>Purposes</span></h2>
        <div class="pm-top-actions">
          <button class="tb-btn primary" id="pm-save-btn">Save Changes</button>
          <button class="tb-btn" id="pm-close-btn">← Back</button>
        </div>
      </div>
      <div id="pm-body">
        <!-- Purpose cards rendered here by JS -->
        <!-- Add new purpose form -->
        <div id="pm-add-form">
          <h3>New Review Purpose</h3>
          <div class="pm-add-row">
            <div class="pm-field">
              <label>Display Name</label>
              <input class="pm-input" id="pm-new-name" placeholder="e.g. Fellowship Competency Review">
            </div>
            <div class="pm-field">
              <label>Copy Questions From</label>
              <select class="pm-base-select" id="pm-new-base">
                <option value="rotation">Rotation Feedback</option>
                <option value="midyear">Mid-Year Review</option>
                <option value="endyear">End-of-Year Review</option>
                <option value="advisor">Advisor / Advisee</option>
                <option value="remediation">Remediation / PIP</option>
                <option value="adverse">Adverse Action</option>
              </select>
            </div>
          </div>
          <div class="pm-field">
            <label>Description (shown when purpose is selected)</label>
            <textarea class="pm-textarea" id="pm-new-desc" placeholder="Describe when and how this review type is used…" rows="2"></textarea>
          </div>
          <div style="display:flex;gap:10px">
            <button class="tb-btn primary" id="pm-create-btn">Create Purpose</button>
            <button class="tb-btn" id="pm-cancel-btn">Cancel</button>
          </div>
        </div>
      </div>
      <div id="pm-footer">
        <div>
          <button class="tb-btn teal" id="pm-add-btn">+ Add New Purpose</button>
          <span class="pm-status" id="pm-status" style="margin-left:14px">No unsaved changes</span>
        </div>
        <div style="font-size:12px;color:var(--muted)">Changes are saved locally and reflected immediately in the session setup.</div>
      </div>
    </div>


    <!-- MOBILE ILP BOTTOM BAR (hidden on desktop) -->
    <!-- ILP MODE PICKER (v2.6.2) — position:fixed overlay, z-index 560.
         Moved out of report-screen so it persists correctly across the
         report → ILP hub navigation path. Triggered only by Create New Plan
         inside the ILP hub, never by the report screen green button. -->
    <div id="ilp-mode-picker" style="display:none;position:fixed;inset:0;z-index:560;background:rgba(4,10,20,0.88);align-items:center;justify-content:center;padding:24px" onclick="if(event.target===this)closeILPModePicker()">
      <div style="background:#0f2238;border:2px solid var(--gold);border-radius:14px;width:100%;max-width:420px;padding:28px 28px 24px;box-shadow:0 12px 48px rgba(0,0,0,0.7)">
        <div style="font-size:10px;color:var(--gold);font-family:'DM Mono',monospace;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px">Create New Learning Plan</div>
        <div style="font-size:18px;font-family:'Fraunces',serif;font-weight:300;color:#e8edf5;margin-bottom:6px">How would you like to <em style="color:var(--gold);font-style:italic">build</em> this plan?</div>
        <div style="font-size:12px;color:var(--muted);margin-bottom:22px">Choose a method to capture your learning goals.</div>
        <div style="display:flex;flex-direction:column;gap:12px">
          <button id="ilp-pick-draft-session" onclick="closeILPModePicker();extractILPGoalsFromAmbient();"
            style="display:none;padding:15px 20px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:10px;color:var(--navy);font-size:15px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;text-align:left;line-height:1.35">
            ✦ Draft from Session
            <div style="font-size:11px;font-weight:400;opacity:0.75;margin-top:3px">AI extracts goals from your recent ambient review transcript</div>
          </button>
          <button onclick="ilpPickListenNow();"
            style="padding:15px 20px;background:rgba(29,184,160,0.12);border:1.5px solid var(--teal);border-radius:10px;color:var(--teal2);font-size:15px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;text-align:left;line-height:1.35">
            🎙 Listen Now
            <div style="font-size:11px;font-weight:400;opacity:0.75;margin-top:3px">Sherpa listens to your goal-setting conversation and drafts the ILP</div>
          </button>
          <button onclick="ilpPickManualEntry();"
            style="padding:15px 20px;background:var(--navy3);border:1.5px solid var(--border);border-radius:10px;color:#e8edf5;font-size:15px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;text-align:left;line-height:1.35">
            ✎ Manual Entry
            <div style="font-size:11px;font-weight:400;opacity:0.6;margin-top:3px">Start with a blank plan and fill in goals yourself</div>
          </button>
        </div>
        <div style="margin-top:16px;text-align:center">
          <button onclick="closeILPModePicker()" style="background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif">Cancel</button>
        </div>
      </div>
    </div>

    <div id="mob-ilp-bar" style="display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--navy2);border-top:1px solid var(--border);padding:8px 8px;gap:6px;padding-bottom:max(8px,env(safe-area-inset-bottom));box-sizing:border-box;width:100%">
      <button id="mob-ilp-back-list" class="report-btn" style="flex:1;min-width:0;background:var(--surface2);color:#e8edf5;border:1px solid var(--border);font-size:11px;padding:10px 4px;text-align:center">&#8592; List</button>
      <button id="mob-ilp-new" class="report-btn" style="flex:2;min-width:0;background:linear-gradient(135deg,var(--teal),#17907c);color:var(--navy);border:none;font-size:11px;padding:10px 4px;text-align:center">+ New Plan</button>
      <button id="mob-ilp-save" class="report-btn" style="flex:1;min-width:0;background:linear-gradient(135deg,var(--gold),#a8842a);color:var(--navy);border:none;font-size:11px;padding:10px 4px;text-align:center">Save</button>
      <button id="mob-ilp-back-rep" class="report-btn" style="flex:1;min-width:0;background:var(--surface2);color:#e8edf5;border:1px solid var(--border);font-size:11px;padding:10px 4px;text-align:center">&#8592; Report</button>
    </div>

    <!-- RECOMMENDATION LETTER SCREEN -->
    <div id="rec-screen">
      <div id="rec-topbar">
        <h2>Recommendation <span>Letter</span></h2>
        <div style="display:flex;gap:8px;align-items:center">
          <button class="rec-top-btn" id="rec-saved-toggle" style="display:none">&#128197; Saved Letters</button>
          <button class="rec-top-btn" id="rec-template-btn" style="display:none">&#9881; Letter Template</button>
          <button class="rec-top-btn" id="rec-back-btn">&#8592; Back to Report</button>
        </div>
      </div>
      <div id="rec-body">
        <!-- Left: composition panel -->
        <div id="rec-words-panel">

          <!-- BLOCK 1: Trainee info (auto-filled) -->
          <div class="rec-block">
            <div class="rec-block-hdr">&#9312; Trainee</div>
            <div class="rec-block-body" id="rec-trainee-summary" style="font-size:12px;color:var(--muted);line-height:1.6">Loading…</div>
          </div>

          <!-- BLOCK 2: Target fellowship -->
          <div class="rec-block">
            <div class="rec-block-hdr">&#9313; Target Fellowship</div>
            <div id="rec-target-specialty-tags" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:24px"></div>
            <button type="button" id="rec-specialty-btn" class="rec-mini-btn" style="margin-bottom:8px">+ Choose Specialties</button>
            <div style="font-size:10px;color:var(--muted);margin-bottom:6px">A separate letter will be generated for each specialty.</div>
            <div class="lor-label" style="margin-top:6px">Programs <span style="font-size:9px;color:var(--muted);font-weight:400;text-transform:none">optional — one letter per program</span></div>
            <div id="rec-target-program-tags" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;min-height:24px"></div>
            <button type="button" id="rec-program-btn" class="rec-mini-btn">+ Choose Programs</button>
            <input id="rec-target-program" style="display:none">
            <div class="lor-label" style="margin-top:6px">AAMC ID <span style="font-size:9px;color:var(--muted);font-weight:400;text-transform:none">optional</span></div>
            <input id="rec-aamc-id" class="rec-inp" placeholder="e.g. 14449002">
          </div>

          <!-- BLOCK 3: Scholarly activity (from trainee profile, editable) -->
          <div class="rec-block">
            <div class="rec-block-hdr" style="display:flex;justify-content:space-between;align-items:center">
              <span>&#9314; Scholarly Activity</span>
              <span id="rec-scholarly-saved-badge" style="font-size:9px;color:var(--teal2);font-family:'DM Mono',monospace;display:none">&#10003; saved in profile</span>
            </div>
            <textarea id="rec-scholarly" class="rec-textarea" placeholder="Publications, QI projects, presentations, awards, committee memberships — paste from CV or type freely.&#10;&#10;This will be saved to the trainee's profile for reuse." rows="6"></textarea>
            <button id="rec-save-scholarly-btn" class="rec-mini-btn">&#8595; Save to Profile</button>
          </div>

          <!-- BLOCK 4: Qualities -->
          <div class="rec-block">
            <div class="rec-block-hdr">&#9315; Qualities</div>
            <div style="margin-bottom:6px">
              <div class="rec-section-label">&#10003; Strengths</div>
              <div class="rec-chips" id="rec-pos-chips">
                <span class="rec-chip positive" data-word="exceptional" data-type="positive">exceptional</span>
                <span class="rec-chip positive" data-word="dedicated" data-type="positive">dedicated</span>
                <span class="rec-chip positive" data-word="compassionate" data-type="positive">compassionate</span>
                <span class="rec-chip positive" data-word="analytical" data-type="positive">analytical</span>
                <span class="rec-chip positive" data-word="reliable" data-type="positive">reliable</span>
                <span class="rec-chip positive" data-word="innovative" data-type="positive">innovative</span>
                <span class="rec-chip positive" data-word="empathetic" data-type="positive">empathetic</span>
                <span class="rec-chip positive" data-word="thorough" data-type="positive">thorough</span>
                <span class="rec-chip positive" data-word="articulate" data-type="positive">articulate</span>
                <span class="rec-chip positive" data-word="resilient" data-type="positive">resilient</span>
                <span class="rec-chip positive" data-word="collaborative" data-type="positive">collaborative</span>
                <span class="rec-chip positive" data-word="meticulous" data-type="positive">meticulous</span>
                <span class="rec-chip positive" data-word="proactive" data-type="positive">proactive</span>
                <span class="rec-chip positive" data-word="adaptable" data-type="positive">adaptable</span>
                <span class="rec-chip positive" data-word="insightful" data-type="positive">insightful</span>
              </div>
            </div>
            <div>
              <div class="rec-section-label">&#9651; Growth Areas <span style="font-size:9px;color:var(--muted);font-weight:400">(framed diplomatically in letter)</span></div>
              <div class="rec-chips" id="rec-neg-chips">
                <span class="rec-chip negative" data-word="building consistency" data-type="negative">building consistency</span>
                <span class="rec-chip negative" data-word="developing clinical confidence" data-type="negative">developing confidence</span>
                <span class="rec-chip negative" data-word="strengthening organization" data-type="negative">organization</span>
                <span class="rec-chip negative" data-word="refining focus" data-type="negative">refining focus</span>
                <span class="rec-chip negative" data-word="growing into decisiveness" data-type="negative">decisiveness</span>
                <span class="rec-chip negative" data-word="developing proactive habits" data-type="negative">proactivity</span>
                <span class="rec-chip negative" data-word="increasing flexibility" data-type="negative">flexibility</span>
                <span class="rec-chip negative" data-word="deepening clinical knowledge" data-type="negative">depth of knowledge</span>
                <span class="rec-chip negative" data-word="strengthening peer engagement" data-type="negative">peer engagement</span>
                <span class="rec-chip negative" data-word="improving reliability" data-type="negative">reliability</span>
                <span class="rec-chip negative" data-word="refining communication conciseness" data-type="negative">conciseness</span>
                <span class="rec-chip negative" data-word="cultivating initiative" data-type="negative">initiative</span>
                <span class="rec-chip negative" data-word="improving time management" data-type="negative">time management</span>
                <span class="rec-chip negative" data-word="developing self-direction" data-type="negative">self-direction</span>
                <span class="rec-chip negative" data-word="embracing feedback constructively" data-type="negative">openness to feedback</span>
              </div>
            </div>
            <div id="rec-selection-summary" style="margin-top:8px">Select qualities above</div>
          </div>

          <!-- BLOCK 5: PD notes -->
          <div class="rec-block">
            <div class="rec-block-hdr">&#9316; PD Perspective <span style="font-size:9px;color:var(--muted);font-weight:400">optional</span></div>
            <textarea id="rec-pd-notes" class="rec-textarea" placeholder="Any additional context, class ranking, awards, distinguishing observations you want included in the closing summary." rows="3"></textarea>
          </div>

          <!-- API Key -->
          <div style="margin-top:10px;padding-top:10px;border-top:1px solid var(--border)">
            <div class="rec-section-label" style="margin-bottom:6px">&#128273; Anthropic API Key</div>
            <input id="rec-api-key" type="password" placeholder="sk-ant-…" style="width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:11px;padding:7px 10px;outline:none;font-family:'DM Mono',monospace">
            <div style="font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5">Stored locally, never sent anywhere else. <a href="https://console.anthropic.com" target="_blank" style="color:var(--gold2);text-decoration:none">Get a key →</a></div>
          </div>

          <button id="rec-generate-btn" style="margin-top:12px">&#9733; Generate Letter</button>
        </div>

        <!-- Middle: saved letters list -->
        <div id="rec-list-panel">
          <div class="rec-list-hdr">Saved Letters</div>
          <div style="padding:0 8px 6px;flex-shrink:0">
            <input id="rec-list-search" placeholder="Search letters…" autocomplete="off"
              style="width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:5px;color:#e8edf5;font-size:11px;padding:5px 8px;outline:none;font-family:'DM Sans',sans-serif;box-sizing:border-box">
          </div>
          <div id="rec-list-items" style="flex:1;overflow-y:auto;padding:0 8px 8px"><div class="rec-list-empty">No saved letters yet.<br>Generate one to save it here.</div></div>
        </div>

        <!-- Right: letter preview -->
        <div id="rec-letter-panel">
          <div id="rec-letter-empty">
            <div id="rc-readiness-title">Before you generate</div>
            <div id="rec-readiness-check"></div>
          </div>
          <div id="rec-loading" style="display:none;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--muted);gap:14px">
            <div style="width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin 0.8s linear infinite"></div>
            <div id="rec-loading-msg" style="font-size:13px;font-family:'DM Mono',monospace">Reading trainee data…</div>
          </div>
          <div class="rec-doc-actions" id="rec-doc-actions" style="display:none">
            <button class="rec-doc-btn teal" id="rec-edit-toggle">&#9998; Edit Letter</button>
            <button class="rec-doc-btn primary" id="rec-pdf-btn2">&#8595; Export PDF</button>
            <button class="rec-doc-btn" id="rec-regenerate-btn">&#8635; Regenerate</button>
          </div>
          <div id="rec-letter-doc"></div>
          <div id="rec-edit-area"><textarea id="rec-letter-textarea" spellcheck="true"></textarea></div>
        </div>
      </div>
    </div>

    <!-- LOR LETTER TEMPLATE BUILDER SCREEN -->
    <div id="lor-template-screen" style="display:none;flex-direction:column;flex:1;overflow:hidden">
      <div style="padding:18px 28px 14px;border-bottom:1px solid var(--border);background:var(--navy2);display:flex;align-items:center;gap:12px;flex-shrink:0">
        <h2 style="font-family:'Fraunces',serif;font-weight:300;font-size:22px;color:#e8edf5;margin:0">Letter <span style="color:var(--gold)">Template</span></h2>
        <div style="margin-left:auto;display:flex;gap:8px">
          <button class="rec-top-btn primary" id="lor-tmpl-save-btn">&#10003; Save Template</button>
          <button class="rec-top-btn" id="lor-tmpl-close-btn">&#8592; Back to Letter</button>
        </div>
      </div>
      <div style="flex:1;overflow-y:auto;padding:28px 32px;max-width:820px">
        <div style="font-size:12px;color:var(--muted);margin-bottom:24px;line-height:1.6">This template is saved once per PD and reused in every letter. Fill in the boilerplate sections specific to your program.</div>

        <div class="lor-field-group">
          <label class="lor-label">Institution Name</label>
          <input id="lor-institution" class="rec-inp" placeholder="e.g. OhioHealth Riverside Methodist Hospital">
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Department / Division</label>
          <input id="lor-department" class="rec-inp" placeholder="e.g. Department of Internal Medicine, Graduate Medical Education">
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Mailing Address</label>
          <input id="lor-address" class="rec-inp" placeholder="Street address">
          <input id="lor-city-state" class="rec-inp" placeholder="City, State ZIP" style="margin-top:6px">
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Phone &amp; Website</label>
          <input id="lor-phone" class="rec-inp" placeholder="(614) 555-0000">
          <input id="lor-website" class="rec-inp" placeholder="www.example.com" style="margin-top:6px">
        </div>
        <div class="lor-field-group">
          <label class="lor-label">PD Name &amp; Credentials</label>
          <input id="lor-pd-name" class="rec-inp" placeholder="e.g. Thomas J. Boes, MD, FCCP">
          <input id="lor-pd-title" class="rec-inp" placeholder="e.g. Program Director, Internal Medicine Residency" style="margin-top:6px">
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Program Description <span style="font-size:10px;color:var(--muted);font-weight:400">(Block 2 — reused verbatim in every letter)</span></label>
          <textarea id="lor-program-desc" class="rec-textarea" rows="10" placeholder="Describe your hospital, residency program, curriculum, strengths, board pass rate, fellowship match rate, etc. This paragraph is identical in every letter you write."></textarea>
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Opening sentence style</label>
          <select id="lor-opening-style" class="rec-inp" style="font-size:13px">
            <option value="pleased and proud">I am pleased and proud to provide this letter…</option>
            <option value="honored">It is my honor to provide this letter…</option>
            <option value="enthusiastically">I am enthusiastically writing to support…</option>
            <option value="custom">Custom (type below)</option>
          </select>
          <input id="lor-opening-custom" class="rec-inp" placeholder="Custom opening sentence…" style="margin-top:6px;display:none">
        </div>
      </div>
    </div>

    <!-- TRAINEE LOR REQUEST SCREEN -->
    <div id="lor-request-screen" style="display:none;flex-direction:column;flex:1;overflow:hidden">
      <div style="padding:18px 28px 14px;border-bottom:1px solid var(--border);background:var(--navy2);display:flex;align-items:center;gap:12px;flex-shrink:0">
        <h2 style="font-family:'Fraunces',serif;font-weight:300;font-size:22px;color:#e8edf5;margin:0">Request <span style="color:var(--gold)">Recommendation Letter</span></h2>
        <button class="rec-top-btn" id="lor-req-close-btn" style="margin-left:auto">&#8592; Back</button>
      </div>
      <div style="flex:1;overflow-y:auto;padding:28px 32px;max-width:720px">
        <div style="font-size:12px;color:var(--muted);margin-bottom:24px;line-height:1.6">Fill in the details below. Your scholarly activity is saved to your profile and reused for future requests.</div>

        <div class="lor-field-group">
          <label class="lor-label">Target Fellowship Specialties</label>
          <div id="lor-req-specialty-tags" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:28px"></div>
          <button type="button" id="lor-req-specialty-btn" style="background:none;border:1px solid var(--border);border-radius:7px;color:var(--teal2);font-size:13px;padding:7px 14px;cursor:pointer;font-family:'DM Sans',sans-serif">+ Choose Specialties</button>
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Target Programs <span style="font-size:10px;color:var(--muted);font-weight:400">optional</span></label>
          <div id="lor-req-program-tags" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:28px"></div>
          <button type="button" id="lor-req-program-btn" style="background:none;border:1px solid var(--border);border-radius:7px;color:var(--teal2);font-size:13px;padding:7px 14px;cursor:pointer;font-family:'DM Sans',sans-serif">+ Choose Programs</button>
          <input id="lor-req-program" style="display:none">
        </div>
        <div class="lor-field-group">
          <label class="lor-label">AAMC ID <span style="font-size:10px;color:var(--muted);font-weight:400">optional</span></label>
          <input id="lor-req-aamc" class="rec-inp" placeholder="e.g. 14449002">
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Education History</label>
          <textarea id="lor-req-education" class="rec-textarea" rows="3" placeholder="Undergraduate institution, year. Medical school, year. Any other relevant training."></textarea>
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Scholarly Activity <span style="font-size:10px;color:var(--teal2);font-weight:400">saved to your profile</span></label>
          <textarea id="lor-req-scholarly" class="rec-textarea" rows="8" placeholder="Publications, QI projects, presentations, awards, committee memberships, leadership roles — paste from your CV or type freely."></textarea>
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Anything else you want your PD to know <span style="font-size:10px;color:var(--muted);font-weight:400">optional</span></label>
          <textarea id="lor-req-notes" class="rec-textarea" rows="3" placeholder="Career goals, personal statement highlights, specific experiences to emphasize…"></textarea>
        </div>
        <div class="lor-field-group">
          <label class="lor-label">Request from</label>
          <select id="lor-req-pd-select" class="rec-inp" style="font-size:13px"></select>
        </div>
        <button id="lor-req-submit-btn" style="width:100%;padding:13px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:8px;color:var(--navy);font-size:15px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;margin-top:8px">&#9993; Submit Request</button>
      </div>
    </div>

    <!-- LOR HUB SCREEN (My LORs — requests + completed letters) -->
    <div id="lor-hub-screen" style="display:none;flex-direction:column;flex:1;overflow:hidden">
      <div style="padding:14px 28px;border-bottom:1px solid var(--border);background:var(--navy2);display:flex;align-items:center;gap:12px;flex-shrink:0">
        <h2 style="font-family:'Fraunces',serif;font-weight:300;font-size:22px;color:#e8edf5;margin:0">My <span style="color:var(--gold)">Letters</span></h2>
        <button id="lor-hub-request-btn" style="display:none;margin-left:auto;padding:8px 16px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:7px;color:var(--navy);font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif">&#9993; Request LOR</button>
        <button id="lor-hub-back-btn" style="padding:7px 14px;background:none;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif">&#8592; Back</button>
      </div>
      <div style="display:flex;flex:1;overflow:hidden">
        <!-- Left: requests list -->
        <div id="lor-hub-list" style="width:280px;min-width:220px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0">
          <div style="padding:10px 12px 6px;border-bottom:1px solid var(--border);flex-shrink:0">
            <input id="lor-hub-search" placeholder="Search by name, specialty, program…" autocomplete="off"
              style="width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:6px;color:#e8edf5;font-size:12px;padding:7px 10px;outline:none;font-family:'DM Sans',sans-serif;box-sizing:border-box">
          </div>
          <div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:'DM Mono',monospace;padding:8px 14px 4px;flex-shrink:0">Requests &amp; Letters</div>
          <div id="lor-hub-list-items" style="flex:1;overflow-y:auto"></div>
        </div>
        <!-- Right: detail view -->
        <div id="lor-hub-detail" style="flex:1;overflow-y:auto;padding:24px 28px">
          <div id="lor-hub-empty" style="display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted);gap:12px">
            <div style="font-size:40px;opacity:0.2">&#9993;</div>
            <div style="font-size:14px">Select a request or letter on the left</div>
          </div>
          <div id="lor-hub-request-detail" style="display:none">
            <div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:'DM Mono',monospace;margin-bottom:16px">LOR Request Details</div>
            <div id="lor-hub-request-content"></div>
          </div>
          <div id="lor-hub-letter-detail" style="display:none">
            <div class="rec-doc-actions" id="lor-hub-letter-actions">
              <button class="rec-doc-btn primary" id="lor-hub-pdf-btn">&#8595; Export PDF</button>
            </div>
            <div id="lor-hub-letter-doc" style="background:#fff;color:#1a1a2e;border-radius:8px;padding:40px 48px;font-family:Georgia,serif;line-height:1.75;font-size:14px;margin-top:12px"></div>
          </div>
        </div>
      </div>
    </div>

    <!-- 4. TEMPLATE BUILDER -->
    <div id="template-builder">
      <div id="tb-topbar">
        <h2>Question <span>Template Builder</span></h2>
        <div class="tb-top-actions">
          <button class="tb-btn teal" id="tb-btn-export">↓ Export Template</button>
          <button class="tb-btn danger" id="tb-btn-reset">Reset to Defaults</button>
          <button class="tb-btn primary" id="tb-btn-save">Save Template</button>
          <button class="tb-btn" id="tb-btn-close">← Back</button>
        </div>
      </div>
      <div id="tb-controls">
        <div style="display:flex;flex-direction:column;gap:4px">
          <div style="font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-family:'DM Mono',monospace">Editing Purpose</div>
          <select id="tb-purpose-sel">
            <option value="rotation">Rotation Feedback</option>
            <option value="midyear">Mid-Year Review</option>
            <option value="endyear">End-of-Year Review</option>
            <option value="advisor">Advisor / Advisee</option>
            <option value="remediation">Remediation / PIP</option>
            <option value="adverse">Adverse Action</option>
          </select>
        </div>
        <div style="display:flex;flex-direction:column;gap:4px">
          <div style="font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-family:'DM Mono',monospace">Template Name</div>
          <input type="text" id="tb-template-name" placeholder="e.g. IM Residency — Dr. Smith">
        </div>
        <div id="tb-saved-list"></div>
      </div>
      <div id="tb-body"></div>
      <div id="tb-footer">
        <div class="tb-footer-left">
          <button class="tb-btn" id="tb-btn-add-section">+ Add Section</button>
          <span class="tb-status" id="tb-status">Unsaved changes</span>
        </div>
        <div style="font-size:16px;color:var(--muted)">Click any text to edit. Drag ⠿ to reorder. Changes are local until saved.</div>
      </div>
    </div>

    <!-- 5. REPORT -->
    <div id="report-screen">
      <div id="report-scroll-area">
        <h2>Performance Review Report</h2>
        <p class="report-subtitle" id="report-subtitle"></p>
        <div id="report-meta-row" style="display:none;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;margin-top:-12px;padding:10px 14px;background:var(--surface2);border-radius:8px;border:1px solid var(--border)">
          <span style="font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px">Trainee Name:</span>
          <input id="report-trainee-name" type="text" autocomplete="off"
            style="background:var(--navy3);border:1px solid var(--border);border-radius:5px;color:#e8edf5;font-size:13px;padding:5px 10px;font-family:'DM Sans',sans-serif;outline:none;min-width:180px;transition:border-color 0.2s"
            placeholder="Full name">
          <span style="font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;margin-left:8px">Pronouns:</span>
          <select id="pronoun-select"
            style="background:var(--navy3);border:1px solid var(--border);border-radius:5px;color:#e8edf5;font-size:12px;padding:5px 8px;font-family:'DM Mono',monospace;cursor:pointer;outline:none">
            <option value="they">they / them / their</option>
            <option value="he">he / him / his</option>
            <option value="she">she / her / her</option>
          </select>
          <span style="font-size:10px;color:rgba(143,163,192,0.45);margin-left:4px">Changes apply to next letter</span>
        </div>
        <div id="report-content"></div>
        <div class="report-actions">
          <button class="report-btn" id="btn-copy">📋 Copy Report</button>
          <button id="btn-accept-review">✓ Accept This Review</button>
          <button class="report-btn" id="btn-ilp-hub" style="background:linear-gradient(135deg,var(--teal),#17907c);color:var(--navy);border:none">📋 Learning Plans (ILP)</button>
          
          <button class="report-btn" id="btn-request-lor" style="display:none"></button>
          <button class="report-btn" id="btn-trainee-home" style="display:none;background:var(--surface2);color:#e8edf5;border:1px solid var(--border)">⌂ Home</button>
          <button class="report-btn" id="btn-new" style="margin-left:auto">↺ New Session</button>
        </div>
      </div>
      <!-- Mobile sticky action bar (hidden on desktop) -->
      <div id="report-actions-bar" style="display:none">
        <button class="report-btn" id="btn-accept-mob" style="display:none;background:linear-gradient(135deg,var(--teal),#17907c);color:#fff;border:none;box-shadow:0 2px 8px rgba(29,184,160,0.3)">✓ Accept</button>
        <button class="report-btn" id="btn-ilp-mob" style="background:linear-gradient(135deg,var(--teal),#17907c);color:var(--navy);border:none">📋 ILP</button>
        <button class="report-btn" id="btn-request-lor-mob" style="display:none"></button>
        <button class="report-btn" id="btn-home-mob" style="display:none;background:var(--surface2);color:#e8edf5;border:1px solid var(--border)">⌂ Home</button>
        <button class="report-btn" id="btn-copy-mob" style="background:var(--surface2);color:#e8edf5;border:1px solid var(--border)">📋 Copy</button>
        <button class="report-btn" id="btn-new-mob" style="background:linear-gradient(135deg,var(--gold),#a8842a);color:var(--navy);border:none">↺ New</button>
      </div>
    </div>

  </div>
</div>

<!-- SPECIALTY PICKER DIALOG -->
<div id="specialty-picker-overlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:8000;align-items:center;justify-content:center">
  <div style="background:var(--navy2);border:1px solid var(--border);border-radius:14px;padding:24px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;gap:14px">
    <div style="font-size:16px;font-weight:600;color:#e8edf5">Choose Specialties</div>
    <input id="specialty-picker-input" class="rec-inp" placeholder="Type to search (e.g. gas, card, neph…)" autocomplete="off" style="font-size:15px">
    <div id="specialty-picker-suggestions" style="max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px"></div>
    <div>
      <div style="font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-family:'DM Mono',monospace;margin-bottom:6px">Selected</div>
      <div id="specialty-picker-selected" style="display:flex;flex-wrap:wrap;gap:6px;min-height:28px"></div>
    </div>
    <div style="display:flex;gap:8px;justify-content:flex-end;margin-top:4px">
      <button id="specialty-picker-cancel" style="background:none;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size:13px;padding:8px 16px;cursor:pointer;font-family:'DM Sans',sans-serif">Cancel</button>
      <button id="specialty-picker-done" style="background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:7px;color:var(--navy);font-size:13px;font-weight:700;padding:8px 20px;cursor:pointer;font-family:'DM Sans',sans-serif">Done</button>
    </div>
  </div>
</div>

<script>
// ═══════════════════════════════════════════════════════════════════════

/* ==========================================================================
   PRE-DELIVERY VERIFICATION PROTOCOL — RUN ALL 6 CHECKS BEFORE EVERY DELIVERY
   All checks must pass before outputting the file.

   IMPORTANT: This comment must never contain the text LESS-THAN-slash-script
   or LESS-THAN-script or double-dash-GT because those tokens are parsed by
   the HTML parser even inside JS block comments, closing the script tag early.
   Describe them in words or use placeholder names instead.

   CHECK 1 — JS syntax:
     Extract the main script block. Write to a temp .js file.
     Run: node --check tmpfile. Must return exit code 0.
     Common causes of failure: unescaped single quotes inside single-quoted
     strings, missing closing style tag, actual newlines in JS string literals.

   CHECK 2 — HTML div balance (state-machine):
     Walk the file character by character, skipping HTML comment blocks,
     script blocks, and style blocks. Count opening div tags and closing
     div tags only in real HTML context. Must be equal.
     Regex stripping is insufficient — use a state machine.

   CHECK 3 — onclick to defined functions:
     Extract all onclick attribute values (strip HTML and JS block comments
     first). Every leading function name must exist in the JS block or be
     a known browser built-in. Missing names break buttons at runtime.

   CHECK 4 — style tag closed:
     Strip HTML comments. Confirm the closing style tag appears before
     the closing head tag. Missing style close causes body HTML to be
     parsed as CSS, breaking all rendering.

   CHECK 5 — version strings in all 5 locations:
     Confirm the new version appears in: arch summary header, Last verified
     line, app-version sidebar span, login footer div, mob-drawer-version div.

   CHECK 6 — premature HTML comment close:
     Find first double-dash-GT in the raw file. Find DOCTYPE. Measure gap.
     PASS if gap is 10 chars or fewer (just a newline). FAIL if larger.
     NEVER write double-dash-GT inside the HTML comment block.
     NEVER write closing-script-tag or opening-script-tag inside any
     comment (HTML or JS) — the HTML parser closes the script block on
     sight regardless of comment context.

   ALSO VERIFY after every str_replace:
     No bare-quote lines left in JS. No orphaned HTML fragments.
     All 5 version strings updated simultaneously.
   ========================================================================== */
// SHERPA DIAGNOSTIC LOGGER  (v2.1.0)
// Self-contained IIFE. Exposes window.SherpaLog with .log(), .export(),
// .clear(). Writes to localStorage key sherpa_diag_log_v1 (array of
// {ts, event, data} objects), capped at MAX_LOG_ENTRIES to avoid quota.
// Access from DevTools console: SherpaLog.export()
// ═══════════════════════════════════════════════════════════════════════
window.SherpaLog = (function(){
  var LOG_KEY        = 'sherpa_diag_log_v1';
  var MAX_LOG_ENTRIES = 500;

  function _load(){
    try{ return JSON.parse(localStorage.getItem(LOG_KEY)) || []; }
    catch(e){ return []; }
  }

  function _save(arr){
    try{ localStorage.setItem(LOG_KEY, JSON.stringify(arr)); }
    catch(e){
      // If quota exceeded, drop the oldest half and retry
      try{ localStorage.setItem(LOG_KEY, JSON.stringify(arr.slice(-Math.floor(MAX_LOG_ENTRIES/2)))); }
      catch(e2){ /* silent */ }
    }
  }

  function log(event, data){
    var arr = _load();
    arr.push({ ts: new Date().toISOString(), event: event, data: data || {} });
    if(arr.length > MAX_LOG_ENTRIES) arr = arr.slice(-MAX_LOG_ENTRIES);
    _save(arr);
  }

  function exportLog(){
    return JSON.stringify(_load(), null, 2);
  }

  function clear(){
    try{ localStorage.removeItem(LOG_KEY); } catch(e){}
    console.log('[SherpaLog] Log cleared.');
  }

  // Convenience: dump summary to console
  function summary(){
    var arr = _load();
    var counts = {};
    arr.forEach(function(e){ counts[e.event] = (counts[e.event]||0)+1; });
    console.table(counts);
    console.log('[SherpaLog] Total entries:', arr.length, '/ First:', arr[0] && arr[0].ts, '/ Last:', arr[arr.length-1] && arr[arr.length-1].ts);
  }

  console.log('[SherpaLog] v2.1.0 ready. SherpaLog.export() | SherpaLog.clear() | SherpaLog.summary()');

  return { log: log, export: exportLog, clear: clear, summary: summary };
})();

// ── Chirp error dialog visibility flag ──────────────────────────────────
// Set true while #chirp-error-dialog is visible; suppresses silence-warn.
var chirpErrorDialogVisible = false;

// ═══════════════════════════════════════════════════════════════════════
// SPECIALTY DATA
// ═══════════════════════════════════════════════════════════════════════
const SPECIALTY_GROUPS=[
  {group:'Core Residencies',items:['Anesthesiology','Dermatology','Emergency Medicine','Family Medicine','Internal Medicine','Medicine-Pediatrics (Med-Peds)','Neurology','Neurosurgery','Obstetrics & Gynecology','Ophthalmology','Orthopedic Surgery','Otolaryngology (ENT)','Pathology','Pediatrics','Physical Medicine & Rehabilitation (PM&R)','Plastic Surgery','Psychiatry','Radiation Oncology','Radiology — Diagnostic','Surgery — General','Thoracic Surgery','Urology','Vascular Surgery']},
  {group:'Internal Medicine Subspecialties',items:['Cardiology','Endocrinology','Gastroenterology','Geriatrics','Hematology','Hematology-Oncology','Hospital Medicine','Infectious Disease','Nephrology','Pulmonary & Critical Care','Rheumatology','Sleep Medicine']},
  {group:'Surgical Subspecialties',items:['Colorectal Surgery','Hand Surgery','Minimally Invasive Surgery','Pediatric Surgery','Surgical Oncology','Trauma Surgery / Acute Care Surgery']},
  {group:'Pediatric Subspecialties',items:['Neonatology','Pediatric Cardiology','Pediatric Critical Care','Pediatric Emergency Medicine','Pediatric Endocrinology','Pediatric Gastroenterology','Pediatric Hematology-Oncology','Pediatric Infectious Disease','Pediatric Nephrology','Pediatric Neurology','Pediatric Pulmonology','Pediatric Rheumatology']},
  {group:'Other Fellowships',items:['Addiction Medicine','Allergy & Immunology','Child & Adolescent Psychiatry','Clinical Cardiac Electrophysiology','Critical Care Medicine','Cytopathology','Forensic Psychiatry','Geriatric Psychiatry','Gynecologic Oncology','Interventional Cardiology','Interventional Radiology','Maternal-Fetal Medicine','Medical Genetics','Neuroradiology','Pain Medicine','Palliative Care','Reproductive Endocrinology & Infertility','Sports Medicine','Transplant Hepatology','Transplant Surgery']}
];

let PURPOSE_DESCRIPTIONS={
  rotation:'Per-rotation ACGME competency debrief. Covers all 6 domains with behavioral examples.',
  midyear:'Formal mid-year review. Milestone trajectory, goal progress, and development targets.',
  endyear:'Annual summative review. Full milestone scoring, board eligibility, and career planning.',
  advisor:'Informal check-in focused on wellbeing, goals, and career development.',
  remediation:'Structured Performance Improvement Plan. Documents deficiencies, targets, and timelines.',
  adverse:'Formal adverse action documentation. Behavioral evidence, due process, and next steps.'
};

// ═══════════════════════════════════════════════════════════════════════
// DEFAULT SECTION SETS — master reference, never mutated
// ═══════════════════════════════════════════════════════════════════════
const DEFAULT_SECTIONS={
  rotation:[
    {id:'pc',tag:'Patient Care · PC',title:'Clinical Competence',acgme:'Patient Care (PC)',desc:'Assess diagnostic reasoning, procedural skill, data synthesis, and appropriate autonomy.',sentences:['Pick a complex or atypical case from this rotation.','Walk me through exactly what data you gathered.','How did you synthesize it into a diagnosis?','Where did you draw the line between autonomy and supervision?'],followups:['Describe a procedure — success rate and how you managed complications.','Tell me about a high-stakes case where you handled clinical uncertainty.','When did you feel most confident acting independently?']},
    {id:'mk',tag:'Medical Knowledge · MK',title:'Scientific Foundation',acgme:'Medical Knowledge (MK)',desc:'Evaluate evidence-based reasoning and integration of current literature into patient decisions.',sentences:['Think about your most complex patient this block.','What guidelines or literature drove your treatment plan?','How did you adapt that evidence for their specific comorbidities?','Where did the evidence fall short — and what did you do?'],followups:['Name a recent paper that changed how you approach a common condition.','How do you reason when evidence is insufficient or conflicting?','Which knowledge area are you actively working to strengthen?']},
    {id:'sbp',tag:'Systems · SBP',title:'Systems Navigation',acgme:'Systems-Based Practice (SBP)',desc:'Probe coordination of care teams, resource management, and patient safety.',sentences:['Pick a complex discharge or high-utilization patient this block.','Walk me through the care path you chose — and why.','What institutional barriers did you hit?','How did you navigate them to keep the patient safe?'],followups:['How did you manage length-of-stay pressure without sacrificing quality?','Did you identify a quality improvement issue — did you escalate it?','How do you coordinate with case managers and consulting teams?']},
    {id:'pbli',tag:'Learning · PBLI',title:'Self-Reflection',acgme:'Practice-Based Learning (PBLI)',desc:'Assess intellectual humility, response to feedback, and a continuous improvement mindset.',sentences:['Reflect on the last two weeks of clinical work.','Which milestone have you advanced the most?','Which area has exposed the clearest gap in your skill set?','What are you doing specifically to close that gap?'],followups:['How have you used feedback from nursing or case managers to change your practice?','Describe a clinical error or near-miss — what changed after?','What self-directed learning have you done outside clinical duties?']},
    {id:'prof',tag:'Professionalism · Prof',title:'Accountability & Ethics',acgme:'Professionalism (Prof)',desc:'Evaluate accountability, ethical standards, and stress management under pressure.',sentences:['Describe a situation that tested your professional accountability.','Maybe a difficult family conversation — or a conflict with a colleague.','What did you do, and what would you do differently?','How are you managing the emotional load of this rotation?'],followups:['How do you handle disagreements with seniors while staying professional?','Tell me about a moment you felt the ethical weight of a decision.','How do you actively manage fatigue during high-intensity blocks?']},
    {id:'ics',tag:'Communication · ICS',title:'Interpersonal Skills',acgme:'Interpersonal & Communication (ICS)',desc:'Probe handoff quality, difficult conversations, team communication, and documentation.',sentences:['Take me through a family goals-of-care conference or a key handoff.','What was your structured approach going in?','What landed well — and what fell flat?','How would you run it differently next time?'],followups:['How do you adapt your style for nurses, consultants, and families?','Walk me through your documentation process for a complex patient.','How did you contribute at multidisciplinary rounds?']},
    {id:'summary',tag:'Summative',title:'Final Review',acgme:'Summative Wrap-Up',desc:'Confirm no surprises, deliver the overall assessment, and set development targets.',sentences:['Based on everything we\'ve covered today —','What are your top two development priorities for the next block?','Is there anything in today\'s feedback you did not expect?','What do you need from me or the program to get there?'],followups:['Which rotations or resources would accelerate your growth?','Anything about your wellbeing or work environment I should know?','Questions about your milestone trajectory or board eligibility?']}
  ],
  midyear:[
    {id:'progress',tag:'Milestone Progress',title:'Trajectory Review',acgme:'Mid-Year Milestones',desc:'Review milestone advancement since the start of the academic year.',sentences:['Let\'s start with where you were in July versus where you are now.','Which milestones have you advanced the most, and what\'s your evidence?','Which competency domains still feel below where you expected to be?','What\'s been the biggest barrier to your development so far?'],followups:['Walk me through a case that best represents your current level.','How has your autonomy changed since the start of the year?','What feedback from the CCC report resonates most with you?']},
    {id:'goals',tag:'Goal Review',title:'Goal Progress',acgme:'Development Goals',desc:'Assess progress toward goals set at the start of the academic year.',sentences:['At the start of the year, what were your stated learning goals?','How have you actively pursued each of those goals?','Which goals are on track — and which have you fallen behind on?','What needs to change in the second half of the year?'],followups:['Have your goals evolved since July? In what way?','What specific rotations or experiences do you need in the second half?','How are you tracking your own progress between formal reviews?']},
    {id:'strengths',tag:'Strengths',title:'Demonstrated Strengths',acgme:'Strengths',desc:'Identify and reinforce areas of strong performance with specific behavioral evidence.',sentences:['Tell me about two or three clinical moments you\'re most proud of this year.','What do you think you do better than most at your training level?','How are you using those strengths to help your team and your patients?'],followups:['Have attendings specifically commented on a strength? What did they say?','How are you mentoring or teaching juniors using your strengths?']},
    {id:'growth',tag:'Growth Areas',title:'Development Targets',acgme:'Growth Areas',desc:'Establish concrete, milestone-mapped targets for the remainder of the year.',sentences:['Let\'s be direct about the areas that need the most work.','Which competency domain consistently scores below your level?','What is the specific behavioral gap — not just the score?','What is the plan and timeline to close it before end-of-year review?'],followups:['What resources — faculty, rotations, simulation — do you need?','How will we know you\'ve achieved the target?','Is there anything about the program that\'s making improvement harder?']},
    {id:'wellbeing',tag:'Wellbeing',title:'Wellbeing & Support',acgme:'Wellbeing',desc:'Check in on the trainee\'s personal wellbeing, work-life integration, and support needs.',sentences:['Step back from clinical performance for a moment.','How are you doing as a person — not as a trainee?','Are you getting enough sleep, time off, and time with the people who matter to you?','Is there anything the program could do better to support you?'],followups:['Have you used any of the wellness resources available to you?','Is there anything you\'re dealing with personally that\'s affecting your performance?','Do you feel psychologically safe speaking up on your team?']},
    {id:'summary',tag:'Summative',title:'Action Plan',acgme:'Mid-Year Summary',desc:'Document agreed-upon targets, timelines, and program commitments.',sentences:['Let\'s summarize what we\'ve agreed on today.','What are your top two priorities for the next six months?','What am I committing to do to support you?','What would a successful end-of-year review look like for you?'],followups:['Are there any surprises in today\'s conversation?','What questions do you have for me?']}
  ],
  endyear:[
    {id:'milestones',tag:'Final Milestones',title:'Annual Milestone Review',acgme:'Summative Milestones',desc:'Final summative milestone assessment across all six ACGME competency domains.',sentences:['Let\'s do a full review of your milestone progression this year.','For each competency domain — where do you place yourself, and why?','Which domains ended stronger than you expected at the start of the year?','Where do you still have work to do going into next year?'],followups:['Walk me through your strongest case of the year in each domain.','How have you progressed since the mid-year review?','Is there any domain where you disagree with the CCC\'s assessment?']},
    {id:'yearreview',tag:'Year in Review',title:'Year in Review',acgme:'Annual Summary',desc:'Reflect on the arc of the full training year — wins, failures, and growth.',sentences:['Looking at the full year — what defined it for you?','What was your single biggest clinical win?','What was your biggest failure or miss — and what did you do with it?','Who on faculty or staff made the biggest impact on your development?'],followups:['How did your identity as a physician evolve this year?','What would you do differently if you could start the year over?']},
    {id:'boardpath',tag:'Board Eligibility',title:'Board & Certification Path',acgme:'Certification',desc:'Review procedural requirements, case logs, and board eligibility status.',sentences:['Let\'s talk about your path to board certification.','Are your procedural volumes and case logs on track for eligibility?','What requirements are at risk of not being met?','What\'s the plan to close any gaps before graduation?'],followups:['Have you registered for boards or set a target exam date?','Do you need any additional rotations or procedure exposure?','Are there any documentation or attestation items outstanding?']},
    {id:'career',tag:'Career Planning',title:'Career & Next Steps',acgme:'Career Development',desc:'Discuss post-training plans, fellowship or job search, and long-term goals.',sentences:['Let\'s look ahead past training.','What are your post-graduation plans — fellowship, private practice, academic medicine?','Where are you in the application or job search process?','How can I help you get where you\'re going?'],followups:['What type of clinical environment do you see yourself in long-term?','Do you have mentors outside this program who are guiding your career planning?','What letters of recommendation do you need, and from whom?']},
    {id:'wellbeing',tag:'Wellbeing',title:'Wellbeing & Closing',acgme:'Wellbeing',desc:'Final check on personal wellbeing and an opportunity for open dialogue.',sentences:['Before we close — how are you doing as a person?','Is there anything you want to say that isn\'t captured in the formal evaluation?','What do you want me to know that I might not have asked?'],followups:['Are you proud of who you\'ve become as a physician this year?','What legacy do you want to leave in this program?']}
  ],
  advisor:[
    {id:'checkin',tag:'Check-In',title:'How Are You?',acgme:'Wellbeing',desc:'Open, informal check-in on the trainee\'s overall state.',sentences:['This is your time — no agenda, no evaluation.','How are you actually doing right now?','What\'s taking up the most mental space for you these days?','Is there anything you haven\'t been able to say in a formal review?'],followups:['How\'s your life outside the hospital — family, sleep, hobbies?','Are you finding any joy in medicine right now?','What\'s your stress level on a scale of 1–10, and what\'s driving it?']},
    {id:'goals_adv',tag:'Goals',title:'Goals & Aspirations',acgme:'Development',desc:'Explore the trainee\'s personal and professional goals.',sentences:['Let\'s talk about where you want to go.','What kind of physician do you want to be in ten years?','How does this training year fit into that bigger picture?','What do you need right now that you\'re not getting?'],followups:['Who do you look up to in medicine and why?','Is there a career path you\'re curious about but haven\'t explored?','What\'s one thing you\'d change about your training if you could?']},
    {id:'identity',tag:'Identity',title:'Growth as a Physician',acgme:'Professionalism',desc:'Reflect on professional identity, values, and what matters most.',sentences:['Tell me about a moment recently that reminded you why you went into medicine.','What values guide how you approach your patients?','Has anything this year challenged or strengthened those values?'],followups:['When do you feel most like yourself at work?','Is there a patient who\'s stayed with you — in a good or hard way?']},
    {id:'support',tag:'Support',title:'What Do You Need?',acgme:'Support',desc:'Identify what the program, faculty, or advisor can do better.',sentences:['My job right now is to support you.','What\'s one thing I could do differently as your advisor?','Is there someone in the program you feel you can always go to?','Are there resources you need that you don\'t have access to?'],followups:['Do you feel like you belong in this program?','Is there anything in the learning environment that concerns you?']}
  ],
  remediation:[
    {id:'concern',tag:'Concern',title:'Performance Concern Review',acgme:'Deficiency Documentation',desc:'Clearly and directly address the performance concerns that triggered this review.',sentences:['I want to start by being direct about why we\'re here.','The specific concern is [state the competency domain and behavior].','I want to hear your perspective on what happened.','Do you agree with the assessment — or do you see it differently?'],followups:['Can you walk me through your thinking in the case or situation in question?','Have you received feedback about this before — and what did you do with it?','Is there anything happening outside training that contributed to this?']},
    {id:'pattern',tag:'Pattern',title:'Pattern & Root Cause',acgme:'Root Cause Analysis',desc:'Explore whether this is an isolated event or a pattern, and identify root causes.',sentences:['Let\'s look at whether this is a one-time event or a pattern.','What do you think is the root cause of this performance gap?','Have you noticed this in yourself — before anyone gave you feedback?','What gets in the way of you performing at the level expected?'],followups:['Is this specific to one type of case, team, or environment?','Do you have the knowledge and skills needed — or is there a gap there?','Is this about knowledge, skill, judgment, or something else?']},
    {id:'pip',tag:'Improvement Plan',title:'Performance Improvement Plan',acgme:'PIP',desc:'Co-create a specific, measurable improvement plan with clear milestones and timelines.',sentences:['Let\'s build a plan together that gives you a real path forward.','The specific behavioral target is: [state the milestone level expected].','Here is what I need to see from you — and by when.','Here is what the program will provide to support you.'],followups:['Do you understand exactly what success looks like?','What resources — simulation, mentorship, reading — do you need?','Who else should be involved in supporting your improvement?']},
    {id:'monitoring',tag:'Monitoring',title:'Monitoring & Check-In Plan',acgme:'Monitoring',desc:'Establish the follow-up schedule and consequences of non-improvement.',sentences:['We will review your progress at [date].','Here is what will be evaluated and how.','What happens if the targets are met — and what happens if they\'re not?','Do you have any questions about the process or your rights?'],followups:['Do you want to designate a faculty mentor for this process?','Is there anything about this plan that feels unfair or unclear?']}
  ],
  adverse:[
    {id:'facts',tag:'Facts',title:'Statement of Facts',acgme:'Behavioral Documentation',desc:'Present the documented behavioral evidence that forms the basis for this action.',sentences:['This is a formal meeting and will be documented.','I am required to inform you that this meeting relates to a possible adverse action.','The specific documented concerns are as follows.','I want to give you the opportunity to respond to each one.'],followups:['Do you have any factual corrections to the record as presented?','Are there witnesses or documentation you believe are relevant?','Do you wish to have a resident representative or advisor present?']},
    {id:'response',tag:'Trainee Response',title:'Trainee\'s Response',acgme:'Due Process',desc:'Allow the trainee to fully present their perspective and any mitigating factors.',sentences:['This is your time to speak without interruption.','Tell me your full account of the events or behaviors in question.','Is there context the program does not have that is relevant?','Are there mitigating factors you want on the record?'],followups:['Is there anything that was said or documented that you believe is factually inaccurate?','Is there anyone who can corroborate your account?']},
    {id:'process',tag:'Process',title:'Process & Next Steps',acgme:'Due Process Documentation',desc:'Explain the formal process, trainee rights, timelines, and possible outcomes.',sentences:['Let me walk you through the formal process from here.','You have the right to [state institutional due process rights].','The possible outcomes of this review are [state options].','The timeline for this process is [state timeline].'],followups:['Do you have questions about your rights in this process?','Do you have legal counsel or wish to consult with one?','Have you reviewed the program\'s policies on this type of action?']},
    {id:'documentation',tag:'Documentation',title:'Record & Signature',acgme:'Formal Record',desc:'Confirm what will be documented, who will have access, and obtain acknowledgment.',sentences:['A written summary of this meeting will be provided to you within [X] days.','You will have the opportunity to submit a written response for the record.','This meeting does not in itself constitute a final decision.','Do you have any final questions before we close?'],followups:['Do you understand what happens next and the timeline?','Is there anything you want documented as part of your response today?']}
  ]
};

// Deep clone helper
function cloneDeep(obj){return JSON.parse(JSON.stringify(obj));}

// ═══════════════════════════════════════════════════════════════════════
// LOCALSTORAGE TEMPLATE MANAGEMENT
// ═══════════════════════════════════════════════════════════════════════
const LS_KEY='sherpa_templates_v1';

function loadAllTemplates(){
  try{return JSON.parse(localStorage.getItem(LS_KEY))||{};}
  catch(e){return {};}
}

function saveAllTemplates(obj){
  try{localStorage.setItem(LS_KEY,JSON.stringify(obj));}
  catch(e){notify('Could not save — localStorage unavailable.');}
}

// Get effective sections for a purpose: custom template if saved, else defaults
function getEffectiveSections(purpose, templateName){
  const all=loadAllTemplates();
  if(templateName && all[purpose] && all[purpose][templateName]){
    return cloneDeep(all[purpose][templateName].sections);
  }
  // Find any saved template for this purpose
  if(all[purpose]){
    const names=Object.keys(all[purpose]);
    if(names.length>0) return cloneDeep(all[purpose][names[0]].sections);
  }
  return cloneDeep(DEFAULT_SECTIONS[purpose]||DEFAULT_SECTIONS.rotation);
}

function getSavedTemplateNames(purpose){
  const all=loadAllTemplates();
  return all[purpose]?Object.keys(all[purpose]):[];
}

// ═══════════════════════════════════════════════════════════════════════
// STATE
// ═══════════════════════════════════════════════════════════════════════
let sessionConfig={traineeType:'',pgy:'',specialty:'',purpose:'',templateName:''};
let currentIdx=0;
let completed=new Set();
let sectionManualNotes={};
let SECTIONS=[];   // active sections for current session (may be edited inline)
let sessionStart=null;
let timerInterval=null;
let checklistAnswers={};
// Template builder state
let tbPurpose='rotation';
let tbWorkingSections=[];  // working copy inside builder
let tbUnsaved=false;

// ═══════════════════════════════════════════════════════════════════════
// UTILITIES
// ═══════════════════════════════════════════════════════════════════════
function notify(msg,dur=3500){
  const n=document.getElementById('notify');
  n.textContent=msg;n.classList.add('show');
  clearTimeout(n._t);n._t=setTimeout(()=>n.classList.remove('show'),dur);
}
function el(id){return document.getElementById(id);}
function showOnly(id){
  // Always close ILP hub — it is managed outside the standard screen stack
  const _ihub=el('ilp-hub-screen');if(_ihub)_ihub.style.display='none';
  ['welcome','pre-review-screen','mode-select-screen','ambient-screen','interview-ui','template-builder','report-screen','ilp-progress-screen','ilp-review-screen','purpose-manager','rec-screen','mob-pd-home','lor-template-screen','lor-request-screen','lor-hub-screen'].forEach(s=>{
    const e=el(s);
    if(e){e.style.display=(s===id)?'flex':'none';}
  });
  // These screens need flex-direction column set explicitly as inline style
  if(['interview-ui','template-builder','purpose-manager','ilp-progress-screen','ilp-review-screen'].includes(id)){
    const e=el(id);e.style.flexDirection='column';e.style.flex='1';e.style.overflow='hidden';
  }
  // ILP create/progress/review use row layout (left panel + main content)
  if(['ilp-screen'].includes(id)){
    const e=el(id);e.style.flexDirection='row';e.style.flex='1';e.style.overflow='hidden';
  }
  // Mobile topbar: visibility managed by login/logout only
  // Only manage interview-mode class here so progress bar / mark-done toggle
  const mobTop=el('mobile-topbar');
  if(mobTop && typeof isMobile==='function' && isMobile()){
    if(id==='interview-ui') mobTop.classList.add('interview-mode');
    else mobTop.classList.remove('interview-mode');
  }
}

// Auto-resize textarea
function autoResize(ta){ta.style.height='auto';ta.style.height=ta.scrollHeight+'px';}

// ═══════════════════════════════════════════════════════════════════════
// COMBOBOX
// ═══════════════════════════════════════════════════════════════════════
(function initCombobox(){
  const input=el('specialty-input'),dropdown=el('specialty-dropdown'),hidden=el('specialty-value');
  const wrap=input.closest('.combobox-wrap');
  let highlightIdx=-1;
  let pendingSelect=false; // flag to prevent blur from closing before touch selects
  const allOptions=[];
  SPECIALTY_GROUPS.forEach(g=>g.items.forEach(item=>allOptions.push({group:g.group,label:item})));

  function renderDropdown(filter){
    dropdown.innerHTML='';highlightIdx=-1;
    const q=filter.toLowerCase().trim();
    let matches=q?allOptions.filter(o=>o.label.toLowerCase().includes(q)||o.group.toLowerCase().includes(q)):allOptions;
    if(!matches.length){dropdown.innerHTML='<div class="combo-empty">No matches found</div>';dropdown.classList.add('open');return;}
    const grouped={};
    matches.forEach(m=>{if(!grouped[m.group])grouped[m.group]=[];grouped[m.group].push(m.label);});
    Object.entries(grouped).forEach(([grp,items])=>{
      const lbl=document.createElement('div');lbl.className='combo-group-label';lbl.textContent=grp;dropdown.appendChild(lbl);
      items.forEach(item=>{
        const opt=document.createElement('div');opt.className='combo-option';opt.textContent=item;
        // Desktop: mousedown fires before blur, preventDefault keeps focus
        opt.addEventListener('mousedown',e=>{e.preventDefault();selectOption(item);});
        // Mobile: touchstart sets flag, touchend selects — reliable on iOS/Android
        opt.addEventListener('touchstart',()=>{ pendingSelect=true; },{passive:true});
        opt.addEventListener('touchend',e=>{
          e.preventDefault(); // prevent ghost click
          pendingSelect=false;
          selectOption(item);
        },{passive:false});
        dropdown.appendChild(opt);
      });
    });
    dropdown.classList.add('open');
  }

  function selectOption(val){
    input.value=val;hidden.value=val;
    dropdown.classList.remove('open');
    input.blur();
    checkFormReady();
  }

  function closeDropdown(){
    if(!pendingSelect) dropdown.classList.remove('open');
  }

  function getOptionEls(){return[...dropdown.querySelectorAll('.combo-option')];}

  input.addEventListener('input',()=>{hidden.value='';renderDropdown(input.value);checkFormReady();});
  input.addEventListener('focus',()=>renderDropdown(input.value));
  // Blur: delay and check pendingSelect flag
  input.addEventListener('blur',()=>setTimeout(closeDropdown, 200));
  // Tap outside on mobile also closes
  document.addEventListener('touchstart',e=>{
    if(wrap && !wrap.contains(e.target)){
      pendingSelect=false;
      dropdown.classList.remove('open');
    }
  },{passive:true});
  input.addEventListener('keydown',e=>{
    const opts=getOptionEls();
    if(e.key==='ArrowDown'){e.preventDefault();highlightIdx=Math.min(highlightIdx+1,opts.length-1);opts.forEach((o,i)=>o.classList.toggle('highlighted',i===highlightIdx));opts[highlightIdx]?.scrollIntoView({block:'nearest'});}
    else if(e.key==='ArrowUp'){e.preventDefault();highlightIdx=Math.max(highlightIdx-1,0);opts.forEach((o,i)=>o.classList.toggle('highlighted',i===highlightIdx));}
    else if(e.key==='Enter'&&highlightIdx>=0){e.preventDefault();selectOption(opts[highlightIdx].textContent);}
    else if(e.key==='Escape'){dropdown.classList.remove('open');}
  });
})();

// ═══════════════════════════════════════════════════════════════════════
// FORM VALIDATION
// ═══════════════════════════════════════════════════════════════════════
function checkFormReady(){
  const t=el('sel-trainee-type').value,p=el('sel-pgy').value,
        s=el('specialty-value').value,pu=el('sel-purpose').value;
  const fn=(el('trainee-first-name')||{value:'-'}).value.trim();
  const ln=(el('trainee-last-name')||{value:'-'}).value.trim();
  // Allow start if selectedTrainee is set (PD flow) or name fields filled
  const nameOk = (typeof selectedTrainee!=='undefined'&&selectedTrainee) || (fn&&ln);
  el('btn-start').disabled=!(t&&p&&s&&pu&&nameOk);
  // Show template indicator
  if(pu){
    const names=getSavedTemplateNames(pu);
    const ind=el('template-indicator');
    if(names.length>0){
      ind.textContent=`✓ Using saved template: "${names[0]}" — or manage templates below`;
      ind.style.display='block';
    } else {
      ind.style.display='none';
    }
  }
}

el('sel-purpose').addEventListener('change',function(){
  const desc=PURPOSE_DESCRIPTIONS[this.value]||'';
  const box=el('purpose-description');
  box.textContent=desc;box.style.display=desc?'block':'none';
  checkFormReady();
});
// ── PGY YEAR DYNAMIC FILTERING ────────────────────────────────
const PGY_MAP = {
  ms3:      ['MS3'],
  ms4:      ['MS4'],
  intern:   ['PGY-1'],
  resident: ['PGY-2','PGY-3','PGY-4','PGY-5','PGY-6'],
  chief:    ['PGY-3','PGY-4','PGY-5','PGY-6','PGY-7'],
  fellow:   ['PGY-4','PGY-5','PGY-6','PGY-7','PGY-8']
};

const ALL_PGY = ['MS3','MS4','PGY-1','PGY-2','PGY-3','PGY-4','PGY-5','PGY-6','PGY-7','PGY-8'];

function updatePgyOptions(traineeVal) {
  const sel = el('sel-pgy');
  const valid = PGY_MAP[traineeVal] || ALL_PGY;
  const current = sel.value;
  // Rebuild options
  sel.innerHTML = '<option value="">Select year…</option>';
  ALL_PGY.forEach(yr => {
    const opt = document.createElement('option');
    opt.value = yr;
    opt.textContent = yr;
    if (!valid.includes(yr)) {
      opt.disabled = true;
      opt.style.color = 'rgba(143,163,192,0.35)';
    }
    sel.appendChild(opt);
  });
  // Restore selection if still valid, otherwise clear
  if (valid.includes(current)) {
    sel.value = current;
  } else {
    sel.value = '';
    // If only one valid option, auto-select it
    if (valid.length === 1) {
      sel.value = valid[0];
    }
  }
  checkFormReady();
}

el('sel-trainee-type').addEventListener('change', function() {
  updatePgyOptions(this.value);
});
el('sel-pgy').addEventListener('change', checkFormReady);
el('trainee-first-name').addEventListener('input', checkFormReady);
el('trainee-last-name').addEventListener('input', checkFormReady);
el('trainee-first-name').addEventListener('input', checkFormReady);
el('trainee-last-name').addEventListener('input', checkFormReady);

// ═══════════════════════════════════════════════════════════════════════
// CHECKLIST
// ═══════════════════════════════════════════════════════════════════════
function getChecklist(purpose){
  const base=[
    {label:'Trainee record reviewed',detail:'Training year, milestone trajectory, and recent evaluations'},
    {label:'Previous feedback reviewed',detail:'Most recent CCC report, rotation evaluations, and 360° inputs'}
  ];
  const extras={
    rotation:[{label:'Procedural log metrics pulled',detail:'Volumes, success rates, and complication rates'},{label:'Specific cases identified',detail:'At least two behavioral examples ready'}],
    midyear:[{label:'Mid-year CCC report prepared',detail:'Milestone scores across all six domains'},{label:'Goal documentation reviewed',detail:'Goals set at start of year and progress to date'}],
    endyear:[{label:'Annual CCC report prepared',detail:'Final milestone scores and summative narrative'},{label:'Procedural/case log totals verified',detail:'Board eligibility requirements checked'},{label:'Board eligibility status confirmed',detail:'All requirements for certification reviewed'}],
    advisor:[{label:'Prior advisor notes reviewed',detail:'Notes from previous advisor meetings'}],
    remediation:[{label:'Specific behavioral incidents documented',detail:'Dates, cases, and observable behaviors'},{label:'Program director notified',detail:'PD is aware and has reviewed the documentation'},{label:'HR / GME office consulted',detail:'Institutional process confirmed with GME office'}],
    adverse:[{label:'Legal / HR review completed',detail:'Institution\'s legal counsel and HR consulted'},{label:'Documentation package assembled',detail:'All behavioral evidence formally compiled'},{label:'Due process rights confirmed',detail:'Trainee\'s rights under institutional and ACGME policy reviewed'},{label:'Program director present or briefed',detail:'PD has reviewed all materials'}]
  };
  return[...base,...(extras[purpose]||[])];
}

function buildChecklist(purpose){
  checklistAnswers={};
  const items=getChecklist(purpose);
  const container=el('checklist-items');container.innerHTML='';
  items.forEach((item,i)=>{
    const card=document.createElement('div');card.className='check-card';card.id='chk-'+i;
    card.innerHTML=`<div class="check-card-text">${item.label}<small>${item.detail}</small></div>
      <div class="yn-btns">
        <button class="yn-btn yes-btn"    data-idx="${i}" data-val="yes">Yes ✓</button>
        <button class="yn-btn no-btn"     data-idx="${i}" data-val="no">No ✕</button>
        <button class="yn-btn notyet-btn" data-idx="${i}" data-val="notyet">Not Yet</button>
      </div>`;
    container.appendChild(card);
  });
  // Reset the ready status to initial state
  updateReadyStatus(items);
  container.addEventListener('click',e=>{
    const btn=e.target.closest('.yn-btn');if(!btn)return;
    const idx=btn.dataset.idx,val=btn.dataset.val;
    checklistAnswers[idx]=val;
    // Update card styling
    const card=el('chk-'+idx);
    card.classList.remove('answered-yes','answered-no','answered-notyet');
    card.classList.add('answered-'+val);
    card.querySelectorAll('.yn-btn').forEach(b=>b.classList.remove('selected'));
    btn.classList.add('selected');
    updateReadyStatus(items);
  });
}

function updateReadyStatus(items){
  const total=items.length;
  const answered=Object.keys(checklistAnswers).length;
  const allYes=items.every((_,i)=>checklistAnswers[i]==='yes');
  const allAnswered=answered===total;
  const hasWarning=allAnswered&&!allYes;
  const icon=el('ready-icon');
  const text=el('ready-text');
  const warning=el('ready-warning');
  const btn=el('btn-begin-review');
  if(!icon||!text||!btn)return;
  if(!allAnswered){
    // Not all answered yet
    icon.textContent='✕';icon.style.color='var(--muted)';
    text.textContent=`${answered} of ${total} items answered`;
    text.style.color='var(--muted)';
    warning.style.display='none';
    btn.textContent='Start the Interview →';
    btn.className='has-warning';
    btn.disabled=true;
  } else if(allYes){
    // All yes — green ready state
    icon.textContent='✓';icon.style.color='var(--green)';
    text.textContent='Ready to begin';
    text.style.color='var(--green)';
    warning.style.display='none';
    btn.textContent='Start the Interview →';
    btn.className='all-yes';
    btn.disabled=false;
  } else {
    // Some no/not-yet — warning state
    const noCount=items.filter((_,i)=>checklistAnswers[i]==='no'||checklistAnswers[i]==='notyet').length;
    icon.textContent='⚠';icon.style.color='var(--gold2)';
    text.textContent=`${noCount} item${noCount>1?'s':''} need${noCount===1?'s':''} attention`;
    text.style.color='var(--gold2)';
    warning.style.display='block';
    btn.textContent='Start the Interview Anyway →';
    btn.className='has-warning';
    btn.disabled=false;
  }
}

// ═══════════════════════════════════════════════════════════════════════
// SIDEBAR
// ═══════════════════════════════════════════════════════════════════════
function buildSidebar(){
  const list=el('sections-list');list.innerHTML='';
  SECTIONS.forEach((s,i)=>{
    const d=document.createElement('div');
    d.className='section-item'+(i===currentIdx?' active':'')+(completed.has(i)?' done':'');
    d.innerHTML=`<span class="s-num">${String(i+1).padStart(2,'0')}</span>
      <span style="flex:1">${s.tag}</span>
      ${completed.has(i)?'<span class="check-icon">✓</span>':''}`;
    d.addEventListener('click',()=>jumpTo(i));
    list.appendChild(d);
  });
}

function jumpTo(idx){saveState();currentIdx=idx;renderSection();buildSidebar();}
function saveState(){const v=el('manual-note').value.trim();if(v)sectionManualNotes[SECTIONS[currentIdx].id]=v;}

// ═══════════════════════════════════════════════════════════════════════
// RENDER INTERVIEW SECTION (with inline editing)
// ═══════════════════════════════════════════════════════════════════════
function renderSection(){
  const s=SECTIONS[currentIdx];
  el('section-tag').textContent=s.acgme.toUpperCase();
  el('section-title').textContent=s.title;
  el('section-desc').textContent=s.desc;

  // Teleprompter sentences — editable textareas
  const tp=el('tp-sentences');tp.innerHTML='';
  s.sentences.forEach((sent,i)=>{
    const row=document.createElement('div');row.className='tp-sent-row';
    const cls=i===0?'':i===1?'secondary':'tertiary';
    const ta=document.createElement('textarea');
    ta.className='tp-sent-text '+cls;ta.value=sent;ta.rows=1;
    ta.addEventListener('input',()=>{autoResize(ta);s.sentences[i]=ta.value;});
    ta.addEventListener('focus',()=>autoResize(ta));
    setTimeout(()=>autoResize(ta),0);
    const editBtn=document.createElement('button');
    editBtn.className='tp-edit-btn';editBtn.textContent='edit';
    editBtn.addEventListener('click',()=>ta.focus());
    row.appendChild(ta);row.appendChild(editBtn);tp.appendChild(row);
  });

  // Follow-up prompts — editable + deletable + addable
  const fq=el('followup-qs');
  fq.innerHTML='<div class="fq-header">Follow-up prompts — click to edit</div>';
  s.followups.forEach((q,i)=>{
    fq.appendChild(makeFqRow(s,i,q));
  });
  const addBtn=document.createElement('button');
  addBtn.className='fq-add-btn';addBtn.textContent='+ Add follow-up prompt';
  addBtn.addEventListener('click',()=>{
    s.followups.push('');
    const newRow=makeFqRow(s,s.followups.length-1,'');
    fq.insertBefore(newRow,addBtn);
    newRow.querySelector('.fq-text').focus();
  });
  fq.appendChild(addBtn);

  el('manual-note').value=sectionManualNotes[s.id]||'';
  el('progress-fill').style.width=(completed.size/SECTIONS.length*100)+'%';
  el('nav-cur').textContent=currentIdx+1;
  el('nav-total').textContent=SECTIONS.length;
  el('btn-prev').disabled=currentIdx===0;
  el('btn-next').textContent=currentIdx===SECTIONS.length-1?'✓ Generate Report':'Mark Done & Continue →';
}

function makeFqRow(section,i,q){
  const row=document.createElement('div');row.className='fq-row';
  const bullet=document.createElement('span');bullet.className='fq-bullet';bullet.textContent='→';
  const ta=document.createElement('textarea');
  ta.className='fq-text';ta.value=q;ta.rows=1;ta.placeholder='Enter follow-up question…';
  ta.addEventListener('input',()=>{autoResize(ta);section.followups[i]=ta.value;});
  ta.addEventListener('focus',()=>autoResize(ta));
  setTimeout(()=>autoResize(ta),0);
  const del=document.createElement('button');del.className='fq-del';del.textContent='✕';del.title='Remove';
  del.addEventListener('click',()=>{section.followups.splice(i,1);renderSection();});
  row.appendChild(bullet);row.appendChild(ta);row.appendChild(del);
  return row;
}

function markDone(idx){saveState();completed.add(idx);buildSidebar();el('progress-fill').style.width=(completed.size/SECTIONS.length*100)+'%';}

// ═══════════════════════════════════════════════════════════════════════
// TRAINEE BADGE
// ═══════════════════════════════════════════════════════════════════════
function buildTraineeBadge(){
  const purposeLabels={rotation:'Rotation Feedback',midyear:'Mid-Year Review',endyear:'End-of-Year Review',advisor:'Advisor Check-In',remediation:'Remediation / PIP',adverse:'Adverse Action'};
  const badge=el('trainee-badge'); if(!badge)return;
  badge.style.display='block';
  // Use actual trainee name from selectedTrainee or sessionConfig, fall back to type/PGY
  var tName='';
  if(typeof selectedTrainee!=='undefined'&&selectedTrainee){
    tName=(selectedTrainee.fn||'')+' '+(selectedTrainee.ln||'');
  }
  if(!tName.trim()&&sessionConfig.traineeFirstName){
    tName=sessionConfig.traineeFirstName+' '+(sessionConfig.traineeLastName||'');
  }
  if(!tName.trim()) tName=sessionConfig.traineeType+(sessionConfig.pgy?' · '+sessionConfig.pgy:'');
  var meta=(sessionConfig.specialty||'')+(sessionConfig.traineeType&&sessionConfig.pgy?' &middot; '+sessionConfig.traineeType+' '+sessionConfig.pgy:'');
  badge.innerHTML='<div class="tb-name">'+tName.trim()+'</div>'
    +(meta?'<div class="tb-meta">'+meta+'</div>':'')
    +'<span class="tb-purpose">'+(purposeLabels[sessionConfig.purpose]||sessionConfig.purpose||'')+'</span>';
}

// ═══════════════════════════════════════════════════════════════════════
// TEMPLATE BUILDER
// ═══════════════════════════════════════════════════════════════════════
function openBuilder(purpose){
  tbPurpose=purpose||'rotation';
  el('tb-purpose-sel').value=tbPurpose;
  tbWorkingSections=cloneDeep(DEFAULT_SECTIONS[tbPurpose]||DEFAULT_SECTIONS.rotation);
  // Load saved if exists
  const all=loadAllTemplates();
  const names=all[tbPurpose]?Object.keys(all[tbPurpose]):[];
  if(names.length>0){
    tbWorkingSections=cloneDeep(all[tbPurpose][names[0]].sections);
    el('tb-template-name').value=names[0];
  } else {
    el('tb-template-name').value='';
  }
  tbUnsaved=false;
  renderBuilderSavedChips();
  renderBuilderBody();
  showOnly('template-builder');
  el('tb-status').textContent='No unsaved changes';
  el('tb-status').className='tb-status';
}

function renderBuilderSavedChips(){
  const container=el('tb-saved-list');container.innerHTML='';
  const all=loadAllTemplates();
  const names=all[tbPurpose]?Object.keys(all[tbPurpose]):[];
  if(names.length===0){
    const lbl=document.createElement('span');lbl.style.cssText='font-size:11px;color:var(--muted)';lbl.textContent='No saved templates for this purpose';
    container.appendChild(lbl);return;
  }
  names.forEach(name=>{
    const chip=document.createElement('div');chip.className='tb-saved-chip';
    const lbl=document.createElement('span');lbl.textContent=name;
    const del=document.createElement('span');del.className='chip-del';del.textContent='×';del.title='Delete this template';
    del.addEventListener('click',e=>{
      e.stopPropagation();
      if(!confirm(`Delete template "${name}"?`))return;
      const all2=loadAllTemplates();
      if(all2[tbPurpose])delete all2[tbPurpose][name];
      saveAllTemplates(all2);
      renderBuilderSavedChips();notify(`Template "${name}" deleted.`);
    });
    chip.addEventListener('click',()=>{
      const all2=loadAllTemplates();
      tbWorkingSections=cloneDeep(all2[tbPurpose][name].sections);
      el('tb-template-name').value=name;
      tbUnsaved=false;el('tb-status').textContent='No unsaved changes';el('tb-status').className='tb-status';
      renderBuilderBody();
      document.querySelectorAll('.tb-saved-chip').forEach(c=>c.classList.remove('active'));
      chip.classList.add('active');
    });
    chip.appendChild(lbl);chip.appendChild(del);container.appendChild(chip);
  });
}

function renderBuilderBody(){
  const body=el('tb-body');body.innerHTML='';
  tbWorkingSections.forEach((sec,si)=>{
    const card=document.createElement('div');card.className='tb-section-card';
    // Header
    const head=document.createElement('div');head.className='tb-section-head';
    const headLeft=document.createElement('div');headLeft.className='tb-section-head-left';
    const tag=document.createElement('span');tag.className='tb-section-tag';tag.textContent=sec.tag||sec.acgme;
    const titleIn=document.createElement('input');titleIn.className='tb-section-title-input';titleIn.value=sec.title;titleIn.placeholder='Section title';
    titleIn.addEventListener('input',()=>{sec.title=titleIn.value;markUnsaved();});
    headLeft.appendChild(tag);headLeft.appendChild(titleIn);
    const delSec=document.createElement('button');delSec.className='tb-btn danger';delSec.style.cssText='font-size:14px;padding:7px 14px';delSec.textContent='Remove section';
    delSec.addEventListener('click',()=>{if(!confirm('Remove this section?'))return;tbWorkingSections.splice(si,1);markUnsaved();renderBuilderBody();});
    head.appendChild(headLeft);head.appendChild(delSec);
    // Body
    const secBody=document.createElement('div');secBody.className='tb-section-body';
    // Desc
    const descLbl=document.createElement('div');descLbl.className='tb-subsection-label';descLbl.textContent='Section description (shown to faculty)';
    const descIn=document.createElement('textarea');descIn.className='tb-desc-input';descIn.value=sec.desc||'';descIn.rows=2;descIn.placeholder='Brief description of this section\'s purpose…';
    descIn.addEventListener('input',()=>{sec.desc=descIn.value;markUnsaved();});
    secBody.appendChild(descLbl);secBody.appendChild(descIn);
    // Main prompts
    const mainLbl=document.createElement('div');mainLbl.className='tb-subsection-label';mainLbl.style.marginTop='12px';mainLbl.textContent='Main teleprompter prompts';
    secBody.appendChild(mainLbl);
    const mainQs=document.createElement('div');mainQs.className='tb-questions';
    sec.sentences.forEach((sent,qi)=>{
      mainQs.appendChild(makeTbQRow(sec,'sentences',si,qi,sent,'M'+(qi+1)));
    });
    const addMain=document.createElement('button');addMain.className='tb-add-q';addMain.textContent='+ Add main prompt';
    addMain.addEventListener('click',()=>{sec.sentences.push('');markUnsaved();renderBuilderBody();setTimeout(()=>{const inputs=card.querySelectorAll('.tb-q-input');if(inputs.length)inputs[inputs.length-2].focus();},50);});
    mainQs.appendChild(addMain);secBody.appendChild(mainQs);
    // Follow-ups
    const fuLbl=document.createElement('div');fuLbl.className='tb-subsection-label';fuLbl.style.marginTop='12px';fuLbl.textContent='Follow-up prompts';
    secBody.appendChild(fuLbl);
    const fuQs=document.createElement('div');fuQs.className='tb-questions';
    sec.followups.forEach((fu,qi)=>{
      fuQs.appendChild(makeTbQRow(sec,'followups',si,qi,fu,'F'+(qi+1)));
    });
    const addFu=document.createElement('button');addFu.className='tb-add-q';addFu.textContent='+ Add follow-up';
    addFu.addEventListener('click',()=>{sec.followups.push('');markUnsaved();renderBuilderBody();setTimeout(()=>{const inputs=card.querySelectorAll('.tb-q-input');if(inputs.length)inputs[inputs.length-2].focus();},50);});
    fuQs.appendChild(addFu);secBody.appendChild(fuQs);

    card.appendChild(head);card.appendChild(secBody);body.appendChild(card);
  });
}

function makeTbQRow(sec,field,si,qi,text,typeLabel){
  const row=document.createElement('div');row.className='tb-q-row';
  const drag=document.createElement('span');drag.className='tb-q-drag';drag.textContent='⠿';drag.title='Drag to reorder';
  const type=document.createElement('span');type.className='tb-q-type';type.textContent=typeLabel;
  const inp=document.createElement('textarea');inp.className='tb-q-input';inp.value=text;inp.rows=1;inp.placeholder='Enter question or prompt…';
  inp.addEventListener('input',()=>{autoResize(inp);sec[field][qi]=inp.value;markUnsaved();});
  inp.addEventListener('focus',()=>autoResize(inp));
  setTimeout(()=>autoResize(inp),0);
  const del=document.createElement('button');del.className='tb-q-del';del.textContent='✕';del.title='Remove';
  del.addEventListener('click',()=>{sec[field].splice(qi,1);markUnsaved();renderBuilderBody();});
  row.appendChild(drag);row.appendChild(type);row.appendChild(inp);row.appendChild(del);
  return row;
}

function markUnsaved(){
  tbUnsaved=true;
  el('tb-status').textContent='● Unsaved changes';
  el('tb-status').className='tb-status';
}

function saveTemplate(){
  const name=el('tb-template-name').value.trim();
  if(!name){notify('Enter a template name first.');el('tb-template-name').focus();return;}
  const all=loadAllTemplates();
  if(!all[tbPurpose])all[tbPurpose]={};
  all[tbPurpose][name]={sections:cloneDeep(tbWorkingSections),savedAt:Date.now()};
  saveAllTemplates(all);
  tbUnsaved=false;
  el('tb-status').textContent='✓ Saved as "'+name+'"';
  el('tb-status').className='tb-status saved';
  renderBuilderSavedChips();
  notify('Template "'+name+'" saved.');
}

function resetToDefaults(){
  if(!confirm('Reset to default questions? Your current edits will be lost.'))return;
  tbWorkingSections=cloneDeep(DEFAULT_SECTIONS[tbPurpose]||DEFAULT_SECTIONS.rotation);
  el('tb-template-name').value='';
  markUnsaved();renderBuilderBody();
  notify('Reset to default questions.');
}

function exportTemplate(){
  const name=el('tb-template-name').value.trim()||('sherpa_template_'+tbPurpose);
  const data={purpose:tbPurpose,name,sections:tbWorkingSections,exportedAt:new Date().toISOString()};
  const blob=new Blob([JSON.stringify(data,null,2)],{type:'application/json'});
  const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=name.replace(/\s+/g,'_')+'.json';a.click();
  notify('Template exported as JSON.');
}

function importTemplateFile(file){
  const reader=new FileReader();
  reader.onload=e=>{
    try{
      const data=JSON.parse(e.target.result);
      if(!data.sections||!Array.isArray(data.sections))throw new Error('Invalid format');
      const purpose=data.purpose||'rotation';
      const name=data.name||'Imported Template';
      const all=loadAllTemplates();
      if(!all[purpose])all[purpose]={};
      all[purpose][name]={sections:data.sections,savedAt:Date.now()};
      saveAllTemplates(all);
      notify('Template "'+name+'" imported successfully.');
      checkFormReady();
    }catch(err){notify('Could not read template file — invalid format.');}
  };
  reader.readAsText(file);
}

// ═══════════════════════════════════════════════════════════════════════
// FLOW
// ═══════════════════════════════════════════════════════════════════════
function showPreReview(){
  showOnly('pre-review-screen');
  buildChecklist(sessionConfig.purpose);
}

function launchInterview(){
  // Load effective sections (custom template or defaults)
  SECTIONS=getEffectiveSections(sessionConfig.purpose,sessionConfig.templateName);
  currentIdx=0;completed=new Set();sectionManualNotes={};
  buildTraineeBadge();buildSidebar();renderSection();
  showOnly('interview-ui');
  sessionStart=Date.now();
  timerInterval=setInterval(()=>{
    const s=Math.floor((Date.now()-sessionStart)/1000);
    el('session-timer').textContent='Session: '+String(Math.floor(s/60)).padStart(2,'0')+':'+String(s%60).padStart(2,'0');
  },1000);
  notify('Session started.');
  if(typeof updateMobileTopbar==='function') updateMobileTopbar();
  // Ensure mobile topbar is visible during interview
  const _mt=el('mobile-topbar');
  if(_mt&&typeof isMobile==='function'&&isMobile()) _mt.style.display='flex';
}

// ═══════════════════════════════════════════════════════════════════════
// REPORT
// ═══════════════════════════════════════════════════════════════════════
function generateReport(){
  const purposeLabels={rotation:'Rotation Feedback',midyear:'Mid-Year Review',endyear:'End-of-Year Review',advisor:'Advisor/Advisee Check-In',remediation:'Remediation / Performance Improvement Plan',adverse:'Possible Adverse Action'};
  const purposeLabel=purposeLabels[sessionConfig.purpose]||sessionConfig.purpose;
  // Resolve trainee full name from selectedTrainee, sessionConfig, or form fields
  // Resolve trainee name: selectedTrainee > sessionConfig > form fields > viewingSession
  const _selT = (typeof selectedTrainee!=='undefined'&&selectedTrainee);
  const _vS   = (typeof viewingSession!=='undefined'&&viewingSession);
  const traineeFullName = (
    (_selT ? (_selT.fn+' '+_selT.ln).trim() : '') ||
    ((sessionConfig.traineeFirstName||'')+(sessionConfig.traineeLastName?' '+sessionConfig.traineeLastName:'')).trim() ||
    ((el('trainee-first-name')||{value:''}).value.trim()+' '+(el('trainee-last-name')||{value:''}).value.trim()).trim() ||
    (_vS ? (_vS.traineeFn+' '+(_vS.traineeLn||'')).trim() : '') ||
    'Trainee'
  );
  el('report-subtitle').textContent=`${traineeFullName} · ${purposeLabel} · ${sessionConfig.traineeType} · ${sessionConfig.pgy} · ${sessionConfig.specialty} · ${new Date().toLocaleDateString('en-US',{year:'numeric',month:'long',day:'numeric'})}`;
  sessionConfig.traineeFullName = traineeFullName; // make available to buildTextReport
  if(typeof showReportMeta==='function') showReportMeta(viewingSession);
  // Pre-fill pronoun from config form if available
  var _cfgPron=el('sel-pronouns');var _rpSel=el('pronoun-select');
  if(_cfgPron&&_rpSel&&_cfgPron.value)_rpSel.value=_cfgPron.value;
  let html='';
  html+=`<div class="report-section"><h3>Session Header</h3>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px">
      <div class="report-field"><label>Trainee Name</label><p>${traineeFullName}</p></div>
      <div class="report-field"><label>Trainee Type / PGY</label><p>${sessionConfig.traineeType} · ${sessionConfig.pgy}</p></div>
      <div class="report-field"><label>Specialty</label><p>${sessionConfig.specialty}</p></div>
      <div class="report-field"><label>Meeting Type</label><p>${purposeLabel}</p></div>
      <div class="report-field"><label>Date</label><p>${new Date().toLocaleDateString('en-US',{year:'numeric',month:'long',day:'numeric'})}</p></div>
      <div class="report-field"><label>Faculty / Advisor</label><p>[Attending Name, Degree]</p></div>
    </div></div>`;
  if(['rotation','midyear','endyear'].includes(sessionConfig.purpose)){
    html+=`<div class="report-section"><h3>ACGME Competency Milestone Scoring (1.0 – 5.0)</h3><div class="score-grid">`;
    ['Patient Care (PC)','Medical Knowledge (MK)','Systems-Based Practice (SBP)','Practice-Based Learning (PBLI)','Professionalism (Prof)','Interpersonal / Communication (ICS)'].forEach(c=>{
      html+=`<div class="score-row"><span class="score-label">${c}</span><span class="score-val">__ / 5.0</span></div>`;
    });
    html+=`</div></div>`;
  }
  html+=`<div class="report-section"><h3>Interview Notes by Section</h3>`;
  SECTIONS.forEach(s=>{
    const notes=(sectionManualNotes[s.id]||'').trim();
    html+=`<div class="report-field" style="margin-bottom:16px"><label>${s.acgme}</label>
      ${notes?`<div class="report-note">${notes}</div>`:`<p></p>`}
    </div>`;
  });
  html+=`</div>`;
  if(sessionConfig.purpose==='remediation'||sessionConfig.purpose==='adverse'){
    html+=`<div class="report-section"><h3>${sessionConfig.purpose==='remediation'?'Performance Improvement Plan':'Adverse Action Record'}</h3>
      <div class="report-field"><label>Specific Behavioral Deficiency</label><p style="color:var(--muted);font-style:italic">[Document the specific observable behavior, date, and context]</p></div>
      <div class="report-field"><label>ACGME Competency Domain</label><p style="color:var(--muted);font-style:italic">[Map to specific milestone level]</p></div>
      ${sessionConfig.purpose==='remediation'?`<div class="report-field"><label>Improvement Target & Timeline</label><p style="color:var(--muted);font-style:italic">[Specific behavioral target with milestone level and deadline]</p></div>
      <div class="report-field"><label>Program Support Committed</label><p style="color:var(--muted);font-style:italic">[Resources, mentorship, rotations provided]</p></div>`
      :`<div class="report-field"><label>Trainee's Response on Record</label><p style="color:var(--muted);font-style:italic">[Trainee's account as stated in the meeting]</p></div>
      <div class="report-field"><label>Due Process Steps Taken</label><p style="color:var(--muted);font-style:italic">[Rights explained, representatives offered, timeline stated]</p></div>`}
    </div>`;
  }
  if(sessionConfig.purpose==='advisor'){
    html+=`<div class="report-section"><h3>Advisor Commitments & Follow-Up</h3>
      <div class="report-field"><label>Action Items — Faculty</label><p style="color:var(--muted);font-style:italic">[What the advisor committed to do]</p></div>
      <div class="report-field"><label>Action Items — Trainee</label><p style="color:var(--muted);font-style:italic">[What the trainee committed to do]</p></div>
      <div class="report-field"><label>Next Meeting</label><p style="color:var(--muted);font-style:italic">[Date of next advisor/advisee meeting]</p></div>
    </div>`;
  }
  const verNote=sessionConfig.purpose==='adverse'?'⚠ This document is part of a formal adverse action record. Retain per institutional policy.':sessionConfig.purpose==='remediation'?'⚠ This PIP document should be co-signed by the trainee and retained in the GME file.':'⚠ Submit evaluation within 14 days of rotation/review completion (ACGME/GMEC requirement).';
  html+=`<div class="report-section"><h3>Verification</h3>
    <div class="report-field"><label>Faculty Signature</label><p>_____________________________ &nbsp;&nbsp; Date: ___________</p></div>
    ${sessionConfig.purpose==='remediation'||sessionConfig.purpose==='adverse'?`<div class="report-field"><label>Trainee Acknowledgment (does not imply agreement)</label><p>_____________________________ &nbsp;&nbsp; Date: ___________</p></div>`:''}
    <div style="margin-top:10px;font-size:12px;color:var(--muted)">${verNote}</div>
  </div>`;
  el('report-content').innerHTML=html;
  // Enable pinch-zoom on report content for mobile
  const rc = el('report-content');
  if(rc){ rc.style.touchAction='pan-y pinch-zoom'; rc.style.userSelect='text'; }
  if(typeof maybeHighlightILPButton==='function') maybeHighlightILPButton();
  if(typeof autoSaveSession==='function') autoSaveSession();  // sets viewingSession
  if(typeof showReportMeta==='function') showReportMeta(viewingSession);  // now valid
  // Show sticky action bar on mobile
  const rab = el('report-actions-bar');
  if(rab && typeof isMobile==='function' && isMobile()) rab.style.display='flex';
}

function buildTextReport(){
  const purposeLabels={rotation:'Rotation Feedback',midyear:'Mid-Year Review',endyear:'End-of-Year Review',advisor:'Advisor/Advisee Check-In',remediation:'Remediation / PIP',adverse:'Possible Adverse Action'};
  let txt='TRAINEE PERFORMANCE REVIEW REPORT\n'+'='.repeat(70)+'\n';
  txt+=`Meeting Type: ${purposeLabels[sessionConfig.purpose]||sessionConfig.purpose}\n`;
  const _tname = (typeof traineeFullName!=='undefined'&&traineeFullName) || sessionConfig.traineeFullName || sessionConfig.traineeFirstName || '';
  txt+=`Trainee: ${_tname} · ${sessionConfig.traineeType} · ${sessionConfig.pgy} · ${sessionConfig.specialty}\n`;
  txt+=`Date: ${new Date().toLocaleDateString()}\nFaculty: [Name]\n\n`;
  if(['rotation','midyear','endyear'].includes(sessionConfig.purpose)){
    txt+='MILESTONE SCORING\n'+'-'.repeat(40)+'\n';
    ['Patient Care (PC)','Medical Knowledge (MK)','Systems-Based Practice (SBP)','Practice-Based Learning (PBLI)','Professionalism (Prof)','Interpersonal/Communication (ICS)'].forEach(c=>{txt+=`  ${c}: __ / 5.0\n`;});
    txt+='\n';
  }
  txt+='INTERVIEW NOTES\n'+'-'.repeat(40)+'\n';
  SECTIONS.forEach(s=>{txt+=`\n[${s.acgme.toUpperCase()}]\n${sectionManualNotes[s.id]||'(No notes captured)'}\n`;});
  txt+='\nVERIFICATION\n'+'-'.repeat(40)+'\nFaculty Signature: ___________________________ Date: ___________\n';
  if(sessionConfig.purpose==='remediation'||sessionConfig.purpose==='adverse')
    txt+='Trainee Acknowledgment: ___________________ Date: ___________\n';
  return txt;
}

// ═══════════════════════════════════════════════════════════════════════
// EVENTS
// ═══════════════════════════════════════════════════════════════════════

// Welcome → Pre-review
el('btn-start').addEventListener('click',function(){
  const purpose=el('sel-purpose').value;
  const savedNames=getSavedTemplateNames(purpose);
  sessionConfig={
    traineeType:el('sel-trainee-type').options[el('sel-trainee-type').selectedIndex].text,
    pgy:el('sel-pgy').value,
    specialty:el('specialty-value').value,
    purpose,
    templateName:savedNames.length>0?savedNames[0]:'',
    traineeFirstName:(el('trainee-first-name')||{value:''}).value.trim(),
    traineeLastName:(el('trainee-last-name')||{value:''}).value.trim()
  };
  showPreReview();
});

// Open template builder
el('btn-open-builder').addEventListener('click',()=>openBuilder(el('sel-purpose').value||'rotation'));

// Import template
el('btn-import-template').addEventListener('click',()=>el('file-import').click());
el('file-import').addEventListener('change',function(){if(this.files[0])importTemplateFile(this.files[0]);this.value='';});

// Pre-review → Interview
el('btn-begin-review').addEventListener('click',()=>showModeSelect());

// Builder controls
el('tb-purpose-sel').addEventListener('change',function(){
  if(tbUnsaved&&!confirm('You have unsaved changes. Switch purpose anyway?')){this.value=tbPurpose;return;}
  tbPurpose=this.value;
  tbWorkingSections=cloneDeep(DEFAULT_SECTIONS[tbPurpose]||DEFAULT_SECTIONS.rotation);
  // Load saved if exists
  const all=loadAllTemplates();
  const names=all[tbPurpose]?Object.keys(all[tbPurpose]):[];
  if(names.length>0){tbWorkingSections=cloneDeep(all[tbPurpose][names[0]].sections);el('tb-template-name').value=names[0];}
  else el('tb-template-name').value='';
  tbUnsaved=false;el('tb-status').textContent='No unsaved changes';el('tb-status').className='tb-status';
  renderBuilderSavedChips();renderBuilderBody();
});

el('tb-btn-save').addEventListener('click',saveTemplate);
el('tb-btn-reset').addEventListener('click',resetToDefaults);
el('tb-btn-export').addEventListener('click',exportTemplate);
el('tb-btn-close').addEventListener('click',()=>{
  if(tbUnsaved&&!confirm('You have unsaved changes. Leave without saving?'))return;
  showOnly('welcome');checkFormReady();
});
el('tb-btn-add-section').addEventListener('click',()=>{
  tbWorkingSections.push({id:'custom_'+Date.now(),tag:'New Section',title:'New Section',acgme:'Custom',desc:'',sentences:['Enter your question here.'],followups:['Enter a follow-up prompt.']});
  markUnsaved();renderBuilderBody();
  el('tb-body').scrollTop=el('tb-body').scrollHeight;
});

// Navigation
el('btn-next').addEventListener('click',function(){
  markDone(currentIdx);
  if(currentIdx<SECTIONS.length-1){currentIdx++;renderSection();buildSidebar();}
  else{
    clearInterval(timerInterval);
    showOnly('report-screen');
    generateReport();
  }
});
el('btn-prev').addEventListener('click',function(){if(currentIdx>0){saveState();currentIdx--;renderSection();buildSidebar();}});
el('btn-copy').addEventListener('click',()=>navigator.clipboard.writeText(buildTextReport()).then(()=>notify('Report copied!')));
el('btn-new').addEventListener('click',()=>{if(confirm('Start a new session? All data will be cleared.'))location.reload();});

// Trainee Home buttons — return to trainee landing page
(function(){
  function goTraineeHome(){ if(typeof showTraineeHome==='function') showTraineeHome(); }
  var bh=el('btn-trainee-home'); if(bh) bh.addEventListener('click', goTraineeHome);
  var bhm=el('btn-home-mob');    if(bhm) bhm.addEventListener('click', goTraineeHome);
})();

// Mobile report action bar
el('btn-copy-mob').addEventListener('click',()=>navigator.clipboard.writeText(buildTextReport()).then(()=>notify('Report copied!')));
el('btn-new-mob').addEventListener('click',()=>{if(confirm('Start a new session? All data will be cleared.'))location.reload();});

// ── KEYBOARD HOTKEYS ──────────────────────────────────────────
// → flows linearly: main prompt 1 → 2 → N → followup 1 → 2 → N
// ← goes backwards through the same linear sequence
// ↓ always jumps to next section (from anywhere)
// ↑ always jumps to previous section (from anywhere)

let currentItemIdx = 0; // unified index across sentences + followups

function getAllItems() {
  const sents = [...document.querySelectorAll('.tp-sent-row')];
  const fqs   = [...document.querySelectorAll('.fq-row')];
  return { sents, fqs, total: sents.length + fqs.length };
}

function applyHighlight(idx) {
  const { sents, fqs, total } = getAllItems();
  if (!total) return;
  idx = Math.max(0, Math.min(idx, total - 1));
  currentItemIdx = idx;
  const inFollowup = idx >= sents.length;
  const fqIdx = idx - sents.length;

  // ── Main prompt rows
  sents.forEach((row, i) => {
    const ta = row.querySelector('.tp-sent-text');
    if (!inFollowup && i === idx) {
      // Active main prompt
      ta.style.color      = '#e8edf5';
      ta.style.opacity    = '1';
      row.style.background    = 'rgba(201,168,76,0.12)';
      row.style.borderRadius  = '6px';
      row.style.padding       = '4px 8px';
      row.style.marginLeft    = '-8px';
      row.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
    } else {
      // Dim when in followup mode, restore otherwise
      ta.style.color   = '';
      ta.style.opacity = inFollowup ? '0.45' : '';
      row.style.background   = '';
      row.style.borderRadius = '';
      row.style.padding      = '';
      row.style.marginLeft   = '';
    }
  });

  // ── Follow-up rows
  fqs.forEach((row, i) => {
    const ta = row.querySelector('.fq-text');
    if (!ta) return;
    if (inFollowup && i === fqIdx) {
      // Active follow-up — bigger, brighter, row expands to fit
      ta.style.fontSize   = '19px';
      ta.style.color      = '#e8edf5';
      ta.style.fontWeight = '500';
      ta.style.lineHeight = '1.6';
      ta.style.height     = 'auto';
      ta.style.height     = ta.scrollHeight + 'px';
      row.style.background   = 'rgba(201,168,76,0.15)';
      row.style.borderColor  = 'rgba(201,168,76,0.55)';
      row.style.padding      = '16px 18px';
      row.style.alignItems   = 'flex-start';
      row.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
    } else {
      ta.style.fontSize   = '';
      ta.style.color      = '';
      ta.style.fontWeight = '';
      ta.style.lineHeight = '';
      ta.style.height     = '';
      row.style.background  = '';
      row.style.borderColor = '';
      row.style.padding     = '';
      row.style.alignItems  = '';
    }
  });
}

function clearAllHighlights() {
  document.querySelectorAll('.tp-sent-row').forEach(row => {
    const ta = row.querySelector('.tp-sent-text');
    if (ta) { ta.style.color=''; ta.style.opacity=''; }
    row.style.background=''; row.style.borderRadius='';
    row.style.padding=''; row.style.marginLeft='';
  });
  document.querySelectorAll('.fq-row').forEach(row => {
    const ta = row.querySelector('.fq-text');
    if (ta) { ta.style.fontSize=''; ta.style.color=''; ta.style.fontWeight=''; ta.style.lineHeight=''; ta.style.height=''; }
    row.style.background=''; row.style.borderColor=''; row.style.padding=''; row.style.alignItems='';
  });
}

// Reset on section change — always land on first main prompt
const _origRenderSection = renderSection;
renderSection = function() {
  _origRenderSection();
  currentItemIdx = 0;
  setTimeout(() => { applyHighlight(0); if(typeof updateMobileTopbar==='function') updateMobileTopbar(); }, 30);
};

document.addEventListener('keydown', function(e) {
  const interviewVisible = el('interview-ui') && el('interview-ui').style.display !== 'none';
  if (!interviewVisible) return;
  const tag = document.activeElement && document.activeElement.tagName;
  if (tag === 'TEXTAREA' || tag === 'INPUT' || tag === 'SELECT') return;

  const { total } = getAllItems();

  if (e.key === 'ArrowRight') {
    // Advance linearly through prompts then follow-ups
    e.preventDefault();
    if (currentItemIdx < total - 1) {
      applyHighlight(currentItemIdx + 1);
    } else {
      notify('End of follow-ups — press ↓ to move to the next section');
    }

  } else if (e.key === 'ArrowLeft') {
    // Go back linearly
    e.preventDefault();
    if (currentItemIdx > 0) {
      applyHighlight(currentItemIdx - 1);
    } else {
      notify('Already at the first prompt');
    }

  } else if (e.key === 'ArrowDown') {
    // Always jump to next section
    e.preventDefault();
    clearAllHighlights();
    if (currentIdx < SECTIONS.length - 1) {
      markDone(currentIdx);
      currentIdx++;
      renderSection();
      buildSidebar();
    } else {
      notify('Last section reached');
    }

  } else if (e.key === 'ArrowUp') {
    // Always jump to previous section
    e.preventDefault();
    clearAllHighlights();
    if (currentIdx > 0) {
      saveState();
      currentIdx--;
      renderSection();
      buildSidebar();
    } else {
      notify('Already at the first section');
    }
  }
});


// ═══════════════════════════════════════════════════════════════
// MOBILE SUPPORT
// ═══════════════════════════════════════════════════════════════
function isMobile(){ return window.innerWidth <= 768; }

// Update mobile topbar whenever section renders
function updateMobileTopbar(){
  if(!isMobile()) return;
  const s = SECTIONS[currentIdx];
  if(!s) return;
  const nameEl = el('mob-section-name');
  const counterEl = el('mob-section-counter');
  const fillEl = el('mob-progress-fill');
  if(nameEl) nameEl.textContent = s.title;
  if(counterEl) counterEl.textContent = (currentIdx+1)+' / '+SECTIONS.length;
  if(fillEl) fillEl.style.width = (completed.size/SECTIONS.length*100)+'%';
  buildMobileDrawer();
  // Update badge
  const badge = el('mob-panel-badge');
  if(badge && sessionConfig.specialty){
    badge.textContent = sessionConfig.traineeType+' · '+sessionConfig.pgy+' · '+sessionConfig.specialty;
  }
}

// Build section list inside drawer
function buildMobileDrawer(){
  const container = el('mob-panel-sections');
  if(!container || !SECTIONS.length) return;
  container.innerHTML='';
  SECTIONS.forEach((s,i)=>{
    const d=document.createElement('div');
    d.className='section-item'+(i===currentIdx?' active':'')+(completed.has(i)?' done':'');
    d.innerHTML=`<span class="s-num">${String(i+1).padStart(2,'0')}</span>
      <span style="flex:1">${s.tag}</span>
      ${completed.has(i)?'<span class="check-icon">&#10003;</span>':''}`;
    d.addEventListener('click',()=>{ jumpTo(i); closeMobileDrawer(); });
    container.appendChild(d);
  });
}

function openMobileDrawer(){
  buildMobileDrawer();
  const drawer = el('mobile-drawer');
  drawer.classList.add('open');
  drawer.setAttribute('aria-hidden','false');
  document.body.style.overflow='hidden';
}

function closeMobileDrawer(){
  const drawer = el('mobile-drawer');
  drawer.classList.remove('open');
  drawer.setAttribute('aria-hidden','true');
  document.body.style.overflow='';
}

el('mob-hamburger').addEventListener('click', function(){ openMobileDrawer(); });
el('mob-close').addEventListener('click', function(){
  closeMobileDrawer();
  if(typeof currentUser==='undefined' || !currentUser) return;
  if(currentUser.role==='PD' && typeof showMobilePDHome==='function'){
    showMobilePDHome();
  } else if(currentUser.role!=='PD' && typeof showTraineeHome==='function'){
    showTraineeHome();
  }
});
el('mob-overlay').addEventListener('click', closeMobileDrawer);

// Mobile mark-done button in topbar
el('mob-mark-done').addEventListener('click', function(){
  // Visual feedback
  this.style.background='rgba(61,190,143,0.2)';
  this.style.borderColor='var(--green)';
  this.style.color='var(--green)';
  setTimeout(()=>{
    this.style.background='';
    this.style.borderColor='';
    this.style.color='';
  }, 400);
  // Trigger the same as btn-next
  el('btn-next').click();
});

// Touch swipe on question-half: swipe left=advance, right=back
(function(){
  const area = el('question-half');
  if(!area) return;
  let tx=0, ty=0;
  area.addEventListener('touchstart', e=>{
    tx=e.touches[0].clientX;
    ty=e.touches[0].clientY;
  }, {passive:true});
  area.addEventListener('touchend', e=>{
    const dx=e.changedTouches[0].clientX-tx;
    const dy=e.changedTouches[0].clientY-ty;
    if(Math.abs(dx)>55 && Math.abs(dx)>Math.abs(dy)*1.6){
      const {total}=getAllItems();
      if(dx<0 && currentItemIdx<total-1) applyHighlight(currentItemIdx+1);
      else if(dx>0 && currentItemIdx>0) applyHighlight(currentItemIdx-1);
    }
  }, {passive:true});
})();

// Also call updateMobileTopbar after launchInterview sets up sections
const _origLaunchInterview = launchInterview;
// We patch it inline after definition — just add a call at window load check
window.addEventListener('resize', ()=>{
  if(isMobile()) updateMobileTopbar();
});

// Mobile splash → config form
(function initMobileSplash(){
  // Always hide the mobile topbar on page load (JS shows it only during interview)
  const topbar = el('mobile-topbar');
  if(topbar) topbar.style.display = 'none';

  if(!isMobile()) return;

  const splashInner = el('mob-splash-inner');
  const formInner   = el('mob-form-inner');

  // Show splash, hide form — use setProperty to beat any CSS !important
  if(splashInner){ splashInner.style.setProperty('display','flex','important'); }
  if(formInner)  { formInner.style.setProperty('display','none','important'); }

  const btn = el('mob-continue');
  if(btn) btn.addEventListener('click', ()=>{
    if(splashInner) splashInner.style.setProperty('display','none','important');
    if(formInner){
      formInner.style.setProperty('display','flex','important');
      formInner.style.flexDirection = 'column';
      formInner.style.alignItems    = 'center';
      formInner.style.width         = '100%';
    }
    const w = el('welcome');
    if(w) w.scrollTop = 0;
    // Keep topbar visible for logged-in PDs
    if(typeof currentUser!=='undefined'&&currentUser&&typeof setMobileTopbarScreen==='function')
      setMobileTopbarScreen('welcome');
  });
})();


// ═══════════════════════════════════════════════════════════════════════
// ILP — INDIVIDUALIZED LEARNING PLAN
// ═══════════════════════════════════════════════════════════════════════
const ILP_LS_KEY = 'sherpa_ilps_v1';
const ACGME_DOMAINS = ['Patient Care (PC)','Medical Knowledge (MK)','Systems-Based Practice (SBP)','Practice-Based Learning (PBLI)','Professionalism (Prof)','Interpersonal & Communication (ICS)'];

// ── localStorage helpers ─────────────────────────────────────────────
function loadAllILPs(){ try{return JSON.parse(localStorage.getItem(ILP_LS_KEY))||[];}catch(e){return[];} }
function saveAllILPs(arr){ try{localStorage.setItem(ILP_LS_KEY,JSON.stringify(arr));}catch(e){notify('Could not save ILP — localStorage unavailable.');} }

// ── Current working ILP ──────────────────────────────────────────────
let currentILP = null;  // the ILP being created/edited/viewed

function newBlankILP(){
  return {
    id: 'ilp_'+Date.now(),
    traineeType: sessionConfig.traineeType||'',
    pgy: sessionConfig.pgy||'',
    specialty: sessionConfig.specialty||'',
    purpose: sessionConfig.purpose||'',
    createdAt: new Date().toISOString(),
    updatedAt: new Date().toISOString(),
    strengths:'', growth:'', career:'',
    goals:[],
    progressEntries:[],
    pdFeedback:{},
    goalThreads:{},       // {goalIdx: [{id,authorId,authorName,authorRole,text,timestamp,date}]}
    reflectionThread:[]   // same structure
  };
}

function makeBlankGoal(idx){
  return {
    idx,
    type:'aspirational',    // remedial | aspirational | both
    domain:'Patient Care (PC)',
    goal:'',        // the goal statement
    specific:'',    // what exactly
    measurable:'',  // how we'll know
    timeline:'',    // by when
    strategies:'',  // how to get there
    achieved:false,
    accepted:false, acceptedBy:'', acceptedById:'', acceptedAt:''
  };
}

// ── BUILD GOAL CARD (create/edit mode) ──────────────────────────────
function buildGoalCard(goal, idx){
  const card = document.createElement('div');
  card.className = `ilp-goal-card ${goal.type}`;
  card.id = `ilp-goal-card-${idx}`;

  card.innerHTML = `
    <div class="ilp-goal-num">Goal ${idx+1}</div>
    <button class="ilp-del-goal" data-idx="${idx}" title="Remove goal">✕</button>
    <div class="ilp-goal-header">
      <div class="ilp-goal-type">
        <select class="ilp-type-select" data-idx="${idx}" data-field="type">
          <option value="aspirational"${goal.type==='aspirational'?' selected':''}>Aspirational</option>
          <option value="remedial"${goal.type==='remedial'?' selected':''}>Remedial</option>
          <option value="both"${goal.type==='both'?' selected':''}>Both</option>
        </select>
      </div>
      <div>
        <select class="ilp-domain-select" data-idx="${idx}" data-field="domain">
          ${ACGME_DOMAINS.map(d=>`<option value="${d}"${goal.domain===d?' selected':''}>${d}</option>`).join('')}
        </select>
      </div>
    </div>
    <div class="ilp-field">
      <label>Goal Statement <span>I-SMART: clear and specific</span></label>
      <textarea class="ilp-textarea" data-idx="${idx}" data-field="goal" placeholder="By [date], I will [specific observable behavior] as evidenced by [measurable outcome]…" rows="2">${goal.goal}</textarea>
    </div>
    <div class="ilp-row">
      <div class="ilp-field">
        <label>Strategies <span>How will you achieve this?</span></label>
        <textarea class="ilp-textarea" data-idx="${idx}" data-field="strategies" placeholder="Specific rotations, reading, simulation, mentorship, cases to seek out…" rows="3">${goal.strategies}</textarea>
      </div>
      <div class="ilp-field">
        <label>Success Criteria <span>How will we measure progress?</span></label>
        <textarea class="ilp-textarea" data-idx="${idx}" data-field="measurable" placeholder="What observable evidence will confirm this goal is met? Which milestones?" rows="3">${goal.measurable}</textarea>
      </div>
    </div>
    <div class="ilp-field">
      <label>Target Timeline</label>
      <input class="ilp-input" type="text" data-idx="${idx}" data-field="timeline" placeholder="e.g. End of next rotation block · By mid-year review · 3 months" value="${goal.timeline}">
    </div>
    <div class="goal-thread-section">
      <div class="goal-accept-row" id="goal-accept-row-${idx}"></div>
      <div class="thread-section-label">Progress Notes</div>
      <div class="goal-thread" id="goal-thread-${idx}"></div>
      <div class="note-add">
        <textarea class="note-input" id="goal-note-input-${idx}" placeholder="Add a progress note or reply…" rows="2"></textarea>
        <button class="note-post-btn goal-note-post" data-idx="${idx}">Post Note</button>
      </div>
    </div>
  `;

  // Event listeners for live editing
  card.querySelectorAll('[data-field]').forEach(inp=>{
    inp.addEventListener('input', e=>{
      const i=parseInt(e.target.dataset.idx), f=e.target.dataset.field;
      currentILP.goals[i][f]=e.target.value;
      if(f==='type'){
        card.className=`ilp-goal-card ${e.target.value}`;
      }
    });
  });
  card.querySelector('.ilp-del-goal').addEventListener('click', e=>{
    const i=parseInt(e.currentTarget.dataset.idx);
    currentILP.goals.splice(i,1);
    renderILPGoalCards();
  });

  // Post note button
  const notePostBtn = card.querySelector('.goal-note-post');
  if(notePostBtn) notePostBtn.addEventListener('click', ()=>{
    const ta = el('goal-note-input-'+idx);
    if(!ta || !ta.value.trim()) return;
    if(!currentILP.goalThreads) currentILP.goalThreads={};
    if(!currentILP.goalThreads[idx]) currentILP.goalThreads[idx]=[];
    currentILP.goalThreads[idx].push(makeNote(ta.value.trim()));
    saveCurrentILP();
    ta.value='';
    renderGoalThread(idx, card.querySelector('#goal-thread-'+idx));
    notify('Note saved.');
  });

  // Acceptance + thread (rendered after innerHTML is set)
  renderGoalAcceptance(goal, idx, card);
  renderGoalThread(idx, card.querySelector('#goal-thread-'+idx));

  return card;
}

function renderILPGoalCards(){
  const container = el('ilp-goals-container');
  container.innerHTML='';
  currentILP.goals.forEach((g,i)=>{ g.idx=i; container.appendChild(buildGoalCard(g,i)); });
}

// ── OPEN ILP CREATION SCREEN ─────────────────────────────────────────
// ── SAVE ILP ─────────────────────────────────────────────────────────

// ── Note helpers ─────────────────────────────────────────────────────────
function makeNote(text){
  var user = currentUser||{};
  return {
    id: 'note_'+Date.now(),
    authorId:   user.id||'',
    authorName: ((user.fn||'')+' '+(user.ln||'')).trim()||'Unknown',
    authorRole: user.role||'Unknown',
    text:       text,
    timestamp:  Date.now(),
    date:       new Date().toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'})
  };
}

function renderGoalThread(goalIdx, container){
  if(!container || !currentILP) return;
  var thread = (currentILP.goalThreads||{})[goalIdx]||[];
  container.innerHTML='';
  if(!thread.length){
    container.innerHTML='<div class="thread-empty">No notes yet — start the conversation.</div>';
    return;
  }
  thread.forEach(function(note){
    var item=document.createElement('div');
    item.className='note-item role-'+(note.authorRole||'Unknown');
    item.innerHTML='<div class="note-author"><span class="note-role-badge">'+(note.authorRole||'')+'</span>'
      +'<span class="note-name">'+note.authorName+'</span>'
      +'<span class="note-date">'+note.date+'</span></div>'
      +'<div class="note-text">'+note.text.replace(/\n/g,'<br>')+'</div>';
    container.appendChild(item);
  });
  container.scrollTop=container.scrollHeight;
}

function renderReflectionThread(){
  var container=el('reflection-thread-container');
  if(!container||!currentILP) return;
  var thread=currentILP.reflectionThread||[];
  container.innerHTML='';
  if(!thread.length){
    container.innerHTML='<div class="thread-empty">No notes yet — add a comment on this reflection.</div>';
    return;
  }
  thread.forEach(function(note){
    var item=document.createElement('div');
    item.className='note-item role-'+(note.authorRole||'Unknown');
    item.innerHTML='<div class="note-author"><span class="note-role-badge">'+(note.authorRole||'')+'</span>'
      +'<span class="note-name">'+note.authorName+'</span>'
      +'<span class="note-date">'+note.date+'</span></div>'
      +'<div class="note-text">'+note.text.replace(/\n/g,'<br>')+'</div>';
    container.appendChild(item);
  });
  container.scrollTop=container.scrollHeight;
}

function renderGoalAcceptance(goal, idx, card){
  var row=card.querySelector('#goal-accept-row-'+idx);
  if(!row) return;
  var g=currentILP.goals[idx]||goal;
  if(g.accepted){
    row.innerHTML='<span class="accepted-badge">&#10003; Accepted by '+g.acceptedBy+' &middot; '+g.acceptedAt+'</span>';
  } else if(currentUser && currentUser.role!=='PD'){
    var btn=document.createElement('button');
    btn.className='goal-accept-btn';
    btn.textContent='\u2713 Accept This Goal';
    btn.addEventListener('click',function(){
      acceptGoal(idx,card);
    });
    row.appendChild(btn);
  } else {
    row.innerHTML='<span class="pending-accept-badge">&#9671; Awaiting trainee acceptance</span>';
  }
}

function acceptGoal(goalIdx, card){
  if(!currentILP||!currentILP.goals[goalIdx]) return;
  var g=currentILP.goals[goalIdx];
  var user=currentUser||{};
  g.accepted=true;
  g.acceptedBy=((user.fn||'')+' '+(user.ln||'')).trim();
  g.acceptedById=user.id||'';
  g.acceptedAt=new Date().toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});
  // Add system note to thread
  if(!currentILP.goalThreads) currentILP.goalThreads={};
  if(!currentILP.goalThreads[goalIdx]) currentILP.goalThreads[goalIdx]=[];
  currentILP.goalThreads[goalIdx].push({
    id:'note_'+Date.now(), authorId:'system', authorName:'System',
    authorRole:'System', text:'Goal accepted by '+g.acceptedBy+' on '+g.acceptedAt+'.',
    timestamp:Date.now(), date:g.acceptedAt
  });
  saveCurrentILP();
  renderGoalAcceptance(currentILP.goals[goalIdx], goalIdx, card);
  renderGoalThread(goalIdx, card.querySelector('#goal-thread-'+goalIdx));
  notify('Goal accepted.');
}

// Wire reflection note button (called after ILP is opened)
function wireReflectionThread(){
  var btn=el('reflection-note-post-btn');
  if(!btn) return;
  btn.onclick=null;
  btn.addEventListener('click',function(){
    var ta=el('reflection-note-input');
    if(!ta||!ta.value.trim()) return;
    if(!currentILP.reflectionThread) currentILP.reflectionThread=[];
    currentILP.reflectionThread.push(makeNote(ta.value.trim()));
    saveCurrentILP();
    ta.value='';
    renderReflectionThread();
    notify('Reflection note saved.');
  });
}

function saveCurrentILP(){
  if(!currentILP) return;
  // Persist trainee context if we have it
  if(ilpHubTraineeId && !currentILP.traineeId) currentILP.traineeId = ilpHubTraineeId;
  if(ilpHubTraineeName && !currentILP.traineeFirstName){ const parts=ilpHubTraineeName.split(' '); currentILP.traineeFirstName=parts[0]||''; currentILP.traineeLastName=parts.slice(1).join(' ')||''; }
  // Harvest reflection
  currentILP.strengths = el('ilp-strengths').value.trim();
  currentILP.growth    = el('ilp-growth').value.trim();
  currentILP.career    = el('ilp-career').value.trim();
  currentILP.updatedAt = new Date().toISOString();
  // Upsert into storage
  const all = loadAllILPs();
  const idx = all.findIndex(x=>x.id===currentILP.id);
  if(idx>=0) all[idx]=currentILP;
  else all.push(currentILP);
  saveAllILPs(all);
  notify('ILP saved.');
}

// ── OPEN ILP HUB ─────────────────────────────────────────────────────
// ── ILP Hub — trainee context ────────────────────────────────────────────
let ilpHubTraineeId   = null;  // trainee being viewed
let ilpHubTraineeName = '';
let ilpHubActiveId    = null;  // which ILP is open in editor

function openILPHub(traineeId, traineeName){
  // Set trainee context from session if not explicitly passed
  if(!traineeId && viewingSession){
    traineeId   = viewingSession.traineeId;
    traineeName = viewingSession.traineeFn + ' ' + viewingSession.traineeLn;
  }
  ilpHubTraineeId   = traineeId   || null;
  ilpHubTraineeName = traineeName || '';
  ilpHubActiveId    = null;
  currentILP        = null;

  // Update trainee label
  const lbl  = el('ilp-hub-trainee-label');
  const name = el('ilp-hub-trainee-name');
  if(lbl)  lbl.textContent  = ilpHubTraineeId ? 'Learning Plans for' : 'Learning Plans';
  if(name) name.textContent = ilpHubTraineeName;

  renderILPHubList();
  showHubEmptyState();

  // Show hub screen (manual show — outside showOnly)
  ['welcome','pre-review-screen','mode-select-screen','ambient-screen','interview-ui',
   'template-builder','report-screen','ilp-progress-screen','ilp-review-screen',
   'purpose-manager','rec-screen','lor-hub-screen','lor-template-screen',
   'lor-request-screen','mob-pd-home'].forEach(id=>{
    const e=el(id); if(e) e.style.display='none';
  });
  const hub = el('ilp-hub-screen');
  if(hub){ hub.style.display='flex'; hub.style.flexDirection='row'; }
  // Show mobile ILP bar
  if(typeof isMobile==='function' && isMobile()){
    var bar = el('mob-ilp-bar');
    if(bar) bar.classList.add('visible');
    showMobileILPList();
  }
}

function renderILPHubList(){
  const container = el('ilp-hub-list');
  if(!container) return;
  const all = loadAllILPs();

  // Filter by trainee if context is set
  let filtered = ilpHubTraineeId
    ? all.filter(ilp => ilp.traineeId === ilpHubTraineeId ||
                        (ilp.traineeFirstName && ilpHubTraineeName &&
                         (ilp.traineeFirstName+' '+ilp.traineeLastName).toLowerCase() === ilpHubTraineeName.toLowerCase()))
    : all;

  container.innerHTML = '';
  if(!filtered.length){
    container.innerHTML = '<div style="padding:12px 10px;font-size:12px;color:var(--muted);font-style:italic">No plans yet. Click <strong>Create New Plan</strong>.</div>';
    return;
  }
  filtered.slice().reverse().forEach((ilp, idx)=>{
    const item = document.createElement('div');
    item.className = 'ilp-hub-item' + (ilp.id===ilpHubActiveId?' active':'');
    const dateStr = ilp.updatedAt ? new Date(ilp.updatedAt).toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'}) : '';
    const goalCount = ilp.goals ? ilp.goals.length : 0;
    item.innerHTML = '<div class="ilp-hub-item-title">ILP '+(filtered.length-idx)+'</div>'
      + '<div class="ilp-hub-item-meta">'+dateStr+(goalCount?' &middot; '+goalCount+' goal'+(goalCount!==1?'s':''):'')+'</div>';
    item.addEventListener('click', ()=>openILPInEditor(ilp));
    container.appendChild(item);
  });
}

function showHubEmptyState(){
  const empty  = el('ilp-hub-empty');  if(empty)  empty.style.display='flex';
  const editor = el('ilp-hub-editor'); if(editor) editor.style.display='none';
}

function showHubEditor(){
  const empty  = el('ilp-hub-empty');  if(empty)  { empty.style.display='none'; }
  const editor = el('ilp-hub-editor'); if(editor) { editor.style.display='flex'; editor.style.flexDirection='column'; }
}

function openILPInEditor(ilp){
  currentILP     = JSON.parse(JSON.stringify(ilp));
  if(!currentILP.goalThreads)      currentILP.goalThreads={};
  if(!currentILP.reflectionThread) currentILP.reflectionThread=[];
  (currentILP.goals||[]).forEach(function(g){ if(g.accepted===undefined) g.accepted=false; });
  ilpHubActiveId = ilp.id;
  // Populate fields
  const s = el('ilp-strengths'); if(s) s.value = ilp.strengths||'';
  const g = el('ilp-growth');    if(g) g.value = ilp.growth||'';
  const c = el('ilp-career');    if(c) c.value = ilp.career||'';
  const lbl = el('ilp-editor-label');
  if(lbl) lbl.textContent = ilp.updatedAt ? 'Plan · '+new Date(ilp.updatedAt).toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'}) : 'Plan';
  renderILPGoalCards();
  renderReflectionThread();
  wireReflectionThread();
  // Reset tabs to reflection
  document.querySelectorAll('.ilp-tab').forEach(b=>b.classList.remove('active'));
  document.querySelectorAll('.ilp-tab-panel').forEach(p=>p.classList.remove('active'));
  const rt=el('ilp-tab-btn-reflection'); if(rt) rt.classList.add('active');
  const rp=el('ilp-tab-reflection');     if(rp) rp.classList.add('active');
  renderReflectionThread();
  wireReflectionThread();
  showHubEditor();
  renderILPHubList();
}

function openNewILPInEditor(){
  currentILP = newBlankILP();
  // Attach trainee context to the ILP
  if(ilpHubTraineeId)   currentILP.traineeId          = ilpHubTraineeId;
  if(ilpHubTraineeName) { const parts = ilpHubTraineeName.split(' '); currentILP.traineeFirstName=parts[0]||''; currentILP.traineeLastName=parts.slice(1).join(' ')||''; }
  currentILP.goals.push(makeBlankGoal(0));
  ilpHubActiveId = currentILP.id;
  const s=el('ilp-strengths');if(s)s.value='';
  const g=el('ilp-growth');   if(g)g.value='';
  const c=el('ilp-career');   if(c)c.value='';
  const lbl=el('ilp-editor-label');if(lbl)lbl.textContent='New Plan';
  renderILPGoalCards();
  document.querySelectorAll('.ilp-tab').forEach(b=>b.classList.remove('active'));
  document.querySelectorAll('.ilp-tab-panel').forEach(p=>p.classList.remove('active'));
  // v2.4.0: default to ILP Goals tab, not Self-Reflection
  const gt=el('ilp-tab-btn-goals'); if(gt) gt.classList.add('active');
  const gp=el('ilp-tab-goals');     if(gp) gp.classList.add('active');
  renderReflectionThread();
  wireReflectionThread();
  renderReflectionThread();
  wireReflectionThread();
  showHubEditor();
}

el('ilp-new-btn').addEventListener('click', openNewILPOrPick);
el('ilp-import-btn').addEventListener('click', ()=>el('ilp-import-file').click());
el('ilp-import-file').addEventListener('change',function(){if(this.files[0])importILPFile(this.files[0]);this.value='';});

// ── Hub editor action buttons ─────────────────────────────────────────────
(function wireHubEditorButtons(){
  // ilp-save-btn — save and refresh list
  const saveBtn = el('ilp-save-btn');
  if(saveBtn) saveBtn.addEventListener('click', ()=>{
    saveCurrentILP();
    renderILPHubList();
    const lbl = el('ilp-editor-label');
    if(lbl && currentILP) lbl.textContent = 'Plan · ' + new Date(currentILP.updatedAt).toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});
    notify('ILP saved.');
  });
  // ilp-export-btn
  const expBtn = el('ilp-export-btn');
  if(expBtn) expBtn.addEventListener('click', ()=>{ saveCurrentILP(); if(currentILP) exportILP(currentILP); });
  // ilp-back-report — close hub, show report
  const backBtn = el('ilp-back-report');
  if(backBtn) backBtn.addEventListener('click', ()=>{
    const hub = el('ilp-hub-screen'); if(hub) hub.style.display = 'none';
    showOnly('report-screen');
  });
  // ilp-add-goal — v2.5.0: opens mode picker so user can choose Listen Now or Manual
  const addGoalBtn = el('ilp-add-goal');
  if(addGoalBtn) addGoalBtn.addEventListener('click', ()=>{
    if(!currentILP) return;
    // Show mode picker; picker buttons will add a new goal slot after extraction/inject
    openNewILPOrPick();
  });
})();
const _ihb=el('ilp-hub-back');if(_ihb)_ihb.addEventListener('click',()=>{
  closeILPModePicker(); // v2.6.2: ensure picker is dismissed before navigating
  const hub=el('ilp-hub-screen');if(hub)hub.style.display='none';
  showOnly('report-screen');
});

// Also add ILP option to mid-year and end-year report section
// When the report for midyear/endyear is shown, the ILP button auto-highlights
function maybeHighlightILPButton(){
  const btn=el('btn-ilp-hub');
  if(!btn)return;
  const purpose=sessionConfig.purpose||'';
  if(['midyear','endyear','advisor'].includes(purpose)){
    btn.style.boxShadow='0 0 0 2px var(--teal)';
    btn.textContent='📋 Create / Update ILP (Recommended)';
  }
}


// ═══════════════════════════════════════════════════════════════════════
// MANAGE REVIEW PURPOSES
// ═══════════════════════════════════════════════════════════════════════
const PM_LS_KEY = 'sherpa_purposes_v1';

const DEFAULT_PURPOSE_META = [
  {key:'rotation',  label:'Rotation Feedback (single rotation debrief)',  description:'Per-rotation ACGME competency debrief. Covers all 6 domains with behavioral examples.',             isDefault:true, hidden:false},
  {key:'midyear',   label:'Mid-Year Program Director Review',              description:'Formal mid-year review. Milestone trajectory, goal progress, and development targets.',            isDefault:true, hidden:false},
  {key:'endyear',   label:'End-of-Year Program Director Review',           description:'Annual summative review. Full milestone scoring, board eligibility, and career planning.',         isDefault:true, hidden:false},
  {key:'advisor',   label:'Advisor / Advisee Check-In',                    description:'Informal check-in focused on wellbeing, goals, and career development.',                          isDefault:true, hidden:false},
  {key:'remediation',label:'Remediation / Performance Improvement Plan',   description:'Structured Performance Improvement Plan. Documents deficiencies, targets, and timelines.',       isDefault:true, hidden:false},
  {key:'adverse',   label:'Possible Adverse Action',                       description:'Formal adverse action documentation. Behavioral evidence, due process, and next steps.',          isDefault:true, hidden:false}
];

function loadPurposeMeta(){
  try{
    const saved = JSON.parse(localStorage.getItem(PM_LS_KEY));
    if(saved && Array.isArray(saved) && saved.length) return saved;
  }catch(e){}
  return DEFAULT_PURPOSE_META.map(p=>({...p}));
}

function savePurposeMeta(arr){
  try{ localStorage.setItem(PM_LS_KEY, JSON.stringify(arr)); }
  catch(e){ notify('Could not save — localStorage unavailable.'); }
}

// Rebuild the purpose dropdown from saved meta
function rebuildPurposeDropdown(){
  const meta = loadPurposeMeta();
  const sel = el('sel-purpose');
  const prev = sel.value;
  sel.innerHTML = '<option value="">Select purpose…</option>';
  meta.filter(p=>!p.hidden).forEach(p=>{
    const opt = document.createElement('option');
    opt.value = p.key;
    opt.textContent = p.label;
    sel.appendChild(opt);
  });
  // Restore selection if still valid
  if(prev && [...sel.options].some(o=>o.value===prev)) sel.value = prev;
  // Rebuild PURPOSE_DESCRIPTIONS
  PURPOSE_DESCRIPTIONS = {};
  meta.forEach(p=>{ PURPOSE_DESCRIPTIONS[p.key] = p.description; });
  // Update SECTION_SETS for custom purposes (inherit from base)
  meta.filter(p=>!p.isDefault && p.baseKey).forEach(p=>{
    if(!DEFAULT_SECTIONS[p.key] && DEFAULT_SECTIONS[p.baseKey]){
      DEFAULT_SECTIONS[p.key] = cloneDeep(DEFAULT_SECTIONS[p.baseKey]);
    }
  });
}

// ── Purpose Manager UI ─────────────────────────────────────────────────
let pmWorkingMeta = [];  // working copy while editing
let pmUnsaved = false;

function openPurposeManager(){
  pmWorkingMeta = loadPurposeMeta().map(p=>({...p}));
  pmUnsaved = false;
  el('pm-status').textContent = 'No unsaved changes';
  el('pm-status').className = 'pm-status';
  el('pm-add-form').classList.remove('visible');
  renderPurposeCards();
  showOnly('purpose-manager');
}

function renderPurposeCards(){
  const body = el('pm-body');
  [...body.querySelectorAll('.pm-card')].forEach(c=>c.remove());
  const addForm = el('pm-add-form');
  pmWorkingMeta.forEach((p, i)=>{
    const card = document.createElement('div');
    card.className = 'pm-card ' + (p.isDefault ? 'is-default' : 'is-custom');
    card.dataset.idx = i;
    card.innerHTML = `
      <div class="pm-card-head">
        <span class="pm-card-key">${p.key}</span>
        <span class="${p.isDefault ? 'pm-default-badge' : 'pm-custom-badge'}">${p.isDefault ? 'Default' : 'Custom'}</span>
      </div>
      <div class="pm-card-body">
        <div class="pm-row">
          <div class="pm-field">
            <label>Display Name</label>
            <input class="pm-input" data-idx="${i}" data-field="label"
              value="${p.label.replace(/"/g,'&quot;')}" placeholder="Purpose display name">
          </div>
          <div class="pm-field">
            <label>Description</label>
            <textarea class="pm-textarea" data-idx="${i}" data-field="description"
              rows="2" placeholder="Shown when this purpose is selected…">${p.description}</textarea>
          </div>
        </div>
        <div class="pm-card-actions">
          <button class="pm-btn edit-q" data-idx="${i}" data-action="editq">⚙ Edit Questions</button>
          ${!p.isDefault ? `<button class="pm-btn danger" data-idx="${i}" data-action="delete">Delete</button>` : ''}
          <label class="pm-hidden-toggle">
            <input type="checkbox" data-idx="${i}" data-field="hidden" ${p.hidden?'checked':''}> Hide from menu
          </label>
        </div>
      </div>`;
    body.insertBefore(card, addForm);
  });
}

// ── Single delegated listener on pm-body handles ALL card interactions ──
// This is robust against re-renders because the listener is on the stable parent.
(function initPMDelegation(){
  el('pm-body').addEventListener('input', e=>{
    const t = e.target;
    if(!t.dataset.field || t.dataset.idx === undefined) return;
    const idx = parseInt(t.dataset.idx);
    const field = t.dataset.field;
    if(isNaN(idx) || !pmWorkingMeta[idx]) return;
    pmWorkingMeta[idx][field] = t.type==='checkbox' ? t.checked : t.value;
    markPMUnsaved();
  });
  el('pm-body').addEventListener('change', e=>{
    const t = e.target;
    if(!t.dataset.field || t.dataset.idx === undefined) return;
    const idx = parseInt(t.dataset.idx);
    const field = t.dataset.field;
    if(isNaN(idx) || !pmWorkingMeta[idx]) return;
    pmWorkingMeta[idx][field] = t.type==='checkbox' ? t.checked : t.value;
    markPMUnsaved();
  });
  el('pm-body').addEventListener('click', e=>{
    const btn = e.target.closest('[data-action]');
    if(!btn) return;
    const idx = parseInt(btn.dataset.idx);
    const action = btn.dataset.action;
    if(isNaN(idx) || !pmWorkingMeta[idx]) return;
    if(action === 'editq'){
      savePurposeMeta(pmWorkingMeta);
      rebuildPurposeDropdown();
      openBuilder(pmWorkingMeta[idx].key);
    }
    if(action === 'delete'){
      const p = pmWorkingMeta[idx];
      if(!confirm('Delete purpose "' + p.label + '"? This cannot be undone.')) return;
      pmWorkingMeta.splice(idx, 1);
      markPMUnsaved();
      renderPurposeCards();
    }
  });
})();

function markPMUnsaved(){
  pmUnsaved = true;
  el('pm-status').textContent = '● Unsaved changes';
  el('pm-status').className = 'pm-status';
}

function savePMChanges(){
  savePurposeMeta(pmWorkingMeta);
  rebuildPurposeDropdown();
  pmUnsaved = false;
  el('pm-status').textContent = '✓ Saved — dropdown updated';
  el('pm-status').className = 'pm-status saved';
  notify('Review purposes saved. Changes are now live on the session setup screen.');
}

// ── Add new purpose ────────────────────────────────────────────────────
el('pm-add-btn').addEventListener('click', ()=>{
  el('pm-add-form').classList.add('visible');
  el('pm-new-name').value='';
  el('pm-new-desc').value='';
  el('pm-new-name').focus();
  el('pm-add-form').scrollIntoView({behavior:'smooth',block:'nearest'});
});

el('pm-cancel-btn').addEventListener('click', ()=>{
  el('pm-add-form').classList.remove('visible');
});

el('pm-create-btn').addEventListener('click', ()=>{
  const name = el('pm-new-name').value.trim();
  const desc = el('pm-new-desc').value.trim();
  const base = el('pm-new-base').value;
  if(!name){ notify('Enter a purpose name.'); el('pm-new-name').focus(); return; }
  const key = 'custom_' + Date.now();
  pmWorkingMeta.push({key, label:name, description:desc, isDefault:false, baseKey:base, hidden:false});
  markPMUnsaved();
  renderPurposeCards();
  el('pm-add-form').classList.remove('visible');
  notify(`Purpose "${name}" created. Save changes to activate, then use Edit Questions to customise its prompts.`);
});

// ── Toolbar buttons ────────────────────────────────────────────────────
el('pm-save-btn').addEventListener('click', savePMChanges);
el('pm-close-btn').addEventListener('click', ()=>{
  if(pmUnsaved && !confirm('You have unsaved changes. Leave without saving?'))return;
  showOnly('welcome');
  checkFormReady();
});

// ── Open from welcome screen ───────────────────────────────────────────
el('btn-open-purposes').addEventListener('click', ()=>openPurposeManager());

// ── Initialise on page load ────────────────────────────────────────────
rebuildPurposeDropdown();


// ═══════════════════════════════════════════════════════════════════════
// MOCK AUTH + SESSION HISTORY
// ═══════════════════════════════════════════════════════════════════════

const MOCK_USERS = {
  PD1:{id:'PD1',role:'PD',fn:'Brian',   ln:'Zeno',      specialty:'Anesthesiology',       pgy:null},
  PD2:{id:'PD2',role:'PD',fn:'Sarah',   ln:'Mitchell',  specialty:'Internal Medicine',     pgy:null},
  PD3:{id:'PD3',role:'PD',fn:'James',   ln:'Okafor',    specialty:'Surgery',               pgy:null},
  PD4:{id:'PD4',role:'PD',fn:'Elena',   ln:'Vasquez',   specialty:'Pediatrics',            pgy:null},
  PD5:{id:'PD5',role:'PD',fn:'Robert',  ln:'Kim',       specialty:'Psychiatry',            pgy:null},
  FL1:{id:'FL1',role:'Fellow',fn:'Priya',   ln:'Sharma',   specialty:'Cardiology',           pgy:'PGY-5'},
  FL2:{id:'FL2',role:'Fellow',fn:'Marcus',  ln:'Thompson', specialty:'Gastroenterology',     pgy:'PGY-5'},
  FL3:{id:'FL3',role:'Fellow',fn:'Hannah',  ln:'Chen',     specialty:'Pulmonology',          pgy:'PGY-4'},
  FL4:{id:'FL4',role:'Fellow',fn:'Diego',   ln:'Ramirez',  specialty:'Oncology',             pgy:'PGY-6'},
  FL5:{id:'FL5',role:'Fellow',fn:'Olivia',  ln:'Bennett',  specialty:'Nephrology',           pgy:'PGY-5'},
  RS1:{id:'RS1',role:'Resident',fn:'Tyler',   ln:'Morrison',  specialty:'Internal Medicine',  pgy:'PGY-2'},
  RS2:{id:'RS2',role:'Resident',fn:'Fatima',  ln:'Al-Hassan', specialty:'Surgery',            pgy:'PGY-3'},
  RS3:{id:'RS3',role:'Resident',fn:'Nathan',  ln:'Park',      specialty:'Emergency Medicine', pgy:'PGY-2'},
  RS4:{id:'RS4',role:'Resident',fn:'Isabella',ln:'Greco',     specialty:'Pediatrics',         pgy:'PGY-1'},
  RS5:{id:'RS5',role:'Resident',fn:'Caleb',   ln:'Washington',specialty:'Psychiatry',         pgy:'PGY-3'},
};

const SESS_KEY    = 'sherpa_mock_sessions_v1';
const USER_KEY    = 'sherpa_mock_user_v1';
const CUSTOM_KEY  = 'sherpa_mock_custom_trainees_v1';

let currentUser    = null;
let selectedTrainee = null;  // { id, fn, ln, role, specialty, pgy }
let viewingSession  = null;  // session currently shown in report

// ── Storage helpers ─────────────────────────────────────────────────────
function loadSessions(){ try{return JSON.parse(localStorage.getItem(SESS_KEY))||[];}catch(e){return[];} }
function saveSessions(a){ try{localStorage.setItem(SESS_KEY,JSON.stringify(a));}catch(e){} }
function loadCustomTrainees(){ try{return JSON.parse(localStorage.getItem(CUSTOM_KEY))||[];}catch(e){return[];} }
function saveCustomTrainees(a){ try{localStorage.setItem(CUSTOM_KEY,JSON.stringify(a));}catch(e){} }
function allTrainees(){
  const mock = Object.values(MOCK_USERS).filter(u=>u.role!=='PD');
  const custom = loadCustomTrainees();
  return [...mock, ...custom];
}

// ── Login / Logout ───────────────────────────────────────────────────────
function doLogin(userId, pwd){
  const u = MOCK_USERS[userId.toUpperCase()];
  if(!u) return 'Unknown username. Use PD1–PD5, FL1–FL5, or RS1–RS5.';
  if(pwd !== 'demo') return 'Incorrect password. Use: demo';
  currentUser = u;
  try{localStorage.setItem(USER_KEY, JSON.stringify(u));}catch(e){}
  return null;
}

function doLogout(){
  currentUser = null; selectedTrainee = null; viewingSession = null;
  try{localStorage.removeItem(USER_KEY);}catch(e){}
  // Reset all form fields
  ['sel-trainee-type','sel-pgy','sel-purpose'].forEach(id=>{const e=el(id);if(e)e.value='';});
  const si=el('specialty-input');if(si){si.value='';} const sv=el('specialty-value');if(sv)sv.value='';
  const fn=el('trainee-first-name');if(fn){fn.value='';fn.readOnly=false;fn.style.opacity='';}
  const ln=el('trainee-last-name');if(ln){ln.value='';ln.readOnly=false;ln.style.opacity='';}
  // Reset trainee home
  const th=el('trainee-home');if(th){th.innerHTML='';th.style.display='none';}
  // Hide sidebar nav and close any open panels
  var nav=el('sidebar-nav'); if(nav) nav.style.display='none';
  var tsp=el('trainee-session-panel'); if(tsp) tsp.style.display='none';
  ['snav-panel-existing','snav-panel-sessions'].forEach(function(id){ var p=el(id); if(p) p.style.display='none'; });
  var snavCtx=el('snav-trainee-ctx'); if(snavCtx) snavCtx.style.display='none';
  // Reset mob-pd-home content view back to cards
  const cv=el('mph-cards-view');if(cv)cv.style.display='block';
  const ctv=el('mph-content-view');if(ctv)ctv.style.display='none';
  const ctxStrip=el('mob-panel-trainee-ctx');if(ctxStrip)ctxStrip.style.display='none';
  // Restore PD welcome state so next PD login sees the form
  if(typeof restorePDWelcome==='function') try{restorePDWelcome();}catch(e){}
  showLoginScreen();
}

function showLoginScreen(){
  const _ls=el('login-screen');if(_ls)_ls.style.display='flex';
  ['logout-btn','mob-logout-btn','sidebar-user-bar','trainee-search-panel','sidebar-recent-panel'].forEach(id=>{const e=el(id);if(e)e.style.display='none';});
  ['welcome','pre-review-screen','interview-ui','template-builder','report-screen'].forEach(id=>{const e=el(id);if(e)e.style.display='none';});
}

// ── Trainee home ─────────────────────────────────────────────────────────
function showTraineeHome(){
  // Hide the review-initiation UI (Fellows/Residents cannot conduct reviews)
  ['config-form','btn-start','btn-open-builder','btn-open-purposes','btn-import-template'].forEach(function(id){
    var e=el(id); if(e) e.style.display='none';
  });
  // Also hide h2/tagline in welcome (they're PD-oriented)
  var fi = el('mob-form-inner');
  if(fi){
    var h2=fi.querySelector('h2'); if(h2) h2.style.display='none';
    var tg=fi.querySelector('.tagline'); if(tg) tg.style.display='none';
    var wl=fi.querySelector('.welcome-links'); if(wl) wl.style.display='none';
    var note=fi.querySelector('[style*="All fields required"]'); if(note) note.style.display='none';
  }
  // Build trainee home content
  var home = el('trainee-home');
  if(!home) return;
  var allSess = loadSessions();
  var mySess = allSess.filter(function(s){
    return s.traineeId===currentUser.id ||
           (s.traineeFn===currentUser.fn && s.traineeLn===currentUser.ln);
  });
  mySess.sort(function(a,b){ return (b.timestamp||0)-(a.timestamp||0); });
  var pendingSess  = mySess.filter(function(s){ return s.status!=='accepted'; });
  var acceptedSess = mySess.filter(function(s){ return s.status==='accepted'; });
  var name = currentUser.fn;

  if(mySess.length===0){
    home.innerHTML =
      '<div class="th-icon">📋</div>'+
      '<h2>No reviews yet</h2>'+
      '<p class="th-msg">Hi <strong>'+name+'</strong> — your program director will conduct a '+
      'performance review and it will appear here.</p>';
  } else {
    // Header
    home.innerHTML =
      '<div class="th-icon">📋</div>'+
      '<h2>Welcome, '+name+'</h2>'+
      '<div class="th-count">'+currentUser.specialty+(currentUser.pgy?' · '+currentUser.pgy:'')+'</div>';

    var sessWrap = document.createElement('div');
    sessWrap.style.cssText = 'width:100%;margin-top:16px;display:flex;flex-direction:column;gap:10px;text-align:left';

    // Pending reviews — highlighted gold
    if(pendingSess.length){
      var pendHdr = document.createElement('div');
      pendHdr.style.cssText = 'font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:DM Mono,monospace;margin-bottom:4px;display:flex;align-items:center;gap:8px';
      pendHdr.innerHTML = 'Pending Reviews'
        +' <span style="background:var(--gold);color:var(--navy);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700;font-family:DM Mono,monospace">'+pendingSess.length+'</span>';
      sessWrap.appendChild(pendHdr);
      pendingSess.forEach(function(s){
        var pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose;
        var card=document.createElement('div');
        card.style.cssText='background:rgba(201,168,76,0.07);border:1.5px solid rgba(201,168,76,0.35);border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color 0.15s';
        card.innerHTML='<div style="font-size:14px;color:#e8edf5;font-weight:600;margin-bottom:4px">'+(s.pdName||'Review')
          +' <span style="font-size:10px;padding:2px 8px;background:rgba(201,168,76,0.15);color:var(--gold2);border:1px solid rgba(201,168,76,0.3);border-radius:8px;font-family:DM Mono,monospace;margin-left:4px">Needs Review</span></div>'
          +'<div style="font-size:11px;color:var(--muted);font-family:DM Mono,monospace">'+s.date+' · '+pShort+(s.specialty?' · '+s.specialty:'')+'</div>';
        card.addEventListener('click', function(){ openSessionReport(s); });
        sessWrap.appendChild(card);
      });
    }

    // Accepted reviews
    if(acceptedSess.length){
      var accHdr = document.createElement('div');
      accHdr.style.cssText = 'font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:DM Mono,monospace;margin-bottom:4px;margin-top:'+(pendingSess.length?'10px':'0');
      accHdr.textContent = 'Past Reviews';
      sessWrap.appendChild(accHdr);
      acceptedSess.forEach(function(s){
        var pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose;
        var card=document.createElement('div');
        card.style.cssText='background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color 0.15s';
        card.innerHTML='<div style="font-size:14px;color:#e8edf5;font-weight:500;margin-bottom:4px">'+(s.pdName||'Review')
          +' <span style="font-size:10px;padding:2px 8px;background:rgba(61,190,143,0.12);color:var(--green);border:1px solid rgba(61,190,143,0.25);border-radius:8px;font-family:DM Mono,monospace;margin-left:4px">Accepted</span></div>'
          +'<div style="font-size:11px;color:var(--muted);font-family:DM Mono,monospace">'+s.date+' · '+pShort+(s.specialty?' · '+s.specialty:'')+'</div>';
        card.addEventListener('click', function(){ openSessionReport(s); });
        sessWrap.appendChild(card);
      });
    }
    home.appendChild(sessWrap);
  }
  home.style.display = 'flex';

  // Mobile: show mob-form-inner (hidden by media query) and hide splash
  if(typeof isMobile==='function' && isMobile()){
    var fi2=el('mob-form-inner');
    if(fi2){
      fi2.style.setProperty('display','flex','important');
      fi2.style.flexDirection='column';
      fi2.style.alignItems='center';
      fi2.style.width='100%';
    }
    var si=el('mob-splash-inner');
    if(si) si.style.setProperty('display','none','important');
    setMobileTopbarScreen('trainee-home');
  }

  showOnly('welcome');
  if(typeof isMobile==='function' && isMobile()) setMobileTopbarScreen('trainee-home');
}

function restorePDWelcome(){
  // Clear interview breadcrumbs so sidebar shows clean 4-button state on login
  var sl=el('sections-list'); if(sl) sl.innerHTML='';
  // Hide trainee badge when returning to welcome — no active session
  var badge=el('trainee-badge'); if(badge) badge.style.display='none';
  // Re-show the PD review form elements hidden by showTraineeHome
  ['config-form','btn-start','btn-open-builder','btn-open-purposes','btn-import-template'].forEach(function(id){
    var e=el(id); if(e) e.style.display='';
  });
  var fi = el('mob-form-inner');
  if(fi){
    var h2=fi.querySelector('h2'); if(h2) h2.style.display='';
    var tg=fi.querySelector('.tagline'); if(tg) tg.style.display='';
    var wl=fi.querySelector('.welcome-links'); if(wl) wl.style.display='';
  }
  var home = el('trainee-home'); if(home) home.style.display='none';
}

function onLoginSuccess(){
  el('login-screen').style.display='none';
  const _lb=el('logout-btn');if(_lb)_lb.style.display='block';
  const _mlb=el('mob-logout-btn');if(_mlb)_mlb.style.display='block';
  renderUserBar();
  if(currentUser.role==='PD'){
    // sidebar-nav has 4 buttons — do NOT show trainee-search-panel or sidebar-recent-panel on login
    var acc=el('sidebar-nav'); if(acc) acc.style.display='flex';
    // Suppress PD user bar from sidebar — nav buttons are the UI now
    var bar=el('sidebar-user-bar'); if(bar) bar.style.display='none';
  } else {
    renderRecentPanel();
    el('sidebar-recent-panel').style.display='flex';
  }
  applyRoleUI();
  if(currentUser.role!=='PD'){
    showTraineeHome();
  } else {
    restorePDWelcome();
    showOnly('welcome');
    checkFormReady();
    if(typeof renderPDWorkItems==='function') setTimeout(function(){ renderPDWorkItems(); }, 200);
    // Direct badge update — deferred so all patches and DOM are settled.
    // This is the authoritative call site; it fires on every login path
    // including initMockAuth (page refresh) where patch chain ordering
    // means updateSBALORBadge may not be reachable via renderPDWorkItems alone.
    setTimeout(function(){ if(typeof updateSBALORBadge==='function') updateSBALORBadge(); }, 300);
  }
}

// ── Sidebar user bar ─────────────────────────────────────────────────────
function renderUserBar(){
  const bar=el('sidebar-user-bar'); if(!bar)return;
  const roleLabel={PD:'Program Director',Fellow:'Fellow',Resident:'Resident'}[currentUser.role]||currentUser.role;
  const prefix=currentUser.role==='PD'?'Dr. ':'';
  el('sub-role-tag').textContent=roleLabel;
  el('sub-fullname').textContent=prefix+currentUser.fn+' '+currentUser.ln;
  el('sub-detail').textContent=currentUser.specialty+(currentUser.pgy?' · '+currentUser.pgy:'');
  bar.style.display='flex';
}

// ── Role-based UI ────────────────────────────────────────────────────────
function applyRoleUI(){
  const isPD=currentUser.role==='PD';
  const bl=el('btn-open-builder'),pl=el('btn-open-purposes');
  if(bl)bl.style.display=isPD?'':'none';
  if(pl)pl.style.display=isPD?'':'none';
  // Pre-fill name fields for non-PD (their own name, read-only)
  if(!isPD){
    const fn=el('trainee-first-name'); if(fn){fn.value=currentUser.fn;fn.readOnly=true;fn.style.opacity='0.7';}
    const ln=el('trainee-last-name');  if(ln){ln.value=currentUser.ln;ln.readOnly=true;ln.style.opacity='0.7';}
    // Also auto-fill their specialty + type into the form
    const sv=el('specialty-value'); if(sv)sv.value=currentUser.specialty;
    const si=el('specialty-input'); if(si)si.value=currentUser.specialty;
    const spgy=el('sel-pgy'); if(spgy&&currentUser.pgy)spgy.value=currentUser.pgy;
    // Set trainee type
    const stt=el('sel-trainee-type');
    if(stt&&currentUser.role==='Fellow'){
      [...stt.options].forEach(o=>{if(o.text.toLowerCase().includes('fellow'))stt.value=o.value;});
    } else if(stt&&currentUser.role==='Resident'){
      [...stt.options].forEach(o=>{if(o.text.toLowerCase().includes('resident'))stt.value=o.value;});
    }
    // Update PGY options
    if(typeof updatePgyOptions==='function') updatePgyOptions(stt?stt.value:'');
    checkFormReady();
  }
  // Accept review button visibility handled in openSessionReport
  const ar=el('btn-accept-review'); if(ar)ar.style.display='none';
}

// ── Trainee search (PD only) ─────────────────────────────────────────────
function renderTraineeSearch(query){
  const results=el('tsp-results'); if(!results)return;
  const q=query.toLowerCase().trim();
  const trainees=allTrainees();
  const matches=q?trainees.filter(t=>(t.fn+' '+t.ln).toLowerCase().includes(q)):trainees.slice(0,20);
  results.innerHTML='';
  if(!matches.length){
    results.innerHTML='<div style="padding:6px 10px;font-size:11px;color:var(--muted)">No matches. Use + Add New.</div>';
    return;
  }
  matches.forEach(t=>{
    const d=document.createElement('div');
    d.className='tsp-item'+(selectedTrainee&&selectedTrainee.id===t.id?' selected-trainee':'');
    d.innerHTML='<div class="tsp-name">'+t.fn+' '+t.ln+'</div><div class="tsp-meta">'+t.role+' &middot; '+t.specialty+(t.pgy?' &middot; '+t.pgy:'')+'</div>';
    d.addEventListener('click',()=>{
      pickTrainee(t);
      // Close ILP hub and any other screen, show config for this trainee
      var hub=el('ilp-hub-screen');if(hub)hub.style.display='none';
      showOnly('welcome');
      checkFormReady();
    });
    results.appendChild(d);
  });
}

function pickTrainee(t){
  selectedTrainee=t;
  // Show selected bar
  const bar=el('tsp-selected-bar'); if(bar)bar.style.display='block';
  el('tsp-sel-name').textContent=t.fn+' '+t.ln;
  el('tsp-sel-meta').textContent=t.role+' · '+t.specialty+(t.pgy?' · '+t.pgy:'');
  el('tsp-search').value='';
  // Re-render full list with selected trainee highlighted
  renderTraineeSearch('');
  // Auto-fill form fields
  fillFormForTrainee(t);
  notify('Selected: '+t.fn+' '+t.ln);
  // Show trainee session history panel on desktop
  if(typeof isMobile==='function' && !isMobile()) showTraineeSessionPanel(t);
}

function fillFormForTrainee(t){
  const fn=el('trainee-first-name');if(fn)fn.value=t.fn;
  const ln=el('trainee-last-name'); if(ln)ln.value=t.ln;
  const sv=el('specialty-value'); if(sv)sv.value=t.specialty;
  const si=el('specialty-input'); if(si)si.value=t.specialty;
  if(t.pgy){const pgy=el('sel-pgy');if(pgy)pgy.value=t.pgy;}
  const stt=el('sel-trainee-type');
  if(stt){
    if(t.role==='Fellow'){[...stt.options].forEach(o=>{if(o.text.toLowerCase().includes('fellow'))stt.value=o.value;});}
    else if(t.role==='Resident'){[...stt.options].forEach(o=>{if(o.text.toLowerCase().includes('resident')&&!o.text.toLowerCase().includes('chief'))stt.value=o.value;});}
    if(typeof updatePgyOptions==='function') updatePgyOptions(stt.value);
    if(t.pgy){const pgy=el('sel-pgy');if(pgy)pgy.value=t.pgy;}
  }
  checkFormReady();
}

// ── Add new trainee ──────────────────────────────────────────────────────
const _tspAdd=el('tsp-add-btn');if(_tspAdd)_tspAdd.addEventListener('click',()=>{
  const atf=el('add-trainee-form');if(atf)atf.style.display='block';
  const af=el('atf-first');if(af)af.focus();
});
const _atfCancel=el('atf-cancel');if(_atfCancel)_atfCancel.addEventListener('click',()=>{ const atf=el('add-trainee-form');if(atf)atf.style.display='none'; });
const _atfSave=el('atf-save');if(_atfSave)_atfSave.addEventListener('click',()=>{
  const fn=el('atf-first').value.trim(), ln=el('atf-last').value.trim();
  const spec=el('atf-spec').value.trim(), pgy=el('atf-pgy').value, role=el('atf-role').value;
  if(!fn||!ln){ notify('Enter first and last name.'); return; }
  const id='CUSTOM_'+Date.now();
  const t={id,fn,ln,specialty:spec||'General',pgy,role,custom:true};
  const all=loadCustomTrainees(); all.push(t); saveCustomTrainees(all);
  el('add-trainee-form').style.display='none';
  el('atf-first').value=''; el('atf-last').value=''; el('atf-spec').value='';
  pickTrainee(t);
  notify(fn+' '+ln+' added.');
});

// ── Clear selected trainee ───────────────────────────────────────────────
const _tspClr=el('tsp-sel-clear');if(_tspClr)_tspClr.addEventListener('click',()=>{
  selectedTrainee=null;
  viewingSession=null;
  const bar=el('tsp-selected-bar');if(bar)bar.style.display='none';
  ['trainee-first-name','trainee-last-name'].forEach(id=>{const e=el(id);if(e)e.value='';});
  checkFormReady();
  // Clear the right panel and return to welcome
  const hub=el('ilp-hub-screen');if(hub)hub.style.display='none';
  showOnly('welcome');
  // Re-show full trainee list after clearing
  renderTraineeSearch('');
  const srch=el('tsp-search');if(srch)srch.value='';
});

// ── Search input events ──────────────────────────────────────────────────
const _tspSrch=el('tsp-search');if(_tspSrch){_tspSrch.addEventListener('input',e=>renderTraineeSearch(e.target.value));
_tspSrch.addEventListener('focus',()=>{ if(!el('tsp-search').value) renderTraineeSearch(''); });}

// ── Save session after report generated ─────────────────────────────────
function saveCurrentSession(){
  if(!currentUser) return;
  // Resolve trainee: search selection > form fields > self (for non-PD)
  var trainee = selectedTrainee;
  if(!trainee && currentUser.role!=='PD') trainee = currentUser;
  if(!trainee){
    // PD typed name manually without using search — build from form
    var _fn=(el('trainee-first-name')||{value:''}).value.trim();
    var _ln=(el('trainee-last-name')||{value:''}).value.trim();
    if(_fn||_ln) trainee={id:'manual_'+Date.now(),fn:_fn,ln:_ln,
      role:sessionConfig.traineeType||'Trainee',
      specialty:sessionConfig.specialty||'',pgy:sessionConfig.pgy||''};
  }
  if(!trainee) return;
  const sess={
    id:'sess_'+Date.now(),
    pdId: currentUser.role==='PD' ? currentUser.id : 'self',
    pdName: currentUser.role==='PD' ? 'Dr.'+currentUser.fn+' '+currentUser.ln : currentUser.fn+' '+currentUser.ln,
    traineeId: trainee.id||'custom',
    traineeFn: trainee.fn, traineeLn: trainee.ln,
    traineeRole: trainee.role||sessionConfig.traineeType,
    specialty: trainee.specialty||sessionConfig.specialty,
    pgy: trainee.pgy||sessionConfig.pgy,
    purpose: sessionConfig.purpose,
    date: new Date().toLocaleDateString('en-US',{year:'numeric',month:'short',day:'numeric'}),
    timestamp: Date.now(),
    status: 'pending',
    reportHTML: (el('report-content')||{}).innerHTML||'',
    reportText: (typeof buildTextReport==='function')?buildTextReport():'',
    reportSubtitle: (el('report-subtitle')||{}).textContent||'',
    _traineeSnapshot: trainee  // preserved so drawer can always show name even if selectedTrainee is cleared
  };
  const all=loadSessions(); all.push(sess); saveSessions(all);
  viewingSession=sess;
  renderRecentPanel();
}

// ── Recent sessions panel ────────────────────────────────────────────────
function renderRecentPanel(filterQ){
  const list=el('srp-list'); if(!list||!currentUser)return;
  const q=(filterQ||'').toLowerCase().trim();
  const all=loadSessions();
  let sessions;
  if(currentUser.role==='PD'){
    sessions=all.filter(s=>s.pdId===currentUser.id);
    el('srp-header').textContent='Recent Sessions';
    if(q) sessions=sessions.filter(s=>(s.traineeFn+' '+s.traineeLn+' '+s.specialty+' '+s.purpose).toLowerCase().includes(q));
    sessions.sort((a,b)=>(b.timestamp||0)-(a.timestamp||0));
    list.innerHTML='';
    if(!sessions.length){
      list.innerHTML='<div class="sr-empty" style="padding:8px 10px;font-size:11px;color:var(--muted);font-style:italic">No sessions yet</div>';
      return;
    }
    sessions.slice(0,8).forEach(s=>{
      const item=document.createElement('div');
      item.className='srp-item';
      const name=s.traineeFn+' '+s.traineeLn;
      const pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose;
      const badge=s.status==='accepted'?'<span class="srp-badge accepted">Accepted</span>':'<span class="srp-badge pending">Pending</span>';
      item.innerHTML='<div class="srp-name">'+name+badge+'</div><div class="srp-meta">'+s.date+' · '+pShort+' · '+s.specialty+'</div>';
      item.addEventListener('click',()=>openSessionReport(s));
      list.appendChild(item);
    });
  } else {
    // Trainee: split pending vs accepted
    sessions=all.filter(s=>s.traineeId===currentUser.id||(s.traineeFn===currentUser.fn&&s.traineeLn===currentUser.ln));
    el('srp-header').textContent='My Reviews';
    if(q) sessions=sessions.filter(s=>(s.pdName+' '+s.purpose+' '+s.specialty).toLowerCase().includes(q));
    sessions.sort((a,b)=>(b.timestamp||0)-(a.timestamp||0));
    var pending  = sessions.filter(s=>s.status!=='accepted');
    var accepted = sessions.filter(s=>s.status==='accepted');
    list.innerHTML='';
    if(!sessions.length){
      list.innerHTML='<div class="sr-empty" style="padding:8px 10px;font-size:11px;color:var(--muted);font-style:italic">No reviews yet</div>';
      return;
    }
    // Pending section
    if(pending.length){
      var pendHdr=document.createElement('div');
      pendHdr.style.cssText='padding:6px 10px 3px;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:DM Mono,monospace;display:flex;align-items:center;gap:6px';
      pendHdr.innerHTML='Needs Review <span style="background:var(--gold);color:var(--navy);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700">'+pending.length+'</span>';
      list.appendChild(pendHdr);
      pending.forEach(s=>{
        const item=document.createElement('div');
        item.className='srp-item';
        item.style.cssText='padding:7px 10px;border-radius:6px;cursor:pointer;margin-bottom:2px;background:rgba(201,168,76,0.07);border:1px solid rgba(201,168,76,0.25)';
        const pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose;
        item.innerHTML='<div class="srp-name" style="color:var(--gold2)">'+(s.pdName||'Review')+'</div><div class="srp-meta">'+s.date+' · '+pShort+'</div>';
        item.addEventListener('click',()=>openSessionReport(s));
        list.appendChild(item);
      });
    }
    // Accepted section
    if(accepted.length){
      if(pending.length){
        var accHdr=document.createElement('div');
        accHdr.style.cssText='padding:8px 10px 3px;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:DM Mono,monospace;border-top:1px solid var(--border);margin-top:4px';
        accHdr.textContent='Accepted';
        list.appendChild(accHdr);
      }
      accepted.slice(0,6).forEach(s=>{
        const item=document.createElement('div');
        item.className='srp-item';
        const pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose;
        const badge='<span class="srp-badge accepted">Accepted</span>';
        item.innerHTML='<div class="srp-name">'+(s.pdName||'Review')+badge+'</div><div class="srp-meta">'+s.date+' · '+pShort+'</div>';
        item.addEventListener('click',()=>openSessionReport(s));
        list.appendChild(item);
      });
    }
  }
}

const _srpSrch=el('srp-search');if(_srpSrch)_srpSrch.addEventListener('input',e=>renderRecentPanel(e.target.value));

// ── Open a saved session report ──────────────────────────────────────────
function openSessionReport(sess){
  viewingSession=sess;
  // Close ILP hub so context stays consistent when switching sessions
  var _h=el('ilp-hub-screen');if(_h)_h.style.display='none';
  // Sync the selected trainee in sidebar to match this session's person
  if(currentUser && currentUser.role==='PD'){
    var sessionTrainee = allTrainees().find(function(t){
      return t.id===sess.traineeId ||
             (t.fn===sess.traineeFn && t.ln===sess.traineeLn);
    });
    if(sessionTrainee){
      pickTrainee(sessionTrainee);
    } else if(sess.traineeFn){
      // Build a trainee object from session data even if not in master list
      pickTrainee({
        id: sess.traineeId||('sess_'+sess.traineeFn),
        fn: sess.traineeFn, ln: sess.traineeLn||'',
        role: sess.traineeRole||'Resident',
        specialty: sess.specialty||'', pgy: sess.pgy||''
      });
    }
  }
  const rc=el('report-content');
  if(rc){
    const _sName=(sess.traineeFn+' '+(sess.traineeLn||'')).trim()||'Trainee';
    // Replace any stored placeholder with the real name
    rc.innerHTML=(sess.reportHTML||'')
      .replace(/\[Complete in system\]/gi, _sName)
      .replace(/\[Complete in System\]/gi, _sName);
  }
  const rs=el('report-subtitle');
  if(rs){
    const _sn=(sess.traineeFn+' '+(sess.traineeLn||'')).trim();
    const _sub=sess.reportSubtitle?sess.reportSubtitle.replace(/\[Complete in system\]/gi,_sn).replace(/Trainee ·/,_sn+' ·'):((_sn+' &middot; '+sess.specialty));
    rs.textContent=_sub;
  }
  showOnly('report-screen');
  // Show/hide accept button
  const ab=el('btn-accept-review');
  if(ab){
    const canAccept=currentUser.role!=='PD'&&(sess.traineeId===currentUser.id||(sess.traineeFn===currentUser.fn&&sess.traineeLn===currentUser.ln));
    if(canAccept){
      ab.style.display='inline-block';
      if(sess.status==='accepted'){
        ab.textContent='✓ Review Accepted';
        ab.className='accepted-state';
      } else {
        ab.textContent='✓ Accept This Review';
        ab.className='';
      }
    } else {
      ab.style.display='none';
    }
  }
  if(typeof maybeHighlightILPButton==='function') maybeHighlightILPButton();
  if(typeof syncLORButtons==='function') syncLORButtons(sess);
  // Show Home button for trainees, hide for PD
  var isTrainee = currentUser && currentUser.role !== 'PD';
  var btnHome = el('btn-trainee-home');
  if(btnHome) btnHome.style.display = isTrainee ? 'inline-block' : 'none';
  var btnHomeMob = el('btn-home-mob');
  if(btnHomeMob) btnHomeMob.style.display = isTrainee ? 'flex' : 'none';
  // Hide New Session button for trainees
  var btnNew = el('btn-new');
  if(btnNew) btnNew.style.display = isTrainee ? 'none' : '';
  var btnNewMob = el('btn-new-mob');
  if(btnNewMob) btnNewMob.style.display = isTrainee ? 'none' : '';
  const rab=el('report-actions-bar');
  if(rab&&typeof isMobile==='function'&&isMobile()) rab.style.display='flex';
  if(typeof showReportMeta==='function') showReportMeta(sess);
}

// ── Accept review ────────────────────────────────────────────────────────
const _acceptBtn=el('btn-accept-review');if(_acceptBtn)_acceptBtn.addEventListener('click',function(){
  if(!viewingSession||this.classList.contains('accepted-state')) return;
  const all=loadSessions();
  const idx=all.findIndex(s=>s.id===viewingSession.id);
  if(idx>=0){ all[idx].status='accepted'; saveSessions(all); viewingSession=all[idx]; }
  this.textContent='✓ Review Accepted';
  this.className='accepted-state';
  renderRecentPanel();
  notify('Review accepted and status updated.');
});

// ── Logout button ────────────────────────────────────────────────────────
const _logoutBtn=el('logout-btn');if(_logoutBtn)_logoutBtn.addEventListener('click',()=>{ if(confirm('Sign out of Sherpa?')) doLogout(); });
const _mobLogoutBtn=el('mob-logout-btn');if(_mobLogoutBtn)_mobLogoutBtn.addEventListener('click',()=>{ if(confirm('Sign out of Sherpa?')) doLogout(); });

// ── Login screen events ──────────────────────────────────────────────────
el('lx-btn').addEventListener('click',()=>{
  const u=(el('lx-username').value||'').trim();
  const p=(el('lx-password').value||'').trim();
  const err=doLogin(u,p);
  if(err){ el('lx-error').textContent=err; el('lx-error').style.color='var(--red)'; return; }
  el('lx-error').textContent='';
  onLoginSuccess();
});
el('lx-username').addEventListener('keydown',e=>{ if(e.key==='Enter') el('lx-btn').click(); });
el('lx-password').addEventListener('keydown',e=>{ if(e.key==='Enter') el('lx-btn').click(); });

// Quick-fill chips on login screen
// chips use inline onclick — no querySelectorAll needed

// ── Hook into report generation to auto-save ─────────────────────────────
const _origGenerateReport = (typeof generateReport==='function') ? generateReport : null;
// saveCurrentSession is called from inside generateReport via the autoSaveSession hook
if(typeof autoSaveSession !== 'undefined'){
  // The file already has the hook — we override it
}
// Override autoSaveSession if defined
window.autoSaveSession = saveCurrentSession;

// ── Initialise: check for existing session ───────────────────────────────
(function initMockAuth(){
  try{
    const saved=JSON.parse(localStorage.getItem(USER_KEY));
    if(saved&&MOCK_USERS[saved.id]){
      currentUser=MOCK_USERS[saved.id];
      try{onLoginSuccess();}catch(ex){console.warn('onLoginSuccess error:',ex);showLoginScreen();}
      return;
    }
  }catch(e){}
  try{showLoginScreen();}catch(ex){console.warn('showLoginScreen error:',ex);}
})();


// ── ILP button listeners (re-registered) ────────────────────────────────────
(function registerILPListeners(){

  // Open ILP hub from report screen — passes trainee context from viewingSession
  var btnHub = el('btn-ilp-hub');
  if(btnHub) btnHub.addEventListener('click', function(){
    var tid = viewingSession ? viewingSession.traineeId : null;
    var tn  = viewingSession ? (viewingSession.traineeFn + ' ' + viewingSession.traineeLn) : '';
    openILPHub(tid, tn);
  });

  // Hub "Back to Report"
  var hubBack = el('ilp-hub-back');
  if(hubBack) hubBack.addEventListener('click', function(){
    closeILPModePicker(); // v2.6.2: dismiss picker if open
    var hub = el('ilp-hub-screen'); if(hub) hub.style.display = 'none';
    showOnly('report-screen');
  });

  // Progress screen "Back to ILP List"
  var progBack = el('ilp-progress-back');
  if(progBack) progBack.addEventListener('click', function(){
    openILPHub(ilpHubTraineeId, ilpHubTraineeName);
  });

  // Review screen "Back to ILP List"
  var revBack = el('ilp-review-back');
  if(revBack) revBack.addEventListener('click', function(){
    openILPHub(ilpHubTraineeId, ilpHubTraineeName);
  });

  // Hub editor: Save ILP
  var saveBtn = el('ilp-save-btn');
  if(saveBtn) saveBtn.addEventListener('click', function(){
    saveCurrentILP();
    renderILPHubList();
    var lbl = el('ilp-editor-label');
    if(lbl && currentILP) lbl.textContent = 'Saved · ' + new Date(currentILP.updatedAt).toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});
    notify('ILP saved.');
  });

  // Hub editor: Export PDF
  var expBtn = el('ilp-export-btn');
  if(expBtn) expBtn.addEventListener('click', function(){
    saveCurrentILP();
    if(currentILP) exportILP(currentILP);
  });

  // Hub editor: Back to Report
  var backBtn = el('ilp-back-report');
  if(backBtn) backBtn.addEventListener('click', function(){
    var hub = el('ilp-hub-screen'); if(hub) hub.style.display = 'none';
    showOnly('report-screen');
  });

  // Hub editor: Add I-SMART Goal — v2.5.0: opens mode picker
  var addGoal = el('ilp-add-goal');
  if(addGoal) addGoal.addEventListener('click', function(){
    if(!currentILP) return;
    openNewILPOrPick();
  });


  // ── ILP Hub editor tab switching ───────────────────────────────────
  var tabBtns = document.querySelectorAll('#ilp-editor-tabs .ilp-tab');
  tabBtns.forEach(function(btn){
    btn.addEventListener('click', function(){
      var tabName = btn.getAttribute('data-tab');
      tabBtns.forEach(function(b){ b.classList.remove('active'); });
      document.querySelectorAll('#ilp-hub-editor .ilp-tab-panel').forEach(function(p){ p.classList.remove('active'); });
      btn.classList.add('active');
      var panel = document.getElementById('ilp-tab-' + tabName);
      if(panel) panel.classList.add('active');
    });
  });

})();


// ═══════════════════════════════════════════════════════════════════════
// RECOMMENDATION LETTER
// ═══════════════════════════════════════════════════════════════════════

// ── Storage keys ─────────────────────────────────────────────────────────
var RECS_KEY        = 'sherpa_rec_letters_v1';
var LOR_TMPL_KEY    = 'sherpa_lor_template_v1';   // per PD, keyed by pdId
var LOR_PROFILE_KEY = 'sherpa_lor_profile_v1';    // per trainee, keyed by traineeId
var LOR_REQUESTS_KEY= 'sherpa_lor_requests_v1';   // pending LOR requests

function loadRecLetters(){ try{ return JSON.parse(localStorage.getItem(RECS_KEY))||[]; }catch(e){ return []; } }
function saveRecLetters(arr){ try{ localStorage.setItem(RECS_KEY, JSON.stringify(arr)); }catch(e){} }

function loadLORTemplate(pdId){
  try{ var all=JSON.parse(localStorage.getItem(LOR_TMPL_KEY))||{}; return all[pdId]||{}; }catch(e){ return {}; }
}
function saveLORTemplate(pdId, tmpl){
  try{ var all=JSON.parse(localStorage.getItem(LOR_TMPL_KEY))||{}; all[pdId]=tmpl; localStorage.setItem(LOR_TMPL_KEY,JSON.stringify(all)); }catch(e){}
}
function loadLORProfile(traineeId){
  try{ var all=JSON.parse(localStorage.getItem(LOR_PROFILE_KEY))||{}; return all[traineeId]||{}; }catch(e){ return {}; }
}
function saveLORProfile(traineeId, profile){
  try{ var all=JSON.parse(localStorage.getItem(LOR_PROFILE_KEY))||{}; all[traineeId]=profile; localStorage.setItem(LOR_PROFILE_KEY,JSON.stringify(all)); }catch(e){}
}
function loadLORRequests(){ try{ return JSON.parse(localStorage.getItem(LOR_REQUESTS_KEY))||[]; }catch(e){ return []; } }
function saveLORRequests(arr){ try{ localStorage.setItem(LOR_REQUESTS_KEY,JSON.stringify(arr)); }catch(e){} }

// ── State ─────────────────────────────────────────────────────────────────
var recSelectedPositive = [];
var recSelectedNegative = [];
var recLetterText       = '';
var recActiveId         = null;
var activeLORRequestId  = null;  // v2.6.7: id of the LOR request being fulfilled; set when PD clicks "Write Letter" in LOR hub

// ── Open rec screen ───────────────────────────────────────────────────────
function openRecScreen(){
  recSelectedPositive = []; recSelectedNegative = []; recLetterText = '';
  document.querySelectorAll('.rec-chip').forEach(function(c){ c.classList.remove('selected'); });

  var isPD = currentUser && currentUser.role==='PD';

  // Show/hide generate panel for role
  var wordsPanel = el('rec-words-panel');
  if(wordsPanel) wordsPanel.style.display = isPD ? '' : 'none';

  var tmplBtn = el('rec-template-btn');
  var savedToggle = el('rec-saved-toggle');
  if(tmplBtn) tmplBtn.style.display = isPD ? 'inline-block' : 'none';
  if(savedToggle) savedToggle.style.display = isPD ? 'inline-block' : 'none';

  if(isPD){
    // Pre-fill trainee summary block
    var sess = viewingSession || {};
    var tName = ((sess.traineeFn||'')+' '+(sess.traineeLn||'')).trim();
    var sumEl = el('rec-trainee-summary');
    if(sumEl && tName){
      sumEl.innerHTML = '<strong style="color:#e8edf5">Dr. '+tName+'</strong><br>'
        +(sess.traineeRole||'')+(sess.pgy?' &middot; '+sess.pgy:'')+(sess.specialty?' &middot; '+sess.specialty:'');
    }
    // Pre-fill target specialty from session
    var tgtSpec = el('rec-target-specialty');
    if(tgtSpec && !tgtSpec.value) tgtSpec.value = '';

    // Load trainee scholarly profile
    var traineeId = sess.traineeId || '';
    if(traineeId){
      var profile = loadLORProfile(traineeId);
      var scholarEl = el('rec-scholarly');
      if(scholarEl && profile.scholarly){ scholarEl.value = profile.scholarly; }
      var badge = el('rec-scholarly-saved-badge');
      if(badge) badge.style.display = profile.scholarly ? 'inline' : 'none';
    }

    // Load pending LOR request for this trainee if exists
    var requests = loadLORRequests();
    var req = requests.find(function(r){
      return (r.traineeId===traineeId || r.traineeName===tName) && r.pdId===(currentUser?currentUser.id:'') && r.status==='pending';
    });
    if(req){
      // Pre-fill from request
      var tgtEl=el('rec-target-specialty'); if(tgtEl&&req.specialty) tgtEl.value=req.specialty;
      // Also render specialty tags
      var specs = Array.isArray(req.specialties) ? req.specialties : (req.specialty ? [req.specialty] : []);
      renderSpecialtyTags('rec-target-specialty-tags', specs);
      var tgtPEl=el('rec-target-program'); if(tgtPEl&&req.program) tgtPEl.value=req.program;
      var aamcEl=el('rec-aamc-id'); if(aamcEl&&req.aamc) aamcEl.value=req.aamc;
      var scEl=el('rec-scholarly'); if(scEl&&req.scholarly&&!scEl.value) scEl.value=req.scholarly;
      var pdNotesEl=el('rec-pd-notes');
      if(pdNotesEl&&req.notes) pdNotesEl.value='Trainee notes: '+req.notes;
      notify('Loaded trainee\'s LOR request for '+tName+'.');
    }

    var ki = el('rec-api-key');
    if(ki){ var saved=localStorage.getItem('sherpa_api_key'); if(saved) ki.value=saved; }
    setRecState('empty');
    recActiveId=null;
    renderRecList();
  } else {
    // Trainee: show only saved letters
    var listItems = el('rec-list-items');
    var allLetters = loadRecLetters();
    var sess2 = viewingSession || {};
    var myLetters = allLetters.filter(function(r){
      return r.traineeId===currentUser.id||(r.traineeName===currentUser.fn+' '+currentUser.ln);
    });
    if(listItems){
      if(!myLetters.length){
        listItems.innerHTML='<div class="rec-list-empty">No recommendation letters yet.<br>Your program director will generate one for you.</div>';
      } else {
        renderRecList();
      }
    }
    setRecState('empty');
  }

  showOnly('rec-screen');
}

// ── Chip wiring ───────────────────────────────────────────────────────────
(function wireChips(){
  document.querySelectorAll('.rec-chip').forEach(function(chip){
    chip.addEventListener('click', function(){
      var word = chip.getAttribute('data-word');
      var type = chip.getAttribute('data-type');
      chip.classList.toggle('selected');
      if(type==='positive'){
        if(chip.classList.contains('selected')) recSelectedPositive.push(word);
        else recSelectedPositive = recSelectedPositive.filter(function(w){ return w!==word; });
      } else {
        if(chip.classList.contains('selected')) recSelectedNegative.push(word);
        else recSelectedNegative = recSelectedNegative.filter(function(w){ return w!==word; });
      }
      var total = recSelectedPositive.length + recSelectedNegative.length;
      var sumEl = el('rec-selection-summary');
      if(sumEl){
        sumEl.textContent = total===0 ? 'Select qualities above'
          : recSelectedPositive.length + ' strength' + (recSelectedPositive.length!==1?'s':'')
          + (recSelectedNegative.length ? ' · ' + recSelectedNegative.length + ' growth area'+(recSelectedNegative.length!==1?'s':'') : '') + ' selected';
      }
      if(typeof updateRecReadiness==='function') updateRecReadiness();
    });
  });
})();

// ── Build prompt (5-block structure) ─────────────────────────────────────
function buildRecPrompt(targetProgram, targetSpecialtyOverride){
  var sess      = viewingSession || {};
  var tFn       = sess.traineeFn  || (selectedTrainee ? selectedTrainee.fn : '');
  var tLn       = sess.traineeLn  || (selectedTrainee ? selectedTrainee.ln : '');
  var fullName  = ('Dr. ' + tFn + ' ' + tLn).trim();
  var role      = sess.traineeRole || (selectedTrainee ? selectedTrainee.role : 'Resident');
  var specialty = sess.specialty   || (selectedTrainee ? selectedTrainee.specialty : 'Medicine');
  var pgy       = sess.pgy         || (selectedTrainee ? selectedTrainee.pgy : '');
  var roleLabel = role==='Fellow' ? 'fellow' : 'resident';

  // PD template (Block 1 letterhead + Block 2 program description)
  var pdId   = currentUser ? currentUser.id : '';
  var tmpl   = loadLORTemplate(pdId);
  var institution  = tmpl.institution  || (currentUser ? 'OhioHealth' : 'Institution');
  var department   = tmpl.department   || 'Department of Medicine';
  var address      = [tmpl.address, tmpl.cityState].filter(Boolean).join(', ');
  var phone        = tmpl.phone        || '';
  var website      = tmpl.website      || '';
  var pdFullName   = tmpl.pdName       || ('Dr. '+(currentUser?currentUser.fn+' '+currentUser.ln:''));
  var pdTitle      = tmpl.pdTitle      || 'Program Director';
  var programDesc  = tmpl.programDesc  || '';
  var openingStyle = tmpl.openingStyle || 'pleased and proud';
  var openingCustom= tmpl.openingCustom|| '';
  var openingPhrase= openingStyle==='custom' ? openingCustom
    : openingStyle==='honored' ? 'It is my honor to provide this letter in strong support of'
    : openingStyle==='enthusiastically' ? 'I am enthusiastically writing to support'
    : 'I am pleased and proud to provide this letter in support of';

  // Target fellowship — use override from cartesian loop, else fall back to tags
  var targetSpecialty = targetSpecialtyOverride || getSelectedSpecialties('rec-target-specialty-tags').join(', ') || specialty;
  var targetProgram   = targetProgram || (el('rec-target-program')||{}).value || '';
  var aamcId          = (el('rec-aamc-id')||{}).value || '';

  // Block 3 scholarly (from textarea)
  var scholarly = (el('rec-scholarly')||{}).value || '';

  // Block 4 qualities
  var pos = recSelectedPositive;
  var neg = recSelectedNegative;
  var ratio = (pos.length + neg.length) > 0 ? pos.length / (pos.length + neg.length) : 0.5;
  var supportLevel = ratio >= 0.75 ? 'RESOUNDING — write with great enthusiasm, highest recommendation without reservation'
    : ratio >= 0.45 ? 'SUPPORTIVE — write warmly but measured, clearly recommend them'
    : 'DIPLOMATIC — write professionally, acknowledge effort, do not explicitly recommend or discourage';

  // Block 3 competency pull from ALL sessions
  var allSessions = loadSessions().filter(function(s){
    return s.traineeId===sess.traineeId || (s.traineeFn===tFn && s.traineeLn===tLn);
  });
  var competencyLines = [];
  allSessions.forEach(function(s){
    if(s.reportText){
      var lines = s.reportText.split('\n').filter(function(l){
        return l.trim().length>40 && !l.includes('===') && !l.includes('Date:');
      }).slice(0,4);
      if(lines.length) competencyLines.push('From '+s.date+' ('+s.purpose+') review: '+lines.join(' '));
    }
  });

  // ILP context
  var allIlps = (typeof loadAllILPs==='function') ? loadAllILPs() : [];
  var myIlps  = allIlps.filter(function(ilp){
    return ilp.traineeId===sess.traineeId||(ilp.traineeFirstName===tFn&&ilp.traineeLastName===tLn);
  });
  var ilpLines = [];
  myIlps.forEach(function(ilp){
    if(ilp.strengths)   ilpLines.push('Self-reported strength: '+ilp.strengths);
    if(ilp.career)      ilpLines.push('Career aspiration: '+ilp.career);
    (ilp.goals||[]).forEach(function(g,gi){
      if(g.goal) ilpLines.push('ILP Goal '+(gi+1)+(g.accepted?' [accepted]':'')+': '+g.goal);
    });
  });

  // Block 5 PD notes
  var pdNotes = (el('rec-pd-notes')||{}).value || '';

  // Pronouns
  var pro = getPronouns();

  var today = new Date().toLocaleDateString('en-US',{year:'numeric',month:'long',day:'numeric'});

  return [
    'Write a formal medical recommendation letter structured exactly as follows. Output ONLY the letter — no preamble, no explanation, no markdown.',
    '',
    '══ LETTER METADATA ══',
    'Date: '+today,
    'Institution: '+institution,
    (department?'Department: '+department:''),
    (address?'Address: '+address:''),
    (phone?'Phone: '+phone:''),
    (website?'Website: '+website:''),
    'Re: '+fullName+(aamcId?' | AAMC #: '+aamcId:''),
    '',
    '══ BLOCK 1 — LETTERHEAD & OPENING ══',
    'Begin with the letterhead: institution name, department, address, phone, website (each on its own line), then a blank line, then the date.',
    'Then: "Re: '+fullName+'"'+(aamcId?' and "AAMC #: '+aamcId+'"':''),
    'Then: "Dear Program Director,"',
    'Then the opening paragraph:',
    '- Start with: "'+openingPhrase+' '+fullName+' and '+possessive(pro.pos)+' application to your '+targetSpecialty+' fellowship program'+(targetProgram?' at '+targetProgram:'')+'."',
    '- IMPORTANT: This letter is written specifically for '+(targetProgram||targetSpecialty)+'. Do NOT mention any other programs or institutions in this letter.',
    '- Identify yourself as '+pdFullName+', '+pdTitle+' at '+institution+'.',
    '- State '+fullName+'\'s current training ('+pgy+' '+roleLabel+' in '+specialty+') and relationship to you.',
    '',
    '══ BLOCK 2 — HOSPITAL & PROGRAM DESCRIPTION ══',
    programDesc ? 'Use this verbatim program description paragraph:\n'+programDesc
      : 'Write a 2-3 sentence description of the residency program, its size, curriculum structure, and strengths. Keep it factual and institutional.',
    '',
    '══ BLOCK 3 — CLINICAL COMPETENCE REVIEW ══',
    'Write a structured review covering these 6 ACGME competencies, each as a brief paragraph (3-5 sentences). Use bullet points within each. Draw on the trainee records below.',
    '1. Patient Care',
    '2. Medical Knowledge',
    '3. Interpersonal & Communication Skills',
    '4. Systems-Based Practice',
    '5. Practice-Based Learning & Improvement',
    '6. Professionalism',
    '',
    'TRAINEE RECORDS FOR COMPETENCY SECTION:',
    competencyLines.length ? competencyLines.join('\n') : 'No formal review notes available — write based on the trainee profile.',
    ilpLines.length ? '\nILP CONTEXT:\n'+ilpLines.join('\n') : '',
    '',
    '══ BLOCK 4 — SCHOLARLY ACTIVITY ══',
    'Write a section titled "Summary of Scholarly Activity and Achievements" using the following content. Organize it into subsections (Publications, QI Projects, Presentations, Awards, Leadership) as applicable. Present it cleanly — do not editorialize.',
    scholarly || 'No scholarly activity provided.',
    '',
    '══ BLOCK 5 — PD SUMMARY & CLOSING ══',
    'Write a 3-4 paragraph closing summary:',
    '- Paragraph 1: Synthesize '+fullName+'\'s character and distinguishing qualities. Weave these strengths naturally into prose (do NOT list as adjectives): '+pos.join(', '),
    neg.length ? '- Paragraph 2: Acknowledge these growth areas diplomatically, framed as areas of active development — never as negatives. Internal reference only — rephrase as maturation: '+neg.join(', ') : '',
    '- Penultimate paragraph: '+fullName+'\'s suitability for '+targetSpecialty+' fellowship specifically. Why this specialty, why now.',
    (pdNotes?'- Additional PD context to incorporate: '+pdNotes:''),
    '- Final paragraph: Your support level is "'+supportLevel+'". Close with an invitation to contact you.',
    'Support level: '+supportLevel,
    '',
    '══ SIGNATURE ══',
    'Close with "Sincerely," then a blank line, then "'+pdFullName+'" then "'+pdTitle+'" then "'+institution+'"',
    '',
    '══ FORMATTING RULES ══',
    '- Pronouns: subject='+pro.sub+', object='+pro.obj+', possessive='+pro.pos+' — consistent throughout.',
    '- First person throughout as '+pdFullName+'.',
    '- Professional medical letter register — formal, warm, specific.',
    '- Output plain text ONLY. Do NOT use markdown (no **, no #, no *).',
    '- For the 6 ACGME competency headers in Block 3, write them as: "COMPETENCY: [Name]" on their own line (e.g. "COMPETENCY: Patient Care")',
    '- For major section headers (Scholarly Activity, Summary of Qualities), write them as "SECTION: [Title]" on their own line.',
    '- Bullet points: start each bullet line with "- " (hyphen space).',
    '- Output ONLY the letter. Begin with the letterhead.',
  ].filter(function(l){ return l!==undefined; }).join('\n');
}

function possessive(pos){ return pos; } // helper for pronoun reference

// ── Generate via Claude API ───────────────────────────────────────────────
async function generateLetterAI(){
  var apiKey = (el('rec-api-key') ? el('rec-api-key').value.trim() : '')
               || localStorage.getItem('sherpa_api_key') || '';

  // Build cartesian product: every specialty × every program
  var specs = getSelectedSpecialties('rec-target-specialty-tags');
  if(!specs.length) specs = [''];

  // Programs from institution picker tags; fall back to hidden input value
  var progTags = getSelectedSpecialties('rec-target-program-tags');
  var progHidden = ((el('rec-target-program')||{}).value||'').trim();
  var programList = progTags.length ? progTags
    : (progHidden ? progHidden.split(',').map(function(p){ return p.trim(); }).filter(Boolean) : []);
  var programs = programList.length ? programList : [''];

  // Build all combinations
  var combos = [];
  specs.forEach(function(spec){
    programs.forEach(function(prog){
      combos.push({spec: spec, prog: prog});
    });
  });

  var total = combos.length;
  setRecState('loading');
  var loadMsg = el('rec-loading-msg');
  var steps = ['Reading trainee records…','Composing program description…','Writing competency review…','Drafting scholarly section…','Finishing summary…'];
  var si = 0;
  var ticker = setInterval(function(){ if(loadMsg && total===1){ loadMsg.textContent = steps[si++ % steps.length]; } }, 1400);

  try{
    for(var ci=0; ci<total; ci++){
      var combo = combos[ci];
      if(loadMsg) loadMsg.textContent = total>1
        ? 'Writing letter '+(ci+1)+' of '+total+': '+(combo.spec||'')+(combo.prog?' → '+combo.prog:'')+'…'
        : steps[si++ % steps.length];

      var prompt = buildRecPrompt(combo.prog, combo.spec);
      var msgs = [{role:'user', content: prompt}];
      var headers = {'Content-Type':'application/json','anthropic-version':'2023-06-01','anthropic-dangerous-direct-browser-access':'true'};
      if(apiKey) headers['x-api-key'] = apiKey;
      var res = await fetch('https://api.anthropic.com/v1/messages', {
        method:'POST', headers:headers,
        body: JSON.stringify({ model:'claude-sonnet-4-6', max_tokens:3000, messages:msgs })
      });
      if(!res.ok){
        var errData = await res.json().catch(function(){ return {}; });
        var errMsg = (errData.error && errData.error.message) || ('API error '+res.status);
        if(res.status===401) errMsg = 'Invalid or missing API key.';
        throw new Error(errMsg);
      }
      var data = await res.json();
      var text = (data.content && data.content[0] && data.content[0].text) || '';
      if(!text) throw new Error('Empty response from API.');
      recLetterText = text;
      renderLetterDoc(text);
      var label = [combo.spec, combo.prog].filter(Boolean).join(' — ');
      storeCurrentLetter(text, label);
    }

    clearInterval(ticker);
    setRecState('letter');
    renderRecList(); // Render saved-letters list once, after DOM is in stable 'letter' state
    // Mark LOR request fulfilled — prefer activeLORRequestId (set when PD
    // clicks "Write Letter" in LOR hub). Falls back to traineeId match.
    var reqs = loadLORRequests();
    var pdId2 = currentUser ? currentUser.id : '';
    var rid = -1;
    if(activeLORRequestId){
      rid = reqs.findIndex(function(r){ return r.id===activeLORRequestId && r.status==='pending'; });
    }
    if(rid < 0){
      var sess = viewingSession||{};
      rid = reqs.findIndex(function(r){ return r.traineeId===sess.traineeId && r.pdId===pdId2 && r.status==='pending'; });
    }
    if(rid>=0){ reqs[rid].status='fulfilled'; saveLORRequests(reqs); }
    activeLORRequestId = null;
    // Always refresh the badge from storage — unconditional so it updates
    // regardless of whether a matching request was found this call.
    if(typeof updateSBALORBadge==='function') updateSBALORBadge();
    if(typeof renderPDWorkItems==='function') renderPDWorkItems();
    if(total>1) notify(total+' letters generated ('+(specs.length>1?specs.length+' specialties':'1 specialty')+' × '+(programs.length>1?programs.length+' programs':'1 program')+').');

  } catch(err){
    clearInterval(ticker);
    setRecState('empty');
    notify('Could not generate letter: '+err.message);
  }
}

// ── Render letter as richly formatted HTML document ──────────────────────
function renderLetterDoc(text){
  recLetterText = text;
  var lines = text.split('\n');
  var html = '';
  var inPara = false;
  var inLetterhead = true;
  var headerLineCount = 0;
  var inClosing = false;

  function closePara(){ if(inPara){ html+='</p>'; inPara=false; } }

  lines.forEach(function(line){
    var t = line.trim();

    // Blank line
    if(!t){
      closePara();
      html += '<div class="letter-spacer"></div>';
      return;
    }

    // ── Letterhead (first block of short lines before "Re:" or "Dear") ───
    if(inLetterhead && headerLineCount < 10 && t.length < 70
        && !t.startsWith('Re:') && !t.startsWith('AAMC')
        && !t.toLowerCase().startsWith('dear ')){
      html += '<div class="letter-header-line">'+escHtml(t)+'</div>';
      headerLineCount++;
      return;
    }
    inLetterhead = false;

    // ── Re: / AAMC ────────────────────────────────────────────────────────
    if(t.startsWith('Re:') || t.startsWith('AAMC')){
      closePara();
      html += '<div class="letter-re"><strong>'+escHtml(t)+'</strong></div>';
      return;
    }

    // ── Salutation ────────────────────────────────────────────────────────
    if(t.toLowerCase().startsWith('dear ')){
      closePara();
      html += '<div class="letter-salutation">'+escHtml(t)+'</div>';
      return;
    }

    // ── ACGME competency header (bold + underline) ────────────────────────
    if(t.startsWith('COMPETENCY:')){
      closePara();
      var label = t.replace(/^COMPETENCY:\s*/i,'').replace(/:$/,'').trim();
      html += '<div class="letter-competency-hdr">'+escHtml(label)+'</div>';
      return;
    }

    // ── Section header (underlined) ───────────────────────────────────────
    if(t.startsWith('SECTION:')){
      closePara();
      var sLabel = t.replace(/^SECTION:\s*/i,'').trim();
      html += '<div class="letter-section-hdr">'+escHtml(sLabel)+'</div>';
      return;
    }

    // ── Legacy: all-caps headers (fallback) ──────────────────────────────
    if(/^[A-Z][A-Z &\/\-]{4,}:?\s*$/.test(t)){
      closePara();
      html += '<div class="letter-section-hdr">'+escHtml(t.replace(/:$/,''))+'</div>';
      return;
    }

    // ── Bullet points ─────────────────────────────────────────────────────
    if(t.startsWith('- ') || t.startsWith('• ')){
      closePara();
      html += '<div class="letter-bullet"><span class="letter-bullet-dot">•</span><span>'+escHtml(t.replace(/^[-•]\s*/,''))+'</span></div>';
      return;
    }

    // ── Closing signature ─────────────────────────────────────────────────
    var closingWords = ['sincerely','with warm regards','with regards','warm regards','respectfully','yours truly'];
    if(!inClosing && closingWords.some(function(c){ return t.toLowerCase().startsWith(c); })){
      closePara();
      inClosing = true;
      html += '<div class="letter-closing"><div class="letter-closing-word">'+escHtml(t)+'</div>';
      return;
    }
    if(inClosing){
      html += '<div class="letter-sig-line">'+escHtml(t)+'</div>';
      return;
    }

    // ── Regular paragraph text ────────────────────────────────────────────
    if(!inPara){ html += '<p>'; inPara = true; }
    html += escHtml(t) + ' ';
  });

  closePara();
  if(inClosing) html += '</div>'; // close letter-closing

  var doc = el('rec-letter-doc');
  if(doc) doc.innerHTML = html;
  var ta = el('rec-letter-textarea');
  if(ta) ta.value = text;
}

function escHtml(s){ return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }

function setRecState(state){
  var empty=el('rec-letter-empty'); var load=el('rec-loading'); var doc=el('rec-letter-doc');
  var edit=el('rec-edit-area'); var acts=el('rec-doc-actions');
  var editBtn=el('rec-edit-toggle'); var regenBtn=el('rec-regenerate-btn');
  if(empty) empty.style.display = state==='empty'?'flex':'none';
  if(load)  load.style.display  = state==='loading'?'flex':'none';
  if(doc){
    doc.style.display = state==='letter'?'block':'none';
    if(state!=='letter'){ doc.removeAttribute('contenteditable'); doc.style.outline=''; doc.style.cursor=''; }
  }
  if(edit)  edit.style.display  = 'none';
  if(acts)  acts.style.display  = state==='letter'?'flex':'none';
  // Only PD can edit or regenerate
  var isPD = currentUser && currentUser.role==='PD';
  if(editBtn){  editBtn.style.display  = isPD ? '' : 'none'; editBtn.textContent='\u270e Edit Letter'; }
  if(regenBtn) regenBtn.style.display = isPD ? '' : 'none';
  if(state==='empty') updateRecReadiness();
}

function updateRecReadiness(){
  var check = el('rec-readiness-check'); if(!check) return;
  var genBtn = el('rec-generate-btn');
  var pdId = currentUser ? currentUser.id : '';
  var tmpl = loadLORTemplate(pdId);
  var hasTmpl    = !!(tmpl.institution || tmpl.programDesc);
  var sess       = viewingSession || {};
  var hasTrainee = !!(sess.traineeFn || sess.traineeLn);
  var specs      = getSelectedSpecialties('rec-target-specialty-tags');
  var hasSpec    = specs.length > 0;
  var scholarly  = (el('rec-scholarly')||{}).value||'';
  var hasSchol   = scholarly.trim().length > 0;
  var hasChip    = recSelectedPositive.length > 0;
  var apiKey     = (el('rec-api-key')||{}).value || localStorage.getItem('sherpa_api_key')||'';
  var hasKey     = apiKey.trim().length > 0;

  var items = [
    { done: hasTmpl,    text: hasTmpl    ? 'Letter template loaded'                        : '<a href="#" id="rc-tmpl-link" style="color:var(--gold2);text-decoration:underline">Set up letter template</a>' },
    { done: hasTrainee, text: hasTrainee ? 'Trainee: Dr. '+(sess.traineeFn||'')+' '+(sess.traineeLn||'') : 'Open from a trainee\'s session report' },
    { done: hasSpec,    text: hasSpec    ? 'Fellowship: '+specs.join(', ')                  : 'Choose target fellowship specialty' },
    { done: hasSchol,   text: hasSchol   ? 'Scholarly activity provided'                   : 'Add scholarly activity (paste from CV)' },
    { done: hasChip,    text: hasChip    ? recSelectedPositive.length+' strength'+(recSelectedPositive.length!==1?'s':'')+' selected' : 'Select at least one strength chip' },
    { done: hasKey,     text: hasKey     ? 'API key set'                                   : '<a href="https://console.anthropic.com" target="_blank" style="color:var(--gold2);text-decoration:underline">Enter Anthropic API key</a>' }
  ];

  var allDone = items.every(function(i){ return i.done; });
  check.innerHTML = items.map(function(item){
    return '<div class="rc-item'+(item.done?' rc-done':'')+'">'
      + '<span class="rc-icon">'+(item.done?'✅':'⬜')+'</span>'
      + '<span class="rc-text">'+item.text+'</span>'
      + '</div>';
  }).join('');

  if(genBtn){
    genBtn.disabled = !allDone;
    genBtn.title = allDone ? '' : 'Complete all checklist items to generate';
  }

  // Wire template link
  setTimeout(function(){
    var lnk = document.getElementById('rc-tmpl-link');
    if(lnk) lnk.addEventListener('click', function(e){ e.preventDefault(); openLORTemplateScreen(); });
  }, 0);
}

// ── PDF export ────────────────────────────────────────────────────────────
function exportRecLetterPDF(){
  // If in contenteditable mode, sync plain text first
  var doc=el('rec-letter-doc');
  if(doc && doc.getAttribute('contenteditable')==='true') recLetterText=doc.innerText;
  var ta=el('rec-letter-textarea'); var text=(ta&&ta.value.trim())?ta.value:recLetterText;
  if(!text){ notify('Generate the letter first.'); return; }
  var sess=viewingSession||{};
  var name=((sess.traineeFn||'')+' '+(sess.traineeLn||'')).trim()||'Candidate';
  var html='<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Recommendation — Dr. '+name+'<\/title>'
    +'<style>@page{margin:1.1in;size:letter}body{font-family:Georgia,serif;font-size:11.5pt;line-height:1.75;color:#1a1a2e;margin:0}'
    +'p{margin:0 0 16px;text-align:justify}.closing{margin-top:28px;white-space:pre-line;line-height:2}'
    +'@media print{body{print-color-adjust:exact;-webkit-print-color-adjust:exact}}<\/style><\/head><body>';
  text.split('\n').forEach(function(line){
    var t=line.trim(); if(!t){html+='<br>';return;}
    var lc=t.toLowerCase();
    if(lc.startsWith('dear ')||lc.startsWith('re:')){html+='<p><strong>'+t+'<\/strong><\/p>';return;}
    var cl=['sincerely','with regards','warm regards','respectfully','yours truly'];
    if(cl.some(function(c){return lc.startsWith(c);})){html+='<div class="closing">'+t;return;}
    if(html.includes('<div class="closing">')){html+='<br>'+t;return;}
    html+='<p>'+t+'<\/p>';
  });
  if(html.includes('<div class="closing">')&&!html.endsWith('<\/div>')){html+='<\/div>';}
  html+='<script>window.onload=function(){window.print();}<\/script><\/body><\/html>';
  var w=window.open('','_blank'); if(w){w.document.write(html);w.document.close();}
  else notify('Allow pop-ups to export PDF.');
}

// ── Store & render saved letters ──────────────────────────────────────────
function storeCurrentLetter(text, program){
  if(!text) return;
  var sess=viewingSession||{};
  var letters=loadRecLetters();
  var targetSpec=getSelectedSpecialties('rec-target-specialty-tags').join(', ')||sess.specialty||'';
  var rec={
    id:'rec_'+Date.now(), traineeId:sess.traineeId||(currentUser?currentUser.id:'')||'',
    traineeName:((sess.traineeFn||'')+' '+(sess.traineeLn||'')).trim()||(currentUser?currentUser.fn+' '+currentUser.ln:''),
    specialty:targetSpec, program:program||'', pgy:sess.pgy||'',
    positives:recSelectedPositive.slice(), negatives:recSelectedNegative.slice(),
    date:new Date().toLocaleDateString('en-US',{year:'numeric',month:'short',day:'numeric'}),
    timestamp:Date.now(), text:text,
    viewedBy:[]  // trainee IDs who have opened this letter; empty = unread by trainee
  };
  letters.push(rec); saveRecLetters(letters); recActiveId=rec.id; notify('Letter saved'+(program?' ('+program+')':'')+'.'); 
}

function renderRecList(filterQ){
  var container=el('rec-list-items'); if(!container) return;
  var all=loadRecLetters();
  var sess=viewingSession||{};
  var tid=sess.traineeId||''; var fn=sess.traineeFn||''; var ln=sess.traineeLn||'';
  var filtered=tid?all.filter(function(r){return r.traineeId===tid||(r.traineeName.trim()===(fn+' '+ln).trim());}):all;
  var q=(filterQ||'').toLowerCase().trim();
  if(q) filtered=filtered.filter(function(r){
    return (r.traineeName+' '+(r.specialty||'')+' '+(r.program||'')+' '+r.date).toLowerCase().includes(q);
  });
  filtered.sort(function(a,b){return (b.timestamp||0)-(a.timestamp||0);});
  if(!filtered.length){ container.innerHTML='<div class="rec-list-empty">No saved letters yet.<br>Generate one to save it here.</div>'; return; }
  container.innerHTML='';
  filtered.forEach(function(r){
    var item=document.createElement('div'); item.className='rec-li'+(r.id===recActiveId?' active':'');
    item.innerHTML='<div class="rec-li-name">'+r.traineeName+'</div>'
      +'<div class="rec-li-meta">'+r.date+(r.specialty?' &middot; '+r.specialty:'')+(r.program?' &middot; '+r.program:'')+'</div>';
    item.addEventListener('click',function(){ recActiveId=r.id; renderRecList(); recLetterText=r.text; renderLetterDoc(r.text); setRecState('letter'); });
    container.appendChild(item);
  });
}

// ── Wire rec screen buttons ───────────────────────────────────────────────
(function wireRecButtons(){
  var genBtn   = el('rec-generate-btn');
  var editBtn  = el('rec-edit-toggle');
  var regenBtn = el('rec-regenerate-btn');
  var pdfBtn2  = el('rec-pdf-btn2');
  var backBtn  = el('rec-back-btn');
  var tmplBtn  = el('rec-template-btn');
  var saveSchBtn = el('rec-save-scholarly-btn');
  var savedToggle = el('rec-saved-toggle');

  if(genBtn)   genBtn.addEventListener('click', generateLetterAI);
  if(regenBtn) regenBtn.addEventListener('click', generateLetterAI);
  if(pdfBtn2)  pdfBtn2.addEventListener('click', exportRecLetterPDF);
  if(backBtn)  backBtn.addEventListener('click', function(){ showOnly('report-screen'); });

  if(savedToggle) savedToggle.addEventListener('click', function(){
    var panel = el('rec-list-panel');
    if(!panel) return;
    var showing = panel.style.display === 'flex';
    panel.style.display = showing ? 'none' : 'flex';
    savedToggle.textContent = showing ? '📅 Saved Letters' : '✕ Hide Letters';
    if(!showing){
      renderRecList();
      // Wire search
      setTimeout(function(){
        var srch = el('rec-list-search');
        if(srch){ srch.value=''; srch.oninput=function(){ renderRecList(srch.value); }; }
      }, 50);
    }
  });

  if(tmplBtn) tmplBtn.addEventListener('click', function(){
    openLORTemplateScreen();
  });

  if(saveSchBtn) saveSchBtn.addEventListener('click', function(){
    var ta=el('rec-scholarly'); if(!ta||!ta.value.trim()){notify('Nothing to save.');return;}
    var sess=viewingSession||{}; var tid=sess.traineeId||'';
    if(!tid){notify('No trainee context — open from a session report.');return;}
    var prof=loadLORProfile(tid); prof.scholarly=ta.value.trim(); saveLORProfile(tid,prof);
    var badge=el('rec-scholarly-saved-badge'); if(badge) badge.style.display='inline';
    notify('Scholarly activity saved to trainee profile.');
  });

  if(editBtn) editBtn.addEventListener('click', function(){
    var doc=el('rec-letter-doc');
    if(!doc) return;
    var isEditing = doc.getAttribute('contenteditable')==='true';
    if(isEditing){
      // Save edits back to recLetterText
      doc.removeAttribute('contenteditable');
      doc.style.outline = '';
      doc.style.cursor  = '';
      recLetterText = doc.innerText; // preserve plain text for regenerate/export
      var ta=el('rec-letter-textarea'); if(ta) ta.value=recLetterText;
      editBtn.textContent='\u270e Edit Letter';
    } else {
      // Enable inline editing — formatting stays intact
      doc.setAttribute('contenteditable','true');
      doc.style.outline = '2px solid rgba(201,168,76,0.4)';
      doc.style.cursor  = 'text';
      doc.focus();
      editBtn.textContent='\u2713 Done Editing';
    }
  });

  // API key persistence
  var ki=el('rec-api-key');
  if(ki){ var saved=localStorage.getItem('sherpa_api_key'); if(saved) ki.value=saved;
    ki.addEventListener('change',function(){ localStorage.setItem('sherpa_api_key',ki.value.trim()); updateRecReadiness(); }); }

  // Opening style toggle
  var styleEl=el('lor-opening-style'); var customEl=el('lor-opening-custom');
  if(styleEl&&customEl) styleEl.addEventListener('change',function(){
    customEl.style.display=styleEl.value==='custom'?'block':'none';
  });
})();

// ── LOR Template Screen ───────────────────────────────────────────────────
function openLORTemplateScreen(){
  if(!currentUser||currentUser.role!=='PD') return;
  var tmpl=loadLORTemplate(currentUser.id);
  var fields={
    'lor-institution':tmpl.institution||'', 'lor-department':tmpl.department||'',
    'lor-address':tmpl.address||'', 'lor-city-state':tmpl.cityState||'',
    'lor-phone':tmpl.phone||'', 'lor-website':tmpl.website||'',
    'lor-pd-name':tmpl.pdName||('Dr. '+currentUser.fn+' '+currentUser.ln),
    'lor-pd-title':tmpl.pdTitle||'Program Director',
    'lor-program-desc':tmpl.programDesc||'',
    'lor-opening-style':tmpl.openingStyle||'pleased and proud',
    'lor-opening-custom':tmpl.openingCustom||''
  };
  Object.keys(fields).forEach(function(id){
    var e=el(id); if(e) e.value=fields[id];
  });
  var customEl=el('lor-opening-custom');
  if(customEl) customEl.style.display=fields['lor-opening-style']==='custom'?'block':'none';
  showOnly('lor-template-screen');
}

(function wireLORTemplate(){
  var saveBtn=el('lor-tmpl-save-btn'); var closeBtn=el('lor-tmpl-close-btn');
  if(saveBtn) saveBtn.addEventListener('click',function(){
    if(!currentUser||currentUser.role!=='PD') return;
    var tmpl={
      institution:  (el('lor-institution')||{}).value||'',
      department:   (el('lor-department')||{}).value||'',
      address:      (el('lor-address')||{}).value||'',
      cityState:    (el('lor-city-state')||{}).value||'',
      phone:        (el('lor-phone')||{}).value||'',
      website:      (el('lor-website')||{}).value||'',
      pdName:       (el('lor-pd-name')||{}).value||'',
      pdTitle:      (el('lor-pd-title')||{}).value||'',
      programDesc:  (el('lor-program-desc')||{}).value||'',
      openingStyle: (el('lor-opening-style')||{}).value||'pleased and proud',
      openingCustom:(el('lor-opening-custom')||{}).value||''
    };
    saveLORTemplate(currentUser.id, tmpl);
    notify('Letter template saved.');
    showOnly('rec-screen');
  });
  if(closeBtn) closeBtn.addEventListener('click',function(){ showOnly('rec-screen'); });
})();

// ── Trainee LOR Request Screen ────────────────────────────────────────────
function openLORRequestScreen(){
  if(!currentUser||currentUser.role==='PD') return;
  // Populate PD selector with all PD users from MOCK_USERS
  var pdSel=el('lor-req-pd-select');
  if(pdSel){
    pdSel.innerHTML='';
    Object.values(MOCK_USERS).filter(function(u){return u.role==='PD';}).forEach(function(pd){
      var opt=document.createElement('option'); opt.value=pd.id;
      opt.textContent='Dr. '+pd.fn+' '+pd.ln+(pd.specialty?' ('+pd.specialty+')':'');
      pdSel.appendChild(opt);
    });
  }
  // Load saved profile
  var profile=loadLORProfile(currentUser.id);
  var schEl=el('lor-req-scholarly'); if(schEl) schEl.value=profile.scholarly||'';
  var eduEl=el('lor-req-education'); if(eduEl) eduEl.value=profile.education||'';
  showOnly('lor-request-screen');
}

(function wireLORRequest(){
  var closeBtn=el('lor-req-close-btn'); var submitBtn=el('lor-req-submit-btn');
  if(closeBtn) closeBtn.addEventListener('click',function(){ openLORHub(); });

  var schEl=el('lor-req-scholarly');
  if(schEl) schEl.addEventListener('blur',function(){
    if(!currentUser) return;
    var prof=loadLORProfile(currentUser.id); prof.scholarly=schEl.value; saveLORProfile(currentUser.id,prof);
  });
  var eduEl=el('lor-req-education');
  if(eduEl) eduEl.addEventListener('blur',function(){
    if(!currentUser) return;
    var prof=loadLORProfile(currentUser.id); prof.education=eduEl.value; saveLORProfile(currentUser.id,prof);
  });

  if(submitBtn) submitBtn.addEventListener('click',function(){
    if(!currentUser) return;
    var specs = getSelectedSpecialties('lor-req-specialty-tags');
    if(!specs.length){ notify('Please choose at least one target fellowship specialty.'); return; }
    var pdId=(el('lor-req-pd-select')||{}).value;
    // Programs from institution picker
    var progTags = getSelectedSpecialties('lor-req-program-tags');
    var progHidden = ((el('lor-req-program')||{}).value||'').trim();
    var programs = progTags.length ? progTags
      : (progHidden ? progHidden.split(',').map(function(p){return p.trim();}).filter(Boolean) : []);
    var schVal=(el('lor-req-scholarly')||{}).value||'';
    var eduVal=(el('lor-req-education')||{}).value||'';
    if(schVal){ var prof=loadLORProfile(currentUser.id); prof.scholarly=schVal; prof.education=eduVal; saveLORProfile(currentUser.id,prof); }
    var req={
      id:'lorreq_'+Date.now(), traineeId:currentUser.id,
      traineeName:currentUser.fn+' '+currentUser.ln,
      pdId:pdId, specialties:specs, specialty:specs[0],
      programs:programs, program:programs[0]||'',
      aamc:(el('lor-req-aamc')||{}).value||'',
      education:eduVal, scholarly:schVal,
      notes:(el('lor-req-notes')||{}).value||'',
      status:'pending', timestamp:Date.now(),
      date:new Date().toLocaleDateString('en-US',{year:'numeric',month:'short',day:'numeric'})
    };
    var reqs=loadLORRequests(); reqs.push(req); saveLORRequests(reqs);
    notify('LOR request submitted.');
    openLORHub();
    renderPDWorkItems();
  });
})();

// ── Show Request LOR button on report screen for trainees ─────────────────
function syncLORButtons(sess){
  // LOR is no longer in the report bar — nothing to sync here
  // Kept as a no-op so existing call sites don't error
}

// ── PD Work Items: pending LOR requests ──────────────────────────────────
function renderPDWorkItems(){
  if(!currentUser||currentUser.role!=='PD') return;
  var reqs=loadLORRequests().filter(function(r){ return r.pdId===currentUser.id && r.status==='pending'; });

  // Desktop: handled by renderPendingLORPanel via accordion section 3
  // Update badges via updateSBALORBadge (called by patch below)

  // Mobile: show work item badge on PD home screen
  var mobHome=el('mob-pd-home');
  var existingBadge=mobHome?mobHome.querySelector('.lor-mob-work-item'):null;
  if(existingBadge) existingBadge.remove();
  if(reqs.length && mobHome){
    var mobBadge=document.createElement('div');
    mobBadge.className='lor-mob-work-item';
    mobBadge.style.cssText='background:linear-gradient(135deg,rgba(29,184,160,0.12),rgba(201,168,76,0.1));border:1.5px solid rgba(29,184,160,0.4);border-radius:10px;padding:12px 14px;margin-bottom:12px;cursor:pointer;position:relative';
    mobBadge.innerHTML=
      '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:4px">'
        +'<div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--teal2);font-family:DM Mono,monospace">&#9993; Pending LOR Requests</div>'
        +'<div style="background:var(--teal);color:#fff;border-radius:12px;padding:1px 9px;font-size:12px;font-weight:700;font-family:DM Mono,monospace">'+reqs.length+'</div>'
      +'</div>'
      +reqs.map(function(r){
          var specs=Array.isArray(r.specialties)?r.specialties.join(', '):(r.specialty||'');
          return '<div style="font-size:13px;color:#e8edf5;font-weight:500;margin-top:4px">'+r.traineeName
            +' <span style="font-size:10px;color:var(--muted);font-weight:400">&rarr; '+specs+'</span></div>';
        }).join('');
    mobBadge.addEventListener('click',function(){
      var r=reqs[0];
      var sess=loadSessions().find(function(s){ return s.traineeId===r.traineeId; });
      if(sess){ openSessionReport(sess); setTimeout(function(){ openRecScreen(); },300); }
      else notify('Open a session for '+r.traineeName+' first.');
    });
    var firstCard=mobHome.querySelector('.mph-card');
    if(firstCard) mobHome.insertBefore(mobBadge, firstCard);
    else mobHome.appendChild(mobBadge);
  }
}

// ═══════════════════════════════════════════════════════════════════════
// PRONOUN MANAGEMENT
// ═══════════════════════════════════════════════════════════════════════
var PRONOUNS = {
  they:{ sub:'they',    obj:'them', pos:'their', posA:'their', ref:'themselves', title:'they/them/their' },
  he:  { sub:'he',      obj:'him',  pos:'his',   posA:'his',   ref:'himself',    title:'he/him/his'    },
  she: { sub:'she',     obj:'her',  pos:'her',   posA:'her',   ref:'herself',    title:'she/her/her'   }
};

function getPronounKey(sess){
  sess = sess || viewingSession || {};
  return 'sherpa_pronoun_' + (sess.traineeId || ((sess.traineeFn||'')+'_'+(sess.traineeLn||'')));
}
function getPronouns(sess){
  var key = getPronounKey(sess);
  var val = localStorage.getItem(key) || 'they';
  return PRONOUNS[val] || PRONOUNS.they;
}
function savePronoun(val, sess){
  var key = getPronounKey(sess);
  localStorage.setItem(key, val);
}

// Wire pronoun dropdown in report screen
(function wirePronounDropdown(){
  var sel = el('pronoun-select');
  var row = el('pronoun-row');
  if(!sel || !row) return;
  sel.addEventListener('change', function(){
    savePronoun(sel.value, viewingSession);
  });
})();

// Show pronoun row when a session is opened
// Show pronoun row when a session is opened — handled by showReportMeta


// ═══════════════════════════════════════════════════════════════════════
// PRONOUN & NAME MANAGEMENT
// ═══════════════════════════════════════════════════════════════════════

// Common first name → pronoun lookup
(function buildNameLookup(){
  var f=['emma','olivia','sophia','isabella','mia','charlotte','amelia','emily',
    'abigail','harper','evelyn','elizabeth','sofia','avery','ella','scarlett',
    'grace','victoria','riley','aria','lily','aurora','zoey','layla','natalie',
    'hannah','fatima','priya','sarah','maria','laura','anna','julia','aisha',
    'sophie','jessica','rachel','melissa','angela','sandra','patricia','jennifer',
    'linda','barbara','susan','margaret','nancy','karen','betty','dorothy',
    'samantha','rebecca','alexandra','caroline','elena','gabriela','maya','nadia',
    'ava','madison','chloe','penelope','stella','hazel','violet','savannah',
    'audrey','claire','lucy','bella','leah','aaliyah','brianna','jasmine',
    'kennedy','quinn','ariana','naomi','kylie','piper','autumn','nevaeh',
    'kaylee','skylar','brooklyn','serenity','genesis','brianna','isabela'];
  var m=['james','john','robert','michael','william','david','richard','joseph',
    'thomas','charles','christopher','daniel','matthew','anthony','mark',
    'donald','steven','paul','andrew','joshua','kenneth','kevin','brian',
    'george','timothy','ronald','edward','jason','jeffrey','ryan','jacob',
    'gary','nicholas','eric','jonathan','stephen','larry','justin','scott',
    'brandon','benjamin','samuel','raymond','gregory','frank','alexander',
    'patrick','jack','dennis','jerry','tyler','aaron','jose','henry','adam',
    'douglas','nathan','peter','zachary','kyle','walter','harold','jeremy',
    'ethan','carl','arthur','sean','christian','austin','jesse','mason',
    'caleb','noah','logan','hunter','jayden','liam','aiden','lucas','oliver',
    'elijah','landon','marcus','diego','carlos','jorge','marco','luis',
    'brian','kevin','nathan','tyler','caleb','david','ryan','chad'];
  window._femaleNames = new Set(f);
  window._maleNames   = new Set(m);
})();

function guessPronoun(firstName){
  if(!firstName) return 'they';
  var fn = firstName.toLowerCase().trim();
  if(window._femaleNames && window._femaleNames.has(fn)) return 'she';
  if(window._maleNames   && window._maleNames.has(fn))   return 'he';
  return 'they';
}

// ── Sync config form pronoun when trainee is selected/typed ─────────────
function updateConfigPronoun(firstName){
  var sel = el('sel-pronouns');
  if(!sel) return;
  var saved = localStorage.getItem('sherpa_pronoun_fn_'+( firstName||'').toLowerCase());
  sel.value = saved || guessPronoun(firstName);
}

// Hook trainee first name input to auto-update pronoun
(function wireConfigPronoun(){
  var fn = el('trainee-first-name');
  var sel = el('sel-pronouns');
  if(fn) fn.addEventListener('input', function(){ updateConfigPronoun(fn.value.trim()); });
  if(sel) sel.addEventListener('change', function(){
    var fn2 = el('trainee-first-name');
    if(fn2) localStorage.setItem('sherpa_pronoun_fn_'+fn2.value.trim().toLowerCase(), sel.value);
  });
})();

// ── Report meta row: show name + pronoun when session opens ─────────────
function showReportMeta(sess){
  var row  = el('report-meta-row');
  var ni   = el('report-trainee-name');
  var psel = el('pronoun-select');
  if(!row) return;
  sess = sess || viewingSession || {};
  var name = ((sess.traineeFn||'')+' '+(sess.traineeLn||'')).trim();
  // For new reports, fall back to selectedTrainee or sessionConfig
  if(!name && typeof selectedTrainee!=='undefined' && selectedTrainee)
    name = ((selectedTrainee.fn||'')+' '+(selectedTrainee.ln||'')).trim();
  if(!name && typeof sessionConfig!=='undefined' && sessionConfig.traineeFirstName)
    name = (sessionConfig.traineeFirstName+' '+(sessionConfig.traineeLastName||'')).trim();
  if(ni)   ni.value   = name;
  // Determine pronoun: saved by trainee ID > saved by first name > guess
  var tid  = sess.traineeId || '';
  var fn   = (sess.traineeFn||'').toLowerCase();
  var pKey = tid ? ('sherpa_pronoun_'+tid) : ('sherpa_pronoun_fn_'+fn);
  var pval = localStorage.getItem(pKey) || guessPronoun(sess.traineeFn||'');
  if(psel) psel.value = pval;
  row.style.display = 'flex';
  // Wire change events
  if(ni) ni.oninput = function(){
    if(sess.traineeFn !== undefined) sess.traineeFn = ni.value.split(' ')[0];
  };
  if(psel) psel.onchange = function(){
    localStorage.setItem(pKey, psel.value);
    // Also update config form pronoun if visible
    var cfgSel = el('sel-pronouns'); if(cfgSel) cfgSel.value = psel.value;
  };
}

// ── getPronouns() reads from report pronoun select (or falls back) ──────
// Override the previously-defined getPronouns to use report select first
function getPronouns(sess){
  var psel = el('pronoun-select');
  var val  = (psel && psel.value) ? psel.value : null;
  if(!val){
    sess = sess || viewingSession || {};
    var tid = sess.traineeId || '';
    var fn  = (sess.traineeFn||'').toLowerCase();
    var key = tid ? ('sherpa_pronoun_'+tid) : ('sherpa_pronoun_fn_'+fn);
    val = localStorage.getItem(key) || guessPronoun(sess.traineeFn||'');
  }
  return PRONOUNS[val] || PRONOUNS.they;
}

// pickTrainee pronoun sync handled by pronoun module — no patch needed here


// ═══════════════════════════════════════════════════════════════════════
// MOBILE ENHANCEMENTS
// All code below is mobile-only — desktop behaviour unchanged
// ═══════════════════════════════════════════════════════════════════════

// ── Mobile topbar: show on all screens when logged in ───────────────────
function setMobileTopbarScreen(screenId){
  if(!isMobile()) return;
  var topbar = el('mobile-topbar');
  if(!topbar) return;
  // Show when logged in, hide when not
  if(!currentUser){ topbar.style.display='none'; return; }
  topbar.style.display = 'flex';
  topbar.style.setProperty('display','flex','important'); // beat any CSS override
  var titles = {
    welcome:          'New Session',
    'mob-pd-home':    'Home',
    'trainee-home':   'My Reviews',
    'report-screen':  'Performance Report',
    'ilp-hub-screen': 'Learning Plans',
    'pre-review-screen':'Pre-Review',
    'rec-screen':     'Recommendation Letter',
    'lor-hub-screen': 'My Letters',
    'lor-request-screen':'Request LOR',
    'purpose-manager':'Review Purposes',
    'template-builder':'Question Templates'
  };
  var nameEl = el('mob-section-name');
  var ctrEl  = el('mob-section-counter');
  if(nameEl) nameEl.textContent = titles[screenId] || 'Sherpa';
  if(ctrEl)  ctrEl.textContent  = '';
  // Interview mode: show progress bar + mark-done
  if(screenId === 'interview-ui'){
    topbar.classList.add('interview-mode');
  } else {
    topbar.classList.remove('interview-mode');
  }
}

// ── Build general drawer — 3 nav buttons only ────────────────────────────
function buildMobileDrawerGeneral(){
  var container = el('mob-panel-general');
  if(!container) return;
  container.innerHTML = '';
  if(!currentUser) return;

  // User info
  var roleLabel = {PD:'Program Director',Fellow:'Fellow',Resident:'Resident'}[currentUser.role]||currentUser.role;
  var prefix = currentUser.role==='PD' ? 'Dr. ' : '';
  var uDiv = document.createElement('div');
  uDiv.style.cssText = 'padding:14px 18px 12px;border-bottom:1px solid var(--border);background:rgba(201,168,76,0.04)';
  uDiv.innerHTML = '<div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:DM Mono,monospace;margin-bottom:3px">'+roleLabel+'</div>'
    + '<div style="font-size:14px;color:#e8edf5;font-weight:500">'+prefix+currentUser.fn+' '+currentUser.ln+'</div>'
    + (currentUser.specialty ? '<div style="font-size:11px;color:var(--muted)">'+currentUser.specialty+(currentUser.pgy?' &middot; '+currentUser.pgy:'')+'</div>' : '');
  container.appendChild(uDiv);

  if(currentUser.role==='PD'){
    // 3 nav buttons — close drawer and trigger main screen content
    var navItems = [
      {icon:'🔍', title:'Review Existing Trainee', sub:'Search your fellows and residents', action:'existing'},
      {icon:'➕', title:'Review New Trainee',       sub:'Add a new fellow or resident',      action:'new'},
      {icon:'📋', title:'Recent Sessions',          sub:'View and continue past reviews',    action:'sessions'},
      {icon:'✉',  title:'Recommendation Letters',  sub:'Draft and manage LORs',             action:'lor'}
    ];
    var navWrap = document.createElement('div');
    navWrap.style.cssText = 'padding:8px 12px';
    navItems.forEach(function(n){
      var row = document.createElement('div');
      row.style.cssText = 'display:flex;align-items:center;gap:14px;padding:13px 10px;border-radius:10px;cursor:pointer;margin-bottom:4px;border:1px solid var(--border);background:var(--navy2)';
      row.innerHTML = '<span style="font-size:22px;width:32px;text-align:center;flex-shrink:0">'+n.icon+'</span>'
        +'<div><div style="font-size:14px;color:#e8edf5;font-weight:600;margin-bottom:2px">'+n.title+'</div>'
        +'<div style="font-size:11px;color:var(--muted)">'+n.sub+'</div></div>';
      row.addEventListener('click', function(){
        closeMobileDrawer();
        mobPDAction(n.action);
      });
      navWrap.appendChild(row);
    });
    container.appendChild(navWrap);
  } else {
    // Non-PD: show pending reviews prominently, then accepted
    var mySess = loadSessions().filter(function(s){ return s.traineeId===currentUser.id||(s.traineeFn===currentUser.fn&&s.traineeLn===currentUser.ln); });
    mySess.sort(function(a,b){ return (b.timestamp||0)-(a.timestamp||0); });
    var pendSess = mySess.filter(function(s){ return s.status!=='accepted'; });
    var accSess  = mySess.filter(function(s){ return s.status==='accepted'; });

    if(!mySess.length){
      var empty2=document.createElement('div');
      empty2.style.cssText='padding:12px 18px;font-size:12px;color:var(--muted);font-style:italic';
      empty2.textContent='No reviews yet.';
      container.appendChild(empty2);
    } else {
      // Pending section
      if(pendSess.length){
        var phdr=document.createElement('div');
        phdr.style.cssText='padding:10px 18px 5px;display:flex;align-items:center;gap:8px';
        phdr.innerHTML='<span style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-family:DM Mono,monospace">Needs Review</span>'
          +'<span style="background:var(--gold);color:var(--navy);border-radius:8px;padding:1px 7px;font-size:10px;font-weight:700;font-family:DM Mono,monospace">'+pendSess.length+'</span>';
        container.appendChild(phdr);
        var pdiv=document.createElement('div');
        pdiv.style.cssText='padding:0 10px 6px';
        pendSess.forEach(function(s){
          var item=document.createElement('div');
          item.style.cssText='padding:9px 10px;border-radius:6px;cursor:pointer;margin-bottom:4px;background:rgba(201,168,76,0.08);border:1.5px solid rgba(201,168,76,0.3)';
          var pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose;
          item.innerHTML='<div style="font-size:13px;color:var(--gold2);font-weight:600">'+(s.pdName||'Review')+'</div>'
            +'<div style="font-size:10px;color:var(--muted);font-family:DM Mono,monospace">'+s.date+' · '+pShort+'</div>';
          item.addEventListener('click',function(){ closeMobileDrawer(); openSessionReport(s); });
          pdiv.appendChild(item);
        });
        container.appendChild(pdiv);
      }
      // Accepted section
      if(accSess.length){
        var ahdr=document.createElement('div');
        ahdr.style.cssText='padding:'+(pendSess.length?'8':'10')+'px 18px 5px;'+(pendSess.length?'border-top:1px solid var(--border);':'');
        ahdr.innerHTML='<span style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:DM Mono,monospace">Past Reviews</span>';
        container.appendChild(ahdr);
        var adiv=document.createElement('div');
        adiv.style.cssText='padding:0 10px 8px';
        accSess.forEach(function(s){
          var item=document.createElement('div');
          item.style.cssText='padding:9px 10px;border-radius:6px;cursor:pointer;margin-bottom:3px;border:1px solid var(--border);background:var(--navy2)';
          var pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose;
          item.innerHTML='<div style="font-size:12px;color:#e8edf5;font-weight:500">'+(s.pdName||'Review')
            +' <span style="font-size:9px;color:var(--green);font-family:DM Mono,monospace">✓</span></div>'
            +'<div style="font-size:10px;color:var(--muted);font-family:DM Mono,monospace">'+s.date+' · '+pShort+'</div>';
          item.addEventListener('click',function(){ closeMobileDrawer(); openSessionReport(s); });
          adiv.appendChild(item);
        });
        container.appendChild(adiv);
      }
    }
  }
} // end buildMobileDrawerGeneral


// ── Mobile report bar: wire new buttons ───────────────────────────────
(function wireMobileReportBar(){
  // ILP button
  var mobIlp = el('btn-ilp-mob');
  if(mobIlp) mobIlp.addEventListener('click', function(){
    var tid = viewingSession ? viewingSession.traineeId : null;
    var tn  = viewingSession ? (viewingSession.traineeFn+' '+viewingSession.traineeLn) : '';
    openILPHub(tid, tn);
  });

  // Accept button (shown for trainees only, wired when session opens)
  var mobAccept = el('btn-accept-mob');
  if(mobAccept) mobAccept.addEventListener('click', function(){
    var mainAccept = el('btn-accept-review');
    if(mainAccept && !mainAccept.classList.contains('accepted-state')) mainAccept.click();
  });
})();

// ── Sync mobile accept button with main accept button visibility ─────────
function syncMobileAcceptBtn(sess){
  if(!isMobile()) return;
  var mobAccept = el('btn-accept-mob');
  if(!mobAccept) return;
  if(!sess || !currentUser){ mobAccept.style.display='none'; return; }
  var canAccept = currentUser.role!=='PD' &&
    (sess.traineeId===currentUser.id||(sess.traineeFn===currentUser.fn&&sess.traineeLn===currentUser.ln));
  mobAccept.style.display = canAccept ? 'block' : 'none';
  if(canAccept && sess.status==='accepted'){
    mobAccept.textContent = '✓ Accepted';
    mobAccept.style.background = 'rgba(61,190,143,0.08)';
    mobAccept.style.color = 'var(--muted)';
    mobAccept.style.border = '1px solid var(--border)';
    mobAccept.style.boxShadow = 'none';
    mobAccept.style.opacity = '1';
  } else {
    mobAccept.textContent = '✓ Accept';
    mobAccept.style.background = 'linear-gradient(135deg,var(--teal),#17907c)';
    mobAccept.style.color = '#fff';
    mobAccept.style.border = 'none';
    mobAccept.style.boxShadow = '0 2px 8px rgba(29,184,160,0.3)';
    mobAccept.style.opacity = '1';
  }
}

// ── Patch openSessionReport to sync mobile UI and set topbar ────────────
var _origOSR = openSessionReport;
openSessionReport = function(sess){
  _origOSR(sess);
  syncMobileAcceptBtn(sess);
  if(isMobile()){
    var rab = el('report-actions-bar');
    if(rab) rab.style.display = 'flex';
    setMobileTopbarScreen('report-screen');
  }
};

// ── Mobile ILP hub: nav between list and editor ──────────────────────────
function showMobileILPList(){
  if(!isMobile()) return;
  var nav  = el('ilp-hub-nav');
  var cont = el('ilp-hub-content');
  var hub  = el('ilp-hub-screen');
  // Make the hub scrollable rather than clipping
  if(hub){ hub.style.overflowX = 'hidden'; hub.style.overflowY = 'auto'; }
  if(nav){
    nav.style.display = 'flex';
    nav.style.flexDirection = 'column';
    nav.style.height = 'calc(100vh - 60px)';
    nav.style.overflowY = 'auto';
    nav.style.overflowX = 'hidden';
    nav.style.width = '100%';
    nav.style.minWidth = '0';   // override inline min-width:260px
    nav.style.maxWidth = '100vw';
    nav.style.borderBottom = 'none';
    nav.style.borderRight = 'none';
  }
  if(cont) cont.style.display = 'none';
  // Make ILP list items tappable — wire click to open editor
  setTimeout(function(){
    var items = document.querySelectorAll('#ilp-hub-list .ilp-hub-item');
    items.forEach(function(item){
      if(!item._mobWired){
        item._mobWired = true;
        item.addEventListener('click', function(){
          showMobileILPEditor();
        });
      }
    });
  }, 50);
}
function showMobileILPEditor(){
  if(!isMobile()) return;
  var nav  = el('ilp-hub-nav');
  var cont = el('ilp-hub-content');
  if(nav)  nav.style.display = 'none';
  if(cont){ cont.style.display = 'flex'; cont.style.flexDirection='column'; }
}

// Patch showHubEditor to also show editor on mobile
var _origShowHubEditor = (typeof showHubEditor==='function') ? showHubEditor : null;
if(_origShowHubEditor){
  showHubEditor = function(){
    _origShowHubEditor();
    // v2.4.0: also hide ILP listen sub-screen when switching to editor
    var ls = el('ilp-listen-screen'); if(ls) ls.classList.remove('active');
    showMobileILPEditor();
  };
}

// Patch showHubEmptyState to also show list on mobile
var _origShowHubEmptyState = (typeof showHubEmptyState==='function') ? showHubEmptyState : null;
if(_origShowHubEmptyState){
  showHubEmptyState = function(){
    _origShowHubEmptyState();
    // v2.4.0: also hide ILP listen sub-screen
    var ls = el('ilp-listen-screen'); if(ls) ls.classList.remove('active');
    showMobileILPList();
  };
}

// Mobile ILP bottom bar buttons
(function wireMobILPBar(){
  var backList = el('mob-ilp-back-list');
  var newPlan  = el('mob-ilp-new');
  var save     = el('mob-ilp-save');
  var backRep  = el('mob-ilp-back-rep');
  if(backList) backList.addEventListener('click', function(){
    showMobileILPList();
    var hub = el('ilp-hub-screen'); if(hub) hub.style.display='flex';
  });
  if(newPlan) newPlan.addEventListener('click', function(){
    if(typeof openNewILPOrPick==='function') openNewILPOrPick();
    else if(typeof openNewILPInEditor==='function') openNewILPInEditor();
  });
  if(save) save.addEventListener('click', function(){
    if(typeof saveCurrentILP==='function'){
      saveCurrentILP();
      if(typeof renderILPHubList==='function') renderILPHubList();
    }
    notify('ILP saved.');
  });
  if(backRep) backRep.addEventListener('click', function(){
    var hub = el('ilp-hub-screen'); if(hub) hub.style.display='none';
    showOnly('report-screen');
  });
})();

// ── On login: show PD home or trainee home on mobile ─────────────────────
var _origOnLoginSuccess = (typeof onLoginSuccess==='function') ? onLoginSuccess : null;
if(_origOnLoginSuccess){
  onLoginSuccess = function(){
    _origOnLoginSuccess();
    if(isMobile()){
      setMobileTopbarScreen('welcome');
      if(currentUser && currentUser.role==='PD'){
        showMobilePDHome();
      }
    }
  };
}

// ── Override openMobileDrawer: interview mode vs general nav ──────────────
var _origOpenMobileDrawer = openMobileDrawer;
openMobileDrawer = function(){
  var panelSections = el('mob-panel-sections');
  var panelGeneral  = el('mob-panel-general');
  var badge         = el('mob-panel-badge');
  var inInterview   = el('interview-ui') && el('interview-ui').style.display !== 'none';

  // Always update the trainee context strip at the top of the drawer
  var ctxStrip = el('mob-panel-trainee-ctx');
  var ctxName  = el('mob-panel-trainee-name');
  var ctxMeta  = el('mob-panel-trainee-meta');
  if(ctxStrip){
    var t = (typeof selectedTrainee!=='undefined' && selectedTrainee) ? selectedTrainee
          : (typeof viewingSession!=='undefined' && viewingSession)
            ? {fn:viewingSession.traineeFn||'', ln:viewingSession.traineeLn||'',
               role:viewingSession.traineeRole||'', specialty:viewingSession.specialty||'', pgy:viewingSession.pgy||''}
            : null;
    if(t && (t.fn||t.ln)){
      if(ctxName) ctxName.textContent = (t.fn+' '+t.ln).trim();
      if(ctxMeta) ctxMeta.textContent = [t.role,t.specialty,t.pgy].filter(Boolean).join(' · ');
      ctxStrip.style.display = 'block';
      // Wire Clear button each time drawer opens
      var clrBtn = document.getElementById('mob-panel-trainee-clear');
      if(clrBtn){
        clrBtn.onclick = function(){
          selectedTrainee = null;
          viewingSession  = null;
          var bar = el('tsp-selected-bar'); if(bar) bar.style.display='none';
          ['trainee-first-name','trainee-last-name'].forEach(function(id){ var e=el(id); if(e) e.value=''; });
          if(typeof checkFormReady==='function') checkFormReady();
          closeMobileDrawer();
          if(typeof showMobilePDHome==='function') showMobilePDHome();
        };
      }
    } else {
      ctxStrip.style.display = 'none';
    }
  }

  if(inInterview){
    buildMobileDrawer();
    if(panelSections) panelSections.style.display = 'block';
    if(panelGeneral)  panelGeneral.style.display  = 'none';
  } else {
    if(badge) badge.textContent = '';
    buildMobileDrawerGeneral();
    if(panelSections) panelSections.style.display = 'none';
    if(panelGeneral)  panelGeneral.style.display  = 'block';
  }
  var drawer = el('mobile-drawer');
  if(drawer){ drawer.classList.add('open'); drawer.setAttribute('aria-hidden','false'); }
  document.body.style.overflow = 'hidden';
};

// ── Patch showOnly to sync mobile topbar ─────────────────────────────────
var _origShowOnly = showOnly;
showOnly = function(id){
  _origShowOnly(id);
  setMobileTopbarScreen(id);
  var mobIlpBar = el('mob-ilp-bar');
  if(mobIlpBar && isMobile()) mobIlpBar.classList.toggle('visible', id==='ilp-hub-screen');
  // Always dismiss the ambient zone dialog when navigating anywhere
  var azd = el('ambient-zone-dialog'); if(azd) azd.style.display='none';
  // Hide trainee session panel whenever we leave the welcome/config screen
  if(id !== 'welcome'){
    var tsp = el('trainee-session-panel');
    if(tsp) tsp.style.display = 'none';
  } else if(id === 'welcome' && typeof selectedTrainee !== 'undefined' && selectedTrainee && typeof isMobile === 'function' && !isMobile()){
    // Re-show session panel when returning to welcome with a trainee selected
    var tsp2 = el('trainee-session-panel');
    if(tsp2 && tsp2.querySelector('#tsp-session-list') && tsp2.querySelector('#tsp-session-list').children.length > 0){
      tsp2.style.display = 'flex';
    }
  }
};

// ── Show PD home (3 cards, default state) ────────────────────────────────
function showMobilePDHome(){
  if(!isMobile() || !currentUser || currentUser.role!=='PD') return;
  var nameEl = el('mph-name-text');
  if(nameEl) nameEl.textContent = 'Welcome, Dr. '+currentUser.ln;
  var cv = el('mph-cards-view');
  var ctv = el('mph-content-view');
  if(cv)  cv.style.display  = 'block';
  if(ctv) ctv.style.display = 'none';
  showOnly('mob-pd-home');
  setMobileTopbarScreen('mob-pd-home');
}

// ── Execute a PD action: update main screen with titled content ───────────
function mobPDAction(action){
  if(!isMobile() || !currentUser || currentUser.role!=='PD') return;

  if(action==='lor'){
    openLORHub();
    return;
  }

  if(action==='new'){
    // Go straight to blank config form — no need to stay on mob-pd-home
    selectedTrainee = null;
    ['trainee-first-name','trainee-last-name'].forEach(function(id){ var e=el(id); if(e){ e.value=''; e.readOnly=false; e.style.opacity=''; }});
    ['sel-trainee-type','sel-pgy','sel-purpose'].forEach(function(id){ var e=el(id); if(e) e.value=''; });
    var si=el('specialty-input'); if(si) si.value='';
    var sv=el('specialty-value'); if(sv) sv.value='';
    var splash=el('mob-splash-inner'); if(splash) splash.style.setProperty('display','none','important');
    var form=el('mob-form-inner');
    if(form){ form.style.setProperty('display','flex','important'); form.style.flexDirection='column'; form.style.alignItems='center'; form.style.width='100%'; }
    var cfg=el('config-form'); if(cfg) cfg.style.display='';
    var bs=el('btn-start'); if(bs) bs.style.display='';
    showOnly('welcome');
    setMobileTopbarScreen('welcome');
    var w=el('welcome'); if(w) w.scrollTop=0;
    setTimeout(function(){ var fn=el('trainee-first-name'); if(fn) fn.focus(); },100);
    if(typeof checkFormReady==='function') checkFormReady();
    return;
  }

  // For 'existing' and 'sessions': show mob-pd-home in content mode
  showOnly('mob-pd-home');
  setMobileTopbarScreen('mob-pd-home');
  var cv  = el('mph-cards-view');
  var ctv = el('mph-content-view');
  var ttl = el('mph-content-title');
  var bod = el('mph-content-body');
  if(cv)  cv.style.display  = 'none';
  if(ctv) ctv.style.display = 'flex';

  if(action==='existing'){
    if(ttl) ttl.textContent = 'Select Trainee';
    if(bod){
      bod.innerHTML = '';
      var inp = document.createElement('input');
      inp.placeholder='Search by name…'; inp.autocomplete='off';
      inp.style.cssText='width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:8px;color:#e8edf5;font-size:16px;padding:12px 14px;outline:none;font-family:DM Sans,sans-serif;box-sizing:border-box;margin-bottom:12px;display:block';
      var list = document.createElement('div');
      list.style.cssText='overflow-y:auto';
      bod.appendChild(inp);
      bod.appendChild(list);
      function renderList(q){
        list.innerHTML='';
        var query=(q||'').toLowerCase().trim();
        var matches=(query ? allTrainees().filter(function(t){ return (t.fn+' '+t.ln).toLowerCase().includes(query); }) : allTrainees());
        if(!matches.length){ list.innerHTML='<div style="font-size:12px;color:var(--muted);font-style:italic;padding:8px 0">No matches.</div>'; return; }
        matches.forEach(function(t){
          var row=document.createElement('div');
          row.style.cssText='padding:13px 14px;border-radius:10px;cursor:pointer;margin-bottom:6px;border:1px solid var(--border);background:var(--navy2)';
          row.innerHTML='<div style="font-size:15px;color:#e8edf5;font-weight:500">'+t.fn+' '+t.ln+'</div>'
            +'<div style="font-size:11px;color:var(--muted);font-family:DM Mono,monospace;margin-top:3px">'+t.role+' &middot; '+t.specialty+(t.pgy?' &middot; '+t.pgy:'')+'</div>';
          row.addEventListener('click',function(){ pickTrainee(t); });
          list.appendChild(row);
        });
      }
      renderList('');
      inp.addEventListener('input',function(){ renderList(inp.value); });
      setTimeout(function(){ inp.focus(); },100);
    }

  } else if(action==='sessions'){
    if(ttl) ttl.textContent = 'Recent Sessions';
    if(bod){
      bod.innerHTML='';
      var allSess=loadSessions().filter(function(s){ return s.pdId===currentUser.id; });
      allSess.sort(function(a,b){ return (b.timestamp||0)-(a.timestamp||0); });
      if(!allSess.length){
        bod.innerHTML='<div style="font-size:13px;color:var(--muted);font-style:italic;padding:8px 0">No sessions yet.</div>';
      } else {
        allSess.slice(0,10).forEach(function(s){
          var pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose||'';
          var badge=s.status==='accepted'
            ? '<span style="font-size:9px;font-family:DM Mono,monospace;padding:2px 7px;border-radius:8px;background:rgba(61,190,143,0.15);color:var(--green);border:1px solid rgba(61,190,143,0.3);margin-left:6px">Accepted</span>'
            : '<span style="font-size:9px;font-family:DM Mono,monospace;padding:2px 7px;border-radius:8px;background:rgba(201,168,76,0.1);color:var(--gold2);border:1px solid rgba(201,168,76,0.2);margin-left:6px">Pending</span>';
          var card=document.createElement('div');
          card.style.cssText='padding:13px 14px;border-radius:10px;cursor:pointer;margin-bottom:8px;border:1px solid var(--border);background:var(--navy2)';
          card.innerHTML='<div style="font-size:14px;color:#e8edf5;font-weight:500;margin-bottom:4px">'+(s.traineeFn||'')+' '+(s.traineeLn||'')+badge+'</div>'
            +'<div style="font-size:11px;color:var(--muted);font-family:DM Mono,monospace">'+s.date+' &middot; '+pShort+(s.specialty?' &middot; '+s.specialty:'')+'</div>';
          card.addEventListener('click',function(){ openSessionReport(s); });
          bod.appendChild(card);
        });
      }
    }
  }
}

// ── Wire the 3 home cards ────────────────────────────────────────────────
(function wireMobPDHome(){
  var btnE=el('mph-btn-existing'); if(btnE) btnE.addEventListener('click',function(){ mobPDAction('existing'); });
  var btnN=el('mph-btn-new');      if(btnN) btnN.addEventListener('click',function(){ mobPDAction('new'); });
  var btnS=el('mph-btn-sessions'); if(btnS) btnS.addEventListener('click',function(){ mobPDAction('sessions'); });
  var btnH=el('mph-home-btn');     if(btnH) btnH.addEventListener('click',function(){ showMobilePDHome(); });
})();

// ── After pickTrainee on mobile PD: go to config form ────────────────────
var _origPickTrainee2=(typeof pickTrainee==='function')?pickTrainee:null;
if(_origPickTrainee2){
  pickTrainee=function(t){
    _origPickTrainee2(t);
    if(isMobile()&&currentUser&&currentUser.role==='PD'){
      // Check for existing sessions for this trainee
      var allSess = loadSessions();
      var mySess = allSess.filter(function(s){
        return s.traineeId===t.id||(s.traineeFn===t.fn&&s.traineeLn===t.ln);
      });
      mySess.sort(function(a,b){ return (b.timestamp||0)-(a.timestamp||0); });

      if(mySess.length > 0){
        // Show choice screen on mob-pd-home
        showOnly('mob-pd-home');
        setMobileTopbarScreen('mob-pd-home');
        var cv=el('mph-cards-view'); if(cv) cv.style.display='none';
        var ctv=el('mph-content-view'); if(ctv) ctv.style.display='flex';
        var ttl=el('mph-content-title'); if(ttl) ttl.textContent='Dr. '+t.fn+' '+t.ln;
        var bod=el('mph-content-body'); if(!bod) return;
        bod.innerHTML='';
        // Trainee meta
        var meta=document.createElement('div');
        meta.style.cssText='font-size:11px;color:var(--muted);font-family:DM Mono,monospace;margin-bottom:16px';
        meta.textContent=t.role+(t.specialty?' · '+t.specialty:'')+(t.pgy?' · '+t.pgy:'');
        bod.appendChild(meta);
        // Existing Reviews button with badge
        var exBtn=document.createElement('div');
        exBtn.className='mph-card';
        exBtn.style.marginBottom='10px';
        exBtn.innerHTML='<div class="mph-card-icon">📋</div>'
          +'<div class="mph-card-text">'
            +'<div class="mph-card-title">Existing Reviews'
              +' <span style="background:var(--gold);color:var(--navy);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700;font-family:DM Mono,monospace;margin-left:6px">'+mySess.length+'</span>'
            +'</div>'
            +'<div class="mph-card-sub">View past reviews for this trainee</div>'
          +'</div>';
        exBtn.addEventListener('click', function(){
          // Show session list
          var ttl2=el('mph-content-title'); if(ttl2) ttl2.textContent='Reviews — Dr. '+t.fn+' '+t.ln;
          bod.innerHTML='';
          mySess.forEach(function(s){
            var pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose||'';
            var badge2=s.status==='accepted'
              ? '<span style="font-size:9px;padding:1px 6px;border-radius:8px;background:rgba(61,190,143,0.15);color:var(--green);border:1px solid rgba(61,190,143,0.3);margin-left:5px">✓</span>':'';
            var card=document.createElement('div');
            card.style.cssText='padding:13px 14px;border-radius:10px;cursor:pointer;margin-bottom:8px;border:1px solid var(--border);background:var(--navy2)';
            card.innerHTML='<div style="font-size:14px;color:#e8edf5;font-weight:500;margin-bottom:4px">'+pShort+badge2+'</div>'
              +'<div style="font-size:11px;color:var(--muted);font-family:DM Mono,monospace">'+s.date+'</div>';
            card.addEventListener('click', function(){ openSessionReport(s); });
            bod.appendChild(card);
          });
        });
        bod.appendChild(exBtn);
        // New Review button
        var nwBtn=document.createElement('div');
        nwBtn.className='mph-card primary';
        nwBtn.innerHTML='<div class="mph-card-icon">✏️</div>'
          +'<div class="mph-card-text">'
            +'<div class="mph-card-title">New Review</div>'
            +'<div class="mph-card-sub">Start a new review session</div>'
          +'</div>';
        nwBtn.addEventListener('click', function(){
          var splash=el('mob-splash-inner'); if(splash) splash.style.setProperty('display','none','important');
          var form=el('mob-form-inner');
          if(form){
            form.style.setProperty('display','flex','important');
            form.style.flexDirection='column'; form.style.alignItems='center'; form.style.width='100%';
            var h2=form.querySelector('h2'); if(h2) h2.style.display='';
            var tg=form.querySelector('.tagline'); if(tg) tg.style.display='';
          }
          var cfg=el('config-form'); if(cfg) cfg.style.display='';
          var bs=el('btn-start'); if(bs) bs.style.display='';
          showOnly('welcome');
          setMobileTopbarScreen('welcome');
          var w=el('welcome'); if(w) w.scrollTop=0;
          setTimeout(function(){ var purp=el('sel-purpose'); if(purp) purp.focus(); },150);
        });
        bod.appendChild(nwBtn);
      } else {
        // No existing sessions — go straight to config form
        var splash=el('mob-splash-inner'); if(splash) splash.style.setProperty('display','none','important');
        var form=el('mob-form-inner');
        if(form){
          form.style.setProperty('display','flex','important');
          form.style.flexDirection='column'; form.style.alignItems='center'; form.style.width='100%';
          var h2=form.querySelector('h2'); if(h2) h2.style.display='';
          var tg=form.querySelector('.tagline'); if(tg) tg.style.display='';
        }
        var cfg=el('config-form'); if(cfg) cfg.style.display='';
        var bs=el('btn-start'); if(bs) bs.style.display='';
        showOnly('welcome');
        setMobileTopbarScreen('welcome');
        var w=el('welcome'); if(w) w.scrollTop=0;
        setTimeout(function(){ var purp=el('sel-purpose'); if(purp) purp.focus(); },150);
      }
    }
  };
}

// ═══════════════════════════════════════════════════════════════════════
// SPECIALTY PICKER
// ═══════════════════════════════════════════════════════════════════════
var FELLOWSHIP_SPECIALTIES = [
  'Allergy & Immunology','Cardiovascular Disease','Clinical Cardiac Electrophysiology',
  'Endocrinology, Diabetes & Metabolism','Gastroenterology','Geriatric Medicine',
  'Hematology','Hematology & Oncology','Hospice & Palliative Medicine',
  'Infectious Disease','Interventional Cardiology','Medical Oncology',
  'Nephrology','Pulmonary Disease','Pulmonary Disease & Critical Care Medicine',
  'Rheumatology','Sleep Medicine','Sports Medicine','Transplant Hepatology',
  'Child & Adolescent Psychiatry','Forensic Psychiatry','Geriatric Psychiatry',
  'Addiction Medicine','Addiction Psychiatry','Brain Injury Medicine',
  'Critical Care Medicine','Neurocritical Care','Neuromuscular Medicine',
  'Vascular Neurology','Pain Medicine','Pediatric Emergency Medicine',
  'Pediatric Hospital Medicine','Neonatal-Perinatal Medicine','Pediatric Cardiology',
  'Pediatric Endocrinology','Pediatric Gastroenterology','Pediatric Hematology-Oncology',
  'Pediatric Infectious Disease','Pediatric Nephrology','Pediatric Pulmonology',
  'Pediatric Rheumatology','Hand Surgery','Orthopaedic Sports Medicine',
  'Surgical Critical Care','Thoracic Surgery','Vascular Surgery',
  'Abdominal Radiology','Breast Imaging','Cardiovascular Radiology',
  'Interventional Radiology','Musculoskeletal Radiology','Neuroradiology',
  'Nuclear Radiology','Pediatric Radiology','Radiation Oncology',
  'Female Pelvic Medicine & Reconstructive Surgery','Gynecologic Oncology',
  'Maternal-Fetal Medicine','Reproductive Endocrinology & Infertility',
  'Cornea & External Disease','Glaucoma','Neuro-Ophthalmology',
  'Oculoplastics','Retina & Vitreous','Pediatric Ophthalmology',
  'Dermatopathology','Micrographic Surgery (Mohs)','Pediatric Dermatology',
  'Advanced Heart Failure & Transplant Cardiology','Interventional Pulmonology',
  'Liver Transplantation','Kidney Transplantation'
];

var ACGME_INSTITUTIONS = [
  'New York-Presbyterian Hospital','Johns Hopkins Hospital','Massachusetts General Hospital',
  'University of California San Francisco Medical Center','Cleveland Clinic',
  'University of Pittsburgh Medical Center','Duke University Hospital',
  'Vanderbilt University Medical Center','University of Michigan Health System',
  'Northwestern Memorial Hospital','University of Washington Medical Center',
  'Brigham and Women\'s Hospital','Hospital of the University of Pennsylvania',
  'Yale-New Haven Hospital','University of Chicago Medical Center','Mayo Clinic Rochester',
  'Emory University Hospital','UCLA Medical Center',
  'University of Texas Southwestern Medical Center','Ohio State University Wexner Medical Center',
  'University of Alabama at Birmingham','Indiana University School of Medicine',
  'University of Colorado School of Medicine','University of Florida College of Medicine',
  'University of North Carolina Hospitals','University of Virginia Medical Center',
  'Washington University School of Medicine','University of Iowa Hospitals and Clinics',
  'Medical University of South Carolina','Oregon Health & Science University',
  'Thomas Jefferson University Hospital','University of Cincinnati Medical Center',
  'Rush University Medical Center','Henry Ford Hospital','Temple University Hospital',
  'University of Maryland Medical Center','University of Minnesota Medical School',
  'University of Nebraska Medical Center','University of Kansas Medical Center',
  'West Virginia University Hospitals','University of Mississippi Medical Center',
  'Loyola University Medical Center','Albany Medical Center','Stony Brook University Hospital',
  'Montefiore Medical Center','NYU Langone Health','Icahn School of Medicine at Mount Sinai',
  'Weill Cornell Medicine','University of Rochester Medical Center','SUNY Upstate Medical University',
  'Northwell Health','Maimonides Medical Center','Kings County Hospital Center',
  'Jacobi Medical Center','Elmhurst Hospital Center','Staten Island University Hospital',
  'Long Island Jewish Medical Center','North Shore University Hospital','Cedars-Sinai Medical Center',
  'LAC+USC Medical Center','UC Davis Medical Center','UC San Diego Medical Center',
  'UC Irvine Medical Center','Stanford University Medical Center',
  'Kaiser Permanente Northern California','Loma Linda University Medical Center',
  'Keck Hospital of USC','Harbor-UCLA Medical Center','Olive View-UCLA Medical Center',
  'UT Health Science Center Houston','Baylor College of Medicine','UT Health San Antonio',
  'University of Texas Medical Branch','Parkland Memorial Hospital','Houston Methodist Hospital',
  'Ben Taub General Hospital','Memorial Hermann Hospital','Baylor University Medical Center',
  'JPS Health Network','Jackson Memorial Hospital','Tampa General Hospital',
  'University of Florida – Jacksonville','AdventHealth Orlando','Broward Health Medical Center',
  'Memorial Healthcare System','University of Miami Hospital','Grady Memorial Hospital',
  'Augusta University Medical Center','Wellstar Health System','Detroit Medical Center',
  'Beaumont Hospital Royal Oak','Spectrum Health Grand Rapids','MetroHealth System',
  'University Hospitals Case Medical Center','Summa Health System','Allegheny General Hospital',
  'Geisinger Medical Center','Penn State Health Hershey Medical Center','Cooper University Hospital',
  'Hackensack University Medical Center','Rutgers New Jersey Medical School','RWJBarnabas Health',
  'University Hospital Newark','Boston Medical Center','Tufts Medical Center',
  'Beth Israel Deaconess Medical Center','Lahey Hospital & Medical Center',
  'UMass Memorial Medical Center','Rhode Island Hospital','Dartmouth-Hitchcock Medical Center',
  'Maine Medical Center','University of Vermont Medical Center','Hartford Hospital',
  'University of Connecticut Health Center','George Washington University Hospital',
  'Georgetown University Hospital','Howard University Hospital',
  'Walter Reed National Military Medical Center','Inova Fairfax Hospital',
  'Virginia Commonwealth University Health','Carilion Clinic','Sentara Norfolk General Hospital',
  'Wake Forest Baptist Medical Center','Atrium Health','WakeMed Health','Vidant Medical Center',
  'MUSC Health','Prisma Health Upstate','University of Kentucky Chandler Medical Center',
  'University of Louisville School of Medicine','Norton Healthcare',
  'University of Tennessee Medical Center','Regional One Health','Erlanger Health System',
  'LSU Health New Orleans','Tulane Medical Center','Ochsner Medical Center',
  'University of Arkansas for Medical Sciences','University of Oklahoma Health Sciences Center',
  'OU Medicine','University of New Mexico Hospital','University of Arizona Medical Center',
  'Mayo Clinic Arizona','Banner University Medical Center',
  'University of Nevada Las Vegas School of Medicine','Renown Regional Medical Center',
  'University of Utah Health','Intermountain Medical Center','University of Colorado Hospital',
  'Denver Health Medical Center','Froedtert & the Medical College of Wisconsin','UW Health',
  'Gundersen Health System','Hennepin Healthcare','Park Nicollet Methodist Hospital',
  'University of Illinois Hospital','Cook County Health','Advocate Illinois Masonic Medical Center',
  'SSM Health Saint Louis University Hospital','Barnes-Jewish Hospital','Truman Medical Centers',
  'Saint Luke\'s Hospital Kansas City','Children\'s Mercy Hospital','Eskenazi Health',
  'Ascension St. Vincent Indianapolis','Parkview Health','Hurley Medical Center',
  'Beaumont Health Royal Oak','UPMC Shadyside','Jefferson Health','Abington Hospital',
  'Lehigh Valley Health Network','Reading Hospital','WellSpan York Hospital',
  'Baystate Medical Center','Westchester Medical Center','Nassau University Medical Center',
  'Brookdale University Hospital','BronxCare Health System','Winthrop-University Hospital',
  'Good Samaritan Hospital Medical Center','St. Joseph\'s Health Paterson',
  'Morristown Medical Center','Overlook Medical Center','Newark Beth Israel Medical Center',
  'Trinitas Regional Medical Center','Capital Health Regional Medical Center',
  'Inspira Medical Center','Scott & White Medical Center','Methodist Dallas Medical Center',
  'University Health San Antonio','Corpus Christi Medical Center',
  'Christus Santa Rosa Health System','Cape Fear Valley Medical Center','Novant Health',
  'HCA Healthcare Nashville','Cookeville Regional Medical Center','Baptist Health Lexington',
  'Appalachian Regional Healthcare','Charleston Area Medical Center','Cabell Huntington Hospital',
  'WVU Medicine','Bon Secours Richmond','Virginia Tech Carilion School of Medicine',
  'Riverside Regional Medical Center','Inova Fairfax Medical Campus','Sanford USD Medical Center',
  'Avera McKennan Hospital','Sanford Medical Center Fargo','Altru Health System',
  'Nebraska Medicine','UnityPoint Health','Stormont Vail Health','Wesley Medical Center',
  'OSF Saint Francis Medical Center','Bronson Methodist Hospital','Henry Ford Macomb Hospital',
  'St. Joseph Mercy Oakland','Drexel University College of Medicine','Einstein Healthcare Network',
  'Stamford Hospital','Bridgeport Hospital','Bassett Medical Center','Albany Medical Center Hospital',
  'United Health Services','Buffalo General Medical Center','SUNY at Buffalo School of Medicine',
  'Arnot Ogden Medical Center','Sisters of Charity Hospital','Millard Fillmore Gates Hospital',
  'St. Peter\'s Hospital Albany','Orange Regional Medical Center','Jersey City Medical Center',
  'Hackensack Meridian Jersey Shore University','Doctors Hospital at Renaissance',
  'Valley Baptist Medical Center','UT Rio Grande Valley School of Medicine','Covenant Medical Center',
  'LSU Health Shreveport','Willis-Knighton Health System','Providence Health & Services',
  'PeaceHealth Southwest Medical Center','MultiCare Health System',
  'Providence Regional Medical Center Everett','Virginia Mason Medical Center','Swedish Medical Center',
  'Sacred Heart Medical Center','Harborview Medical Center',
  'University of Hawaii John A. Burns School of Medicine','Tripler Army Medical Center',
  'University of Alaska Anchorage','Providence Alaska Medical Center','Benefis Health System',
  'Billings Clinic','Cheyenne Regional Medical Center','Utah Valley Hospital',
  'McKay-Dee Hospital','St. Mark\'s Hospital','Maricopa Integrated Health System',
  'Valleywise Health','Dignity Health St. Joseph\'s Phoenix',
  'Southern Illinois University School of Medicine','Carle Foundation Hospital',
  'Memorial Medical Center Springfield','Saint Francis Hospital Tulsa','Hillcrest Medical Center',
  'UAMS Medical Center','Baptist Health Little Rock','Medical Center of Central Georgia',
  'Navicent Health','Northeast Georgia Medical Center','Carolinas Medical Center',
  'Duke Regional Hospital'
];

var _pickerCallback = null; // function(selectedArray) called on Done
var _pickerSelected = [];
var _pickerList = null; // set to FELLOWSHIP_SPECIALTIES or ACGME_INSTITUTIONS

function openSpecialtyPicker(currentSelected, onDone){
  _pickerList = FELLOWSHIP_SPECIALTIES;
  _openGenericPicker(currentSelected, onDone, 'Search specialties (e.g. gas, card, neph…)');
}

function openInstitutionPicker(currentSelected, onDone){
  _pickerList = ACGME_INSTITUTIONS;
  _openGenericPicker(currentSelected, onDone, 'Search institutions (e.g. Mayo, Yale, Johns…)');
}

function _openGenericPicker(currentSelected, onDone, placeholder){
  _pickerCallback = onDone;
  _pickerSelected = (currentSelected||[]).slice();
  var overlay = el('specialty-picker-overlay');
  if(overlay) overlay.style.display = 'flex';
  var inp = el('specialty-picker-input');
  if(inp){ inp.value=''; inp.placeholder = placeholder || 'Type to search…'; inp.focus(); }
  renderPickerSuggestions('');
  renderPickerSelected();
}

function renderPickerSuggestions(q){
  var box = el('specialty-picker-suggestions'); if(!box) return;
  box.innerHTML = '';
  var query = q.toLowerCase().trim();
  var list = _pickerList || FELLOWSHIP_SPECIALTIES;
  var matches = query
    ? list.filter(function(s){ return s.toLowerCase().includes(query); })
    : list;
  matches.slice(0,12).forEach(function(spec){
    var already = _pickerSelected.indexOf(spec) >= 0;
    var row = document.createElement('div');
    row.style.cssText = 'padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:space-between;'
      + (already ? 'background:rgba(29,184,160,0.1);color:var(--teal2)' : 'color:#e8edf5');
    row.innerHTML = spec + (already ? ' <span style="font-size:10px">✓</span>' : '');
    if(!already){
      row.addEventListener('click', function(){
        _pickerSelected.push(spec);
        var inp = el('specialty-picker-input'); if(inp) inp.value='';
        renderPickerSuggestions('');
        renderPickerSelected();
      });
    }
    box.appendChild(row);
  });
  if(!matches.length){
    box.innerHTML = '<div style="padding:8px 12px;font-size:12px;color:var(--muted);font-style:italic">No matches — type to search</div>';
  }
}

function renderPickerSelected(){
  var box = el('specialty-picker-selected'); if(!box) return;
  box.innerHTML = '';
  _pickerSelected.forEach(function(spec, i){
    var tag = document.createElement('div');
    tag.style.cssText = 'display:inline-flex;align-items:center;gap:5px;background:rgba(29,184,160,0.12);border:1px solid rgba(29,184,160,0.3);border-radius:6px;padding:3px 8px;font-size:12px;color:var(--teal2)';
    tag.innerHTML = spec + ' <span style="cursor:pointer;opacity:0.7" data-idx="'+i+'">&times;</span>';
    tag.querySelector('span').addEventListener('click', function(){
      _pickerSelected.splice(i,1);
      renderPickerSelected();
      renderPickerSuggestions((el('specialty-picker-input')||{}).value||'');
    });
    box.appendChild(tag);
  });
  if(!_pickerSelected.length){
    box.innerHTML = '<div style="font-size:11px;color:var(--muted);font-style:italic">None selected yet</div>';
  }
}

(function wireSpecialtyPicker(){
  var inp = el('specialty-picker-input');
  if(inp) inp.addEventListener('input', function(){ renderPickerSuggestions(inp.value); });

  var cancel = el('specialty-picker-cancel');
  if(cancel) cancel.addEventListener('click', function(){
    var overlay = el('specialty-picker-overlay');
    if(overlay) overlay.style.display = 'none';
  });

  var done = el('specialty-picker-done');
  if(done) done.addEventListener('click', function(){
    var overlay = el('specialty-picker-overlay');
    if(overlay) overlay.style.display = 'none';
    if(_pickerCallback) _pickerCallback(_pickerSelected.slice());
  });

  // Wire rec screen program button
  var recProgBtn = el('rec-program-btn');
  if(recProgBtn) recProgBtn.addEventListener('click', function(){
    var tagsEl = el('rec-target-program-tags');
    var current = tagsEl ? Array.from(tagsEl.querySelectorAll('[data-spec]')).map(function(t){ return t.getAttribute('data-spec'); }) : [];
    openInstitutionPicker(current, function(selected){
      renderSpecialtyTags('rec-target-program-tags', selected);
      // sync hidden input for backward compat
      var hidden = el('rec-target-program'); if(hidden) hidden.value = selected.join(', ');
    });
  });

  // Wire lor request program button
  var lorProgBtn = el('lor-req-program-btn');
  if(lorProgBtn) lorProgBtn.addEventListener('click', function(){
    var tagsEl = el('lor-req-program-tags');
    var current = tagsEl ? Array.from(tagsEl.querySelectorAll('[data-spec]')).map(function(t){ return t.getAttribute('data-spec'); }) : [];
    openInstitutionPicker(current, function(selected){
      renderSpecialtyTags('lor-req-program-tags', selected);
      var hidden = el('lor-req-program'); if(hidden) hidden.value = selected.join(', ');
    });
  });

  // Wire rec screen specialty button
  var recSpecBtn = el('rec-specialty-btn');
  if(recSpecBtn) recSpecBtn.addEventListener('click', function(){
    var tagsEl = el('rec-target-specialty-tags');
    var current = tagsEl ? Array.from(tagsEl.querySelectorAll('[data-spec]')).map(function(t){ return t.getAttribute('data-spec'); }) : [];
    openSpecialtyPicker(current, function(selected){
      renderSpecialtyTags('rec-target-specialty-tags', selected);
      updateRecReadiness();
    });
  });

  // Wire lor request specialty button
  var lorSpecBtn = el('lor-req-specialty-btn');
  if(lorSpecBtn) lorSpecBtn.addEventListener('click', function(){
    var tagsEl = el('lor-req-specialty-tags');
    var current = tagsEl ? Array.from(tagsEl.querySelectorAll('[data-spec]')).map(function(t){ return t.getAttribute('data-spec'); }) : [];
    openSpecialtyPicker(current, function(selected){
      renderSpecialtyTags('lor-req-specialty-tags', selected);
    });
  });
})();

function renderSpecialtyTags(containerId, specs){
  var box = el(containerId); if(!box) return;
  box.innerHTML = '';
  specs.forEach(function(spec){
    var tag = document.createElement('div');
    tag.setAttribute('data-spec', spec);
    tag.style.cssText = 'display:inline-flex;align-items:center;gap:5px;background:rgba(29,184,160,0.12);border:1px solid rgba(29,184,160,0.3);border-radius:6px;padding:4px 10px;font-size:12px;color:var(--teal2)';
    tag.innerHTML = spec + ' <span style="cursor:pointer;opacity:0.6">&times;</span>';
    tag.querySelector('span').addEventListener('click', function(){
      tag.remove(); updateRecReadiness();
    });
    box.appendChild(tag);
  });
}

function getSelectedSpecialties(containerId){
  var box = el(containerId); if(!box) return [];
  return Array.from(box.querySelectorAll('[data-spec]')).map(function(t){ return t.getAttribute('data-spec'); });
}

// ═══════════════════════════════════════════════════════════════════════
// LOR HUB SCREEN
// ═══════════════════════════════════════════════════════════════════════
function openLORHub(){
  var isPD = currentUser && currentUser.role==='PD';
  var reqBtn = el('lor-hub-request-btn');
  if(reqBtn) reqBtn.style.display = isPD ? 'none' : 'inline-block';
  renderLORHubList();
  showLORHubEmpty();
  showOnly('lor-hub-screen');
  // Always sync the nav badge from storage when opening the LOR hub
  if(typeof updateSBALORBadge==='function') updateSBALORBadge();
  // Wire search after render
  setTimeout(function(){
    var inp = el('lor-hub-search');
    if(inp){
      inp.value = '';
      inp.oninput = function(){ renderLORHubList(inp.value); };
    }
  }, 50);
}

function renderLORHubList(filterQ){
  var container = el('lor-hub-list-items'); if(!container) return;
  container.innerHTML = '';
  var isPD = currentUser && currentUser.role==='PD';
  var uid = currentUser ? currentUser.id : '';
  var uName = currentUser ? currentUser.fn+' '+currentUser.ln : '';
  var q = (filterQ||'').toLowerCase().trim();

  // Requests
  var allReqs = loadLORRequests();
  var myReqs = isPD
    ? allReqs.filter(function(r){ return r.pdId===uid; })
    : allReqs.filter(function(r){ return r.traineeId===uid; });
  myReqs.sort(function(a,b){ return (b.timestamp||0)-(a.timestamp||0); });
  if(q) myReqs = myReqs.filter(function(r){
    var specs = Array.isArray(r.specialties)?r.specialties.join(' '):(r.specialty||'');
    var progs = Array.isArray(r.programs)?r.programs.join(' '):(r.program||'');
    return (r.traineeName+' '+specs+' '+progs+' '+r.date).toLowerCase().includes(q);
  });

  // Completed letters
  var allLetters = loadRecLetters();
  var myLetters = isPD
    ? allLetters
    : allLetters.filter(function(l){ return l.traineeId===uid || l.traineeName===uName; });
  myLetters.sort(function(a,b){ return (b.timestamp||0)-(a.timestamp||0); });
  if(q) myLetters = myLetters.filter(function(l){
    return (l.traineeName+' '+(l.specialty||'')+' '+(l.program||'')+' '+l.date).toLowerCase().includes(q);
  });

  if(!myReqs.length && !myLetters.length){
    container.innerHTML = '<div style="padding:14px 18px;font-size:12px;color:var(--muted);font-style:italic">'
      + (q ? 'No matches for "'+q+'".' : (isPD ? 'No LOR requests yet.' : 'No requests or letters yet.')) + '</div>';
    return;
  }

  if(myReqs.length){
    var hdr = document.createElement('div');
    hdr.style.cssText = 'font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:DM Mono,monospace;padding:8px 14px 4px';
    hdr.textContent = 'Requests';
    container.appendChild(hdr);
    myReqs.forEach(function(r){
      var item = document.createElement('div');
      item.style.cssText = 'padding:10px 14px;cursor:pointer;border-left:3px solid '+(r.status==='fulfilled'?'var(--green)':'var(--gold)')+';margin-bottom:2px;transition:background 0.12s';
      var specs = Array.isArray(r.specialties) ? r.specialties.join(', ') : (r.specialty||'');
      item.innerHTML = '<div style="font-size:13px;color:#e8edf5;font-weight:500">'+r.traineeName+'</div>'
        +'<div style="font-size:10px;color:var(--muted);font-family:DM Mono,monospace">'+r.date+' &middot; '+specs+'</div>'
        +'<div style="font-size:9px;margin-top:2px;color:'+(r.status==='fulfilled'?'var(--green)':'var(--gold2)')+'">'+
        (r.status==='fulfilled'?'&#10003; Fulfilled':'&#9679; Pending')+'</div>';
      item.addEventListener('click', function(){ showLORHubRequest(r); });
      container.appendChild(item);
    });
  }

  if(myLetters.length){
    var hdr2 = document.createElement('div');
    hdr2.style.cssText = 'font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-family:DM Mono,monospace;padding:12px 14px 4px;border-top:1px solid var(--border);margin-top:4px';
    hdr2.textContent = 'Completed Letters';
    container.appendChild(hdr2);
    myLetters.forEach(function(l){
      var item = document.createElement('div');
      item.style.cssText = 'padding:10px 14px;cursor:pointer;border-left:3px solid rgba(106,90,205,0.5);margin-bottom:2px;transition:background 0.12s';
      item.innerHTML = '<div style="font-size:13px;color:#e8edf5;font-weight:500">'+l.traineeName+'</div>'
        +'<div style="font-size:10px;color:var(--muted);font-family:DM Mono,monospace">'+l.date+(l.specialty?' &middot; '+l.specialty:'')+(l.program?' &middot; '+l.program:'')+'</div>';
      item.addEventListener('click', function(){ showLORHubLetter(l); });
      container.appendChild(item);
    });
  }
}

function showLORHubEmpty(){
  var e=el('lor-hub-empty'); var r=el('lor-hub-request-detail'); var l=el('lor-hub-letter-detail');
  if(e) e.style.display='flex'; if(r) r.style.display='none'; if(l) l.style.display='none';
}

function showLORHubRequest(r){
  var e=el('lor-hub-empty'); var rd=el('lor-hub-request-detail'); var ld=el('lor-hub-letter-detail');
  if(e) e.style.display='none'; if(ld) ld.style.display='none';
  if(!rd) return; rd.style.display='block';
  var specs = Array.isArray(r.specialties) ? r.specialties : (r.specialty ? [r.specialty] : []);
  var programs = Array.isArray(r.programs) ? r.programs : (r.program ? [r.program] : []);
  var isPD = currentUser && currentUser.role==='PD';
  var content = el('lor-hub-request-content');
  if(content) content.innerHTML =
    (isPD && r.status!=='fulfilled'
      ? '<button id="lor-hub-write-btn" style="width:100%;padding:12px;background:linear-gradient(135deg,var(--gold),#a8842a);border:none;border-radius:8px;color:var(--navy);font-size:14px;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;margin-bottom:18px">&#9998; Write Recommendation Letter for '+r.traineeName+'</button>'
      : isPD && r.status==='fulfilled'
      ? '<div style="padding:8px 12px;background:rgba(61,190,143,0.1);border:1px solid rgba(61,190,143,0.3);border-radius:7px;color:var(--green);font-size:12px;margin-bottom:16px;font-family:DM Mono,monospace">&#10003; Letter fulfilled — see Completed Letters</div>'
      : '')
    +'<div class="lor-field-group"><div class="lor-label">Specialties</div><div style="color:#e8edf5;font-size:13px">'+specs.join(', ')+'</div></div>'
    +(programs.length?'<div class="lor-field-group"><div class="lor-label">Program'+(programs.length>1?'s':'')+'</div><div style="color:#e8edf5;font-size:13px">'+programs.join(', ')+'</div></div>':'')
    +(r.aamc?'<div class="lor-field-group"><div class="lor-label">AAMC ID</div><div style="color:#e8edf5;font-size:13px">'+r.aamc+'</div></div>':'')
    +(r.education?'<div class="lor-field-group"><div class="lor-label">Education</div><div style="color:#e8edf5;font-size:13px;white-space:pre-wrap">'+r.education+'</div></div>':'')
    +(r.scholarly?'<div class="lor-field-group"><div class="lor-label">Scholarly Activity</div><div style="color:#e8edf5;font-size:13px;white-space:pre-wrap">'+r.scholarly+'</div></div>':'')
    +(r.notes?'<div class="lor-field-group"><div class="lor-label">Additional Notes</div><div style="color:#e8edf5;font-size:13px;white-space:pre-wrap">'+r.notes+'</div></div>':'')
    +'<div style="font-size:10px;color:var(--muted);margin-top:12px">Submitted '+r.date+'&nbsp;&middot;&nbsp;Status: '+(r.status==='fulfilled'?'Fulfilled':'Pending')+'</div>';

  // Wire Write Letter button
  if(isPD && r.status!=='fulfilled'){
    setTimeout(function(){
      var btn = document.getElementById('lor-hub-write-btn');
      if(!btn) return;
      btn.addEventListener('click', function(){
        // Track which request is being fulfilled (v2.6.7)
        activeLORRequestId = r.id;
        // Find most recent session for this trainee to set viewingSession context
        var allSess = loadSessions();
        var traineeSess = allSess.filter(function(s){
          return s.traineeId===r.traineeId || (s.traineeFn===(r.traineeName||'').split(' ')[0] && s.traineeLn===(r.traineeName||'').split(' ').slice(1).join(' '));
        });
        traineeSess.sort(function(a,b){ return (b.timestamp||0)-(a.timestamp||0); });
        if(traineeSess.length) viewingSession = traineeSess[0];
        // Pre-load request data into rec screen fields
        openRecScreen();
        // After screen opens, populate specialty and program tags from request
        setTimeout(function(){
          if(specs.length) renderSpecialtyTags('rec-target-specialty-tags', specs);
          if(programs.length) renderSpecialtyTags('rec-target-program-tags', programs);
          var schEl = el('rec-scholarly');
          if(schEl && r.scholarly && !schEl.value) schEl.value = r.scholarly;
          var pdNotesEl = el('rec-pd-notes');
          if(pdNotesEl && r.notes && !pdNotesEl.value) pdNotesEl.value = r.notes;
          if(r.aamc){ var aamcEl=el('rec-aamc-id'); if(aamcEl) aamcEl.value=r.aamc; }
          updateRecReadiness();
        }, 100);
      });
    }, 0);
  }
}

function showLORHubLetter(l){
  var e=el('lor-hub-empty'); var rd=el('lor-hub-request-detail'); var ld=el('lor-hub-letter-detail');
  if(e) e.style.display='none'; if(rd) rd.style.display='none';
  if(!ld) return; ld.style.display='block';

  // Mark as viewed by this trainee (non-PD) so the "New Letter" badge clears
  if(currentUser && currentUser.role !== 'PD' && l && l.id){
    var uid = currentUser.id;
    var allLetters = loadRecLetters();
    var idx = allLetters.findIndex(function(x){ return x.id === l.id; });
    if(idx >= 0){
      if(!Array.isArray(allLetters[idx].viewedBy)) allLetters[idx].viewedBy = [];
      if(!allLetters[idx].viewedBy.includes(uid)){
        allLetters[idx].viewedBy.push(uid);
        saveRecLetters(allLetters);
        l.viewedBy = allLetters[idx].viewedBy; // keep local ref in sync
      }
    }
  }

  var doc = el('lor-hub-letter-doc');
  if(doc){
    // Reuse the renderLetterDoc logic inline
    var html = ''; var lines = (l.text||'').split('\n');
    lines.forEach(function(line){
      var t = line.trim();
      if(!t){ html+='<br>'; return; }
      if(t.startsWith('-') || t.startsWith('•')){ html+='<div style="padding-left:16px;margin-bottom:4px">&bull; '+t.replace(/^[-•]\s*/,'')+'</div>'; return; }
      var cl = ['sincerely','with regards','warm regards','respectfully'];
      if(cl.some(function(c){ return t.toLowerCase().startsWith(c); })){ html+='<div style="margin-top:28px;white-space:pre-line">'+t; return; }
      html+='<p style="margin-bottom:14px;text-align:justify">'+t+'</p>';
    });
    doc.innerHTML = html;
  }
  var pdfBtn = el('lor-hub-pdf-btn');
  if(pdfBtn){ pdfBtn.onclick = function(){
    var w = window.open('','_blank');
    if(w){
      w.document.write('<!DOCTYPE html><html><head><meta charset="UTF-8"><style>@page{margin:1.1in;size:letter}body{font-family:Georgia,serif;font-size:11.5pt;line-height:1.75;color:#1a1a2e}p{margin:0 0 16px;text-align:justify}@media print{body{print-color-adjust:exact}}</style></head><body>');
      (l.text||'').split('\n').forEach(function(line){
        var t=line.trim(); if(!t){w.document.write('<br>');return;}
        w.document.write('<p>'+t+'</p>');
      });
      w.document.write('<script>window.onload=function(){window.print();}<\/script></body></html>');
      w.document.close();
    }
  }; }
}

(function wireLORHub(){
  var backBtn = el('lor-hub-back-btn');
  if(backBtn) backBtn.addEventListener('click', function(){ showOnly('welcome'); });

  var reqBtn = el('lor-hub-request-btn');
  if(reqBtn) reqBtn.addEventListener('click', openLORRequestScreen);

  // Desktop sidebar button
  var sideBtn = el('btn-lor-hub');
  if(sideBtn) sideBtn.addEventListener('click', openLORHub);

  // Mobile PD home card
  var mobLorBtn = el('mph-btn-lor');
  if(mobLorBtn) mobLorBtn.addEventListener('click', function(){ openLORHub(); });

  // Wire mobile hamburger nav for LOR
  // handled by buildMobileDrawerGeneral already for non-PD
})();

// Show LOR nav and "My LORs" button after login
var _origOnLoginSuccessLOR = (typeof onLoginSuccess==='function') ? onLoginSuccess : null;
if(_origOnLoginSuccessLOR){
  onLoginSuccess = function(){
    _origOnLoginSuccessLOR();
    // sidebar-lor-nav is now a compat-only element inside accordion — no display change needed
    // Update PD work items (also updates accordion LOR badge)
    if(currentUser && currentUser.role==='PD') setTimeout(function(){ renderPDWorkItems(); }, 200);
  };
}

// ── Update showTraineeHome to include LOR section and Request LOR button ──
var _origShowTraineeHome = showTraineeHome;
showTraineeHome = function(){
  _origShowTraineeHome();
  var home = el('trainee-home'); if(!home) return;
  var uid = currentUser ? currentUser.id : '';
  var uName = currentUser ? currentUser.fn+' '+currentUser.ln : '';

  var allSess    = loadSessions();
  var mySess     = allSess.filter(function(s){ return s.traineeId===uid||(s.traineeFn===currentUser.fn&&s.traineeLn===currentUser.ln); });
  var myReqs     = loadLORRequests().filter(function(r){ return r.traineeId===uid; });
  var myLetters  = loadRecLetters().filter(function(l){ return l.traineeId===uid||l.traineeName===uName; });
  var hasReviews = mySess.length > 0;
  var hasLORs    = myLetters.length > 0;

  // A letter is "new/unread" if this trainee's id is not in its viewedBy array
  var unreadLetters = myLetters.filter(function(l){
    return !Array.isArray(l.viewedBy) || !l.viewedBy.includes(uid);
  });
  var unreadCount = unreadLetters.length;

  var lorBtnWrap = document.createElement('div');
  lorBtnWrap.style.cssText = 'width:100%;margin-top:16px;display:flex;flex-direction:column;gap:10px';

  // ── Request LOR button ────────────────────────────────────────────────
  var lorBtn = document.createElement('button');
  lorBtn.style.cssText = 'width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;'
    + (hasReviews
      ? 'background:linear-gradient(135deg,var(--gold),#a8842a);color:var(--navy)'
      : 'background:var(--surface2);color:var(--muted);cursor:not-allowed');
  lorBtn.textContent = '✉ Request Recommendation Letter';
  lorBtn.addEventListener('click', function(){
    if(!hasReviews){
      notify('You need at least one completed review before requesting a recommendation letter. Your program director will add one.');
      if(typeof isMobile==='function' && isMobile() && typeof showMobilePDHome!=='function'){
        showOnly('welcome');
      }
      return;
    }
    openLORRequestScreen();
  });
  lorBtnWrap.appendChild(lorBtn);

  // ── My Letters button — badge shows only UNREAD letters ───────────────
  var myLorBtn = document.createElement('button');
  myLorBtn.style.cssText = 'width:100%;padding:11px;border-radius:8px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;'
    + (hasLORs
      ? 'background:rgba(106,90,205,0.12);border:1px solid rgba(106,90,205,0.3);color:#a89de0;cursor:pointer'
      : 'background:var(--surface2);border:1px solid var(--border);color:var(--muted);cursor:not-allowed');
  // Badge only when there are UNREAD (newly written) letters — not for pending requests
  myLorBtn.innerHTML = '&#9993; My Letters'
    + (unreadCount
      ? ' <span style="background:var(--gold);color:var(--navy);border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700;font-family:DM Mono,monospace">'
        + unreadCount + ' New</span>'
      : (myLetters.length
        ? ' <span style="background:rgba(255,255,255,0.07);border-radius:10px;padding:1px 7px;font-size:10px;color:var(--muted);font-family:DM Mono,monospace">'
          + myLetters.length + '</span>'
        : ''));
  myLorBtn.addEventListener('click', function(){
    if(!hasLORs){
      notify('You do not have any recommendation letters yet.');
      return;
    }
    openLORHub();
  });
  lorBtnWrap.appendChild(myLorBtn);

  // ── Pending requests summary — informational only, no alert styling ───
  if(myReqs.length){
    var pendDiv = document.createElement('div');
    // Neutral teal "waiting" style — trainee has no action to take here
    var allFulfilled = myReqs.every(function(r){ return r.status==='fulfilled'; });
    pendDiv.style.cssText = 'background:rgba(29,184,160,0.05);border:1px solid rgba(29,184,160,0.2);border-radius:8px;padding:10px 14px;cursor:pointer';
    pendDiv.innerHTML = '<div style="font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--teal2);font-family:DM Mono,monospace;margin-bottom:6px">My LOR Requests</div>'
      + myReqs.map(function(r){
          var specs = Array.isArray(r.specialties) ? r.specialties.join(', ') : (r.specialty||'');
          var isFulfilled = r.status==='fulfilled';
          return '<div style="font-size:12px;color:#e8edf5;margin-bottom:4px">'+specs
            +' <span style="font-size:9px;color:'+(isFulfilled?'var(--green)':'var(--muted)')+'">&#9679; '
            +(isFulfilled?'Fulfilled — letter written':'Awaiting your PD')+'</span></div>';
        }).join('');
    pendDiv.addEventListener('click', openLORHub);
    lorBtnWrap.appendChild(pendDiv);
  }

  home.appendChild(lorBtnWrap);
};

// ── After trainee submits LOR request, go back to home screen (mobile) ──
var _origWireLORRequestClose = null;
(function patchLORRequestMobileReturn(){
  var submitBtn = el('lor-req-submit-btn');
  if(!submitBtn) return;
  submitBtn.addEventListener('click', function(){
    // After the existing submit handler runs (openLORHub), also reset mobile if needed
    setTimeout(function(){
      if(typeof isMobile==='function' && isMobile() && currentUser && currentUser.role!=='PD'){
        // Already going to lor-hub-screen via openLORHub in wireLORRequest
        // Force mobile layout to show only list (no detail panel)
        showLORHubMobileList();
      }
    }, 150);
  });
})();

// ── LOR Hub: mobile-specific layout (list only → tap → detail full screen) ──
function showLORHubMobileList(){
  if(!isMobile()) return;
  var list   = el('lor-hub-list');
  var detail = el('lor-hub-detail');
  var backBtn = el('lor-hub-mob-back');
  if(list){   list.style.display='flex'; list.style.width='100%'; list.style.borderRight='none'; }
  if(detail) detail.style.display = 'none';
  if(backBtn) backBtn.style.display = 'none';
  // Wire search if not yet wired
  setTimeout(function(){
    var inp = el('lor-hub-search');
    if(inp && !inp._wired){ inp._wired=true; inp.oninput=function(){ renderLORHubList(inp.value); }; }
  }, 50);
}

function showLORHubMobileDetail(){
  if(!isMobile()) return;
  var list   = el('lor-hub-list');
  var detail = el('lor-hub-detail');
  var backBtn = el('lor-hub-mob-back');
  if(list)   list.style.display   = 'none';
  if(detail) detail.style.display = 'block';
  if(detail) detail.style.width   = '100%';
  if(backBtn) backBtn.style.display = 'inline-block';
}

// Patch openLORHub to apply mobile layout
var _origOpenLORHub = openLORHub;
openLORHub = function(){
  _origOpenLORHub();
  if(typeof isMobile==='function' && isMobile()){
    showLORHubMobileList();
    // Add back button to header if not already there
    var hdr = document.querySelector('#lor-hub-screen > div:first-child');
    if(hdr && !el('lor-hub-mob-back')){
      var mobBack = document.createElement('button');
      mobBack.id = 'lor-hub-mob-back';
      mobBack.style.cssText = 'display:none;padding:6px 14px;background:none;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size:12px;cursor:pointer;font-family:DM Sans,sans-serif;margin-left:auto';
      mobBack.innerHTML = '&#8592; List';
      mobBack.addEventListener('click', showLORHubMobileList);
      // Insert before back btn
      var existingBack = el('lor-hub-back-btn');
      if(existingBack) hdr.insertBefore(mobBack, existingBack);
      else hdr.appendChild(mobBack);
    }
  }
};

// Patch showLORHubRequest and showLORHubLetter to trigger mobile detail view
var _origShowLORHubRequest = showLORHubRequest;
showLORHubRequest = function(r){
  _origShowLORHubRequest(r);
  if(typeof isMobile==='function' && isMobile()) showLORHubMobileDetail();
};

// ── Fix buildRecPrompt to use specialty tags ──────────────────────────────
var _origBuildRecPrompt = buildRecPrompt;
buildRecPrompt = function(targetProgram, targetSpecialtyOverride){
  var specs = getSelectedSpecialties('rec-target-specialty-tags');
  var hidden = el('rec-target-specialty');
  if(!hidden){
    hidden = document.createElement('input');
    hidden.id = 'rec-target-specialty';
    hidden.style.display = 'none';
    document.body.appendChild(hidden);
  }
  hidden.value = specs.join(', ');
  return _origBuildRecPrompt(targetProgram, targetSpecialtyOverride);
};

// ═══════════════════════════════════════════════════════════════════════
// TRAINEE SESSION HISTORY PANEL (desktop middle column)
// ═══════════════════════════════════════════════════════════════════════
function showTraineeSessionPanel(t){
  var panel = el('trainee-session-panel'); if(!panel) return;
  var nameEl = el('tsp-trainee-name');
  var metaEl = el('tsp-trainee-meta');
  var listEl = el('tsp-session-list');
  if(nameEl) nameEl.textContent = 'Dr. '+t.fn+' '+t.ln;
  if(metaEl) metaEl.textContent = t.role+(t.specialty?' · '+t.specialty:'')+(t.pgy?' · '+t.pgy:'');

  // Load sessions for this trainee
  var allSess = loadSessions();
  var mySess = allSess.filter(function(s){
    return s.traineeId===t.id || (s.traineeFn===t.fn && s.traineeLn===t.ln);
  });
  mySess.sort(function(a,b){ return (b.timestamp||0)-(a.timestamp||0); });

  if(listEl){
    if(!mySess.length){
      listEl.innerHTML = '<div style="padding:12px 14px;font-size:11px;color:var(--muted);font-style:italic">No reviews yet.</div>';
    } else {
      listEl.innerHTML = '';
      mySess.forEach(function(s){
        var pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose||'';
        var badge = s.status==='accepted'
          ? '<span style="font-size:9px;padding:1px 6px;border-radius:8px;background:rgba(61,190,143,0.15);color:var(--green);border:1px solid rgba(61,190,143,0.3);margin-left:4px;font-family:DM Mono,monospace">✓</span>'
          : '';
        var row = document.createElement('div');
        row.style.cssText = 'padding:9px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background 0.12s';
        row.innerHTML = '<div style="font-size:12px;color:#e8edf5;font-weight:500">'+pShort+badge+'</div>'
          +'<div style="font-size:10px;color:var(--muted);font-family:DM Mono,monospace">'+s.date+'</div>';
        row.addEventListener('mouseenter', function(){ this.style.background='var(--surface)'; });
        row.addEventListener('mouseleave', function(){ this.style.background=''; });
        row.addEventListener('click', function(){ openSessionReport(s); });
        listEl.appendChild(row);
      });
    }
  }
  panel.style.display = 'flex';
}

function hideTraineeSessionPanel(){
  var panel = el('trainee-session-panel'); if(panel) panel.style.display='none';
}

// Wire New Review button — go to welcome/config screen
(function(){
  var btn = el('tsp-new-review-btn');
  if(btn) btn.addEventListener('click', function(){
    showOnly('welcome');
    checkFormReady();
  });
})();

// Hide session panel on logout and when no trainee selected
(function(){
  var origClear = el('tsp-sel-clear');
  if(origClear){
    origClear.addEventListener('click', function(){
      hideTraineeSessionPanel();
    });
  }
})();


// Open a section by name, close all others
// ═══════════════════════════════════════════════════════════════════════
// SIDEBAR NAV BUTTONS (replaces accordion)
// ═══════════════════════════════════════════════════════════════════════

function snavClearActive(){
  ['snav-existing','snav-new','snav-sessions','snav-lor'].forEach(function(id){
    var b=el(id); if(b) b.classList.remove('active');
  });
}

function snavHidePanels(){
  ['snav-panel-existing','snav-panel-sessions'].forEach(function(id){
    var p=el(id); if(p) p.style.display='none';
  });
  var tsp=el('trainee-session-panel'); if(tsp) tsp.style.display='none';
  // Close ambient zone dialog if open
  var azd=el('ambient-zone-dialog'); if(azd) azd.style.display='none';
  // If ambient review is active, pause it when user navigates away
  if(typeof ambientMode!=='undefined' && ambientMode && !ambientPaused){
    ambientPaused=true;
    if(typeof stopChirpListening==='function') stopChirpListening();
    if(typeof updateAmbientListenUI==='function') updateAmbientListenUI();
  }
}

// Show trainee context strip in sidebar
function snavSetTraineeContext(t){
  var ctx=el('snav-trainee-ctx');
  var nm=el('snav-trainee-name');
  var mt=el('snav-trainee-meta');
  if(!ctx||!t) return;
  if(nm) nm.textContent='Dr. '+t.fn+' '+t.ln;
  if(mt) mt.textContent=(t.role||'')+(t.specialty?' · '+t.specialty:'')+(t.pgy?' · '+t.pgy:'');
  ctx.style.display='block';
}

function snavClearTraineeContext(){
  selectedTrainee=null; viewingSession=null;
  var ctx=el('snav-trainee-ctx'); if(ctx) ctx.style.display='none';
  var tsp=el('trainee-session-panel'); if(tsp) tsp.style.display='none';
  var tBar=el('tsp-selected-bar'); if(tBar) tBar.style.display='none';
  snavHidePanels();
  snavClearActive();
  // Reset form fields
  var fn=el('trainee-first-name'); if(fn){ fn.value=''; fn.readOnly=false; fn.style.opacity=''; }
  var ln=el('trainee-last-name');  if(ln){ ln.value=''; ln.readOnly=false; ln.style.opacity=''; }
  var sl=el('sections-list'); if(sl) sl.innerHTML='';
  checkFormReady();
  showOnly('welcome');
}

// Render trainee search in the overlay panel
function snavRenderExistingPanel(q){
  var list=el('snav-existing-list'); if(!list) return;
  var all=typeof allTrainees==='function' ? allTrainees() : [];
  // Also include trainees from saved sessions
  var sessTrainees={};
  loadSessions().filter(function(s){ return s.pdId===(currentUser?currentUser.id:''); }).forEach(function(s){
    var key=(s.traineeFn||'')+' '+(s.traineeLn||'');
    if(!sessTrainees[key]) sessTrainees[key]={fn:s.traineeFn||'',ln:s.traineeLn||'',role:s.traineeRole||'',specialty:s.specialty||'',pgy:s.pgy||'',id:s.traineeId||key};
  });
  var combined=all.slice();
  Object.values(sessTrainees).forEach(function(t){
    if(!combined.find(function(c){ return c.fn===t.fn&&c.ln===t.ln; })) combined.push(t);
  });
  var query=(q||'').toLowerCase().trim();
  if(query) combined=combined.filter(function(t){ return (t.fn+' '+t.ln+' '+t.specialty).toLowerCase().includes(query); });
  list.innerHTML='';
  if(!combined.length){
    list.innerHTML='<div style="padding:12px;font-size:12px;color:var(--muted);font-style:italic">No trainees found.</div>';
    return;
  }
  combined.forEach(function(t){
    var item=document.createElement('div');
    var isSelected=selectedTrainee&&selectedTrainee.fn===t.fn&&selectedTrainee.ln===t.ln;
    item.style.cssText='padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:4px;border:1px solid '+(isSelected?'rgba(29,184,160,0.4)':'var(--border)')+';background:'+(isSelected?'rgba(29,184,160,0.08)':'var(--surface2)');
    item.innerHTML='<div style="font-size:13px;color:#e8edf5;font-weight:500">Dr. '+t.fn+' '+t.ln+'</div>'
      +'<div style="font-size:10px;color:var(--muted);font-family:DM Mono,monospace">'+t.role+(t.specialty?' · '+t.specialty:'')+(t.pgy?' · '+t.pgy:'')+'</div>';
    item.addEventListener('click',function(){
      pickTrainee(t);
      snavSetTraineeContext(t);
      // Close the picker panel — session history becomes 2nd column
      snavHidePanels();
      snavClearActive();
      // 2nd column: past reviews for this trainee
      showTraineeSessionPanel(t);
      // 3rd column: welcome/config form pre-filled for this trainee
      showOnly('welcome');
      checkFormReady();
    });
    list.appendChild(item);
  });
}

// Render sessions list in overlay panel
function snavRenderSessionsPanel(q){
  var list=el('snav-sessions-list'); if(!list||!currentUser) return;
  var all=loadSessions().filter(function(s){ return s.pdId===currentUser.id; });
  all.sort(function(a,b){ return (b.timestamp||0)-(a.timestamp||0); });
  var query=(q||'').toLowerCase().trim();
  if(query) all=all.filter(function(s){ return (s.traineeFn+' '+s.traineeLn+' '+s.purpose+' '+s.specialty).toLowerCase().includes(query); });
  list.innerHTML='';
  if(!all.length){
    list.innerHTML='<div style="padding:12px;font-size:12px;color:var(--muted);font-style:italic">No sessions yet.</div>';
    return;
  }
  all.forEach(function(s){
    var pShort={rotation:'Rotation',midyear:'Mid-Year',endyear:'End-Year',advisor:'Advisor',remediation:'Remediation',adverse:'Adverse'}[s.purpose]||s.purpose;
    var badge=s.status==='accepted'
      ? '<span style="font-size:9px;padding:2px 6px;border-radius:6px;background:rgba(61,190,143,0.12);color:var(--green);border:1px solid rgba(61,190,143,0.25);margin-left:5px;font-family:DM Mono,monospace">✓</span>'
      : '<span style="font-size:9px;padding:2px 6px;border-radius:6px;background:rgba(201,168,76,0.1);color:var(--gold2);border:1px solid rgba(201,168,76,0.2);margin-left:5px;font-family:DM Mono,monospace">●</span>';
    var item=document.createElement('div');
    item.style.cssText='padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:4px;border:1px solid var(--border);background:var(--surface2);transition:border-color 0.12s';
    item.innerHTML='<div style="font-size:13px;color:#e8edf5;font-weight:500">'+s.traineeFn+' '+s.traineeLn+badge+'</div>'
      +'<div style="font-size:10px;color:var(--muted);font-family:DM Mono,monospace">'+s.date+' · '+pShort+(s.specialty?' · '+s.specialty:'')+'</div>';
    item.addEventListener('mouseenter',function(){ item.style.borderColor='rgba(201,168,76,0.35)'; });
    item.addEventListener('mouseleave',function(){ item.style.borderColor='var(--border)'; });
    item.addEventListener('click',function(){
      snavHidePanels();
      snavClearActive();
      openSessionReport(s);
    });
    list.appendChild(item);
  });
}

// Wire the 4 nav buttons
(function wireSidebarNav(){
  // Review Existing Trainee
  var btnE=el('snav-existing');
  if(btnE) btnE.addEventListener('click',function(){
    var panel=el('snav-panel-existing');
    var isOpen=panel&&panel.style.display==='flex';
    snavHidePanels(); snavClearActive();
    if(!isOpen){
      if(panel) panel.style.display='flex';
      btnE.classList.add('active');
      snavRenderExistingPanel('');
      setTimeout(function(){ var s=el('snav-existing-search'); if(s) s.focus(); },50);
      // Clear any lingering main content (e.g. LOR hub) and return to welcome
      showOnly('welcome');
    }
  });

  // Review New Trainee
  var btnN=el('snav-new');
  if(btnN) btnN.addEventListener('click',function(){
    snavHidePanels(); snavClearActive();
    btnN.classList.add('active');
    snavClearTraineeContext();
    // Clear form and go to welcome
    ['sel-trainee-type','sel-pgy','sel-purpose'].forEach(function(id){ var e=el(id); if(e) e.value=''; });
    var si=el('specialty-input'); if(si) si.value='';
    var fn=el('trainee-first-name'); if(fn){ fn.value=''; fn.readOnly=false; fn.style.opacity=''; }
    var ln=el('trainee-last-name'); if(ln){ ln.value=''; ln.readOnly=false; ln.style.opacity=''; }
    showOnly('welcome'); checkFormReady();
  });

  // Recent Sessions
  var btnS=el('snav-sessions');
  if(btnS) btnS.addEventListener('click',function(){
    var panel=el('snav-panel-sessions');
    var isOpen=panel&&panel.style.display==='flex';
    snavHidePanels(); snavClearActive();
    if(!isOpen){
      if(panel) panel.style.display='flex';
      btnS.classList.add('active');
      snavRenderSessionsPanel('');
      setTimeout(function(){ var s=el('snav-sessions-search'); if(s) s.focus(); },50);
      // Clear any lingering main content (e.g. LOR hub) and return to welcome
      showOnly('welcome');
      // Clear breadcrumbs
      var sl=el('sections-list'); if(sl) sl.innerHTML='';
    }
  });

  // Recommendation Letters
  var btnL=el('snav-lor');
  if(btnL) btnL.addEventListener('click',function(){
    snavHidePanels(); snavClearActive();
    btnL.classList.add('active');
    if(typeof openLORHub==='function') openLORHub();
  });

  // Close buttons on panels
  var closeE=el('snav-panel-existing-close');
  if(closeE) closeE.addEventListener('click',function(){ snavHidePanels(); snavClearActive(); });
  var closeS=el('snav-panel-sessions-close');
  if(closeS) closeS.addEventListener('click',function(){ snavHidePanels(); snavClearActive(); });

  // Search inputs
  var searchE=el('snav-existing-search');
  if(searchE) searchE.addEventListener('input',function(){ snavRenderExistingPanel(searchE.value); });
  var searchS=el('snav-sessions-search');
  if(searchS) searchS.addEventListener('input',function(){ snavRenderSessionsPanel(searchS.value); });

  // Trainee context clear button
  var clearBtn=el('snav-trainee-clear');
  if(clearBtn) clearBtn.addEventListener('click', snavClearTraineeContext);

  // New review button in session history panel
  var newRevBtn=el('tsp-new-review-btn');
  if(newRevBtn) newRevBtn.addEventListener('click',function(){
    snavHidePanels(); snavClearActive();
    showOnly('welcome'); checkFormReady();
  });
})();

// Show nav on PD login, hide on logout
function updateSBALORBadge(){
  if(!currentUser||currentUser.role!=='PD') return;
  var reqs=loadLORRequests().filter(function(r){ return r.pdId===currentUser.id&&r.status==='pending'; });
  var count=reqs.length;
  var badge=el('snav-lor-badge');
  if(badge){
    badge.textContent=count;
    badge.style.display=count?'inline-block':'none';
    badge.style.animation=count?'badge-pulse 2s ease-in-out infinite':'none';
  }
  // Visually distinguish the LOR button when requests are pending
  var btn=el('snav-lor');
  if(btn){
    if(count){
      btn.style.borderColor='rgba(201,168,76,0.6)';
      btn.style.background='rgba(201,168,76,0.1)';
      var sub=btn.querySelector('.snav-sub');
      if(sub) sub.style.color='var(--gold2)';
    } else {
      btn.style.borderColor='';
      btn.style.background='';
      var sub2=btn.querySelector('.snav-sub');
      if(sub2) sub2.style.color='';
    }
  }
}

// Patch renderPDWorkItems to update nav badge
var _origRenderPDWorkItems = renderPDWorkItems;
renderPDWorkItems = function(){
  _origRenderPDWorkItems();
  if(typeof updateSBALORBadge==='function') updateSBALORBadge();
};


// ═══════════════════════════════════════════════════════════════════════
// SHERPA v2.0 — AMBIENT REVIEW
// ═══════════════════════════════════════════════════════════════════════

// ── State ────────────────────────────────────────────────────────────────
var ambientMode = false;          // true when ambient review is active
var ambientPaused = false;        // true when listening is paused
var ambientZones = [];            // [{id, label, codewords, questions, responses, summary, status}]
var wasAmbientSession = false;    // v2.3.0: latches true when an ambient report is generated; enables Draft ILP button

// v2.3.1: 45-second fetch timeout applied to all Anthropic API calls to prevent infinite spinner
var SHERPA_FETCH_TIMEOUT_MS = 45000;
var ambientCurrentZoneDialog = null; // zone id currently open in dialog
var ambientTranscriptBuffer = '';  // rolling transcript from Chirp
var ambientTimerInterval = null;
var ambientSessionStart = null;
var ambientRecognition = null;    // Web Speech API or Chirp socket
var ambientZoneCheckTimeout = null;

var CHIRP_GOOGLE_KEY_STORAGE = 'sherpa_google_api_key';

// ── Zone definitions from SECTIONS ──────────────────────────────────────
function buildAmbientZones(sections){
  return sections.map(function(sec, i){
    // Sections use 'sentences' (primary) and 'followups' as question arrays
    var primary   = sec.sentences  || sec.questions || [];
    var secondary = sec.followups  || sec.subs      || [];
    var allQs = primary.map(function(q){ return { text: q, response: '', status: 'none', type: 'primary' }; })
      .concat(secondary.map(function(q){ return { text: q, response: '', status: 'none', type: 'followup' }; }));
    return {
      id:        'zone_' + i,
      index:     i,
      label:     sec.title || ('Zone ' + (i+1)),
      tag:       sec.tag   || '',
      desc:      sec.desc  || '',
      codewords: extractCodewords(sec),
      questions: allQs,
      responses: [],
      summary:   '',
      status:    'none'   // none | partial | complete
    };
  });
}

function extractCodewords(sec){
  // Use the ACGME tag words + title words as codewords — these are the most meaningful
  var tagWords  = (sec.tag   || '').replace(/[·•]/g,' ').split(/\W+/);
  var titleWords = (sec.title || '').split(/\W+/);
  var descWords  = (sec.desc  || '').split(/\W+/).slice(0, 10);
  var stopWords  = new Set(['and','the','a','of','to','in','is','your','for','with','any','how','what',
    'describe','tell','me','about','have','you','been','their','that','this','from','are','at','by',
    'assess','probe','evaluate','review','discuss']);
  var all = tagWords.concat(titleWords).concat(descWords);
  var seen = new Set();
  return all.filter(function(w){
    var lw = w.toLowerCase();
    if(w.length < 3 || stopWords.has(lw) || seen.has(lw)) return false;
    seen.add(lw);
    return true;
  }).slice(0, 5);
}

// ── Mode selection ───────────────────────────────────────────────────────
function showModeSelect(){
  // Restore any saved Google key
  var saved = localStorage.getItem(CHIRP_GOOGLE_KEY_STORAGE);
  var ki = el('sherpa-google-key');
  if(ki && saved) ki.value = saved;
  // Wire key input
  if(ki) ki.addEventListener('input', updateModeConfirmBtn);
  showOnly('mode-select-screen');
}

function selectReviewMode(mode){
  var keyBlock  = el('ambient-key-block');
  var confirmBtn = el('btn-mode-confirm');
  if(mode === 'ambient'){
    // v2.2.1: Do NOT enable the confirm button or brighten it.
    // Instead, immediately open the consent popup which handles
    // the key save + launchAmbientReview path via consentProceed().
    sessionConfig.reviewMode = 'ambient';
    el('mode-card-ambient').style.borderColor = 'var(--gold)';
    el('mode-card-manual').style.borderColor  = 'var(--border)';
    // Keep confirm button disabled — consent popup is the only entry point
    if(confirmBtn){ confirmBtn.disabled=true; confirmBtn.style.opacity='0.4'; confirmBtn.style.cursor='not-allowed'; }
    if(keyBlock) keyBlock.style.display = 'none'; // key block no longer needed here
    openConsentPopup();
  } else {
    if(keyBlock) keyBlock.style.display = 'none';
    sessionConfig.reviewMode = 'manual';
    el('mode-card-manual').style.borderColor  = '#1dbaab';
    el('mode-card-ambient').style.borderColor = 'var(--gold)';
    // Manual mode — enable confirm immediately
    if(confirmBtn){ confirmBtn.disabled=false; confirmBtn.style.opacity='1'; confirmBtn.style.cursor='pointer'; }
  }
}

function updateModeConfirmBtn(){
  var btn = el('btn-mode-confirm');
  if(!btn) return;
  var mode = sessionConfig.reviewMode;
  var ready = false;
  if(mode === 'manual'){
    ready = true;
  } else if(mode === 'ambient'){
    var ki = el('sherpa-google-key');
    ready = ki && ki.value.trim().length > 10;
  }
  btn.disabled = !ready;
  btn.style.opacity = ready ? '1' : '0.4';
  btn.style.cursor = ready ? 'pointer' : 'not-allowed';
}

function confirmModeAndLaunch(){
  if(sessionConfig.reviewMode === 'ambient'){
    var ki = el('sherpa-google-key');
    if(ki && ki.value.trim()) localStorage.setItem(CHIRP_GOOGLE_KEY_STORAGE, ki.value.trim());
    launchAmbientReview();
  } else {
    launchInterview();
  }
}

// ── Ambient Consent Popup (v2.2.1) ──────────────────────────────────────
// openConsentPopup() is called by selectReviewMode('ambient').
// It:
//   1. Shows the #ambient-consent-dialog overlay (z-index 550).
//   2. Plays consent.m4a immediately via the embedded <audio id="consent-audio">.
//   3. Starts Chirp listening at the same moment so the trainee's spoken
//      consent is captured in the transcript buffer.
//   4. Does NOT start the ambient session timer or build zones yet —
//      that happens inside consentProceed() when the PD taps Proceed.
//
// consentProceed():
//   1. Stops the consent audio (if still playing).
//   2. Hides the popup.
//   3. Saves the Google API key from the key block input (if present).
//   4. Calls launchAmbientReview() — which sets ambientMode=true,
//      builds zones, starts the timer, and calls startChirpListening()
//      again (the consent-phase recognition is aborted first).
//
// Architecture note: the consent phase uses a *temporary* SpeechRecognition
// object (consentRecognition) so it does not pollute ambientRecognition.
// launchAmbientReview() creates a fresh ambientRecognition as normal.
// ────────────────────────────────────────────────────────────────────────

var consentRecognition = null;   // temporary SR during consent phase

function openConsentPopup(){
  var dialog = el('ambient-consent-dialog');
  if(!dialog) return;

  // Show the popup as a flex container
  dialog.style.display = 'flex';

  // Reset status text
  var statusEl = el('acd-status');
  if(statusEl) statusEl.textContent = '\u25B6 Audio playing \u2014 Sherpa is listening\u2026';

  // ── Play consent.m4a immediately ────────────────────────────────────
  var audio = el('consent-audio');
  if(audio){
    audio.currentTime = 0;
    var playPromise = audio.play();
    if(playPromise && typeof playPromise.then === 'function'){
      playPromise.catch(function(){
        // Autoplay blocked (mobile/browser policy) — update status but
        // do not block the flow; the PD can still tap Proceed.
        if(statusEl) statusEl.textContent = '\u26A0 Audio blocked by browser \u2014 Sherpa is listening';
      });
    }
    // When audio finishes naturally, update the status label
    audio.onended = function(){
      if(statusEl) statusEl.textContent = '\u25CF Sherpa is listening\u2026 tap Proceed when trainee consents.';
    };
  }

  // ── Start ambient listening immediately (consent phase) ──────────────
  // We use a separate consentRecognition so ambientRecognition is clean
  // when launchAmbientReview() creates it properly.
  _startConsentListening();
}

function _startConsentListening(){
  // Abort any existing consent recognition first
  if(consentRecognition){
    try{ consentRecognition.abort(); }catch(e){}
    consentRecognition = null;
  }
  if(!('webkitSpeechRecognition' in window) && !('SpeechRecognition' in window)) return;
  var SR = window.SpeechRecognition || window.webkitSpeechRecognition;
  consentRecognition = new SR();
  consentRecognition.continuous      = true;
  consentRecognition.interimResults  = true;
  consentRecognition.lang            = 'en-US';
  consentRecognition.maxAlternatives = 1;
  consentRecognition.onresult = function(event){
    // Silently capture — we do not run zone analysis during consent phase
    for(var i = event.resultIndex; i < event.results.length; i++){
      if(event.results[i].isFinal){
        SherpaLog.log('CONSENT_TRANSCRIPT', { text: event.results[i][0].transcript.slice(0,80) });
      }
    }
  };
  consentRecognition.onerror = function(e){
    SherpaLog.log('CONSENT_SR_ERROR', { code: e.error });
    // Non-fatal; Proceed still works
  };
  consentRecognition.onend = function(){
    // Restart unless consentRecognition was nulled (i.e. Proceed was clicked)
    if(consentRecognition){
      try{ consentRecognition.start(); }catch(e){}
    }
  };
  try{ consentRecognition.start(); }catch(e){}
  SherpaLog.log('CONSENT_SR_START', {});
}

function consentProceed(){
  // 1. Stop consent audio
  var audio = el('consent-audio');
  if(audio){ try{ audio.pause(); audio.currentTime=0; }catch(e){} }

  // 2. Stop consent-phase speech recognition
  if(consentRecognition){
    try{ consentRecognition.abort(); }catch(e){}
    consentRecognition = null;
    SherpaLog.log('CONSENT_SR_STOP', {});
  }

  // 3. Hide the consent popup
  var dialog = el('ambient-consent-dialog');
  if(dialog) dialog.style.display = 'none';

  // 4. Save Google API key if entered in the key block (still present in DOM)
  var ki = el('sherpa-google-key');
  if(ki && ki.value.trim()) localStorage.setItem(CHIRP_GOOGLE_KEY_STORAGE, ki.value.trim());

  // 5. Launch the ambient session — bypasses any remaining waits
  SherpaLog.log('CONSENT_PROCEED', {});
  launchAmbientReview();
}

// ── Launch ambient review ────────────────────────────────────────────────
function launchAmbientReview(){
  ambientMode = true;
  ambientPaused = false;
  ambientTranscriptBuffer = '';
  ambientSessionStart = Date.now();
  SherpaLog.log('AMBIENT_SESSION_START', {
    trainee: (sessionConfig.traineeFirstName||'') + ' ' + (sessionConfig.traineeLastName||''),
    purpose: sessionConfig.purpose,
    specialty: sessionConfig.specialty
  });

  // Build zones from session sections
  SECTIONS = getEffectiveSections(sessionConfig.purpose, sessionConfig.templateName);
  ambientZones = buildAmbientZones(SECTIONS);

  // Set topbar
  var nameEl = el('ambient-trainee-name');
  var typeEl = el('ambient-review-type');
  if(nameEl) nameEl.textContent = (sessionConfig.traineeFirstName||'') + ' ' + (sessionConfig.traineeLastName||'');
  if(typeEl) typeEl.textContent = (sessionConfig.purpose||'').replace(/([a-z])([A-Z])/g,'$1 $2');

  showOnly('ambient-screen');

  // Draw initial trail
  renderAmbientTrail();

  // Start timer
  if(ambientTimerInterval) clearInterval(ambientTimerInterval);
  ambientTimerInterval = setInterval(function(){
    var s = Math.floor((Date.now() - ambientSessionStart) / 1000);
    var timerEl = el('ambient-timer');
    if(timerEl) timerEl.textContent = String(Math.floor(s/60)).padStart(2,'0') + ':' + String(s%60).padStart(2,'0');
  }, 1000);

  // Start Chirp
  startChirpListening();
  startAmbientSilenceMonitor();
  notify('Ambient review started. Sherpa is listening.');
}

// ── Chirp / Speech recognition ───────────────────────────────────────────
function startChirpListening(){
  // Use Google Chirp via Web Speech API backed by Chrome's speech engine,
  // or fall back to browser's built-in Web Speech API (same UX, works for testing)
  // Full Chirp streaming via WebSocket requires a server proxy due to browser CORS;
  // we use Web Speech API here which gives real-time transcription in Chrome.
  // When a Google Cloud project + API key is provided, we also call the REST
  // transcription endpoint to get Chirp model quality on each utterance.
  if(!('webkitSpeechRecognition' in window) && !('SpeechRecognition' in window)){
    notify('This browser does not support speech recognition. Please use Chrome.');
    return;
  }
  var SR = window.SpeechRecognition || window.webkitSpeechRecognition;
  ambientRecognition = new SR();
  ambientRecognition.continuous = true;
  ambientRecognition.interimResults = true;
  ambientRecognition.lang = 'en-US';
  ambientRecognition.maxAlternatives = 1;

  ambientRecognition.onresult = function(event){
    if(ambientPaused) return;
    for(var i = event.resultIndex; i < event.results.length; i++){
      if(event.results[i].isFinal){
        var text = event.results[i][0].transcript;
        ambientTranscriptBuffer += ' ' + text;
        // ── LOG: transcript received ──────────────────────────────────
        SherpaLog.log('TRANSCRIPT_RECEIVED', {
          chars: text.length,
          bufferLen: ambientTranscriptBuffer.trim().length,
          preview: text.slice(0, 80)
        });
        resetAmbientSilenceTimer();
        scheduleZoneCheck();
      } else {
        // Interim result — speech is actively happening; reset silence timer
        // so the countdown never fires mid-conversation. Do NOT send to Claude.
        resetAmbientSilenceTimer();
      }
    }
  };

  ambientRecognition.onerror = function(e){
    // ── LOG: Chirp error ──────────────────────────────────────────────
    SherpaLog.log('CHIRP_ERROR', { code: e.error, message: e.message || '' });
    if(e.error === 'not-allowed'){
      notify('Microphone access denied. Please allow microphone and reload.');
    } else if(e.error === 'aborted' || e.error === 'no-speech'){
      // 'aborted'  — intentional stop (pause/end); onend handles restart.
      // 'no-speech' — Chrome fires this routinely every ~7s when no final
      //   utterance is detected; it is NOT a real error. onend fires next
      //   and the 300ms restart loop handles it silently. Showing the error
      //   dialog here breaks the session by blocking the UI unnecessarily.
      // Both are safe to ignore; do nothing.
    } else {
      // Show the error dialog for genuinely unrecoverable errors
      showChirpErrorDialog(e.error);
    }
  };

  ambientRecognition.onend = function(){
    // ── LOG: recognition ended ────────────────────────────────────────
    SherpaLog.log('CHIRP_END', { ambientMode: ambientMode, ambientPaused: ambientPaused });
    if(!ambientPaused && ambientMode){
      SherpaLog.log('CHIRP_RESTART', { delayMs: 300 });
      // Null out the old object before restarting so startChirpListening()
      // always creates a fresh SpeechRecognition — calling .start() on a
      // post-error object can throw InvalidStateError and silently kill the
      // restart loop.
      ambientRecognition = null;
      setTimeout(function(){ if(!ambientPaused && ambientMode) startChirpListening(); }, 300);
    }
  };

  SherpaLog.log('CHIRP_START', { lang: 'en-US', continuous: true });
  ambientRecognition.start();
}

function stopChirpListening(){
  SherpaLog.log('CHIRP_STOP', { hadRecognition: !!ambientRecognition });
  if(ambientRecognition){
    try{ ambientRecognition.abort(); } catch(e){}
    ambientRecognition = null;
  }
  stopAmbientSilenceMonitor();
}

// ── Zone coverage analysis via Claude ────────────────────────────────────
function scheduleZoneCheck(){
  if(ambientZoneCheckTimeout) clearTimeout(ambientZoneCheckTimeout);
  // Debounce: wait 5s of silence before analyzing (v2.2.1: restored to original v2.1.1 value)
  ambientZoneCheckTimeout = setTimeout(analyzeTranscript, 5000);
}

async function analyzeTranscript(){
  if(!ambientTranscriptBuffer.trim() || ambientTranscriptBuffer.trim().length < 40) return;
  var apiKey = localStorage.getItem('sherpa_api_key') || '';
  if(!apiKey) return;

  var _analyzeStart = Date.now();
  SherpaLog.log('ZONE_ANALYSIS_START', {
    bufferLen: ambientTranscriptBuffer.trim().length,
    zoneStatuses: ambientZones.map(function(z,i){ return { idx:i, label:z.label, status:z.status }; })
  });

  // Build zone context including current status so Claude never downgrades a zone
  var zoneDescriptions = ambientZones.map(function(z, i){
    var statusNote = z.status === 'complete' ? ' [ALREADY COMPLETE — do not downgrade]'
                   : z.status === 'partial'  ? ' [ALREADY PARTIAL — only upgrade to complete]'
                   : '';
    return (i+1) + '. ' + z.label + statusNote + ': ' + z.questions.map(function(q){ return q.text; }).join('; ');
  }).join('\n');

  var prompt = 'You are analyzing a medical education performance review conversation transcript.\n\n' +
    'REVIEW ZONES (with current status — never downgrade a zone to a lower status):\n' + zoneDescriptions + '\n\n' +
    'NEW TRANSCRIPT SEGMENT:\n' + ambientTranscriptBuffer.trim().slice(-3000) + '\n\n' +
    'For each zone, determine:\n' +
    '1. status: "none" (not discussed), "partial" (touched on but incomplete), or "complete" (sufficiently covered). NEVER move a zone to a lower status than shown above.\n' +
    '2. For each question within a zone, provide a brief response capture if discussed (or empty string)\n' +
    '3. If status is "complete", provide a 2-3 sentence Sherpa Summary for that zone\n\n' +
    'Respond ONLY with a JSON array (no markdown, no backticks) with this structure:\n' +
    '[{"index":0,"status":"none","questions":[{"response":""}],"summary":""},...]';

  try{
    var res = await fetch('https://api.anthropic.com/v1/messages',{
      method:'POST',
      headers:{'Content-Type':'application/json','anthropic-version':'2023-06-01','anthropic-dangerous-direct-browser-access':'true','x-api-key':apiKey},
      body:JSON.stringify({model:'claude-sonnet-4-6',max_tokens:1000,messages:[{role:'user',content:prompt}]})
    });
    var data = await res.json();
    var text = (data.content||[]).map(function(b){ return b.text||''; }).join('');
    var parsed = JSON.parse(text.replace(/```json|```/g,'').trim());
    var changed = false;
    var statusRank = {none:0, partial:1, complete:2};

    SherpaLog.log('ZONE_ANALYSIS_COMPLETE', {
      durationMs: Date.now() - _analyzeStart,
      parsedStatuses: parsed.map(function(z){ return { idx:z.index, status:z.status }; })
    });

    parsed.forEach(function(zData){
      var zone = ambientZones[zData.index];
      if(!zone) return;
      // Hard guard: zone status can only move forward, never backwards
      var incomingRank = statusRank[zData.status] !== undefined ? statusRank[zData.status] : -1;
      var currentRank  = statusRank[zone.status]  !== undefined ? statusRank[zone.status]  :  0;
      if(zData.status && incomingRank > currentRank){
        SherpaLog.log('ZONE_STATUS_CHANGE', { idx:zData.index, label:zone.label, from:zone.status, to:zData.status });
        zone.status = zData.status;
        changed = true;
      }
      if(zData.questions) zData.questions.forEach(function(qd, qi){
        if(zone.questions[qi] && qd.response && qd.response !== zone.questions[qi].response){
          zone.questions[qi].response = qd.response;
          changed = true;  // response written — also counts as a change
        }
      });
      if(zData.summary && !zone.summary) zone.summary = zData.summary;
    });
    if(changed){
      renderAmbientTrail();
      // Live-refresh the open zone dialog so check marks and NEXT badge move in real time
      if(ambientCurrentZoneDialog !== null) openAmbientZoneDialog(ambientCurrentZoneDialog);
    }
  } catch(e){
    SherpaLog.log('ZONE_ANALYSIS_ERROR', { durationMs: Date.now() - _analyzeStart, error: e && e.message });
    /* silent fail — analysis will retry on next utterance */
  }
}

// ── Trail SVG rendering ───────────────────────────────────────────────────
function renderAmbientTrail(){
  var svg = el('ambient-trail-svg');
  if(!svg) return;

  var total = ambientZones.length;
  var completed = ambientZones.filter(function(z){ return z.status === 'complete'; }).length;
  var pct = total ? Math.round(completed / total * 100) : 0;

  var progEl = el('ambient-progress-label');
  if(progEl) progEl.textContent = pct + '%';

  // Colors
  var C = { navy:'#0d1f3c', navy2:'#0a1828', navy3:'#162d52', gold:'#c8a84b', teal:'#1dbaab', border:'#1e3a6e', snow:'#ffffff', snowlo:'#ccdde8' };

  // Trail path segments: chest piece + curved stem + left branch + right branch
  // Divided into N zones evenly across the path
  var trailLit = ambientPaused ? 0.65 : 1.0;

  var html = '';

  // Background
  html += '<rect width="680" height="680" fill="' + C.navy + '"/>';

  // Mountain
  html += '<polygon points="340,52 52,620 628,620" fill="none" stroke="' + C.border + '" stroke-width="1.5"/>';
  html += '<polygon points="340,52 188,306 492,306" fill="' + C.navy3 + '"/>';
  html += '<polygon points="294,125 340,52 386,125 364,142 340,108 316,142" fill="' + C.snow + '"/>';
  html += '<polygon points="294,125 272,160 316,142 340,108 364,142 408,160 386,125" fill="' + C.snowlo + '" opacity="0.6"/>';

  // Summit marker
  html += '<circle cx="340" cy="56" r="5" fill="none" stroke="' + C.gold + '" stroke-width="1.5" opacity="0.6"/>';

  // Determine which zones light which segments
  // Segments: [chest_circle, stem, left_branch, right_branch] split across zones
  // For simplicity we distribute zones linearly: chest=z0, stem=z1..mid, left=mid..n-2, right=last zone
  var segColors = computeSegmentColors(ambientZones, trailLit, C);

  // Chest piece
  html += '<circle cx="340" cy="578" r="18" fill="none" stroke="' + segColors[0] + '" stroke-width="9" stroke-linecap="round"/>';

  // Curved stem
  html += '<path d="M340,560 C338,538 326,520 318,500 C308,476 312,456 326,440 C338,426 350,418 354,402 C360,382 350,365 340,350" fill="none" stroke="' + segColors[1] + '" stroke-width="9" stroke-linecap="round" opacity="' + trailLit + '"/>';

  // Left branch
  html += '<path d="M340,350 C335,325 305,290 288,260 C272,232 274,202 308,173 C320,164 330,150 340,134" fill="none" stroke="' + segColors[2] + '" stroke-width="9" stroke-linecap="round" opacity="' + trailLit + '"/>';

  // Right branch
  html += '<path d="M340,350 C345,325 375,290 392,260 C408,232 406,202 372,173 C362,164 352,150 340,134" fill="none" stroke="' + segColors[3] + '" stroke-width="9" stroke-linecap="round" opacity="' + trailLit + '"/>';

  // Figures (at leading edge of progress on trail)
  var figPos = getFigurePosition(ambientZones);
  html += renderFigures(figPos.x, figPos.y);

  // Base Camp (Consent) — fixed gold box below chest piece; always complete
  html += '<line x1="340" y1="596" x2="340" y2="606" stroke="' + C.gold + '" stroke-width="1.5"/>';
  html += '<rect x="220" y="606" width="240" height="56" rx="8" fill="' + C.gold + '" stroke="' + C.gold + '" stroke-width="1.5"/>';
  html += '<text x="232" y="628" font-family="Georgia,serif" font-size="14" fill="#0d1f3c" font-weight="bold">Base Camp ✓</text>';
  html += '<text x="232" y="648" font-family="Georgia,serif" font-size="12" fill="#0d1f3c">Consent obtained</text>';

  // Zone labels
  var positions = getZoneLabelPositions(total);
  ambientZones.forEach(function(zone, i){
    var pos = positions[i];
    if(!pos) return;
    var isLit = zone.status === 'complete';
    var isPartial = zone.status === 'partial';
    var bgColor = isLit ? C.gold : C.navy2;
    var borderColor = isLit ? C.gold : (isPartial ? C.gold : C.border);
    var textColor = '#ffffff';
    var checkmark = isLit ? ' ✓' : (isPartial ? ' ◑' : '');
    var opacity = ambientPaused && !isLit ? '0.75' : '1';

    html += '<g onclick="openAmbientZoneDialog(' + i + ')" style="cursor:pointer" opacity="' + opacity + '">';
    html += '<rect x="' + pos.x + '" y="' + pos.y + '" width="' + pos.w + '" height="58" rx="8" fill="' + bgColor + '" stroke="' + borderColor + '" stroke-width="' + (isLit||isPartial?'1.5':'1.5') + '"/>';
    html += '<text x="' + (pos.x+12) + '" y="' + (pos.y+23) + '" font-family="Georgia,serif" font-size="15" fill="' + textColor + '" font-weight="bold">Camp ' + (i+1) + checkmark + '</text>';
    html += '<text x="' + (pos.x+12) + '" y="' + (pos.y+43) + '" font-family="Georgia,serif" font-size="13" fill="' + textColor + '">' + escSVG(zone.label) + '</text>';
    // Tap hint
    if(isLit) html += '<text x="' + (pos.x + pos.w/2) + '" y="' + (pos.y+70) + '" text-anchor="middle" font-family="Georgia,serif" font-size="10" fill="' + textColor + '">tap to review</text>';
    html += '</g>';

    // Connector line
    html += '<line x1="' + pos.lx1 + '" y1="' + pos.ly1 + '" x2="' + pos.lx2 + '" y2="' + pos.ly2 + '" stroke="' + (isLit?C.gold:C.border) + '" stroke-width="' + (isLit?1.5:1) + '" stroke-dasharray="' + (isLit?'none':'4,3') + '"/>';
  });

  // Paused banner
  if(ambientPaused){
    html += '<rect x="170" y="370" width="340" height="46" rx="10" fill="#081524" stroke="' + C.gold + '" stroke-width="1.5"/>';
    html += '<text x="340" y="389" text-anchor="middle" font-family="Georgia,serif" font-size="13" fill="' + C.gold + '" letter-spacing="2">REVIEW PAUSED</text>';
    html += '<text x="340" y="407" text-anchor="middle" font-family="Georgia,serif" font-size="11" fill="#ffffff">tap Resume to continue listening</text>';
  }

  svg.innerHTML = html;
}

function computeSegmentColors(zones, opacity, C){
  // Map zones to segments: [chest, stem, leftBranch, rightBranch]
  var n = zones.length;
  var getStatus = function(i){ return i < n ? zones[i].status : 'none'; };
  var segColors = ['none','none','none','none'].map(function(_, si){
    // Map segment index to zone index proportionally
    var zi = Math.floor(si / 4 * n);
    var s = getStatus(zi);
    return s === 'complete' ? C.gold : (s === 'partial' ? C.gold : '#243d6a');
  });
  // More nuanced: zone 0 = chest, zone 1..floor(n/2) = stem, floor(n/2)+1..n-2 = left, last = right
  if(n === 1){
    var c = C.gold; if(zones[0].status==='none') c='#243d6a';
    return [c,c,c,c];
  }
  var stemEnd = Math.max(1, Math.floor(n/2));
  segColors[0] = zones[0].status!=='none' ? C.gold : '#243d6a';
  var stemLit = true;
  for(var i=1;i<=stemEnd&&i<n;i++){ if(zones[i].status==='none'){stemLit=false;break;} }
  segColors[1] = stemLit ? C.gold : '#243d6a';
  var leftLit = n>stemEnd+1 && zones[stemEnd+1] && zones[stemEnd+1].status!=='none';
  segColors[2] = leftLit ? C.gold : '#243d6a';
  var rightLit = n>1 && zones[n-1] && zones[n-1].status!=='none';
  segColors[3] = rightLit ? C.gold : '#243d6a';
  return segColors;
}

function getFigurePosition(zones){
  var lastComplete = -1;
  zones.forEach(function(z,i){ if(z.status==='complete') lastComplete=i; });
  var pct = zones.length ? (lastComplete+1)/zones.length : 0;
  // Interpolate along trail: 0=chest (340,578), 0.5=Y-split (340,350), 1=summit (340,134)
  if(pct <= 0.5){
    var t = pct/0.5;
    return { x: 340, y: 578 - t*(578-350) };
  } else {
    var t2 = (pct-0.5)/0.5;
    return { x: 340, y: 350 - t2*(350-134) };
  }
}

function renderFigures(cx, cy){
  var html = '';
  // Sherpa (teal, larger, slightly ahead)
  var sx = cx-18, sy = cy-28;
  html += '<g>';
  html += '<circle cx="' + sx + '" cy="' + (sy-20) + '" r="11" fill="#1dbaab" stroke="#0d1f3c" stroke-width="1.5"/>';
  html += '<rect x="' + (sx-7) + '" y="' + (sy-9) + '" width="14" height="16" rx="3" fill="#1dbaab"/>';
  html += '<line x1="' + (sx-7) + '" y1="' + (sy-4) + '" x2="' + (sx-13) + '" y2="' + (sy+6) + '" stroke="#1dbaab" stroke-width="3" stroke-linecap="round"/>';
  html += '<line x1="' + (sx+7) + '" y1="' + (sy-4) + '" x2="' + (sx+14) + '" y2="' + sy + '" stroke="#1dbaab" stroke-width="3" stroke-linecap="round"/>';
  html += '<line x1="' + (sx-4) + '" y1="' + (sy+7) + '" x2="' + (sx-6) + '" y2="' + (sy+18) + '" stroke="#1dbaab" stroke-width="3" stroke-linecap="round"/>';
  html += '<line x1="' + (sx+4) + '" y1="' + (sy+7) + '" x2="' + (sx+6) + '" y2="' + (sy+18) + '" stroke="#1dbaab" stroke-width="3" stroke-linecap="round"/>';
  html += '<rect x="' + (sx+7) + '" y="' + (sy-8) + '" width="8" height="11" rx="2" fill="#0f8a7a" stroke="#0d1f3c" stroke-width="1"/>';
  html += '</g>';
  // Trainee (gold, smaller, slightly behind)
  var tx = cx+2, ty = cy-6;
  html += '<g>';
  html += '<circle cx="' + tx + '" cy="' + (ty-14) + '" r="8" fill="#c8a84b" stroke="#0d1f3c" stroke-width="1.5"/>';
  html += '<rect x="' + (tx-5) + '" y="' + (ty-6) + '" width="10" height="12" rx="2" fill="#c8a84b"/>';
  html += '<line x1="' + (tx-5) + '" y1="' + (ty-2) + '" x2="' + (tx-10) + '" y2="' + (ty+6) + '" stroke="#c8a84b" stroke-width="2.5" stroke-linecap="round"/>';
  html += '<line x1="' + (tx+5) + '" y1="' + (ty-2) + '" x2="' + (tx+11) + '" y2="' + (ty-6) + '" stroke="#c8a84b" stroke-width="2.5" stroke-linecap="round"/>';
  html += '<line x1="' + (tx-3) + '" y1="' + (ty+6) + '" x2="' + (tx-4) + '" y2="' + (ty+14) + '" stroke="#c8a84b" stroke-width="2.5" stroke-linecap="round"/>';
  html += '<line x1="' + (tx+3) + '" y1="' + (ty+6) + '" x2="' + (tx+4) + '" y2="' + (ty+14) + '" stroke="#c8a84b" stroke-width="2.5" stroke-linecap="round"/>';
  html += '</g>';
  return html;
}

function getZoneLabelPositions(n){
  // Returns label positions for n zones: left side and right side of mountain
  var positions = [];
  var leftSlots  = [[18,540],[18,420],[18,292],[18,164]];
  var rightSlots = [[450,292],[450,420],[450,164],[450,540]];
  var connLeft  = [[230,569],[230,449],[230,321],[230,193]];
  var connRight = [[450,321],[450,449],[450,193],[450,569]];
  var trailLeft  = [[304,578],[326,440],[300,280],[310,173]];
  var trailRight = [[392,280],[392,440],[372,173],[392,578]];
  for(var i=0;i<n;i++){
    var side = i%2===0 ? 'left':'right';
    var si   = Math.floor(i/2);
    if(side==='left' && si<leftSlots.length){
      positions.push({x:leftSlots[si][0],y:leftSlots[si][1],w:212,lx1:connLeft[si][0],ly1:connLeft[si][1],lx2:trailLeft[si][0],ly2:trailLeft[si][1]});
    } else if(side==='right' && si<rightSlots.length){
      positions.push({x:rightSlots[si][0],y:rightSlots[si][1],w:212,lx1:connRight[si][0],ly1:connRight[si][1],lx2:trailRight[si][0],ly2:trailRight[si][1]});
    }
  }
  return positions;
}

function escSVG(s){ return (s||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }

// ── Pause / Resume ────────────────────────────────────────────────────────
function toggleAmbientPause(){
  ambientPaused = !ambientPaused;
  updateAmbientListenUI();
  if(ambientPaused){
    if(ambientRecognition){ try{ ambientRecognition.abort(); }catch(e){} }
    if(ambientZoneCheckTimeout){ clearTimeout(ambientZoneCheckTimeout); }
    hideAmbientSilenceToast();
  } else {
    startChirpListening();
    startAmbientSilenceMonitor();
  }
  renderAmbientTrail();
}

function updateAmbientListenUI(){
  var dot   = el('ambient-listen-dot');
  var label = el('ambient-listen-label');
  var btn   = el('ambient-pause-btn');
  var dotS  = el('azd-listen-dot-small');
  var lblS  = el('azd-listen-label-small');
  var btnS  = el('azd-pause-btn');

  if(ambientPaused){
    if(dot)   { dot.style.background='#3a5a7a'; }
    if(label) { label.textContent='Sherpa is not listening.'; }
    if(btn)   { btn.textContent='▶ Resume'; btn.style.background='#1dbaab'; btn.style.color='#ffffff'; }
    if(dotS)  { dotS.style.background='#3a5a7a'; }
    if(lblS)  { lblS.textContent='Sherpa is not listening.'; }
    if(btnS)  { btnS.textContent='▶ Resume'; btnS.style.background='#1dbaab'; btnS.style.color='#ffffff'; }
  } else {
    if(dot)   { dot.style.background='#1dbaab'; }
    if(label) { label.textContent='Sherpa is actively listening...'; }
    if(btn)   { btn.textContent='⏸ Pause'; btn.style.background='var(--gold)'; btn.style.color='var(--navy)'; }
    if(dotS)  { dotS.style.background='#1dbaab'; }
    if(lblS)  { lblS.textContent='Sherpa is actively listening...'; }
    if(btnS)  { btnS.textContent='⏸ Pause'; btnS.style.background='var(--gold)'; btnS.style.color='var(--navy)'; }
  }
}

// ── Zone dialog ───────────────────────────────────────────────────────────
function openAmbientZoneDialog(zoneIndex){
  var zone = ambientZones[zoneIndex];
  if(!zone) return;
  ambientCurrentZoneDialog = zoneIndex;

  var dialog = el('ambient-zone-dialog');
  var badge  = el('azd-badge');
  var title  = el('azd-title');
  var status = el('azd-status-pill');
  var listenRow = el('azd-listen-row');
  var codewordsBlock = el('azd-codewords');
  var pills  = el('azd-codeword-pills');
  var qList  = el('azd-questions');
  var sumBlock = el('azd-summary-block');
  var sumText  = el('azd-summary-text');
  var sumPlaceholder = el('azd-summary-placeholder');
  var progFill = el('azd-progress-fill');
  var progText = el('azd-progress-text');

  if(badge) badge.textContent = 'Camp ' + (zoneIndex+1) + (zone.status==='complete'?' ✓':'');
  if(title) title.textContent = zone.label;

  // Status pill
  var isComplete = zone.status === 'complete';
  var isPartial  = zone.status === 'partial';
  if(status){
    if(isComplete){
      status.textContent='Covered'; status.style.background='var(--gold)'; status.style.color='var(--navy)';
    } else if(isPartial){
      status.textContent='Partial'; status.style.background='rgba(201,168,76,0.2)'; status.style.color='var(--gold)';
    } else {
      status.textContent='Not yet covered'; status.style.background='var(--navy3)'; status.style.color='#a0bcd8';
    }
    status.style.border='1px solid '+(isComplete?'var(--gold)':'var(--border)');
    status.style.borderRadius='12px'; status.style.padding='4px 12px'; status.style.fontSize='11px';
    status.style.fontFamily="'DM Mono',monospace";
  }

  // Listening row (only for incomplete zones)
  if(listenRow){
    if(!isComplete){
      listenRow.style.display='block';
      listenRow.innerHTML='<span style="color:#1dbaab;font-weight:600">●</span> Sherpa is listening for this topic. Steer the conversation using the questions below — responses will appear automatically.';
    } else {
      listenRow.style.display='none';
    }
  }

  // Codewords (only for incomplete)
  if(codewordsBlock && pills){
    if(!isComplete && zone.codewords && zone.codewords.length){
      codewordsBlock.style.display='block';
      pills.innerHTML = zone.codewords.map(function(w){
        return '<span style="padding:6px 16px;background:#1a3a62;border:1px solid #2a5aaa;border-radius:16px;font-size:13px;color:#ffffff;font-family:Georgia,serif">' + escSVG(w) + '</span>';
      }).join('');
    } else {
      codewordsBlock.style.display='none';
    }
  }

  // Questions
  if(qList){
    var primaryQs  = zone.questions.filter(function(q){ return q.type !== 'followup'; });
    var followupQs = zone.questions.filter(function(q){ return q.type === 'followup'; });

    // Determine which question is "next" — the first unanswered in primary then followup order
    var allQs = primaryQs.concat(followupQs);
    var nextQIndex = -1;
    for(var nqi = 0; nqi < allQs.length; nqi++){
      if(!(allQs[nqi].response && allQs[nqi].response.trim())){ nextQIndex = nqi; break; }
    }

    function renderQ(q, qi, label, isInFollowupGroup){
      var hasResponse = q.response && q.response.trim();
      // Determine if this question is the "next" active one
      var qGlobalIndex = isInFollowupGroup ? primaryQs.length + qi : qi;
      var isNextQ = (nextQIndex === qGlobalIndex);

      // Visual state derivation
      var borderColor, barColor, borderStyle, bgColor, labelColor, barWidth;
      if(hasResponse){
        // Answered: teal accent — high-contrast green-teal to signal completion
        borderColor = 'var(--teal)';
        barColor    = 'var(--teal)';
        borderStyle = 'solid';
        bgColor     = 'rgba(29,184,160,0.08)';
        labelColor  = '#1dbaab';
        barWidth    = '4px';
      } else if(isNextQ){
        // Active/next: gold accent — bright, unmistakable
        borderColor = 'var(--gold)';
        barColor    = 'var(--gold)';
        borderStyle = 'solid';
        bgColor     = 'rgba(201,168,76,0.07)';
        labelColor  = 'var(--gold)';
        barWidth    = '6px';
      } else {
        // Pending unanswered: dimmed
        borderColor = 'var(--border)';
        barColor    = '#3a5a7a';
        borderStyle = 'dashed';
        bgColor     = 'var(--navy3)';
        labelColor  = '#6a8aaa';
        barWidth    = '4px';
      }

      // Check mark badge for answered questions
      var checkBadge = hasResponse
        ? '<span style="display:inline-block;margin-left:8px;padding:1px 7px;background:var(--teal);border-radius:10px;font-size:10px;font-weight:700;color:#ffffff;font-family:\'DM Mono\',monospace;vertical-align:middle;letter-spacing:0.5px">✓ DONE</span>'
        : '';
      // "Next" indicator badge
      var nextBadge = (!hasResponse && isNextQ)
        ? '<span style="display:inline-block;margin-left:8px;padding:1px 7px;background:var(--gold);border-radius:10px;font-size:10px;font-weight:700;color:var(--navy);font-family:\'DM Mono\',monospace;vertical-align:middle;letter-spacing:0.5px">▶ NEXT</span>'
        : '';

      var responseHtml = hasResponse
        ? '<div style="border-top:0.5px solid rgba(29,184,160,0.25);margin-top:8px;padding-top:8px;font-size:13px;color:#ffffff;line-height:1.5">' + escHtml(q.response) + '</div>'
          + (isPartial && !isComplete ? '<div style="font-size:11px;color:var(--gold);margin-top:4px">◑ partial — Sherpa still listening</div>' : '')
        : '<div style="text-align:right;font-size:11px;color:#3a5a7a;margin-top:4px">no response yet</div>';

      return '<div style="background:' + bgColor + ';border:1px ' + borderStyle + ' ' + borderColor + ';border-left:' + barWidth + ' solid ' + barColor + ';border-radius:8px;padding:12px 14px;transition:background 0.2s">'
        + '<div style="font-size:11px;color:' + labelColor + ';font-family:\'DM Mono\',monospace;margin-bottom:4px;display:flex;align-items:center;flex-wrap:wrap;gap:4px">'
        +   label + checkBadge + nextBadge
        + '</div>'
        + '<div style="font-size:14px;color:' + (hasResponse ? '#b0c8e0' : '#e8edf5') + ';line-height:1.5;font-family:Georgia,serif">' + escHtml(q.text) + '</div>'
        + responseHtml + '</div>';
    }

    var html = '';
    // Section description — gives PD context at a glance
    if(zone.desc){
      html += '<div style="font-size:12px;color:#a0bcd8;font-style:italic;padding:6px 0 4px;line-height:1.5">' + escHtml(zone.desc) + '</div>';
    }
    primaryQs.forEach(function(q, qi){
      html += renderQ(q, qi, 'PROMPT ' + (qi+1), false);
    });
    if(followupQs.length){
      html += '<div style="font-size:11px;color:#ffffff;font-family:\'DM Mono\',monospace;letter-spacing:1px;background:#1a3a62;padding:4px 10px;border-radius:4px;margin-top:4px;display:inline-block">FOLLOW-UP QUESTIONS</div>';
      followupQs.forEach(function(q, qi){
        html += renderQ(q, qi, 'FOLLOW-UP ' + (qi+1), true);
      });
    }
    qList.innerHTML = html;
  }

  // Summary
  if(sumBlock && sumText && sumPlaceholder){
    if(isComplete){
      sumBlock.style.display='flex';
      sumPlaceholder.style.display='none';
      sumText.value = zone.summary || '';
    } else {
      sumBlock.style.display='none';
      sumPlaceholder.style.display='block';
    }
  }

  // Progress — footer zone count bar
  var total = ambientZones.length;
  var done  = ambientZones.filter(function(z){ return z.status==='complete'; }).length;
  var pct   = total ? Math.round(done/total*100) : 0;
  if(progFill) progFill.style.width = pct + '%';
  if(progText) progText.textContent = done + ' of ' + total + ' zones';

  // Session % complete strip in header — also counts partial zones as 50% weight
  var partialDone = ambientZones.filter(function(z){ return z.status==='partial'; }).length;
  var weightedPct = total ? Math.round((done + partialDone * 0.5) / total * 100) : 0;
  var sessionBar = el('azd-session-bar');
  var sessionPct = el('azd-session-pct');
  if(sessionBar) sessionBar.style.width = weightedPct + '%';
  if(sessionPct){
    sessionPct.textContent = weightedPct + '% done';
    // Colour shifts: teal < 50%, gold 50–74%, green 75–99%, white 100%
    var pctColor = weightedPct >= 100 ? '#ffffff'
                 : weightedPct >= 75  ? 'var(--green)'
                 : weightedPct >= 50  ? 'var(--gold)'
                 : 'var(--teal)';
    sessionPct.style.color = pctColor;
    if(sessionBar) sessionBar.style.background = pctColor;
  }

  // Update dialog pause state
  updateAmbientListenUI();

  // Hide "Mark Complete" button once a zone is already complete
  var markBtn = el('azd-mark-complete-btn');
  if(markBtn) markBtn.style.display = isComplete ? 'none' : 'inline-block';

  // Show dialog
  if(dialog){ dialog.style.display='flex'; }
}

function closeAmbientZoneDialog(){
  var dialog = el('ambient-zone-dialog');
  if(dialog) dialog.style.display='none';
  ambientCurrentZoneDialog = null;
}

function markZoneComplete(){
  if(ambientCurrentZoneDialog === null) return;
  var zone = ambientZones[ambientCurrentZoneDialog];
  if(!zone) return;
  if(zone.status === 'complete'){
    notify('Camp is already marked complete.');
    return;
  }
  zone.status = 'complete';
  // Re-render trail and refresh dialog in place
  renderAmbientTrail();
  openAmbientZoneDialog(ambientCurrentZoneDialog);
  notify('Camp marked as complete. Questions remain visible — resume anytime.');
}

function saveAmbientZoneSummary(){
  if(ambientCurrentZoneDialog === null) return;
  var zone = ambientZones[ambientCurrentZoneDialog];
  var sumText = el('azd-summary-text');
  if(zone && sumText) zone.summary = sumText.value;
  notify('Summary saved. Resume to continue.');
}

// ── AI narrative summarization helper ────────────────────────────────────
// Collects raw zone data → calls Claude once to rewrite as clean narrative
// summaries → writes back to sectionManualNotes → calls generateReport().
// Falls back to raw notes if API key missing or call fails.
async function summarizeAndGenerateReport(afterFn){
  // Step 1: pack raw zone data (same logic as before)
  SECTIONS = getEffectiveSections(sessionConfig.purpose, sessionConfig.templateName);
  currentIdx = 0; completed = new Set(); sectionManualNotes = {};
  var rawNotes = {}; // keyed by section id, value = raw collected text
  ambientZones.forEach(function(zone, i){
    var raw = '';
    zone.questions.forEach(function(q){
      if(q.response && q.response.trim()) raw += q.response.trim() + ' ';
    });
    if(zone.summary && zone.summary.trim()) raw += zone.summary.trim();
    raw = raw.trim();
    if(raw) rawNotes[SECTIONS[i].id] = { title: zone.label, acgme: SECTIONS[i].acgme, raw: raw };
    if(zone.status === 'complete') completed.add(i);
  });

  buildTraineeBadge();
  buildSidebar();
  renderSection();

  // Step 2: if nothing was captured or no API key, generate report with empty notes
  var apiKey = localStorage.getItem('sherpa_api_key') || '';
  var sectionIds = Object.keys(rawNotes);
  if(!sectionIds.length || !apiKey){
    // No content or no key — navigate to report screen first, then generate
    showOnly('report-screen'); // v2.3.2: was missing, caused report to render invisibly
    generateReport();
    if(typeof afterFn === 'function') afterFn();
    return;
  }

  // Step 3: show a brief loading state in the report area
  showOnly('report-screen');
  var rc = el('report-content');
  if(rc) rc.innerHTML = '<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--muted)">'
    + '<div style="width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin 0.8s linear infinite"></div>'
    + '<div style="font-size:13px;font-family:\'DM Mono\',monospace">Summarizing session notes…</div></div>';

  // Step 4: build one prompt for all covered sections
  var sectionsBlock = sectionIds.map(function(id){
    var s = rawNotes[id];
    return '=== SECTION: ' + s.acgme + ' (' + s.title + ') ===\n' + s.raw;
  }).join('\n\n');

  var traineeName = sessionConfig.traineeFullName || sessionConfig.traineeFirstName || 'the trainee';

  var prompt = 'You are helping a Program Director write a formal medical trainee performance review.\n\n'
    + 'Below are raw notes and transcript fragments captured during the review for ' + traineeName + ', '
    + 'a ' + (sessionConfig.traineeType||'trainee') + ' in ' + (sessionConfig.specialty||'medicine') + '.\n\n'
    + 'For each section, rewrite the content as a concise 2–4 sentence third-person narrative summary '
    + 'as the Program Director would write it. Do NOT include question text, Q1/Q2 labels, or transcript verbatim. '
    + 'Write as flowing prose: observations, strengths, areas for growth, specific examples mentioned. '
    + 'Be professional and specific. If a section has very little content, write 1 sentence.\n\n'
    + sectionsBlock + '\n\n'
    + 'Respond ONLY with a JSON object (no markdown, no backticks) mapping section IDs to summary strings:\n'
    + '{"' + sectionIds.join('":"...","') + '":"..."}\n\n'
    + 'The section IDs to use as keys are: ' + sectionIds.join(', ');

  try{
    var _ctrl = new AbortController();
    var _timer = setTimeout(function(){ _ctrl.abort(); }, SHERPA_FETCH_TIMEOUT_MS);
    var res = await fetch('https://api.anthropic.com/v1/messages',{
      method:'POST',
      headers:{'Content-Type':'application/json','anthropic-version':'2023-06-01','anthropic-dangerous-direct-browser-access':'true','x-api-key':apiKey},
      body:JSON.stringify({model:'claude-sonnet-4-6',max_tokens:1500,messages:[{role:'user',content:prompt}]}),
      signal: _ctrl.signal
    });
    clearTimeout(_timer);
    var data = await res.json();
    var text = (data.content||[]).map(function(b){ return b.text||''; }).join('');
    var parsed = JSON.parse(text.replace(/```json|```/g,'').trim());
    // Write clean summaries back
    sectionIds.forEach(function(id){
      if(parsed[id] && parsed[id].trim()) sectionManualNotes[id] = parsed[id].trim();
    });
  } catch(e){
    // Fallback: use the raw collected text (better than nothing)
    sectionIds.forEach(function(id){
      sectionManualNotes[id] = rawNotes[id].raw;
    });
  }

  generateReport();
  if(typeof afterFn === 'function') afterFn();
}

// ── End review ────────────────────────────────────────────────────────────
// v2.3.2: confirm() replaced with inline dialog (fixes iOS Safari silent-false bug)
function openEndAmbientConfirm(){
  var d = el('ambient-end-confirm-dialog');
  if(d) d.style.display = 'flex';
}

function closeEndAmbientConfirm(){
  var d = el('ambient-end-confirm-dialog');
  if(d) d.style.display = 'none';
}

// v2.7.2: "End Without Report" path — shown as third option in end-confirm dialog.
// Opens a second confirmation modal above the end-confirm dialog.
// "No — Go Back" closes the discard modal; end-confirm stays open underneath.
// "Yes — Discard & Exit" closes both, clears all ambient state, returns to welcome.
function openAmbientDiscardConfirm(){
  var d = el('ambient-discard-confirm-dialog');
  if(d) d.style.display = 'flex';
}

function closeAmbientDiscardConfirm(){
  var d = el('ambient-discard-confirm-dialog');
  if(d) d.style.display = 'none';
  // End-confirm dialog remains visible underneath — PD is back at the three-choice screen
}

function confirmAmbientDiscard(){
  // Close both dialogs
  closeAmbientDiscardConfirm();
  closeEndAmbientConfirm();
  // Delegate to the existing abandonAmbientSession() which handles all state teardown
  abandonAmbientSession();
}

function confirmEndAmbientReview(){
  closeEndAmbientConfirm();
  stopChirpListening();
  hideAmbientSilenceToast();
  if(ambientTimerInterval) clearInterval(ambientTimerInterval);
  ambientMode = false;
  wasAmbientSession = true;

  summarizeAndGenerateReport(function(){
    notify('Session ended. Your performance review report is ready.');
  });
}

// v2.3.2: abandon without generating a report — for when trainee refused consent
// or PD entered ambient by mistake
function abandonAmbientSession(){
  stopChirpListening();
  hideAmbientSilenceToast();
  if(ambientTimerInterval){ clearInterval(ambientTimerInterval); ambientTimerInterval = null; }
  ambientMode    = false;
  ambientPaused  = false;
  ambientZones   = [];
  ambientTranscriptBuffer = '';
  ambientCurrentZoneDialog = null;
  // Remove return-to-trail banner if present (e.g. abandoned from report-screen)
  var bar    = el('return-to-trail-bar');
  var barMob = el('return-to-trail-mob');
  if(bar)    bar.parentNode.removeChild(bar);
  if(barMob) barMob.parentNode.removeChild(barMob);
  SherpaLog.log('AMBIENT_ABANDONED', {});
  notify('Session abandoned — no report was generated.');
  showOnly('welcome');
}


// ── Generate Report from Ambient (without ending session) ────────────────
function generateAmbientReport(){
  // v2.3.3: pause Chirp before leaving the trail screen.
  // Prevents zone-check debounce and silence toast from firing over the report screen.
  if(!ambientPaused) toggleAmbientPause();

  wasAmbientSession = true;
  summarizeAndGenerateReport(function(){
    // Show the Return to Trail banner so the PD can get back
    showReturnToTrailBanner();
    notify('Draft report generated — Chirp is paused. Return to the trail to resume listening.');
  });
}

// ── Ambient silence auto-pause ────────────────────────────────────────────
// ── Ambient silence auto-pause: pure debounce, no polling interval ───────
// The Web Speech API only delivers isFinal results after natural speech pauses,
// meaning a setInterval poller would see "silence" even while the user is talking.
// Instead we use a single debounced setTimeout: every speech result cancels the
// pending timer and schedules a fresh one 15 s into the future. The toast only
// ever appears after a genuine 15-second gap with no final speech result at all.

var AMBIENT_SILENCE_WARN_MS   = 25000; // 25 s of no speech before toast appears
var AMBIENT_SILENCE_COUNT_SECS = 15;   // countdown seconds before auto-pause

var ambientSilenceWarnTimeout    = null; // debounce handle
var ambientSilenceCountdownTimer = null; // countdown interval handle
var ambientSilenceToastShown     = false;
var ambientSilenceCountdown      = 0;

function startAmbientSilenceMonitor(){
  // Schedule the warn toast 15 s from now; any speech will cancel + reschedule.
  _cancelSilenceWarn();
  ambientSilenceToastShown = false;
  SherpaLog.log('SILENCE_WARN_ARMED', { warnMs: AMBIENT_SILENCE_WARN_MS });
  _scheduleSilenceWarn();
}

function stopAmbientSilenceMonitor(){
  _cancelSilenceWarn();
  _hideSilenceToast();
}

function resetAmbientSilenceTimer(){
  // Called on every final speech result — cancel any pending warn and reschedule.
  _hideSilenceToast();       // hide toast immediately if it was showing
  _cancelSilenceWarn();      // cancel the existing debounce
  SherpaLog.log('SILENCE_WARN_RESET', {});
  if(ambientMode && !ambientPaused) _scheduleSilenceWarn(); // arm a fresh 15 s window
}

function _scheduleSilenceWarn(){
  // Do not arm the silence countdown while the Chirp error dialog is showing.
  if(chirpErrorDialogVisible) return;
  ambientSilenceWarnTimeout = setTimeout(function(){
    if(ambientMode && !ambientPaused && !chirpErrorDialogVisible){
      SherpaLog.log('SILENCE_WARN_FIRED', { bufferLen: ambientTranscriptBuffer.trim().length });
      showAmbientSilenceToast();
    }
  }, AMBIENT_SILENCE_WARN_MS);
}

function _cancelSilenceWarn(){
  if(ambientSilenceWarnTimeout){ clearTimeout(ambientSilenceWarnTimeout); ambientSilenceWarnTimeout = null; }
}

function _hideSilenceToast(){
  ambientSilenceToastShown = false;
  clearInterval(ambientSilenceCountdownTimer);
  ambientSilenceCountdownTimer = null;
  var toast = el('ambient-silence-toast');
  if(toast) toast.style.display = 'none';
}

function showAmbientSilenceToast(){
  if(ambientSilenceToastShown) return; // already showing
  ambientSilenceToastShown = true;
  ambientSilenceCountdown  = AMBIENT_SILENCE_COUNT_SECS;
  var toast = el('ambient-silence-toast');
  var cntEl = el('ast-countdown');
  if(toast) toast.style.display = 'block';
  if(cntEl) cntEl.textContent = ambientSilenceCountdown;
  clearInterval(ambientSilenceCountdownTimer);
  ambientSilenceCountdownTimer = setInterval(function(){
    ambientSilenceCountdown--;
    if(cntEl) cntEl.textContent = Math.max(0, ambientSilenceCountdown);
    if(ambientSilenceCountdown <= 0){
      clearInterval(ambientSilenceCountdownTimer);
      ambientSilenceCountdownTimer = null;
      ambientSilenceToastShown = false;
      var t = el('ambient-silence-toast'); if(t) t.style.display = 'none';
      SherpaLog.log('SILENCE_COUNTDOWN_COMPLETE', { autopausing: !!(ambientMode && !ambientPaused) });
      if(ambientMode && !ambientPaused){
        toggleAmbientPause();
        notify('Sherpa paused after 30 s of silence. Tap Resume when ready.');
      }
    }
  }, 1000);
}

// Public aliases used by HTML onclick attributes
function hideAmbientSilenceToast(){ _hideSilenceToast(); }

function ambientSilenceContinue(){
  // User confirmed still present — hide toast and arm a fresh 15 s window.
  _hideSilenceToast();
  _cancelSilenceWarn();
  if(ambientMode && !ambientPaused) _scheduleSilenceWarn();
}

// ═══════════════════════════════════════════════════════════════════════
// CHIRP ERROR DIALOG  (v2.1.0)
// Shown when SpeechRecognition.onerror fires with a recoverable error.
// While visible: silence countdown is suppressed (chirpErrorDialogVisible).
// ═══════════════════════════════════════════════════════════════════════
function showChirpErrorDialog(errorCode){
  chirpErrorDialogVisible = true;
  // Suppress the silence toast immediately if it's showing
  _hideSilenceToast();
  _cancelSilenceWarn();
  var d = el('chirp-error-dialog');
  var detail = el('chirp-error-detail');
  if(detail){
    var codeMap = {
      'network':      'Network error — check your internet connection.',
      'audio-capture':'Microphone could not be captured. Check permissions.',
      'no-speech':    'No speech detected for an extended period.',
      'service-not-allowed': 'Speech service blocked by browser settings.',
      'language-not-supported': 'Language not supported by this browser.'
    };
    detail.textContent = 'Error code: ' + errorCode + (codeMap[errorCode] ? ' — ' + codeMap[errorCode] : '');
  }
  if(d) d.style.display = 'flex';
  SherpaLog.log('CHIRP_ERROR_DIALOG_SHOWN', { errorCode: errorCode });
}

function _hideChirpErrorDialog(){
  chirpErrorDialogVisible = false;
  var d = el('chirp-error-dialog');
  if(d) d.style.display = 'none';
  SherpaLog.log('CHIRP_ERROR_DIALOG_DISMISSED', {});
}

function retryChirpListening(){
  _hideChirpErrorDialog();
  // Tear down the broken recognition object before starting fresh
  if(ambientRecognition){
    try{ ambientRecognition.abort(); } catch(e){}
    ambientRecognition = null;
  }
  SherpaLog.log('CHIRP_RETRY', {});
  // Re-arm the silence monitor with a fresh window
  if(ambientMode && !ambientPaused){
    startAmbientSilenceMonitor();
    startChirpListening();
  }
}

function switchAmbientToManual(){
  _hideChirpErrorDialog();
  SherpaLog.log('SWITCH_AMBIENT_TO_MANUAL', {
    zonesComplete: ambientZones.filter(function(z){ return z.status==='complete'; }).length,
    zonesTotal: ambientZones.length
  });
  // Stop ambient listening
  stopChirpListening();
  if(ambientTimerInterval){ clearInterval(ambientTimerInterval); ambientTimerInterval = null; }
  ambientMode = false;

  // Pack whatever zone responses we have into sectionManualNotes so
  // the manual interview panels show pre-populated context in the notes field.
  SECTIONS = getEffectiveSections(sessionConfig.purpose, sessionConfig.templateName);
  sectionManualNotes = {};
  ambientZones.forEach(function(zone, i){
    if(!SECTIONS[i]) return;
    var raw = '';
    zone.questions.forEach(function(q){ if(q.response && q.response.trim()) raw += q.response.trim() + ' '; });
    if(zone.summary && zone.summary.trim()) raw += zone.summary.trim();
    raw = raw.trim();
    if(raw) sectionManualNotes[SECTIONS[i].id] = raw;
  });

  notify('Switched to Manual Mode. Your captured notes have been preserved.');
  launchInterview();
}

// ═══════════════════════════════════════════════════════════════════════
// PAUSE & VIEW DRAFT / RESUME  (v2.3.3)
// ═══════════════════════════════════════════════════════════════════════

function showReturnToTrailBanner(){
  // Only meaningful when an ambient session is active (paused mid-session)
  if(!ambientMode) return;

  // ── Desktop banner: inserted at top of report-scroll-area ────────────
  var existing = el('return-to-trail-bar');
  if(existing) existing.parentNode.removeChild(existing);

  var bar = document.createElement('div');
  bar.id = 'return-to-trail-bar';
  bar.style.cssText = [
    'display:flex', 'align-items:center', 'gap:14px',
    'padding:14px 20px', 'margin-bottom:22px',
    'background:rgba(29,184,160,0.08)',
    'border:1.5px solid var(--teal)',
    'border-radius:10px'
  ].join(';');
  bar.innerHTML =
    '<div style="width:10px;height:10px;border-radius:50%;background:#3a5a7a;flex-shrink:0"></div>' +
    '<div style="flex:1;font-size:13px;color:#a0bcd8;font-family:\'DM Sans\',sans-serif">' +
      '<strong style="color:var(--teal2)">Session paused</strong> — ' +
      'Chirp is not listening. Resume when ready to continue.' +
    '</div>' +
    '<button onclick="resumeAmbientSession()" ' +
      'style="padding:10px 22px;background:var(--teal);border:none;border-radius:8px;' +
             'color:var(--navy);font-size:13px;font-weight:700;cursor:pointer;' +
             'font-family:\'DM Sans\',sans-serif;white-space:nowrap;flex-shrink:0">' +
      '▶ Return to Trail' +
    '</button>';

  var scrollArea = el('report-scroll-area');
  if(scrollArea) scrollArea.insertBefore(bar, scrollArea.firstChild);

  // ── Mobile sticky bar: add/replace Return to Trail button ─────────────
  var existingMob = el('return-to-trail-mob');
  if(existingMob) existingMob.parentNode.removeChild(existingMob);

  var mobBar = el('report-actions-bar');
  if(mobBar){
    var mobBtn = document.createElement('button');
    mobBtn.id = 'return-to-trail-mob';
    mobBtn.className = 'report-btn';
    mobBtn.setAttribute('onclick', 'resumeAmbientSession()');
    mobBtn.style.cssText = 'background:var(--teal);color:var(--navy);border:none;font-weight:700;order:-1';
    mobBtn.textContent = '▶ Trail';
    mobBar.insertBefore(mobBtn, mobBar.firstChild);
  }
}

function resumeAmbientSession(){
  if(!ambientMode) return;

  // Remove the banner from both desktop and mobile
  var bar    = el('return-to-trail-bar');
  var barMob = el('return-to-trail-mob');
  if(bar)    bar.parentNode.removeChild(bar);
  if(barMob) barMob.parentNode.removeChild(barMob);

  // Unpause: restart Chirp and silence monitor
  ambientPaused = false;
  startChirpListening();
  startAmbientSilenceMonitor();
  updateAmbientListenUI();
  renderAmbientTrail();

  showOnly('ambient-screen');
  SherpaLog.log('AMBIENT_RESUMED_FROM_REPORT', {
    bufferLen: ambientTranscriptBuffer.trim().length
  });
}
// ═══════════════════════════════════════════════════════════════════════
// INDEPENDENT AMBIENT ILP LISTENING  (v2.4.0)
// Fully isolated from review-session ambient state.
// ═══════════════════════════════════════════════════════════════════════

var ilpListenMode    = false;
var ilpListenPaused  = false;
var ilpTranscriptBuffer = '';
var ilpRecognition   = null;
var ilpListenAppendMode = false;
var ilpListenDraftedGoalIdx = -1; // index of goal last drafted; -1 = none yet

function showILPListenScreen(){
  // Hide every sibling screen that has flex:1 to ensure ilp-hub-screen
  // and its columns get the full height. This works even if openILPHub
  // was not called first (e.g. arriving via sidebar snav-ilp path).
  ['welcome','pre-review-screen','mode-select-screen','ambient-screen','interview-ui',
   'template-builder','report-screen','ilp-progress-screen','ilp-review-screen',
   'purpose-manager','rec-screen','lor-hub-screen','lor-template-screen',
   'lor-request-screen','mob-pd-home'].forEach(function(id){
    var e=el(id); if(e) e.style.display='none';
  });
  var ls=el('ilp-listen-screen'),empty=el('ilp-hub-empty'),editor=el('ilp-hub-editor'),hub=el('ilp-hub-screen');
  if(empty)  empty.style.display='none';
  if(editor) editor.style.display='none';
  if(ls)     ls.classList.add('active');
  if(hub&&hub.style.display==='none'){ hub.style.display='flex'; hub.style.flexDirection='row'; }
}
function hideILPListenScreen(){
  var ls=el('ilp-listen-screen'); if(ls) ls.classList.remove('active');
}

function startILPListening(){
  if(!('webkitSpeechRecognition' in window||'SpeechRecognition' in window)){
    notify('Speech recognition is not supported in this browser. Please use Chrome.');
    openNewILPInEditor(); return;
  }
  ilpListenMode=true; ilpListenPaused=false; ilpTranscriptBuffer='';
  ilpListenDraftedGoalIdx = -1; // reset — fresh session, no prior draft
  showILPListenScreen(); updateILPListenUI(); _startILPRecognition();
  SherpaLog.log('ILP_LISTEN_START',{traineeId:ilpHubTraineeId});
}

function _startILPRecognition(){
  var SR=window.SpeechRecognition||window.webkitSpeechRecognition;
  ilpRecognition=new SR();
  ilpRecognition.continuous=true; ilpRecognition.interimResults=true; ilpRecognition.lang='en-US';
  ilpRecognition.onresult=function(event){
    if(ilpListenPaused) return;
    for(var i=event.resultIndex;i<event.results.length;i++){
      if(event.results[i].isFinal){
        var text=event.results[i][0].transcript.trim();
        if(text) ilpTranscriptBuffer+=' '+text;
        _updateILPTranscriptStrip();
        SherpaLog.log('ILP_TRANSCRIPT',{chars:text.length,total:ilpTranscriptBuffer.trim().length});
      }
    }
  };
  ilpRecognition.onerror=function(e){
    SherpaLog.log('ILP_LISTEN_ERROR',{code:e.error});
    if(e.error==='not-allowed'){notify('Microphone access denied.');cancelILPListening();}
  };
  ilpRecognition.onend=function(){
    if(ilpListenMode&&!ilpListenPaused) setTimeout(function(){if(ilpRecognition)ilpRecognition.start();},300);
  };
  try{ilpRecognition.start();}catch(e){}
}

function _updateILPTranscriptStrip(){
  var strip=el('ilp-transcript-strip'); if(!strip) return;
  var buf=ilpTranscriptBuffer.trim();
  if(!buf){
    strip.innerHTML='<span style="font-style:italic;color:rgba(143,163,192,0.4)">Speak about learning goals — transcript will appear here</span>';
    return;
  }
  // Show last ~220 chars
  var tail = buf.slice(-220);
  strip.textContent = tail;

  // ── Drive cheat-sheet card highlights based on keywords in last ~400 chars ─
  _updateILPCheatSheet(buf.slice(-400).toLowerCase());
}

// Keyword maps for card and item highlighting
var _csKeywords = {
  // Goal card items
  'ilp-cs-g1': ['will','going to','plan to','aim to','i want','goal is','objective'],
  'ilp-cs-g2': ['patient care','medical knowledge','communication','professionalism','systems','practice-based','pbli','acgme','competency','domain','milestone'],
  'ilp-cs-g3': ['measurable','measure','evidence','demonstrate','show','assessed','rate','score','percentage','times','cases'],
  'ilp-cs-g4': ['evaluation','eval','assessment','procedure log','case log','observed','supervisor','faculty confirms'],
  // Strategy items
  'ilp-cs-s1': ['rotation','simulation','reading','course','conference','workshop','clinic','fellowship','mentor','shadow'],
  'ilp-cs-s2': ['feedback','attending','supervisor','preceptor','dr.','professor','coach'],
  'ilp-cs-s3': ['weekly','monthly','check-in','check in','review every','meet','follow-up','follow up'],
  // Success items
  'ilp-cs-su1': ['milestone','level','entrustable','epa','stage','proficiency'],
  'ilp-cs-su2': ['threshold','metric','target','90%','80%','specific number','frequency','times per'],
  'ilp-cs-su3': ['faculty confirm','attending confirm','ccc','committee','sign off','sign-off','approved'],
  // Timeline items
  'ilp-cs-t1': ['start','beginning of','starting','set this goal','goal set','january','february','march','april','may','june','july','august','september','october','november','december'],
  'ilp-cs-t2': ['mid','halfway','check-in','review at','midpoint','three months','six months','half'],
  'ilp-cs-t3': ['by end','complete by','target date','finish by','deadline','next rotation','year end','graduate']
};

// Card-level keyword maps
var _csCardKeywords = {
  'ilp-cs-goal': ['goal','objective','what i will','achieve','outcome','aim','purpose'],
  'ilp-cs-strategy': ['strategy','strategies','plan','approach','how','activity','rotation','mentor','reading'],
  'ilp-cs-success': ['success','successful','evidence','milestone','metric','confirmed','achieved','demonstrated'],
  'ilp-cs-timeline': ['timeline','date','by when','deadline','month','week','year','quarter','block','cycle']
};

function _updateILPCheatSheet(text){
  // Highlight individual list items
  Object.keys(_csKeywords).forEach(function(id){
    var el_ = document.getElementById(id); if(!el_) return;
    var keywords = _csKeywords[id];
    var hit = keywords.some(function(k){ return text.indexOf(k) !== -1; });
    el_.classList.toggle('cs-lit', hit);
    el_.classList.remove('cs-hot');
  });

  // Find the MOST recently spoken keyword to mark as active (hot/yellow)
  // Scan the last 80 chars for the most specific match
  var recent = text.slice(-80);
  var hotId = null;
  var hotPriority = -1;
  Object.keys(_csKeywords).forEach(function(id){
    _csKeywords[id].forEach(function(k, ki){
      if(recent.indexOf(k) !== -1 && ki > hotPriority){
        hotPriority = ki;
        hotId = id;
      }
    });
  });
  if(hotId){
    var hotEl = document.getElementById(hotId);
    if(hotEl){ hotEl.classList.add('cs-hot'); hotEl.classList.remove('cs-lit'); }
  }

  // Card-level state
  Object.keys(_csCardKeywords).forEach(function(cardId){
    var card = document.getElementById(cardId); if(!card) return;
    var keywords = _csCardKeywords[cardId];
    var hit = keywords.some(function(k){ return text.indexOf(k) !== -1; });
    card.classList.toggle('cs-active', hit);
  });

  // Mark a pill as active if a domain keyword is mentioned
  document.querySelectorAll('.ilp-comp-pill').forEach(function(pill){
    var domain = (pill.dataset.domain||'').toLowerCase();
    var shortName = pill.textContent.trim().toLowerCase();
    var isLit = text.indexOf(shortName) !== -1 || text.indexOf(domain.split('(')[0].trim()) !== -1;
    if(isLit) pill.classList.add('active');
  });
}

function toggleILPListenPause(){
  ilpListenPaused=!ilpListenPaused;
  var ls=el('ilp-listen-screen');
  if(ilpListenPaused){
    if(ilpRecognition){try{ilpRecognition.abort();}catch(e){}}
    if(ls) ls.classList.add('paused');
  } else {
    if(ls) ls.classList.remove('paused');
    _startILPRecognition();
  }
  updateILPListenUI();
  SherpaLog.log('ILP_LISTEN_PAUSE_TOGGLE',{paused:ilpListenPaused});
}

function updateILPListenUI(){
  var dot=el('ilp-listen-dot'),label=el('ilp-listen-status-label'),btn=el('ilp-listen-pause-btn');
  if(ilpListenPaused){
    if(dot)   dot.style.background='#3a5a7a';
    if(label) label.textContent='Paused — tap Resume to continue';
    if(btn)   {btn.textContent='▶ Resume';btn.style.background='var(--teal)';btn.style.color='#ffffff';}
  } else {
    if(dot)   dot.style.background='var(--teal)';
    if(label) label.textContent='Sherpa is listening for goals…';
    if(btn)   {btn.textContent='⏸ Pause';btn.style.background='var(--gold)';btn.style.color='var(--navy)';}
  }
}

function toggleILPPill(el_){
  // Toggle competency pill active state (manual override by PD)
  el_.classList.toggle('active');
}

function stopILPListening(){
  ilpListenMode=false; ilpListenPaused=false;
  if(ilpRecognition){try{ilpRecognition.abort();}catch(e){} ilpRecognition=null;}
  var ls=el('ilp-listen-screen'); if(ls) ls.classList.remove('paused');
  SherpaLog.log('ILP_LISTEN_STOP',{});
}

function cancelILPListening(){
  stopILPListening(); ilpTranscriptBuffer='';
  hideILPListenScreen(); showHubEmptyState();
}

async function draftILPGoalsFromListen(){
  if(!ilpTranscriptBuffer.trim()){
    notify('No transcript captured yet — please speak about your learning goals first.');
    return;
  }
  if(!ilpListenPaused){
    ilpListenPaused=true;
    if(ilpRecognition){try{ilpRecognition.abort();}catch(e){}}
    var ls=el('ilp-listen-screen'); if(ls) ls.classList.add('paused');
    updateILPListenUI();
  }
  var apiKey=localStorage.getItem('sherpa_api_key')||'';
  if(!apiKey){
    notify('Add your Anthropic API key to use AI drafting.');
    stopILPListening(); hideILPListenScreen(); openNewILPInEditor(); return;
  }
  var loadingDiv=document.createElement('div');
  loadingDiv.id='ilp-draft-loading';
  loadingDiv.style.cssText='position:fixed;inset:0;background:rgba(10,22,40,0.82);z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#e8edf5';
  loadingDiv.innerHTML='<div style="width:40px;height:40px;border:3px solid rgba(255,255,255,0.1);border-top-color:var(--gold);border-radius:50%;animation:spin 0.8s linear infinite"></div>'
    +'<div style="font-size:14px;font-family:\'DM Mono\',monospace;color:var(--gold)">Drafting your ILP goals…</div>'
    +'<div style="font-size:11px;color:var(--muted);max-width:320px;text-align:center">Mapping your conversation to ACGME competencies</div>';
  document.body.appendChild(loadingDiv);

  var traineeName=ilpHubTraineeName||sessionConfig.traineeFullName||sessionConfig.traineeFirstName||'the trainee';
  var prompt=
    'You are an expert medical education advisor drafting an ILP for '+traineeName+'.\n\n'
    +'=== GOAL-SETTING CONVERSATION ===\n'+ilpTranscriptBuffer.trim()+'\n\n'
    +'Extract every distinct learning goal. Return ONLY a JSON array (no markdown):\n'
    +'[{"type":"aspirational|remedial|both","domain":"one of '+JSON.stringify(ACGME_DOMAINS)+'","goal":"By [date], I will [specific observable behavior] as evidenced by [measurable outcome].","strategies":"","measurable":"","timeline":""}]\n'
    +'PARTIAL DATA RULE: preserve [date],[specific observable behavior],[measurable outcome] literally if not discussed.\n'
    +'Max 6 goals. Empty array if none detected.';

  try{
    var _ctrl=new AbortController();
    var _timer=setTimeout(function(){_ctrl.abort();},SHERPA_FETCH_TIMEOUT_MS);
    var res=await fetch('https://api.anthropic.com/v1/messages',{
      method:'POST',
      headers:{'Content-Type':'application/json','anthropic-version':'2023-06-01','anthropic-dangerous-direct-browser-access':'true','x-api-key':apiKey},
      body:JSON.stringify({model:'claude-sonnet-4-6',max_tokens:1000,messages:[{role:'user',content:prompt}]}),
      signal:_ctrl.signal
    });
    clearTimeout(_timer);
    var data=await res.json();
    var rawText=(data.content||[]).map(function(b){return b.text||'';}).join('').trim();
    var cleaned=rawText.replace(/^```json\s*/i,'').replace(/^```\s*/,'').replace(/```\s*$/,'').trim();
    var parsed=JSON.parse(cleaned);
    if(document.getElementById('ilp-draft-loading')) document.body.removeChild(loadingDiv);
    if(!Array.isArray(parsed)||!parsed.length){
      notify('No goals detected — opening a blank ILP.');
      stopILPListening(); hideILPListenScreen(); openNewILPInEditor(); return;
    }
    // Stop recognition, hide listen screen, inject/update goals
    stopILPListening();
    hideILPListenScreen();

    // v2.6.0: if we already drafted a goal this session, UPDATE it instead of appending
    if(ilpListenDraftedGoalIdx >= 0 && currentILP &&
       currentILP.goals[ilpListenDraftedGoalIdx] && parsed.length > 0){
      // Update the previously drafted goal slot with the first returned goal
      var blank = makeBlankGoal(ilpListenDraftedGoalIdx);
      var g = parsed[0];
      var validTypes=['aspirational','remedial','both'];
      blank.type       = validTypes.includes(g.type)?g.type:'aspirational';
      blank.domain     = ACGME_DOMAINS.includes(g.domain)?g.domain:ACGME_DOMAINS[0];
      blank.goal       = (g.goal||'').trim();
      blank.strategies = (g.strategies||'').trim();
      blank.measurable = (g.measurable||'').trim();
      blank.timeline   = (g.timeline||'').trim();
      currentILP.goals[ilpListenDraftedGoalIdx] = blank;
      // Append any additional goals beyond the first
      for(var ai=1;ai<parsed.length;ai++){
        var ab=makeBlankGoal(currentILP.goals.length);
        var ag=parsed[ai];
        ab.type=validTypes.includes(ag.type)?ag.type:'aspirational';
        ab.domain=ACGME_DOMAINS.includes(ag.domain)?ag.domain:ACGME_DOMAINS[0];
        ab.goal=(ag.goal||'').trim(); ab.strategies=(ag.strategies||'').trim();
        ab.measurable=(ag.measurable||'').trim(); ab.timeline=(ag.timeline||'').trim();
        currentILP.goals.push(ab);
      }
      saveCurrentILP(); renderILPGoalCards(); showHubEditor();
    } else {
      injectILPGoals(parsed);
      // Record the index of the first goal we just drafted
      if(currentILP && currentILP.goals.length > 0){
        ilpListenDraftedGoalIdx = currentILP.goals.length - parsed.length;
      }
    }

    showILPResumeListenBanner();
    notify('✦ '+(parsed.length===1?'1 goal':''+parsed.length+' goals')+' drafted. Review and edit, then Resume Listening for more.');
  } catch(err){
    if(document.getElementById('ilp-draft-loading')) document.body.removeChild(loadingDiv);
    SherpaLog.log('ILP_DRAFT_LISTEN_ERROR',{err:String(err)});
    notify('Could not draft goals — opening blank plan.');
    stopILPListening(); hideILPListenScreen(); openNewILPInEditor();
  }
}

function showILPResumeListenBanner(){
  var existing=el('ilp-resume-listen-bar');
  if(existing) existing.parentNode.removeChild(existing);
  var editorScroll=document.querySelector('#ilp-hub-editor > div[style*="overflow-y"]');
  if(!editorScroll) return;
  var bar=document.createElement('div');
  bar.id='ilp-resume-listen-bar';
  bar.style.cssText='display:flex;align-items:center;gap:14px;padding:14px 20px;margin-bottom:20px;background:rgba(29,184,160,0.08);border:1.5px solid var(--teal);border-radius:10px';
  bar.innerHTML=
    '<div style="width:10px;height:10px;border-radius:50%;background:#3a5a7a;flex-shrink:0"></div>'
    +'<div style="flex:1;font-size:13px;color:#a0bcd8;font-family:\'DM Sans\',sans-serif"><strong style="color:var(--teal2)">Listening paused</strong> — review goals, then resume to capture more.</div>'
    +'<button onclick="promptSaveAndResume()" style="padding:10px 20px;background:var(--teal);border:none;border-radius:8px;color:var(--navy);font-size:13px;font-weight:700;cursor:pointer;font-family:\'DM Sans\',sans-serif;white-space:nowrap;flex-shrink:0">🎙 Resume Listening</button>';
  editorScroll.insertBefore(bar,editorScroll.firstChild);
}

// v2.6.0: ask user if they want to save before resuming
function promptSaveAndResume(){
  // Show an inline confirm dialog rather than blocking window.confirm
  var bar = el('ilp-resume-listen-bar');
  if(!bar) { resumeILPListening(); return; }

  // Replace the bar content with a save-prompt
  bar.innerHTML=
    '<div style="flex:1;font-size:13px;color:#e8edf5;font-family:\'DM Sans\',sans-serif"><strong>Save this draft goal before resuming?</strong> You can keep editing after.</div>'
    +'<button onclick="saveCurrentILP();notify(\'Goal saved.\');resumeILPListening();" style="padding:9px 18px;background:var(--gold);border:none;border-radius:8px;color:var(--navy);font-size:13px;font-weight:700;cursor:pointer;font-family:\'DM Sans\',sans-serif;white-space:nowrap;flex-shrink:0">Save &amp; Resume</button>'
    +'<button onclick="resumeILPListening();" style="padding:9px 14px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:13px;cursor:pointer;font-family:\'DM Sans\',sans-serif;white-space:nowrap;flex-shrink:0">Resume without saving</button>';
}

function resumeILPListening(){
  var bar=el('ilp-resume-listen-bar'); if(bar) bar.parentNode.removeChild(bar);
  ilpListenMode=true; ilpListenPaused=false;
  var ls=el('ilp-listen-screen'); if(ls) ls.classList.remove('paused');
  showILPListenScreen(); updateILPListenUI(); _startILPRecognition();
  SherpaLog.log('ILP_LISTEN_RESUMED',{bufferLen:ilpTranscriptBuffer.trim().length});
}

// ═══════════════════════════════════════════════════════════════════════
// AMBIENT ILP DRAFTING (from review session transcript)  (v2.3.0/v2.3.1)
// openNewILPOrPick()          — gate for Create New Plan: shows mode picker
// closeILPModePicker()        — dismiss the mode picker overlay
// extractILPGoalsFromAmbient()— Claude API call from review transcript
// injectILPGoals(goals)       — mutates currentILP and opens editor
// newILPFromReport()          — fallback: blank ILP opened from report
// ═══════════════════════════════════════════════════════════════════════

function openNewILPOrPick(){
  // v2.5.0: always show mode picker.
  // "Draft from Session" only when review transcript available.
  // "Manual Entry" either opens a new plan OR adds a blank goal (if in existing ILP).
  var draftBtn = el('ilp-pick-draft-session');
  var hasReviewTranscript = wasAmbientSession &&
                            typeof ambientTranscriptBuffer === 'string' &&
                            ambientTranscriptBuffer.trim().length > 0;
  if(draftBtn) draftBtn.style.display = hasReviewTranscript ? '' : 'none';

  // Tag the picker with context so Manual Entry knows what to do
  var picker = el('ilp-mode-picker');
  if(picker){
    picker.dataset.addMode = (currentILP && showHubEditor) ? 'append' : 'new';
    picker.style.display = 'flex';
  }
}

// Called by Manual Entry button in picker
function ilpPickManualEntry(){
  closeILPModePicker();
  var picker = el('ilp-mode-picker');
  var isAppend = picker && picker.dataset.addMode === 'append';
  if(isAppend && currentILP){
    // Adding to existing plan — just append a blank goal
    currentILP.goals.push(makeBlankGoal(currentILP.goals.length));
    renderILPGoalCards();
    showHubEditor();
  } else {
    openNewILPInEditor();
  }
}

// Called by Listen Now button in picker
function ilpPickListenNow(){
  closeILPModePicker();
  var picker = el('ilp-mode-picker');
  // Store whether we're adding to existing plan
  ilpListenAppendMode = !!(picker && picker.dataset.addMode === 'append');
  startILPListening();
}

function closeILPModePicker(){
  var picker = el('ilp-mode-picker');
  if(picker) picker.style.display = 'none';
}

// showDraftILPButton removed in v2.6.2 — ambient draft button removed from report screen.
// The Draft from Session option now lives only inside the ilp-mode-picker overlay.

async function extractILPGoalsFromAmbient(){
  var apiKey = localStorage.getItem('sherpa_api_key') || '';
  if(!apiKey){
    notify('Add your Anthropic API key in settings to use AI-powered ILP drafting.');
    newILPFromReport();
    return;
  }

  // ── Build transcript context ──────────────────────────────────────────────
  var transcriptText = (typeof ambientTranscriptBuffer === 'string' && ambientTranscriptBuffer.trim())
    ? ambientTranscriptBuffer.trim()
    : '';

  // Supplement with per-zone question responses and sherpa summaries
  var zoneContext = '';
  if(Array.isArray(ambientZones) && ambientZones.length){
    zoneContext = ambientZones.map(function(zone, zi){
      var lines = ['--- Zone ' + (zi+1) + ': ' + (zone.label||'') + ' [status: ' + (zone.status||'none') + '] ---'];
      (zone.questions||[]).forEach(function(q, qi){
        if(q.response && q.response.trim()) lines.push('Q'+(qi+1)+': '+q.response.trim());
      });
      if(zone.summary && zone.summary.trim()) lines.push('SHERPA SUMMARY: '+zone.summary.trim());
      return lines.join('\n');
    }).join('\n\n');
  }

  if(!transcriptText && !zoneContext){
    notify('No transcript captured — opening a blank ILP for manual entry.');
    newILPFromReport();
    return;
  }

  // ── Show loading overlay on report screen ─────────────────────────────────
  var rc = el('report-content');
  var reportScrollPos = rc ? rc.scrollTop : 0;
  var loadingDiv = document.createElement('div');
  loadingDiv.id = 'ilp-draft-loading';
  loadingDiv.style.cssText = 'position:fixed;inset:0;background:rgba(10,22,40,0.82);z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#e8edf5';
  loadingDiv.innerHTML = '<div style="width:40px;height:40px;border:3px solid rgba(255,255,255,0.1);border-top-color:var(--gold);border-radius:50%;animation:spin 0.8s linear infinite"></div>'
    + '<div style="font-size:14px;font-family:\'DM Mono\',monospace;color:var(--gold)">Sherpa is drafting your ILP goals…</div>'
    + '<div style="font-size:11px;color:var(--muted);max-width:320px;text-align:center">Analyzing the session transcript and mapping to ACGME competencies</div>';
  document.body.appendChild(loadingDiv);

  // ── Build Claude prompt ───────────────────────────────────────────────────
  var traineeName   = sessionConfig.traineeFullName || sessionConfig.traineeFirstName || 'the trainee';
  var specialty     = sessionConfig.specialty  || 'medicine';
  var traineeType   = sessionConfig.traineeType || 'trainee';
  var domainsJson   = JSON.stringify(ACGME_DOMAINS);

  var contextBlock = '';
  if(transcriptText) contextBlock += '=== FULL SESSION TRANSCRIPT ===\n' + transcriptText + '\n\n';
  if(zoneContext)    contextBlock += '=== ZONE-BY-ZONE ANALYSIS ===\n' + zoneContext + '\n\n';

  var prompt = 'You are an expert medical education advisor helping a Program Director draft Individualized Learning Plan (ILP) goals for a trainee.\n\n'
    + 'TRAINEE: ' + traineeName + ' (' + traineeType + ', ' + specialty + ')\n\n'
    + contextBlock
    + 'TASK: Extract every distinct learning goal discussed in this session. For each goal, produce a structured object.\n\n'
    + 'RULES:\n'
    + '1. type: must be exactly "aspirational", "remedial", or "both".\n'
    + '2. domain: must be exactly one value from this list: ' + domainsJson + '\n'
    + '3. goal: write an I-SMART goal statement using this EXACT template:\n'
    + '   "By [date], I will [specific observable behavior] as evidenced by [measurable outcome]."\n'
    + '   CRITICAL — Partial Data Rule: if the conversation did NOT provide a specific date, write "[date]" literally. '
    + '   If the specific behavior is unclear, write "[specific observable behavior]" literally. '
    + '   If the measurable outcome was not discussed, write "[measurable outcome]" literally. '
    + '   Never invent or assume values for missing information — preserve the placeholder brackets exactly.\n'
    + '4. strategies: list the action steps discussed (rotations, readings, simulation, mentorship, cases). If none discussed, return "".\n'
    + '5. measurable: describe the observable evidence or milestones that will confirm the goal is met. If none discussed, return "".\n'
    + '6. timeline: the target deadline or review block mentioned (e.g. "End of next rotation block", "By mid-year review"). If not mentioned, return "".\n\n'
    + 'OUTPUT FORMAT: Respond ONLY with a valid JSON array (no markdown, no backticks, no commentary). Example:\n'
    + '[{"type":"aspirational","domain":"Patient Care (PC)","goal":"By [date], I will...","strategies":"...","measurable":"...","timeline":"..."}]\n\n'
    + 'If no distinct goals were discussed, return an empty array: []\n'
    + 'Maximum 6 goals. If more were discussed, select the most clearly articulated ones.';

  try{
    var _ilpCtrl = new AbortController();
    var _ilpTimer = setTimeout(function(){ _ilpCtrl.abort(); }, SHERPA_FETCH_TIMEOUT_MS);
    var res = await fetch('https://api.anthropic.com/v1/messages',{
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'anthropic-version': '2023-06-01',
        'anthropic-dangerous-direct-browser-access': 'true',
        'x-api-key': apiKey
      },
      body: JSON.stringify({
        model: 'claude-sonnet-4-6',
        max_tokens: 1000,
        messages: [{ role: 'user', content: prompt }]
      }),
      signal: _ilpCtrl.signal
    });
    clearTimeout(_ilpTimer);

    var data   = await res.json();
    var rawText = (data.content || []).map(function(b){ return b.text || ''; }).join('').trim();
    // Strip any accidental markdown fences
    var cleaned = rawText.replace(/^```json\s*/i,'').replace(/^```\s*/,'').replace(/```\s*$/,'').trim();
    var parsed  = JSON.parse(cleaned);

    if(!Array.isArray(parsed) || !parsed.length){
      document.body.removeChild(loadingDiv);
      notify('No goals were detected in the transcript — opening a blank ILP for manual entry.');
      newILPFromReport();
      return;
    }

    document.body.removeChild(loadingDiv);
    injectILPGoals(parsed);

  } catch(err){
    if(document.getElementById('ilp-draft-loading')) document.body.removeChild(loadingDiv);
    SherpaLog.log('ILP_DRAFT_ERROR', { err: String(err) });
    notify('Could not draft ILP automatically — opening a blank plan for manual entry.');
    newILPFromReport();
  }
}

function injectILPGoals(rawGoals){
  // Resolve trainee context (mirrors openILPHub call in btn-ilp-hub listener)
  var tid = viewingSession ? viewingSession.traineeId : null;
  var tn  = viewingSession
    ? ((viewingSession.traineeFn || '') + ' ' + (viewingSession.traineeLn || '')).trim()
    : (sessionConfig.traineeFullName || sessionConfig.traineeFirstName || '');

  // Open hub with trainee context so the new ILP is scoped correctly
  ilpHubTraineeId   = tid   || null;
  ilpHubTraineeName = tn    || '';

  // Create a fresh ILP
  currentILP = newBlankILP();
  if(ilpHubTraineeId)   currentILP.traineeId = ilpHubTraineeId;
  if(ilpHubTraineeName){
    var parts = ilpHubTraineeName.split(' ');
    currentILP.traineeFirstName = parts[0] || '';
    currentILP.traineeLastName  = parts.slice(1).join(' ') || '';
  }
  ilpHubActiveId = currentILP.id;

  // Normalise and inject goals, preserving all makeBlankGoal fields
  var normalised = rawGoals.map(function(g, i){
    var blank = makeBlankGoal(i);
    var validTypes = ['aspirational','remedial','both'];
    blank.type       = validTypes.includes(g.type) ? g.type : 'aspirational';
    blank.domain     = ACGME_DOMAINS.includes(g.domain) ? g.domain : ACGME_DOMAINS[0];
    blank.goal       = (g.goal        || '').trim();
    blank.strategies = (g.strategies  || '').trim();
    blank.measurable = (g.measurable  || '').trim();
    blank.timeline   = (g.timeline    || '').trim();
    return blank;
  });

  if(ilpListenAppendMode && currentILP){
    // Appending to existing plan — merge new goals in
    var offset = currentILP.goals.length;
    normalised.forEach(function(g, i){ g.idx = offset + i; currentILP.goals.push(g); });
    saveCurrentILP();
    renderILPGoalCards();
    ilpListenAppendMode = false;
  } else {
    // New plan
    currentILP.goals = normalised;
    saveCurrentILP();
    renderILPHubList();
  }

  // Show the hub editor
  showHubEditor();

  // v2.4.0: default to ILP Goals tab when injecting goals
  document.querySelectorAll('.ilp-tab').forEach(function(b){ b.classList.remove('active'); });
  document.querySelectorAll('.ilp-tab-panel').forEach(function(p){ p.classList.remove('active'); });
  var gt = el('ilp-tab-btn-goals'); if(gt) gt.classList.add('active');
  var gp = el('ilp-tab-goals');     if(gp) gp.classList.add('active');

  // Navigate into the ILP hub screen (mirrors the btn-ilp-hub flow)
  var hub = el('ilp-hub-screen');
  if(hub){ hub.style.display = 'flex'; hub.style.flexDirection = 'row'; }
  // Hide the report screen behind it
  var rs = el('report-screen'); if(rs) rs.style.display = 'none';

  // Update sidebar labels
  var lbl  = el('ilp-hub-trainee-label');
  var name = el('ilp-hub-trainee-name');
  if(lbl)  lbl.textContent  = ilpHubTraineeId ? 'Learning Plans for' : 'Learning Plans';
  if(name) name.textContent = ilpHubTraineeName;

  var goalWord = currentILP.goals.length === 1 ? 'goal' : 'goals';
  notify('✦ ILP drafted — ' + currentILP.goals.length + ' ' + goalWord + ' extracted from your session. Review and edit before saving.');
}

function newILPFromReport(){
  // Fallback: open a blank ILP editor from the report screen (same as clicking + Create New Plan)
  var tid = viewingSession ? viewingSession.traineeId : null;
  var tn  = viewingSession
    ? ((viewingSession.traineeFn || '') + ' ' + (viewingSession.traineeLn || '')).trim()
    : (sessionConfig.traineeFullName || sessionConfig.traineeFirstName || '');
  openILPHub(tid, tn);
  // Trigger the New Plan flow after hub renders
  setTimeout(function(){
    currentILP = newBlankILP();
    if(tid) currentILP.traineeId = tid;
    if(tn){ var p=tn.split(' '); currentILP.traineeFirstName=p[0]||''; currentILP.traineeLastName=p.slice(1).join(' ')||''; }
    currentILP.goals.push(makeBlankGoal(0));
    ilpHubActiveId = currentILP.id;
    showHubEditor();
  }, 50);
}

// escHtml reuses existing definition above
// ═══════════════════════════════════════════════════════════════════════
</script>
</body>
</html>