/* Bedienzustände des freigegebenen Iconsets 1.1. */
button:not(:disabled),
.action-button,
.password-toggle,
.product-nav,
.brand,
.nav-overview {
  cursor: pointer;
}

.nav-main,
.nav-logout {
  cursor: pointer;
}

.nav-main,
.nav-overview,
.nav-logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 46px;
  width: auto;
  padding: .45rem .65rem;
  border: 1px solid #ffffff55;
  border-radius: .5rem;
  background: #164b30;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.nav-main:hover,.nav-overview:hover,.nav-logout:hover { background:#276d49; }
.nav-main:active,.nav-overview:active,.nav-logout:active { background:#103b26; }
.nav-main.is-active,.nav-overview.is-active { background:#2e7651;box-shadow:inset 0 -3px #fff; }
.nav-main:focus-visible,.nav-overview:focus-visible,.nav-logout:focus-visible { outline:3px solid #f5c242;outline-offset:2px; }
.nav-main .icon,.nav-overview .icon,.nav-logout .icon { width:24px;height:24px; }

.destructive-outline {
  background: transparent;
  color: #a63d32;
  border: 2px solid #a63d32;
  font-weight: 700;
}
.destructive-outline:hover { color:#8f3028;border-color:#8f3028;background:#a63d3212; }
.destructive-outline:active { color:#78271f;border-color:#78271f;background:#a63d3220; }
.destructive-outline:focus-visible,.destructive-filled:focus-visible { outline:3px solid #7ed6a8;outline-offset:2px; }
.destructive-filled { display:flex;align-items:center;justify-content:center;gap:.45rem;background:#a63d32!important;color:#fff!important;border-color:#a63d32!important; }
.destructive-filled:hover { background:#8f3028!important;border-color:#8f3028!important; }
.destructive-filled:active { background:#78271f!important;border-color:#78271f!important; }
.destructive-filled .icon { width:24px;height:24px; }

@media (max-width:600px) {
  .header-nav { display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.5rem; }
  .nav-main { grid-column:1 / -1; }
  .header-nav form { width:100%; }
  .nav-overview,.nav-logout { width:100%; }
}

button:disabled {
  cursor: default;
}

/* Aktive Sekundäraktionen bleiben auch bei automatischer Dunkelanpassung aktiv lesbar. */
.secondary.action-button:not(:disabled):not([aria-disabled="true"]) {
  background-color: #f7fbf8;
  color: #17643b;
  border-color: #17643b;
}

.secondary.action-button:not(:disabled):not([aria-disabled="true"]):hover {
  background-color: #e4f3e9;
  color: #104d2c;
  border-color: #104d2c;
}

.secondary.action-button:not(:disabled):not([aria-disabled="true"]):active {
  background-color: #cfe8d7;
  color: #0b4023;
  border-color: #0b4023;
}

.secondary.action-button:disabled,
.secondary.action-button[aria-disabled="true"] {
  background-color: #d6dbd7;
  color: #68736b;
  border-color: #b5bdb7;
  cursor: default;
}
