/* v119-identity.css — the Dottpace identity v1.0 (approved 2026-10-14 · ~/Downloads/Dottpace-Identity · ui/brand.js). Cube D is retired.
   Only the brand changes here — the mark, the lockup, Dottpace's tile and the brand moments. The UI keeps its own colour system (Apple tokens,
   the blue accent, Geist, the dark and light canvases).
   Sizes from 08-Applications/Product: the sidebar mark 20 px + live name 18 px (gap 9 — the founder's Oct 15 order; Product draws a 24 px lockup) · the collapsed rail's mark 20 px · Dottpace's avatar a
   Matte Black tile of 28 px, radius 8, the white mark 21 px · sign-in's mark 48 px. The mark is always one flat colour. */

/* the tokens live with the others (styles/v103-tokens.css): --dp-ink (black on light, white on dark, black in print), --dp-matte, --dp-matte-edge,
   --dp-on-matte. Rules on selectors that already exist are folded into their first file (the lint's one-declaration rule):
   the sidebar's ink → v89-shell.css · the account screens' top → v112-auth.css · the print line's mark → v112-print.css */

/* ---------- Dottpace's tile — Matte Black (Product .av): the gradient and the hairline lift belong to the tile; the mark on it is flat white ---------- */
.dp-tile{display:inline-flex;align-items:center;justify-content:center;flex:none;position:relative;vertical-align:middle;line-height:0;color:var(--dp-on-matte);
  background:var(--dp-matte);box-shadow:var(--dp-matte-edge);
  user-select:none;-webkit-user-select:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.dp-tile > svg{display:block;flex:none}

/* ---------- the sidebar: the mark 20 px + the live name 18 px (below, Oct 15); the rail: the mark alone, 20 px, centred in the column ---------- */
.app.v89 .sb-brand .sb-glyph{display:block;flex:none}
.app.v89 .sb.is-rail .sb-brand .sb-glyph{margin-left:1px}   /* the rail's inner width is odd: 1px moves the mark's centre onto the icons' column (x 38) */

/* ---------- the boot frame (index.html): the sidebar's own brand in its slot while the code loads — the mark 20 px at x 20, y 18 and the live name
   18 px, 9 px after it, exactly as the app draws it (no jump when the app takes over) — no shimmer on the logo; the rail keeps the mark alone ---------- */
.sys-boot .sys-bk-top{color:var(--dp-ink);gap:9px}
.sys-boot .sys-bk-mk{display:block;flex:none}
.sys-boot .sys-bk-nm{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.035em;white-space:nowrap}
@container (max-width:120px){.sys-boot-sb .sys-bk-top{justify-content:center;padding:0}.sys-boot .sys-bk-nm{display:none}.sys-boot .sys-bk-mk{margin-left:1px}}   /* the rail: the same 1px as the app's mark (x 38) */

/* ---------- the account screens (sign in, forgot, reset, verify, invite, welcome, billing): centred on the 48 px mark (Product 02-SignIn) ---------- */
.au-logo > svg{display:block}

/* ---------- Dottpace speaking: Ask's opening, the Ask panel and Discuss heads, the notification rows, the digest and email previews ---------- */
.ask-hero-dp{margin-bottom:16px}
.ap-hd > .dp-tile{margin-right:2px}
.dz .cp-hd > .dp-tile{margin-right:2px}
.dz .cp-hd > b{white-space:nowrap}   /* the 28px tile took 4px more: "Discuss with Dottpace" stays one line, the action's chip gives way */
.dz .cp-hd > .dz-about{min-width:0;flex:0 1 auto}
.np-row.has-av{grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start}
.np-row.has-av > .dot{align-self:center}
.dg-from,.em-from{display:inline-flex;align-items:center;gap:8px;min-width:0}
@media (min-width:561px){.em-meta > dt:first-child:has(+ dd .em-from){padding-top:6px}}   /* "From" reads on the line of the name beside the 28px tile */
.dg-lk{display:block;margin:2px 0 6px;line-height:0}
.dg-mail-h > dt:first-child{align-self:center}
.dg-lk img{display:block;width:150px;height:27px}
.dg-lk .dg-lk-d{display:none}
:root[data-theme="dark"] .dg-lk .dg-lk-l{display:none}
:root[data-theme="dark"] .dg-lk .dg-lk-d{display:block}
.dg-sl-av.dp-tile{background:var(--dp-matte);color:var(--dp-on-matte)}

/* reports stay the customer's document: the cover (agency client reports only) and the header carry the agency's or the project's own mark,
   never Dottpace's — "Prepared with Dottpace" stays words. Printed app pages: the mark starts the line on top (v112-print.css). */

/* Oct 15 (founder): the sidebar's name was too small beside the 24 px mark — the name is live text now, Geist SemiBold 18 px, tracking -3.5%, 9 px from the mark
   (the gap sits on .app.v89 .sb-brand in v89-shell.css — the lint's one-declaration rule); the mark itself 20 px (founder: 24 felt too big) */
.app.v89 .sb-brand .sb-name{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.035em;color:var(--dp-ink, var(--fg));white-space:nowrap}

/* Oct 15 (founder): notifications lead with their area's sidebar icon in a quiet circle — the reminders' look (.rm-ic), at the row's 28 px */
.np-row .np-ic{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg-4);color:var(--fg-2)}