/*
 * SPDX-FileCopyrightText: 2024 Siemens AG
 *
 * SPDX-License-Identifier: MIT
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
/*
* SPDX-FileCopyrightText: 2024 Siemens AG
*
* SPDX-License-Identifier: MIT
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/*
* SPDX-FileCopyrightText: 2024 Siemens AG
*
* SPDX-License-Identifier: MIT
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/*
* SPDX-FileCopyrightText: 2025 Siemens AG
*
* SPDX-License-Identifier: MIT
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:host {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
  overflow: hidden;
  cursor: pointer;
  width: 20rem;
  border: var(--theme-card--border-width) solid var(--ix-card-border-color, var(--theme-color-soft-bdr));
  border-radius: var(--theme-card--border-radius);
}
:host *,
:host *::after,
:host *::before {
  box-sizing: border-box;
}
:host ::-webkit-scrollbar-button {
  display: none;
}
@-moz-document url-prefix() {
  :host * {
    scrollbar-color: var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);
    scrollbar-width: thin;
  }
}
:host {
  /* width */
}
:host ::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
:host {
  /* Track */
}
:host ::-webkit-scrollbar-track {
  border-radius: 5px;
  background: var(--theme-scrollbar-track--background);
}
:host ::-webkit-scrollbar-track:hover {
  background: var(--theme-scrollbar-track--background--hover);
}
:host {
  /* Handle */
}
:host ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--theme-scrollbar-thumb--background);
}
:host {
  /* Handle on hover */
}
:host ::-webkit-scrollbar-thumb:hover {
  background: var(--theme-scrollbar-thumb--background--hover);
}
:host ::-webkit-scrollbar-corner {
  display: none;
}
:host .card-content {
  display: block;
  position: relative;
  flex-shrink: 0;
  flex-grow: 1;
  width: 100%;
  height: calc(100% - 2rem);
  background-color: var(--ix-card-background, transparent);
  border-top-left-radius: var(--theme-card--border-radius);
  border-top-right-radius: var(--theme-card--border-radius);
  overflow: hidden;
}
:host .card-content-wrapper {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
:host .card-footer {
  display: flex;
  position: relative;
  width: 100%;
}

:host(.card-outline) {
  --ix-card-background: var(--theme-card-outline--background);
  --ix-card-border-color: var(--theme-card-outline--border-color);
  color: var(--theme-card-outline--color);
}
:host(.card-outline) ::slotted(ix-card-accordion) {
  color: var(--theme-color-std-text);
}

:host(.card-filled) {
  --ix-card-background: var(--theme-card-filled--background);
  --ix-card-border-color: var(--theme-card-filled--border-color);
  color: var(--theme-card-filled--color);
}
:host(.card-filled) ::slotted(ix-card-accordion) {
  color: var(--theme-color-std-text);
}

:host(.card-alarm) {
  --ix-card-background: var(--theme-card-alarm--background);
  --ix-card-border-color: var(--theme-card-alarm--border-color);
  color: var(--theme-card-alarm--color);
}

:host(.card-critical) {
  --ix-card-background: var(--theme-card-critical--background);
  --ix-card-border-color: var(--theme-card-critical--border-color);
  color: var(--theme-card-critical--color);
}

:host(.card-warning) {
  --ix-card-background: var(--theme-card-warning--background);
  --ix-card-border-color: var(--theme-card-warning--border-color);
  color: var(--theme-card-warning--color);
}

:host(.card-success) {
  --ix-card-background: var(--theme-card-success--background);
  --ix-card-border-color: var(--theme-card-success--border-color);
  color: var(--theme-card-success--color);
}

:host(.card-info) {
  --ix-card-background: var(--theme-card-info--background);
  --ix-card-border-color: var(--theme-card-info--border-color);
  color: var(--theme-card-info--color);
}

:host(.card-neutral) {
  --ix-card-background: var(--theme-card-neutral--background);
  --ix-card-border-color: var(--theme-card-neutral--border-color);
  color: var(--theme-card-neutral--color);
}

:host(.card-primary) {
  --ix-card-background: var(--theme-card-primary--background);
  --ix-card-border-color: var(--theme-card-primary--border-color);
  color: var(--theme-card-primary--color);
}

:host(:not(.card-insight, .card-outline)) {
  --ix-card-border-color: transparent;
}

:host(.card-outline:hover) {
  --ix-card-border-color: var(--theme-card-outline--border-color--hover);
  --ix-card-background: var(--theme-card-outline--background--hover);
}

:host(.card-outline:active) {
  --ix-card-border-color: var(--theme-card-outline--border-color--active);
  --ix-card-background: var(--theme-card-outline--background--active);
}

:host(.selected.card-outline) {
  --ix-card-border-color: var(
    --theme-card-outline--border-color--selected
  );
  --ix-card-background: var(--theme-card-outline--background--selected);
}

:host(.card-filled:hover) {
  --ix-card-border-color: var(--theme-card-filled--border-color--hover);
  --ix-card-background: var(--theme-card-filled--background--hover);
}

:host(.card-filled:active) {
  --ix-card-border-color: var(--theme-card-filled--border-color--active);
  --ix-card-background: var(--theme-card-filled--background--active);
}

:host(.selected.card-filled) {
  --ix-card-border-color: var(
    --theme-card-filled--border-color--selected
  );
  --ix-card-background: var(--theme-card-filled--background--selected);
}

:host(.card-alarm:hover) {
  --ix-card-border-color: var(--theme-card-alarm--border-color--hover);
  --ix-card-background: var(--theme-card-alarm--background--hover);
}

:host(.card-alarm:active) {
  --ix-card-border-color: var(--theme-card-alarm--border-color--active);
  --ix-card-background: var(--theme-card-alarm--background--active);
}

:host(.selected.card-alarm) {
  --ix-card-border-color: var(
    --theme-card-alarm--border-color--selected
  );
  --ix-card-background: var(--theme-card-alarm--background--selected);
}

:host(.card-critical:hover) {
  --ix-card-border-color: var(--theme-card-critical--border-color--hover);
  --ix-card-background: var(--theme-card-critical--background--hover);
}

:host(.card-critical:active) {
  --ix-card-border-color: var(--theme-card-critical--border-color--active);
  --ix-card-background: var(--theme-card-critical--background--active);
}

:host(.selected.card-critical) {
  --ix-card-border-color: var(
    --theme-card-critical--border-color--selected
  );
  --ix-card-background: var(--theme-card-critical--background--selected);
}

:host(.card-warning:hover) {
  --ix-card-border-color: var(--theme-card-warning--border-color--hover);
  --ix-card-background: var(--theme-card-warning--background--hover);
}

:host(.card-warning:active) {
  --ix-card-border-color: var(--theme-card-warning--border-color--active);
  --ix-card-background: var(--theme-card-warning--background--active);
}

:host(.selected.card-warning) {
  --ix-card-border-color: var(
    --theme-card-warning--border-color--selected
  );
  --ix-card-background: var(--theme-card-warning--background--selected);
}

:host(.card-success:hover) {
  --ix-card-border-color: var(--theme-card-success--border-color--hover);
  --ix-card-background: var(--theme-card-success--background--hover);
}

:host(.card-success:active) {
  --ix-card-border-color: var(--theme-card-success--border-color--active);
  --ix-card-background: var(--theme-card-success--background--active);
}

:host(.selected.card-success) {
  --ix-card-border-color: var(
    --theme-card-success--border-color--selected
  );
  --ix-card-background: var(--theme-card-success--background--selected);
}

:host(.card-info:hover) {
  --ix-card-border-color: var(--theme-card-info--border-color--hover);
  --ix-card-background: var(--theme-card-info--background--hover);
}

:host(.card-info:active) {
  --ix-card-border-color: var(--theme-card-info--border-color--active);
  --ix-card-background: var(--theme-card-info--background--active);
}

:host(.selected.card-info) {
  --ix-card-border-color: var(
    --theme-card-info--border-color--selected
  );
  --ix-card-background: var(--theme-card-info--background--selected);
}

:host(.card-neutral:hover) {
  --ix-card-border-color: var(--theme-card-neutral--border-color--hover);
  --ix-card-background: var(--theme-card-neutral--background--hover);
}

:host(.card-neutral:active) {
  --ix-card-border-color: var(--theme-card-neutral--border-color--active);
  --ix-card-background: var(--theme-card-neutral--background--active);
}

:host(.selected.card-neutral) {
  --ix-card-border-color: var(
    --theme-card-neutral--border-color--selected
  );
  --ix-card-background: var(--theme-card-neutral--background--selected);
}

:host(.card-primary:hover) {
  --ix-card-border-color: var(--theme-card-primary--border-color--hover);
  --ix-card-background: var(--theme-card-primary--background--hover);
}

:host(.card-primary:active) {
  --ix-card-border-color: var(--theme-card-primary--border-color--active);
  --ix-card-background: var(--theme-card-primary--background--active);
}

:host(.selected.card-primary) {
  --ix-card-border-color: var(
    --theme-card-primary--border-color--selected
  );
  --ix-card-background: var(--theme-card-primary--background--selected);
}

:host(.passive) {
  cursor: default;
}

:host(.passive.card-outline) {
  --ix-card-background: var(--theme-card-outline--background);
  --ix-card-border-color: var(--theme-card-outline--border-color);
}

:host(.passive.card-filled) {
  --ix-card-background: var(--theme-card-filled--background);
  --ix-card-border-color: var(--theme-card-filled--border-color);
}

:host(.passive.card-alarm) {
  --ix-card-background: var(--theme-card-alarm--background);
  --ix-card-border-color: var(--theme-card-alarm--border-color);
}

:host(.passive.card-critical) {
  --ix-card-background: var(--theme-card-critical--background);
  --ix-card-border-color: var(--theme-card-critical--border-color);
}

:host(.passive.card-warning) {
  --ix-card-background: var(--theme-card-warning--background);
  --ix-card-border-color: var(--theme-card-warning--border-color);
}

:host(.passive.card-success) {
  --ix-card-background: var(--theme-card-success--background);
  --ix-card-border-color: var(--theme-card-success--border-color);
}

:host(.passive.card-info) {
  --ix-card-background: var(--theme-card-info--background);
  --ix-card-border-color: var(--theme-card-info--border-color);
}

:host(.passive.card-neutral) {
  --ix-card-background: var(--theme-card-neutral--background);
  --ix-card-border-color: var(--theme-card-neutral--border-color);
}

:host(.passive.card-primary) {
  --ix-card-background: var(--theme-card-primary--background);
  --ix-card-border-color: var(--theme-card-primary--border-color);
}