Merge visual review into full shell and preserve bilingual layout

frontend/src/shell/AppShell.tsx

@@ -884,7 +884,7 @@ export function AppShell({ canLogout }: AppShellProps) {
                 {activeSession?.question && (
                   <header className="sticky top-0 z-10 -mx-6 -mt-8 border-b border-border/60 bg-background/95 px-6 pb-3 pt-8 backdrop-blur supports-[backdrop-filter]:bg-background/80">
                     <p className="thot-label mb-0.5 text-muted-foreground">{t("Question")}</p>
-                    <h2 className="font-heading text-[0.95rem] font-semibold leading-snug text-foreground break-words">
+                    <h2 className="font-heading text-base font-semibold leading-snug text-foreground break-words">
                       {activeSession.question}
                     </h2>
                   </header>
@@ -951,7 +951,7 @@ export function AppShell({ canLogout }: AppShellProps) {
         <ArchiveNavigation surface={activeSurface} forceDrawer={activeSurface === "core" && showActivity}>
         <aside aria-label={t("Session navigation")} className="flex w-64 shrink-0 flex-col bg-sidebar">
         <div className="thot-session-navigation__header relative text-center">
-          <h1 className="font-heading text-xl font-semibold leading-none tracking-tight text-foreground">
+          <h1 className="thot-wordmark--sidebar font-heading text-[2rem] font-semibold leading-none tracking-tight text-foreground">
             Thoth<span className="text-primary">II</span>
           </h1>
           <p className="thot-label mt-1.5">{t("Datamart Builder with")}<br />{t("Human-in-the-loop review")}</p>
@@ -1114,12 +1114,16 @@ export function AppShell({ canLogout }: AppShellProps) {
           className="flex min-h-0 flex-1 flex-col"
         >
           {canReadAllSessions && showingAllSessions && (
-            <p className="mx-4 mb-2 mt-2 text-xs font-medium text-amber-700 dark:text-amber-400">{t("Administrator view: all sessions")}</p>
+            <p className="mx-4 mb-2 mt-2 text-xs font-medium text-muted-foreground">
+              {t("Administrator view: all sessions")}
+            </p>
           )}
 
           {/* L1 — rail title */}
           <div className="px-4 pb-1.5 pt-1">
-            <span className="thot-label text-[0.8rem] font-bold tracking-[0.18em] text-primary">{t("Sessions")}</span>
+            <span className="text-sm font-semibold text-foreground">
+              {t("Sessions")}
+            </span>
           </div>
 
           <div className="flex items-center justify-between px-4 pb-2">
@@ -1291,10 +1295,12 @@ function EmptyState() {
   const { t } = useI18n();
   return (
     <div className="flex min-h-[72vh] flex-col items-center justify-center text-center">
-      <span className="font-heading text-5xl font-semibold tracking-tight text-foreground">
+      <span className="thot-wordmark--core font-heading text-5xl font-semibold tracking-tight text-foreground">
         Thoth<span className="text-primary">II</span>
       </span>
-      <p className="mt-4 max-w-md text-balance text-[0.95rem] leading-relaxed text-muted-foreground">{t("Build datamarts from your database through a guided, human-in-the-loop workflow. Type your question in the box below to begin a session.")}</p>
+      <p className="mt-4 max-w-md text-balance text-base leading-relaxed text-muted-foreground">
+        {t("Type your question below. Review each step before creating your datamart.")}
+      </p>
     </div>
   );
 }