<!-- ===== MOBILE TOP BAR (visible below 900px) ===== -->
  <header class="mobile-bar">
    <button class="hamburger" id="hamburger" aria-label="Open menu" aria-controls="sidebar">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
    </button>
    <span class="m-title">Dashboard</span>
  </header>

  <!-- ===== SIDEBAR (PHP: include 'partials/sidebar.php') ===== -->
  <aside class="sidebar" id="sidebar" aria-label="Main navigation">
    <button class="sidebar-close" id="sidebarClose" aria-label="Close menu">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg>
    </button>

    <div class="brand">
      <svg class="lk-logo" width="160" viewBox="0 0 300 112" role="img" aria-label="Lauritz Knudsen AID Partner Portal">
        <rect x="3" y="3" width="294" height="76" rx="38" fill="none" stroke="#fff" stroke-width="3"/>
        <rect x="10" y="10" width="280" height="62" rx="31" fill="#fff"/>
        <text x="46" y="42" font-family="Archivo,Arial,sans-serif" fill="#175D8D" font-weight="800"><tspan font-size="34">L</tspan><tspan font-size="24">auritz</tspan></text>
        <text x="86" y="66" font-family="Archivo,Arial,sans-serif" fill="#175D8D" font-weight="800"><tspan font-size="34">K</tspan><tspan font-size="24">nudsen</tspan></text>
        <text x="150" y="103" text-anchor="middle" font-family="Inter,Arial,sans-serif" fill="#DCE8F2" font-size="17" font-weight="500">AID Partner Portal</text>
      </svg>
    </div>

    <a class="nav-item active" href="<?= base_url('dashboard'); ?>">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="9" rx="1"/><rect x="14" y="3" width="7" height="5" rx="1"/><rect x="14" y="12" width="7" height="9" rx="1"/><rect x="3" y="16" width="7" height="5" rx="1"/></svg>
      Dashboard
    </a>
    <a class="nav-item" href="<?= base_url('registerart'); ?>">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="8" r="4"/><path d="M2 21c0-4 3-6 7-6s7 2 7 6"/><path d="M19 8v6M16 11h6"/></svg>
      Register Architect
    </a>
    <a class="nav-item" href="<?= base_url('myarchitect'); ?>">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 6h13M8 12h13M8 18h13"/><circle cx="3.5" cy="6" r="1.5" fill="currentColor"/><circle cx="3.5" cy="12" r="1.5" fill="currentColor"/><circle cx="3.5" cy="18" r="1.5" fill="currentColor"/></svg>
      My Architects
    </a>

    <div class="spacer"></div>

    <div class="user-chip">
      <div class="avatar" id="uAvatar">A</div>
      <div class="who"><strong id="uName">AID Partner</strong><small id="uId">—</small></div>
    </div>
    <button class="nav-item" id="logoutBtn">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="M16 17l5-5-5-5M21 12H9"/></svg>
      Logout
    </button>
  </aside>
  <div class="sidebar-backdrop" id="sidebarBackdrop"></div>