Header status names its cause; KPI cards wash on hover instead of an outline

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/app/Shell.tsx

@@ -576,7 +576,7 @@ export function Shell({
           <Popover>
             <PopoverTrigger className={styles.status} data-attention={blockingNow != null} aria-label="Server status">
               <i className={styles.pdot} data-tone={blockingNow?.tone ?? 'ok'} />
-              <span className={styles.lbl}>{blockingNow != null ? 'Attention' : (info?.dnsServerDomain ?? 'Server')}</span>
+              <span className={styles.lbl}>{blockingNow != null ? `Blocking ${blockingNow.text.toLowerCase()}` : (info?.dnsServerDomain ?? 'Server')}</span>
             </PopoverTrigger>
             <PopoverContent align="end" className={styles.pop}>
               <dl>

src/screens/dashboard/Dashboard.module.css

@@ -64,7 +64,8 @@ the whole card. Hover lifts the edge to the series' colour; focus draws the halo
   border-radius: inherit;
   cursor: pointer;
 }
-.open:hover { border-color: var(--tc, var(--acc)); }
+/* A card that opens Query Logs shows it with a light wash, not an outline. */
+.open:hover { background: color-mix(in oklch, var(--pan2) 40%, transparent); }
 .open:focus-visible { outline: none; box-shadow: var(--halo-focus); }
 
 .tile .k { font-size: 13px; font-weight: 500; color:var(--mute); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }