/* chrisinterface UI-Kit
   Christian Steiner · chrisinterface.com
   Version siehe Datei VERSION.

   WERKZEUG-MENÜ — der Umschalter zwischen den Werkzeugen einer Familie:
   ein Menütitel „Tools" oben rechts, darunter die Liste. Das Menü ist
   dasselbe wie das Konto-Menü (.user-menu, account-menu.css); hier steht
   nur, was dort fehlt. Den Inhalt baut werkzeug-menu.js.

   Warum ein eigener Titel und kein Eintrag im Konto-Menü: Das Konto-Menü
   beantwortet „wer bin ich", der Umschalter „wohin gehe ich". Das Werkzeug
   wechselt man täglich, die Sprache einmal im Jahr — ein häufiger Griff
   darf nicht durch Identitäts-Gebiet führen. */

/* Ein Würfel-Auslöser (3×3 Punkte als Inline-SVG in currentColor), falls
   ein Werkzeug den Umschalter lieber als Symbol statt als Wort trägt. */
.werkzeug-knopf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--text-gedaempft);
    border-radius: var(--rundung-mittel);
    flex-shrink: 0;
}

.werkzeug-knopf:hover { color: var(--text); background: var(--flaeche-schwebend); }

/* Neun echte Kreise, kein gekachelter Verlauf: Ein Raster, dessen
   Sauberkeit an einer Division hängt, schneidet bei krummen Maßen die
   letzte Spalte an. viewBox 18×18, Mittelpunkte 3 / 9 / 15, Radius 1.6. */
.werkzeug-knopf-punkte {
    width: 18px;
    height: 18px;
    display: block;
    flex-shrink: 0;
    fill: currentColor;
}

/* Die Einträge sind echte Links (neuer Tab, Mittelklick, Adresse kopieren) —
   .user-menu-item ist auf <button> gemünzt und bringt keine Link-Regeln mit. */
.werkzeug-menu .user-menu-item {
    text-decoration: none;
    box-sizing: border-box;
}

/* Schmaler als das Konto-Menü: Dort stehen Name, Titel, vier Sprachen und
   Abmelden untereinander, hier stehen ein paar Wörter. */
.werkzeug-menu { min-width: 140px; }