/* ═══════════════════════════════════════════════════════════════════════
   amberSUITE — GEMEINSAME BUTTONS (Single Source of Truth, #139)
   ───────────────────────────────────────────────────────────────────────
   EINZIGE Quelle für die 5 Standard-Button-Klassen ALLER Module. Referenz =
   amberDSP (Standalone-Modell: jede Klasse voll definiert, kompakt Mono-10px).
   Farben ausschließlich über die Tokens (ui-shared/amber-tokens.css).

   NICHT pro Modul editieren! scripts/sync-tokens.py spiegelt diesen Block
   zwischen /* AMBER-BUTTONS:START * / … /* AMBER-BUTTONS:END * / in jede
   Modul-UI. Eine Korrektur hier gilt sofort für alle 5.

   Kompakte Werkzeug-Buttons: .btn-sm (neutral) · .btn-sm-amber (Aktion) ·
   .btn-sm-danger (destruktiv) · Zustand .btn-sm.on.
   Dialog-Buttons (größer, Sans): .btn-primary · .btn-secondary.
   Modul-spezifische Sonderformen (btn-pill/btn-toggle) bleiben lokal.
   ═══════════════════════════════════════════════════════════════════════ */
.btn-sm {
  display:inline-flex; align-items:center; gap:4px; height:26px; padding:0 10px;
  background:var(--bg0); color:var(--tx); border:1px solid var(--brd); border-radius:var(--r);
  font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.04em; cursor:pointer;
}
.btn-sm:hover { border-color:var(--am); color:var(--tx); }
.btn-sm.on { border-color:var(--am); box-shadow:0 0 0 1px var(--am); color:var(--am); }
.btn-sm:disabled { opacity:.45; cursor:not-allowed; }
.btn-sm-danger {
  display:inline-flex; align-items:center; gap:4px; height:26px; padding:0 10px;
  background:var(--bg0); color:#b04030; border:1px solid rgba(176,64,48,.25); border-radius:var(--r);
  font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.04em; cursor:pointer;
}
.btn-sm-danger:hover { border-color:#b04030; background:rgba(176,64,48,.08); }
.btn-sm-amber {
  display:inline-flex; align-items:center; gap:4px; height:26px; padding:0 10px;
  background:var(--am); color:#fff; border:1px solid var(--am); border-radius:var(--r);
  font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.04em; cursor:pointer;
}
.btn-sm-amber:hover { background:var(--am2); border-color:var(--am2); }
.btn-sm-amber:disabled { background:var(--bg3); border-color:var(--brd2); color:var(--tx3); cursor:not-allowed; }
/* Dialog-Buttons (größer, Sans) */
.btn-primary, .btn-secondary {
  padding:7px 14px; font-family:var(--sans); font-size:13px; border-radius:var(--r); cursor:pointer;
  border:1px solid var(--brd2); background:var(--bg1); color:var(--tx); text-decoration:none;
  transition:background .12s, border-color .12s;
}
.btn-secondary:hover { background:var(--bg2); border-color:var(--brd); }
.btn-primary { background:var(--am); color:#fff; border-color:var(--am); }
.btn-primary:hover { background:var(--am2); border-color:var(--am2); }
.btn-primary:disabled, .btn-secondary:disabled { opacity:.45; cursor:not-allowed; }