/* admin.lakender.nl (2026-11-07): the styles of the backoffice (css/base.css and the components), with a purple topbar
   and menu instead of the dark blue, and the word ADMIN after the name: you always see where you are
   (docs/admin-example.html). Loaded after base.css, so these tokens win. */
:root {
  --nav-bg: #2a1f38;
  --nav-line: #3a2d4b;
  --nav-fg: #e0d8e8;
  --nav-dim: #b5a8c4;
  --nav-strong: #ffffff;
  --nav-hover: #34284a;
  --nav-active: #3d2e50;
  --nav-accent: #d3a2f0;
  --admin-visual: linear-gradient(135deg, #3d2e50, #7a5a9a);
}

x-topbar .name::after {
  content: "ADMIN";
  margin-left: 10px;
  padding: 3px 8px;
  border-radius: 10px;
  background: var(--nav-accent);
  color: var(--nav-bg);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  vertical-align: middle;
}

/* x-navigation always has an item at the bottom (Help in the backoffice); admin has none */
x-navigation .foot > [data-page] { display: none; }