/*
 * Aligning an entry's LABEL with its value (#379).
 *
 * `alignCenter()` / `alignEnd()` put `fi-align-*` on `.fi-in-entry-content`
 * and nowhere else, so the value moves and its caption stays put: a
 * right-aligned figure sitting under a left-aligned label. There is no native
 * option for the pair. This file is that missing half — it aligns the label,
 * and leaves the value to Filament.
 *
 * The rules are on `justify-content` and not `text-align` because both
 * containers are `display:flex`, and a label is a shrink-to-fit flex item.
 *
 * ⚠️ The value needs the native `alignEnd()`/`alignCenter()` ANYWAY, and the
 * two mechanisms are not interchangeable — this cost a round trip:
 *   - a `TextEntry` renders `.fi-in-text{width:100%}`, a full-width child that
 *     `justify-content` cannot move. What positions the badge inside it is the
 *     inherited `text-align` from `fi-align-*`.
 *   - an `IconEntry` renders a shrink-to-fit child, which `text-align` can
 *     move only while it stays inline — `justify-content` is what holds it.
 * Hence both, on both containers: whichever applies, applies.
 *
 * Attached per entry with `->extraEntryWrapperAttributes(['class' => ...])`.
 */

/* Glyphs — a check or a cross reads as an accident when it hugs the left
   edge under a caption that does not. */
.ssmt-entry-center .fi-in-entry-label-ctn,
.ssmt-entry-center .fi-in-entry-content-ctn {
    justify-content: center;
}

/* Figures — counts and dates line up on their last character, the way a
   number column is meant to be read. */
.ssmt-entry-end .fi-in-entry-label-ctn,
.ssmt-entry-end .fi-in-entry-content-ctn {
    justify-content: flex-end;
}