/* dataico.css — agent-boxes component layer. Loaded AFTER tokens.css. Maps the app's existing class hooks (defined in views/layout.tsx) onto brand tokens. Light/Mist theme. Only restyles existing hooks — never deletes or renames a class. */ /* Reset the default UA body margin so the header bleeds edge-to-edge (tokens.css styles but does not zero its margin). */ body { margin: 0; } /* ---------- Header / top nav ---------- */ header { background: var(--bg-strong); color: var(--text-inverse); /* Align the header's inner content gutter with

: full-bleed background, but content edges track the centered grid-max column. */ padding-block: var(--space-3); padding-inline: calc(max(0px, (100% - var(--grid-max)) / 2) + var(--grid-gutter-d)); display: flex; justify-content: space-between; align-items: center; gap: var(--space-3) var(--space-5); flex-wrap: wrap; border-bottom: var(--stroke-thin) solid var(--dark--10); } /* The two header clusters (brand+nav, user+signout). Defined here rather than in layout.tsx's inline