/* wire3-shared — dashboard/css/dashboard.css
   The INTERNAL dashboard design-system manifest. Link ONE stylesheet per page:

     <link rel="stylesheet" href="/shared/dashboard/css/dashboard.css">
     <link rel="stylesheet" href="/css/app.css">   <!-- app overrides, loaded last -->

   …and include the fonts the system expects (DM Sans + bootstrap-icons) in <head>.
   Fully independent of the outward system — never link both manifests on one page. */
@import url("./reset.css");
@import url("./tokens.css");
@import url("./base.css");
@import url("./components/app-shell.css");
@import url("./components/button.css");
@import url("./components/card.css");
@import url("./components/form.css");
@import url("./components/note.css");
@import url("./components/table.css");
@import url("./components/pill.css");
@import url("./components/loaders.css");
@import url("./components/toast.css");

/* ── page-level section name (Bar v6, 2026-07-04) — the workspace bar carries
   only global chrome; every surface names ITSELF: first slot of its toolbar,
   or a slim .app-bar row of its own. Additive; adopt per page. ── */
.appname { font-weight: 800; display: inline-flex; align-items: center; gap: 8px; }
.appname .bi { color: var(--accent, #0072bc); }
