@layer components {
  /* Primary button */
  .btn{
    display:inline-block;
    text-decoration:none;
    font-weight:600;
    color:#fff;                      /* weiße Schrift */
    background:var(--primary);       /* Blau aus Tokens */
    padding:12px 16px;
    border-radius:var(--radius);
    border:none;                     /* kein Standard-Rand */
    transition:background .2s ease, box-shadow .2s ease;
  }
  .btn:hover{
    background:var(--primary-hover); /* dunkleres Blau */
    box-shadow: inset 0 -3px 0 var(--accent); /* gelber Balken unten bei Hover */
  }

  /* Sicherstellen: auch in Tabellen bleibt Schrift weiß */
  .btn:link, .btn:visited, .btn:active { color:#fff !important; text-decoration:none !important; /* auch in Tabellen kein underline */ }
  .table a.btn { color:#fff !important; }
}

/* v65: Cursor-Feedback für alle Buttons */
.btn, .btn:hover, .btn:focus { cursor: pointer; }
.modal__close { cursor: pointer; }
/* Deaktivierte Zustände */
.btn[disabled], .btn.is-disabled { cursor: not-allowed; }
.js-bulk-btn[disabled] { cursor: not-allowed; }

/* v69 sticky sidebar */
.sidebar{
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}