/* v3 "Ledger" base (ADMIN_DESIGN.md core §3, §5, §6, reference §14).
   Role tokens only; every class starts with lg- (plan §11 #46).
   Components live in css/v3/components/<name>.css, one file each,
   listed in templates/admin/core/_v3_styles.html. */

/* `hidden` always hides, even on v3 parts that set their own display
   (a flex field in the confirm dialog showed while hidden). Except
   hidden="until-found" (closed tab panels, plan §11 #94): the browser hides
   those with content-visibility so find-in-page can still reveal them;
   display: none would stop that. */
[hidden]:not([hidden="until-found"]) { display: none !important; }

/* Screen-reader-only text (icon-only buttons, the date-stub label). */
.lg-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* The one focus ring: 2px --focus, 2px offset (3px under prefers-contrast). */
[class^="lg-"]:focus-visible,
[class*=" lg-"]:focus-visible {
  outline: var(--focus-ring) solid var(--focus);
  outline-offset: 2px;
}

/* Values that line up or are copied exactly (core §3): amounts in tables,
   IDs, ticket/order numbers, table dates, numeric codes. */
.lg-mono {
  font-family: var(--font-mono);
  font-size: var(--size-mono);
  line-height: var(--leading-mono);
  font-variant-numeric: tabular-nums;
}

/* Tabular figures for counts and KPI values in sans (core §3, §7). */
.lg-tabular {
  font-variant-numeric: tabular-nums;
}