/* Klarbild button foundation — based on the supplied Prime / Megaprime form. */
:root { --kb-button-radius: 0.5em; }

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.btn,
.action-btn,
.auth-submit,
.header-save-btn,
.export-btn,
.detail-start,
[role="button"] {
  border-radius: var(--kb-button-radius) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease,
    background-color 0.2s ease, border-color 0.2s ease !important;
}

button:not(:disabled):hover,
input[type="button"]:not(:disabled):hover,
input[type="submit"]:not(:disabled):hover,
input[type="reset"]:not(:disabled):hover,
.button:hover,
.btn:hover,
.action-btn:hover,
.auth-submit:hover,
.header-save-btn:hover,
.export-btn:hover,
.detail-start:hover,
[role="button"]:hover { filter: brightness(1.035); }

button:not(:disabled):active,
input[type="button"]:not(:disabled):active,
input[type="submit"]:not(:disabled):active,
input[type="reset"]:not(:disabled):active,
.button:active,
.btn:active,
.action-btn:active,
.auth-submit:active,
.header-save-btn:active,
.export-btn:active,
.detail-start:active,
[role="button"]:active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 5px rgba(9, 9, 9, 0.16);
}

button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
.button:focus-visible,
.btn:focus-visible,
.action-btn:focus-visible,
.auth-submit:focus-visible,
.header-save-btn:focus-visible,
.export-btn:focus-visible,
.detail-start:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--secondary, #009087);
  outline-offset: 3px;
}