/* bauteile/marke.css — Marken: Plakette, Schild, Chips, Rollen-Marken .nur-admin / .nur-sl (Nr. 982).
   Nr. 982 Stufe 1: aus material.css hierher VERSCHOBEN (eine Quelle), Regeln unveraendert. Materialien/Tokens: material.css, tokens.css.
   Galerie aller Zustaende: /admin/bauteile. Neue Ansicht = nur diese Bauteile + Layout-CSS. */

/* Plakette (Anzeige, kein Knopf) */
.el-plakette { position: relative; display: inline-flex; align-items: center; gap: var(--sp-1); min-height: 26px; padding: var(--sp-1) var(--sp-2); border: 0; border-radius: 3px; background: var(--mat-marke); color: var(--mat-text);
    font: 700 var(--fs-xs) system-ui, sans-serif; letter-spacing: .02em; box-shadow: var(--mat-sh-kante-links-schmal); }
.el-plakette--akzent { background: var(--mat-haupt); color: var(--mat-haupt-text); box-shadow: none; }

/* ============ PLAKETTE / SCHILDCHEN (Mediathek-Leiste, Raumtitel) ============
   Plakette = Pergament-Streifen mit Papierrand (Fransen-Regel oben, #935); Schildchen (Filter) = Pergament-Knopf wie .el-neben, gewaehlt dunkel wie .el-haupt. */
.el-schild { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2); padding: var(--sp-2) var(--sp-3); color: var(--mat-text); text-align: center; }

/* Rollen-Marken (Nr. 982): Element mit .nur-admin bzw. .nur-sl zeigt oben rechts eine kleine Marke, damit der Betreiber sieht, was nur er / nur der Spielleiter sieht.
   Das Element selbst wird nur fuer diese Rolle ausgegeben; die Klasse macht es sichtbar gekennzeichnet. */
:is(.nur-admin, .nur-sl) { position: relative; }
:is(.nur-admin, .nur-sl)::after { position: absolute; top: 0; right: 0; z-index: 2; padding: 1px var(--sp-1); border-radius: 0 var(--mat-radius-klein, 4px) 0 var(--mat-radius-klein, 4px); font: 700 .625rem/1.3 system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase; pointer-events: none;
    background: var(--perg-haupt); color: var(--gold-hell); }
.nur-admin::after { content: "Admin"; }
.nur-sl::after { content: "SL"; }