/* ===================================================================
   The server marks.

   One lockup, three glyphs, chosen by profile in app/templates/_mark.html.
   Better MC's artwork, tracking and colour roles were approved by Milo on
   2026-08-21; The Bloc's and Bloc Play's glyphs on 2026-09-02.

   The authority on all three is tests/test_server_marks.py, which is in the
   repo. There is a fuller design note at
   .superpowers/sdd/2026-08-20-panel-redesign-b-shell/WORDMARK-SPEC.md, and it
   is worth knowing that `.superpowers/` is GITIGNORED: that file exists only
   on the machine it was written on, so it is background reading for whoever
   has it and never the thing to check a change against. That is why every measured
   value below states its own reason inline.

   These classes were `bmc-mark*` until 2026-09-02, when The Bloc and Bloc
   Play stopped drawing glyph-path wordmarks and joined this system. A class
   named for one server, rendered on all three, is the same kind of lie the
   marks themselves were fixed for.

   This file is no longer profile-gated. It used to load only where its markup
   could render, which bought one specific thing: The Bloc's rendered bytes
   stayed identical, because a stylesheet link is bytes and app/assets.py
   hashes file CONTENTS into the ?v=. That guarantee ended the moment The Bloc
   started drawing this mark, so the gate now buys nothing and costs a
   condition that can drift away from the markup it is supposed to track.

   Every colour is a :root token. --accent-secondary was scope-only once and
   the shell, which is inside no scope, computed it as black. All three sites
   are in the shell - the fourth was the public page's, retired 2026-09-12.
   =================================================================== */

/* One font-size drives the whole lockup: the glyph is 1em tall and the caps
   and the gap are proportions of it. The steps are the sizes the mark is
   actually rendered at - top bar (sm), sidebar and drawer (md).

   TWO steps have been deleted here, both the same way and for the same reason.
   --lg at 30px was the dashboard header's, and Plan C Task 5 took that brand
   row off the page. --xl at 48px was the public landing page's header - the
   PRIMARY lockup, the only step that carried the address chip - and Milo
   retired that page on 2026-09-12 (the identity hub is the front door; "/"
   forwards you to the dashboard or the sign-in). Both were measured dead by
   rendering rather than by reading the templates, and both are deleted rather
   than kept "in case": a size with no call site is indistinguishable from a
   size whose call site was lost, and tests/test_server_marks.py fails in BOTH
   directions. The chip's own rule went with --xl for the same reason, and it
   costs nothing - `_server_identity.html` states the full connect address on
   every signed-in page, which the chip never did (it dropped the port). */
.server-mark {
    display: inline-flex;
    align-items: center;
    gap: .45em;
    line-height: 1;
    font-size: 26px;
}
.server-mark--sm { font-size: 22px; }
.server-mark--md { font-size: 26px; }

/* `height: 1em; width: auto` is what lets the three glyphs carry different
   viewBox aspect ratios (48x44 for the two blocks, 58x40 for the bracket) and
   still line up on one baseline at every size. */
.server-mark-glyph {
    display: block;
    flex: none;
    height: 1em;
    width: auto;
}

.server-mark-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* A flex child defaults to min-width: auto, which refuses to shrink
       below its longest unbreakable run - and the caps are set
       white-space: nowrap. In the 260px sidebar that would push the
       shell wider rather than clip. */
    min-width: 0;
}

/* .30em, measured rather than picked: the sketch tracked at .34em and
   the caps came apart at sidebar size, which is where two of the three
   remaining sites live. Rounding this to a nicer number undoes a measurement. */
.server-mark-caps {
    font-family: 'Space Grotesk', system-ui, sans-serif;
    font-weight: 700;
    font-size: .56em;
    letter-spacing: .30em;
    text-transform: uppercase;
    line-height: 1.05;
    white-space: nowrap;
    color: var(--text);
}

/* The second word carries the light accent. Set live from the profile's
   display name, so a rename needs no redrawing - which is exactly what
   the glyph-path wordmarks this system replaced could not do. */
.server-mark-tail { color: var(--bloc-300); }