/* Aurelia theme (decisions 12 and 13): one set of colours and fonts for the Control Centre, staff app and POS.
   Dark (charcoal and champagne gold) by default; light per person in four finishes (Modern Atelier by default).
   Fonts and sizes come from the venue's Typography studio (aurelia-theme.js sets --a-heading-font etc.).
   Each app maps its own colour names onto these tokens; service colours (allergy red, pacing amber, ready green) stay the app's own. */
:root[data-aurelia] {
  --a-heading-font: "Cormorant Garamond"; --a-ui-font: "DM Sans"; --a-heading-size: 54px; --a-ui-size: 14px;
  --a-bg: #101113; --a-panel: #17191c; --a-tile: #1e2124; --a-tile2: #24272a; --a-field: #202225; --a-text: #eee9df; --a-muted: #a3a29d; --a-sub: #9a9e9e;
  --a-gold: #d5b783; --a-gold-rgb: 213, 183, 131; --a-gold-ink: #241a0b; --a-line: #303034; --a-edge: #3a3d3e; --a-shadow: 0 18px 40px rgba(0, 0, 0, .38);
  --a-good: #6fcf97; --a-warn: #f0b35a; --a-bad: #ff8a80; --a-info: #8fb8ff; --a-violet: #b79cff;
  color-scheme: dark;
}
:root[data-aurelia][data-theme="light"] {
  --a-bg: #f4f0e8; --a-panel: #eee9e1; --a-tile: #fffdf8; --a-tile2: #ece7df; --a-field: #ffffff; --a-text: #2e2923; --a-muted: #6a6358; --a-sub: #6e685f;
  --a-gold: #8a6533; --a-gold-rgb: 138, 101, 51; --a-gold-ink: #fffaf0; --a-line: #d7d0c7; --a-edge: #d3cbc0; --a-shadow: 0 14px 30px rgba(64, 45, 19, .14);
  --a-good: #1f7a4d; --a-warn: #9a5a00; --a-bad: #b3261e; --a-info: #1d4f8a; --a-violet: #5b3fa0;
  color-scheme: light;
}
:root[data-aurelia][data-theme="light"][data-finish="white"] { --a-bg: #ffffff; --a-panel: #faf8f4; --a-tile: #ffffff; --a-tile2: #f7f4ee; --a-edge: #e3dbcd; }
:root[data-aurelia][data-theme="light"][data-finish="pearl"] { --a-bg: #f6f1e8; --a-panel: #f3ede3; --a-tile: #fffefa; --a-tile2: #f5efe6; --a-edge: #ded1bf; }
:root[data-aurelia][data-theme="light"][data-finish="stone"] { --a-bg: #e8e5df; --a-panel: #e2ddd5; --a-tile: #f8f6f2; --a-tile2: #e9e5de; --a-edge: #ccc4b9; --a-muted: #625e57; --a-sub: #625e57; --a-gold: #856d4b; --a-gold-rgb: 133, 109, 75; }
:root[data-aurelia][data-theme="light"][data-finish="atelier"] { --a-bg: #f7f8f7; --a-panel: #eef0ee; --a-tile: #ffffff; --a-tile2: #f5f7f6; --a-edge: #dbe0de; --a-text: #202a2b; --a-muted: #566061; --a-sub: #566061; --a-gold: #86643f; --a-gold-rgb: 134, 100, 63; }

/* v1.134: a person on a module screen — initials in a small round, then "Name (role)" (AK.who; staff photos once they are stored) */
.akwho { display: inline-flex; align-items: center; gap: 7px; vertical-align: middle; white-space: nowrap; max-width: 100%; }
.akwho .akini { width: 24px; height: 24px; border-radius: 50%; flex: none; display: inline-grid; place-items: center; font: 600 10.5px/1 var(--f-ui, "DM Sans", system-ui, sans-serif); letter-spacing: .02em;
  background: var(--s-surface, var(--a-tile, #1e2124)); color: var(--s-gold-text, var(--a-gold, #d5b783)); box-shadow: inset 1.5px 1.5px 4px var(--s-lo, #0006), inset -1.5px -1.5px 4px var(--s-hi, #ffffff12); }
.akwho .akn { overflow: hidden; text-overflow: ellipsis; color: var(--s-ink, inherit); }
.akwho .akn small { color: var(--s-muted, var(--a-muted, #a3a29d)); font-size: .92em; }