/*
 * This file belongs to Hoist, an application development toolkit
 * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
 *
 * Copyright © 2026 Extremely Heavy Industries Inc.
 */

.xh-status-tile {
  color: white;
  border: var(--xh-border-solid);

  .xh-dark & {
    border-color: white;
  }

  &-ok {
    background: var(--xh-intent-success);
    --xh-panel-title-bg: var(--xh-intent-success);
    --xh-panel-bg: var(--xh-intent-success-darker);
  }

  &-warn {
    background: var(--xh-intent-warning);
    --xh-panel-title-bg: var(--xh-intent-warning);
    --xh-panel-bg: var(--xh-intent-warning-darker);
  }

  &-fail {
    background: var(--xh-intent-danger);
    --xh-panel-title-bg: var(--xh-intent-danger);
    --xh-panel-bg: var(--xh-intent-danger-darker);
  }

  &-inactive {
    background: var(--xh-gray);
    --xh-panel-title-bg: var(--xh-gray);
    --xh-panel-bg: var(--xh-gray-dark);
  }

  &-unknown {
    background: var(--xh-gray);
    --xh-panel-title-bg: var(--xh-gray);
    --xh-panel-bg: var(--xh-gray-dark);
  }

  &__content {
    padding: var(--xh-pad-px);
    flex: 1;
    height: 100%;
    overflow-y: auto;
  }

  &__instance-row {
    padding: var(--xh-pad-half-px);
    margin-top: 5px;
    border-radius: 10px;
  }

  &__instance-name {
    font-family: monospace;
  }
}