Update login text, add logout button to nav menu

- Login: "Open Dashboard" button, updated description text
- Add "Uitloggen" button in top nav with NoBoxDev purple styling
- Remove floating logout button, handle logout directly in nav

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: MemeVeels

app/112SchadeProposalMarch2026/components/PasswordGate.tsx

@@ -46,7 +46,7 @@ export default function PasswordGate({ children }: { children: React.ReactNode }
           height={80}
           className={styles.logoMark}
         />
-        <p className={styles.sub}>Voer het wachtwoord in om dit voorstel te bekijken</p>
+        <p className={styles.sub}>Voer het wachtwoord in om toegang te krijgen tot het dashboard.</p>
         <form className={styles.form} onSubmit={handleSubmit}>
           <div className={styles.inputWrap}>
             <input
@@ -78,7 +78,7 @@ export default function PasswordGate({ children }: { children: React.ReactNode }
             </button>
           </div>
           <button className={styles.btn} type="submit">
-            Bekijk Voorstel
+            Open Dashboard
           </button>
         </form>
         {error && <p className={styles.error}>Onjuist wachtwoord</p>}

app/112SchadeProposalMarch2026/components/ProposalNav.module.css

@@ -100,6 +100,32 @@
   color: white;
 }
 
+.logoutLink {
+  font-family: 'Titillium Web', var(--font-body);
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: white;
+  background: #9B78F4;
+  border: none;
+  border-radius: 6px;
+  padding: 8px 16px;
+  cursor: pointer;
+  transition: background 0.2s ease;
+}
+
+.logoutLink:hover {
+  background: #7B5CD4;
+}
+
+.atTop .logoutLink {
+  background: #9B78F4;
+  color: white;
+}
+
+.atTop .logoutLink:hover {
+  background: #7B5CD4;
+}
+
 @media (max-width: 768px) {
   .links {
     display: none;

app/112SchadeProposalMarch2026/components/ProposalNav.tsx

@@ -41,6 +41,11 @@ export default function ProposalNav() {
     return () => window.removeEventListener("scroll", onScroll);
   }, []);
 
+  const handleLogout = () => {
+    sessionStorage.removeItem("proposal_112schade_authed");
+    window.location.href = "/";
+  };
+
   const scrollTo = (id: string) => {
     const el = document.getElementById(id);
     if (el) el.scrollIntoView({ behavior: "smooth" });
@@ -70,6 +75,12 @@ export default function ProposalNav() {
               </button>
             </span>
           ))}
+          <span className={styles.linkWrap}>
+            <span className={styles.separator}>|</span>
+            <button className={styles.logoutLink} onClick={handleLogout}>
+              Uitloggen
+            </button>
+          </span>
         </div>
       </div>
     </nav>