<div data-controller="sidebar">
  <aside class="tw-sidebar">
    <!-- Logo -->
    <div class="tw-sidebar-logo">
      <a href="#" class="tw-sidebar-logo-link">
        <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M37.47 38L29.43 17.99H26.34L18.27 38H21.12L22.89 33.53H32.85L34.62 38H37.47ZM32.13 31.34H23.64L27.87 20.54L32.13 31.34Z" fill="white"/>
          <path d="M39 18V14H37V18H33V20H37V24H39V20H43V18H39Z" fill="#EC634B"/>
        </svg>
      </a>
    </div>
    <!-- Navigation -->
    <nav class="tw-sidebar-nav" role="navigation" aria-label="LA Dashboard navigation">
      <!-- Overview (navigates to the Overview page) -->
      <a href="/lookbook/preview/projects/la_dashboard/overview"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Overview">
        <i class="fa-light fa-chart-pie tw-sidebar-icon"></i>
        <span class="tw:sr-only">Overview</span>
      </a>
      <!-- Comparison (navigates to the Comparison page) -->
      <a href="/lookbook/preview/projects/la_dashboard/comparison"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Comparison">
        <i class="fa-light fa-chart-column tw-sidebar-icon"></i>
        <span class="tw:sr-only">Comparison</span>
      </a>
      <!-- Schools (navigates to the Schools page) -->
      <a href="/lookbook/preview/projects/la_dashboard/schools"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Schools">
        <i class="fa-light fa-school tw-sidebar-icon"></i>
        <span class="tw:sr-only">Schools</span>
      </a>
      <!-- Students (navigates to the Students page) -->
      <a href="/lookbook/preview/projects/la_dashboard/students"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Students">
        <i class="fa-light fa-users tw-sidebar-icon"></i>
        <span class="tw:sr-only">Students</span>
      </a>
      <!-- Destination Tracker (navigates to the Destination Tracker page) -->
      <a href="/lookbook/preview/projects/la_dashboard/destination_tracker"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Destination Tracker">
        <i class="fa-light fa-location-dot tw-sidebar-icon"></i>
        <span class="tw:sr-only">Destination Tracker</span>
      </a>
      <!-- Transitions (navigates to the Transitions page) -->
      <a href="/lookbook/preview/projects/la_dashboard/transitions"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Transitions">
        <i class="fa-light fa-right-left tw-sidebar-icon"></i>
        <span class="tw:sr-only">Transitions</span>
      </a>
      <!-- SEND & NEET (navigates to the SEND & NEET page) -->
      <a href="/lookbook/preview/projects/la_dashboard/send_neet"
       data-turbo="false"
       class="tw-sidebar-item tw-active"
       data-label="SEND & NEET">
        <i class="fa-light fa-person-circle-exclamation tw-sidebar-icon"></i>
        <span class="tw:sr-only">SEND & NEET</span>
      </a>
    </nav>
    <!-- Bottom Section -->
    <div class="tw-sidebar-bottom">
      <a href="/lookbook/preview/projects/la_dashboard/settings"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Settings">
        <i class="fa-light fa-cogs tw-sidebar-icon"></i>
        <span class="tw:sr-only">Settings</span>
      </a>
    </div>
  </aside>
  <header class="tw-topbar" role="banner">
    <div class="tw-topbar-left">
      <!-- LA brand lockup (logo placeholder + authority name) -->
      <div class="tw:flex tw:items-center tw:gap-3">
        <div class="tw-avatar tw-avatar-square tw-avatar-icon" role="img" aria-label="Hackney logo">
          <i class="fa-regular fa-building-columns tw:text-base"></i>
        </div>
        <h2 class="tw-h2 tw:text-neutral-800 tw:mb-0">Hackney</h2>
      </div>
    </div>
    <div class="tw-topbar-right">
      <!-- Action Buttons -->
      <button type="button" class="tw-btn tw-btn-outline-success tw-btn-multiline tw:hidden" data-controller="tooltip" data-tooltip-content-value="Referral Program" data-tooltip-placement-value="bottom">
        <i class="fa-solid fa-gift tw-icon-16"></i>
        Refer<br>
         & Save
      </button>
      <button type="button" class="tw-btn tw-btn-outline-primary tw-btn-multiline tw:hidden" data-controller="tooltip" data-tooltip-content-value="Discuss Ideas & Submit Feature Requests" data-tooltip-placement-value="bottom">
        <i class="fa-solid fa-users tw-icon-16"></i>
        Applicaa<br>
         Community
      </button>
      <button type="button" class="tw-btn tw-btn-outline-primary tw-btn-multiline" data-controller="tooltip" data-tooltip-content-value="Support & Feature Requests" data-tooltip-placement-value="bottom">
        <i class="fa-solid fa-comment-question tw-icon-16"></i>
        Support<br>
         & Requests
      </button>
      <div class="tw-topbar-action-icons">
        <!-- Notification Icon -->
        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-topbar-notification-btn" aria-label="Notifications" data-controller="tooltip" data-tooltip-content-value="Notification" data-tooltip-placement-value="bottom">
          <i class="fa-solid fa-bell tw-icon-16"></i>
        </button>
      </div>
      <div class="tw-topbar-divider"></div>
      <!-- User Avatar Dropdown -->
      <div class="tw-dropdown tw-dropdown-icon tw-dropdown-borderless" data-controller="dropdown">
        <button type="button" class="tw-dropdown-trigger tw-topbar-avatar"
              aria-label="User menu"
              aria-haspopup="true"
              aria-expanded="false"
              data-dropdown-target="trigger"
              data-action="click->dropdown#toggle keydown->dropdown#keydown">
          <div class="tw-avatar tw-avatar-primary" role="img" aria-label="Jane Doe">
            <span>JD</span>
          </div>
        </button>
        <div class="tw-dropdown-menu tw-dropdown-menu-end" role="menu" data-dropdown-target="menu" tabindex="-1">
          <div class="tw-dropdown-header">John Doe</div>
          <div class="tw-dropdown-divider"></div>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-circle-sterling tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Referrals & billing</span>
          </button>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-lock tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Password & security</span>
          </button>
          <div class="tw-dropdown-divider"></div>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-layer-group tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Multiple form</span>
          </button>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-envelope tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Email preferences</span>
          </button>
          <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
            <i class="fa-regular fa-right-from-bracket tw-dropdown-item-icon"></i>
            <span class="tw-dropdown-item-text">Logout</span>
          </button>
        </div>
      </div>
    </div>
  </header>
  <main class="tw-sidebar-topbar-content-offset tw:bg-background tw-min-h-screen-offset">
    <div class="tw-container-fluid tw-page-container" data-controller="send-neet">
      <!-- Page header: breadcrumb + title + subtitle -->
      <div class="tw-page-header tw:mb-4">
        <div class="tw-page-header-breadcrumb">
          <nav aria-label="Breadcrumb">
            <ol class="tw-breadcrumb">
              <li class="tw-breadcrumb-item">
                <a href="/lookbook/preview/projects/la_dashboard/overview" data-turbo="false" aria-label="Home">
                  <i class="fa-solid fa-house tw-breadcrumb-item-icon"></i>
                </a>
              </li>
              <li class="tw-breadcrumb-item tw-active" aria-current="page">SEND & NEET</li>
            </ol>
          </nav>
        </div>
        <div class="tw-page-header-main">
          <div class="tw-page-header-title-group">
            <h1 class="tw-page-header-title">SEND & NEET</h1>
            <span class="tw-page-header-subtitle">RONI scoring and SEND register for the Year 11 cohort</span>
          </div>
        </div>
      </div>
      <!-- Priority alert banner -->
      <div class="tw-inline-notification tw-inline-notification-error tw:mb-4" role="alert">
        <div class="tw-inline-notification-icon"><i class="fa-solid fa-triangle-exclamation"></i></div>
        <div class="tw-inline-notification-content">
          <p class="tw-inline-notification-title">5 pupils scoring High on the RONI index</p>
          <p class="tw-inline-notification-message">A RONI score of 8 or more signals a high risk of becoming NEET. Prioritise these pupils for intervention.</p>
          <div class="tw-inline-notification-actions">
            <button type="button" class="tw-btn tw-btn-sm tw-btn-danger" data-action="click->send-neet#reviewHighRisk">
              Review high-risk pupils
            </button>
          </div>
        </div>
      </div>
      <!-- Prominent search -->
      <div class="tw-input-group tw-has-icon-start tw-has-icon-end tw:mb-4">
        <i class="tw-input-group-icon tw-input-group-icon-start fa-solid fa-magnifying-glass"></i>
        <input type="search" class="tw-form-control tw-form-control-lg"
               placeholder="Search by pupil, school or RONI factor…"
               aria-label="Search pupils"
               data-send-neet-target="input"
               data-action="input->send-neet#search">
        <button type="button"
                class="tw-input-group-icon tw-input-group-icon-end tw-input-group-icon-clickable"
                aria-label="Clear search"
                data-send-neet-target="clear"
                data-action="click->send-neet#clear" hidden>
          <i class="fa-solid fa-xmark"></i>
        </button>
      </div>
      <!-- Summary stats -->
      <div class="tw:grid tw:grid-cols-2 tw:lg:grid-cols-4 tw:gap-3 tw:mb-4">
        <div class="tw-card tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-primary-500">93</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">SEND students</div>
          </div>
        </div>
        <div class="tw-card tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-magenta-600">12</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">With EHCP plan</div>
          </div>
        </div>
        <div class="tw-card tw-card-caution tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-orange-600">37</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">Flagged at risk (RONI)</div>
          </div>
        </div>
        <div class="tw-card tw-card-negative tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-red-600">5</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">High RONI score (8+)</div>
          </div>
        </div>
      </div>
      <!-- RONI scoring factors key -->
      <div class="tw-card tw:mb-4">
        <div class="tw-card-body">
          <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2.5">RONI scoring factors</div>
          <div class="tw:flex tw:flex-wrap tw:gap-2">
            <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-neutral-100 tw:pl-1.5 tw:pr-3 tw:py-1">
              <span class="tw-badge tw-badge-primary">F01</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">Attendance</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:tabular-nums">0 / 1 / 3 / 5 / 7 pts</span>
            </span>
            <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-neutral-100 tw:pl-1.5 tw:pr-3 tw:py-1">
              <span class="tw-badge tw-badge-primary">F02</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">SEN status</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:tabular-nums">0 / 2 / 3 pts</span>
            </span>
            <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-neutral-100 tw:pl-1.5 tw:pr-3 tw:py-1">
              <span class="tw-badge tw-badge-primary">F03</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">FSM · Pupil Premium</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:tabular-nums">0 / 2 pts</span>
            </span>
            <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-neutral-100 tw:pl-1.5 tw:pr-3 tw:py-1">
              <span class="tw-badge tw-badge-primary">F04</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">LAC · CiN status</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:tabular-nums">0 / 2 / 3 / 4 pts</span>
            </span>
            <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-neutral-100 tw:pl-1.5 tw:pr-3 tw:py-1">
              <span class="tw-badge tw-badge-primary">F05</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">Prior attainment</span>
              <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:tabular-nums">0 / 1 / 3 / 4 pts</span>
            </span>
          </div>
        </div>
      </div>
      <!-- RONI register -->
      <div class="tw-data-table tw-card tw:overflow-hidden">
        <div class="tw-data-table-toolbar">
          <div class="tw-data-table-toolbar-start">
            <i class="fa-solid fa-triangle-exclamation tw:text-primary-500"></i>
            <span class="tw:font-semibold tw:text-body-s">RONI register</span>
            <span class="tw-small tw:text-neutral-500" data-send-neet-target="count">12 of 12</span>
            <span class="tw:inline-flex tw:flex-wrap tw:items-center tw:gap-3 tw:ml-1">
              <span class="tw:inline-flex tw:items-center tw:gap-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500"><span class="tw:inline-block tw:w-2 tw:h-2 tw:rounded-full tw:bg-green-600"></span>Low 0–3</span>
              <span class="tw:inline-flex tw:items-center tw:gap-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500"><span class="tw:inline-block tw:w-2 tw:h-2 tw:rounded-full tw:bg-orange-500"></span>Medium 4–7</span>
              <span class="tw:inline-flex tw:items-center tw:gap-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500"><span class="tw:inline-block tw:w-2 tw:h-2 tw:rounded-full tw:bg-red-500"></span>High 8+</span>
            </span>
          </div>
          <div class="tw-data-table-toolbar-end">
            <div class="tw:flex tw:flex-wrap tw:gap-1" role="group" aria-label="Filter by flag">
              <button type="button" class="tw-tag tw-tag-pill tw-tag-primary tw-tag-interactive"
                      data-flag="all" data-send-neet-target="pill"
                      data-action="click->send-neet#selectFlag" aria-pressed="true">All</button>
              <button type="button" class="tw-tag tw-tag-pill tw-tag-secondary-subtle tw-tag-interactive"
                      data-flag="send" data-send-neet-target="pill"
                      data-action="click->send-neet#selectFlag" aria-pressed="false">SEND</button>
              <button type="button" class="tw-tag tw-tag-pill tw-tag-secondary-subtle tw-tag-interactive"
                      data-flag="ehcp" data-send-neet-target="pill"
                      data-action="click->send-neet#selectFlag" aria-pressed="false">EHCP</button>
              <button type="button" class="tw-tag tw-tag-pill tw-tag-secondary-subtle tw-tag-interactive"
                      data-flag="neet" data-send-neet-target="pill"
                      data-action="click->send-neet#selectFlag" aria-pressed="false">NEET</button>
              <button type="button" class="tw-tag tw-tag-pill tw-tag-secondary-subtle tw-tag-interactive"
                      data-flag="roni" data-send-neet-target="pill"
                      data-action="click->send-neet#selectFlag" aria-pressed="false">RONI</button>
            </div>
            <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-secondary" data-action="click->send-neet#exportRegister">
              <i class="fa-regular fa-file-export tw:mr-1"></i>Export
            </button>
          </div>
        </div>
        <div class="tw-data-table-body">
          <table class="tw-table">
            <thead>
              <tr>
                <th class="tw:w-12"></th>
                <th>Pupil</th>
                <th>Flags</th>
                <th>RONI score</th>
                <th class="tw:text-center">Year flagged</th>
                <th>Status</th>
                <th>Destination</th>
                <th class="tw:text-right">Action</th>
              </tr>
            </thead>
            <tbody>
              <!-- 1 — Kofi Mensah (High, expanded) -->
              <tr data-send-neet-target="row" data-id="1" data-band="high"
                  data-flags="send roni"
                  data-search="kofi mensah haggerston school attendance 82% poor sen sen support fsm pupil premium child in need cin prior attainment at expected fixed-term exclusion no post-16 plan"
                  class="tw:bg-red-500/5" data-action="click->send-neet#rowClick">
                <td class="tw:border-l-4 tw:border-red-500 tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="true" aria-controls="snd-detail-1"
                          aria-label="Toggle RONI breakdown for Kofi Mensah"
                          data-id="1" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:rotate-180 tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Kofi Mensah
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">Haggerston School</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-primary-subtle tw-badge-sm">SEND</span>
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">RONI</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-lg tw:tabular-nums">17</span>
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2025</td>
                <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">At risk</span></td>
                <td class="tw:text-danger tw:font-semibold">Dropped out</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Kofi Mensah" data-score="17" data-band-label="High">View</button>
                </td>
              </tr>
              <tr id="snd-detail-1" data-send-neet-target="detail" data-id="1">
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 82% · Poor<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+5</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F02</span>SEN: SEN Support<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F03</span>FSM / Pupil Premium<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F04</span>Child in Need (CiN)<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: At expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-3 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">Fixed-term exclusion<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-3 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">No post-16 plan<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-red-600 tw:leading-none tw:tabular-nums">17</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 17 of 18 — High risk">
                        <div class="tw-progress-bar tw-progress-bar-danger tw:[--progress-value:94.4%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Kofi Mensah" data-score="17">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 2 — Daniel Whyte (High) -->
              <tr data-send-neet-target="row" data-id="2" data-band="high"
                  data-flags="neet roni"
                  data-search="daniel whyte the excelsior academy attendance 47% persistent absence fsm pupil premium prior attainment at expected fixed-term exclusion no post-16 plan"
                  class="tw:bg-red-500/5" data-action="click->send-neet#rowClick">
                <td class="tw:border-l-4 tw:border-red-500 tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-2"
                          aria-label="Toggle RONI breakdown for Daniel Whyte"
                          data-id="2" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Daniel Whyte
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">The Excelsior Academy</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">NEET</span>
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">RONI</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-lg tw:tabular-nums">15</span>
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2024</td>
                <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">At risk</span></td>
                <td class="tw:text-danger tw:font-semibold">No destination</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Daniel Whyte" data-score="15" data-band-label="High">View</button>
                </td>
              </tr>
              <tr id="snd-detail-2" data-send-neet-target="detail" data-id="2" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 47% · Persistent absence<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+7</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F03</span>FSM / Pupil Premium<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: At expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-3 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">Fixed-term exclusion<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-3 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">No post-16 plan<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-red-600 tw:leading-none tw:tabular-nums">15</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 15 of 18 — High risk">
                        <div class="tw-progress-bar tw-progress-bar-danger tw:[--progress-value:83.3%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Daniel Whyte" data-score="15">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 3 — Maya Lewis (High) -->
              <tr data-send-neet-target="row" data-id="3" data-band="high"
                  data-flags="roni neet"
                  data-search="maya lewis mossbourne community academy attendance 64% persistent absence prior attainment below expected young carer no post-16 plan"
                  class="tw:bg-red-500/5" data-action="click->send-neet#rowClick">
                <td class="tw:border-l-4 tw:border-red-500 tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-3"
                          aria-label="Toggle RONI breakdown for Maya Lewis"
                          data-id="3" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Maya Lewis
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">Mossbourne Community Academy</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">RONI</span>
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">NEET</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-lg tw:tabular-nums">15</span>
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2025</td>
                <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">At risk</span></td>
                <td class="tw:text-danger tw:font-semibold">No destination</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Maya Lewis" data-score="15" data-band-label="High">View</button>
                </td>
              </tr>
              <tr id="snd-detail-3" data-send-neet-target="detail" data-id="3" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 64% · Persistent absence<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+7</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: Below expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-3 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">Young carer<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-3 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">No post-16 plan<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-red-600 tw:leading-none tw:tabular-nums">15</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 15 of 18 — High risk">
                        <div class="tw-progress-bar tw-progress-bar-danger tw:[--progress-value:83.3%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Maya Lewis" data-score="15">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 4 — Tariq Hassan (High) -->
              <tr data-send-neet-target="row" data-id="4" data-band="high"
                  data-flags="send roni"
                  data-search="tariq hassan cardinal pole catholic school attendance 86% concerning sen sen support prior attainment below expected no post-16 plan"
                  class="tw:bg-red-500/5" data-action="click->send-neet#rowClick">
                <td class="tw:border-l-4 tw:border-red-500 tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-4"
                          aria-label="Toggle RONI breakdown for Tariq Hassan"
                          data-id="4" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Tariq Hassan
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">Cardinal Pole Catholic School</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-primary-subtle tw-badge-sm">SEND</span>
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">RONI</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-lg tw:tabular-nums">11</span>
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2025</td>
                <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">At risk</span></td>
                <td class="tw:text-danger tw:font-semibold">No destination</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Tariq Hassan" data-score="11" data-band-label="High">View</button>
                </td>
              </tr>
              <tr id="snd-detail-4" data-send-neet-target="detail" data-id="4" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 86% · Concerning<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F02</span>SEN: SEN Support<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: Below expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-3 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">No post-16 plan<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-red-600 tw:leading-none tw:tabular-nums">11</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 11 of 18 — High risk">
                        <div class="tw-progress-bar tw-progress-bar-danger tw:[--progress-value:61.1%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Tariq Hassan" data-score="11">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 5 — Hana Yusuf (High band, but status In progress — faithful to Alloy) -->
              <tr data-send-neet-target="row" data-id="5" data-band="high"
                  data-flags="ehcp send roni"
                  data-search="hana yusuf clapton girls academy attendance 88% concerning sen ehc plan fsm pupil premium prior attainment at expected"
                  class="tw:bg-red-500/5" data-action="click->send-neet#rowClick">
                <td class="tw:border-l-4 tw:border-red-500 tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-5"
                          aria-label="Toggle RONI breakdown for Hana Yusuf"
                          data-id="5" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Hana Yusuf
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">Clapton Girls' Academy</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">EHCP</span>
                    <span class="tw-badge tw-badge-primary-subtle tw-badge-sm">SEND</span>
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">RONI</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-lg tw:tabular-nums">9</span>
                    <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2024</td>
                <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">In progress</span></td>
                <td>Awaiting placement</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Hana Yusuf" data-score="9" data-band-label="High">View</button>
                </td>
              </tr>
              <tr id="snd-detail-5" data-send-neet-target="detail" data-id="5" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 88% · Concerning<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F02</span>SEN: EHC Plan<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F03</span>FSM / Pupil Premium<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: At expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-red-600 tw:leading-none tw:tabular-nums">9</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 9 of 18 — High risk">
                        <div class="tw-progress-bar tw-progress-bar-danger tw:[--progress-value:50.0%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Hana Yusuf" data-score="9">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 6 — Oscar Reid (Medium) -->
              <tr data-send-neet-target="row" data-id="6" data-band="medium"
                  data-flags="roni"
                  data-search="oscar reid stoke newington school attendance 87% concerning fsm pupil premium prior attainment at expected behaviour concerns"
                  data-action="click->send-neet#rowClick">
                <td class="tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-6"
                          aria-label="Toggle RONI breakdown for Oscar Reid"
                          data-id="6" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Oscar Reid
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">Stoke Newington School</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">RONI</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-lg tw:tabular-nums">7</span>
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2025</td>
                <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">In progress</span></td>
                <td>Applied to BSix College</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Oscar Reid" data-score="7" data-band-label="Medium">View</button>
                </td>
              </tr>
              <tr id="snd-detail-6" data-send-neet-target="detail" data-id="6" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 87% · Concerning<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F03</span>FSM / Pupil Premium<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: At expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-3 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">Behaviour concerns<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-orange-600 tw:leading-none tw:tabular-nums">7</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 7 of 18 — Medium risk">
                        <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:38.9%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Oscar Reid" data-score="7">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 7 — Amelia Stone (Medium) -->
              <tr data-send-neet-target="row" data-id="7" data-band="medium"
                  data-flags="ehcp send"
                  data-search="amelia stone mossbourne community academy attendance 96% excellent sen ehc plan prior attainment below expected"
                  data-action="click->send-neet#rowClick">
                <td class="tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-7"
                          aria-label="Toggle RONI breakdown for Amelia Stone"
                          data-id="7" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Amelia Stone
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">Mossbourne Community Academy</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">EHCP</span>
                    <span class="tw-badge tw-badge-primary-subtle tw-badge-sm">SEND</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-lg tw:tabular-nums">6</span>
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2023</td>
                <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">In progress</span></td>
                <td>Applied to NCC Hackney Sixth Form</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Amelia Stone" data-score="6" data-band-label="Medium">View</button>
                </td>
              </tr>
              <tr id="snd-detail-7" data-send-neet-target="detail" data-id="7" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 96% · Excellent<span class="tw-badge tw-badge-secondary-subtle tw-badge-sm tw:tabular-nums">+0</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F02</span>SEN: EHC Plan<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: Below expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-orange-600 tw:leading-none tw:tabular-nums">6</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 6 of 18 — Medium risk">
                        <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:33.3%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Amelia Stone" data-score="6">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 8 — Jude Patel (Medium) -->
              <tr data-send-neet-target="row" data-id="8" data-band="medium"
                  data-flags="send ehcp"
                  data-search="jude patel skinners academy attendance 95% excellent sen ehc plan fsm pupil premium prior attainment at expected"
                  data-action="click->send-neet#rowClick">
                <td class="tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-8"
                          aria-label="Toggle RONI breakdown for Jude Patel"
                          data-id="8" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Jude Patel
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">Skinners' Academy</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-primary-subtle tw-badge-sm">SEND</span>
                    <span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">EHCP</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-lg tw:tabular-nums">6</span>
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2023</td>
                <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">In progress</span></td>
                <td>EHCP placement review</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Jude Patel" data-score="6" data-band-label="Medium">View</button>
                </td>
              </tr>
              <tr id="snd-detail-8" data-send-neet-target="detail" data-id="8" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 95% · Excellent<span class="tw-badge tw-badge-secondary-subtle tw-badge-sm tw:tabular-nums">+0</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F02</span>SEN: EHC Plan<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F03</span>FSM / Pupil Premium<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: At expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-orange-600 tw:leading-none tw:tabular-nums">6</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 6 of 18 — Medium risk">
                        <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:33.3%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Jude Patel" data-score="6">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 9 — Layla Ahmed (Medium) -->
              <tr data-send-neet-target="row" data-id="9" data-band="medium"
                  data-flags="ehcp send"
                  data-search="layla ahmed clapton girls academy attendance 91% good sen ehc plan prior attainment at expected"
                  data-action="click->send-neet#rowClick">
                <td class="tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-9"
                          aria-label="Toggle RONI breakdown for Layla Ahmed"
                          data-id="9" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Layla Ahmed
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">Clapton Girls' Academy</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">EHCP</span>
                    <span class="tw-badge tw-badge-primary-subtle tw-badge-sm">SEND</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-lg tw:tabular-nums">5</span>
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2024</td>
                <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">In progress</span></td>
                <td>Pending confirmation</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Layla Ahmed" data-score="5" data-band-label="Medium">View</button>
                </td>
              </tr>
              <tr id="snd-detail-9" data-send-neet-target="detail" data-id="9" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 91% · Good<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F02</span>SEN: EHC Plan<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+3</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: At expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-orange-600 tw:leading-none tw:tabular-nums">5</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 5 of 18 — Medium risk">
                        <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:27.8%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Layla Ahmed" data-score="5">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 10 — Theo Walsh (Low band; status In progress — faithful) -->
              <tr data-send-neet-target="row" data-id="10" data-band="low"
                  data-flags="roni"
                  data-search="theo walsh the excelsior academy attendance 90% good prior attainment at expected behaviour concerns"
                  data-action="click->send-neet#rowClick">
                <td class="tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-10"
                          aria-label="Toggle RONI breakdown for Theo Walsh"
                          data-id="10" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Theo Walsh
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">The Excelsior Academy</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-warning-subtle tw-badge-sm">RONI</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-success-subtle tw-badge-lg tw:tabular-nums">3</span>
                    <span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2025</td>
                <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">In progress</span></td>
                <td>Applied to LAE Tottenham</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Theo Walsh" data-score="3" data-band-label="Low">View</button>
                </td>
              </tr>
              <tr id="snd-detail-10" data-send-neet-target="detail" data-id="10" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 90% · Good<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F05</span>Prior attainment: At expected<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-3 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900">Behaviour concerns<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+1</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-green-600 tw:leading-none tw:tabular-nums">3</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 3 of 18 — Low risk">
                        <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:16.7%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Theo Walsh" data-score="3">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 11 — Nadia Farah (Low) -->
              <tr data-send-neet-target="row" data-id="11" data-band="low"
                  data-flags="send"
                  data-search="nadia farah the city academy hackney attendance 97% excellent sen sen support"
                  data-action="click->send-neet#rowClick">
                <td class="tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-11"
                          aria-label="Toggle RONI breakdown for Nadia Farah"
                          data-id="11" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Nadia Farah
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">The City Academy, Hackney</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-primary-subtle tw-badge-sm">SEND</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-success-subtle tw-badge-lg tw:tabular-nums">2</span>
                    <span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2024</td>
                <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Secured</span></td>
                <td>Enrolled at New City College</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Nadia Farah" data-score="2" data-band-label="Low">View</button>
                </td>
              </tr>
              <tr id="snd-detail-11" data-send-neet-target="detail" data-id="11" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 97% · Excellent<span class="tw-badge tw-badge-secondary-subtle tw-badge-sm tw:tabular-nums">+0</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F02</span>SEN: SEN Support<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-green-600 tw:leading-none tw:tabular-nums">2</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 2 of 18 — Low risk">
                        <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:11.1%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Nadia Farah" data-score="2">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- 12 — Ben Carter (Low) -->
              <tr data-send-neet-target="row" data-id="12" data-band="low"
                  data-flags="send"
                  data-search="ben carter haggerston school attendance 98% excellent sen sen support"
                  data-action="click->send-neet#rowClick">
                <td class="tw:text-center tw:align-middle">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon"
                          aria-expanded="false" aria-controls="snd-detail-12"
                          aria-label="Toggle RONI breakdown for Ben Carter"
                          data-id="12" data-action="click->send-neet#toggle">
                    <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                  </button>
                </td>
                <td class="tw:font-semibold">Ben Carter
                  <div class="tw:text-neutral-500 tw:text-body-xs tw:font-normal">Haggerston School</div>
                </td>
                <td><span class="tw:inline-flex tw:flex-wrap tw:gap-1">
                    <span class="tw-badge tw-badge-primary-subtle tw-badge-sm">SEND</span></span></td>
                <td><span class="tw:inline-flex tw:items-center tw:gap-2">
                    <span class="tw-badge tw-badge-success-subtle tw-badge-lg tw:tabular-nums">2</span>
                    <span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low</span></span></td>
                <td class="tw:text-center tw:text-neutral-500 tw:tabular-nums">2024</td>
                <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Secured</span></td>
                <td>Confirmed sixth form place</td>
                <td class="tw:text-right">
                  <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-primary"
                          data-action="click->send-neet#view"
                    data-pupil-name="Ben Carter" data-score="2" data-band-label="Low">View</button>
                </td>
              </tr>
              <tr id="snd-detail-12" data-send-neet-target="detail" data-id="12" hidden>
                <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                  <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:px-4 tw:py-4 tw:pl-12">
                    <div class="tw:lg:col-span-2 tw:min-w-0">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">RONI score breakdown</div>
                      <div class="tw:flex tw:flex-wrap tw:gap-2">
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F01</span>Attendance 98% · Excellent<span class="tw-badge tw-badge-secondary-subtle tw-badge-sm tw:tabular-nums">+0</span></span>
                        <span class="tw:inline-flex tw:items-center tw:gap-2 tw:border tw:border-neutral-200 tw:rounded-full tw:bg-white tw:pl-2 tw:pr-1.5 tw:py-1 tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:text-neutral-900"><span class="tw-badge tw-badge-primary tw-badge-xs">F02</span>SEN: SEN Support<span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:tabular-nums">+2</span></span>
                      </div>
                    </div>
                    <div class="tw:lg:col-span-1">
                      <div class="tw:text-body-xs tw:leading-body-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-neutral-500 tw:mb-2">Total RONI score</div>
                      <div class="tw:flex tw:items-baseline tw:gap-2 tw:mb-2">
                        <span class="tw:text-3xl tw:font-bold tw:text-green-600 tw:leading-none tw:tabular-nums">2</span>
                        <span class="tw:text-body-s tw:text-neutral-500">/ 18</span>
                        <span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low risk</span>
                      </div>
                      <div class="tw-progress" role="img" aria-label="RONI score 2 of 18 — Low risk">
                        <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:11.1%]"></div>
                      </div>
                      <div class="tw:flex tw:justify-between tw:mt-1.5 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500 tw:font-medium">
                        <span>Low 0–3</span><span>Medium 4–7</span><span>High 8+</span>
                      </div>
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-primary tw:mt-3"
                              data-action="click->send-neet#startIntervention"
                        data-pupil-name="Ben Carter" data-score="2">Start intervention plan</button>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- Empty state -->
              <tr data-send-neet-target="empty" hidden>
                <td colspan="8" class="tw-table-empty">No pupils match your search.</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <!-- Toast container -->
      <div class="tw-toast-container" data-controller="toast" data-send-neet-target="toastContainer"></div>
    </div>
  </main>
</div>