/* ══════════════════════════════════════════════════════════════════
   nav.css — home button and app-switcher menu (see nav.js).
   Colour tokens only, so it follows the theme.
   ══════════════════════════════════════════════════════════════════ */
.sd-home{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:32px;height:32px;font-size:16px;line-height:1;text-decoration:none;
  background:var(--card);border:1px solid var(--border);border-radius:8px;
}
.sd-home:hover{border-color:var(--accent);background:var(--card2);}
.sd-home:focus-visible,.sd-brand-btn:focus-visible,.sd-menu a:focus-visible{
  outline:2px solid var(--accent-l);outline-offset:2px;
}

.sd-brand{position:relative;}
.sd-brand-btn{
  font:inherit;color:inherit;letter-spacing:inherit;white-space:nowrap;
  background:none;border:1px solid transparent;border-radius:8px;
  padding:3px 8px;margin:-4px -8px;cursor:pointer;
}
.sd-brand-btn:hover,.sd-brand-btn[aria-expanded="true"]{background:var(--card);border-color:var(--border);}
.sd-caret{font-size:.7em;opacity:.7;margin-left:2px;}

.sd-menu{
  position:absolute;left:-8px;top:calc(100% + 10px);z-index:200;
  min-width:230px;max-width:calc(100vw - 32px);list-style:none;
  background:var(--card);border:1px solid var(--border);border-radius:10px;
  padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.sd-menu[hidden]{display:none;}
.sd-menu a{
  display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;
  font-family:'Inter',sans-serif;font-size:14px;font-weight:500;letter-spacing:0;
  color:var(--text);text-decoration:none;white-space:normal;
}
.sd-menu a:hover{background:var(--card2);color:var(--accent-l);}
.sd-mi-e{font-size:18px;line-height:1;width:24px;text-align:center;flex-shrink:0;}