html,
body {
  height: 100%;
}

app-root {
  display: block;
  height: 100%;
}

tui-root {
  height: 100%;
}

ul {
  padding-inline-start: 1rem;
}

router-outlet + * {
  height: 100%;
  max-width: min(35rem, 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  padding: 2rem;
  margin: 0 auto;

  [tuiCardLarge] {
    width: 100%;
    background: var(--tui-background-elevation-2);
    margin-top: 2rem;
  }
}

button:disabled {
  opacity: var(--tui-disabled-opacity);
  pointer-events: none;
}

.g-positive {
  color: var(--tui-status-positive);
}

.g-warning {
  color: var(--tui-status-warning);
}

.g-negative {
  color: var(--tui-status-negative);
}

.g-secondary {
  color: var(--tui-text-secondary) !important;
}

.g-info {
  color: var(--tui-status-info);
}

[tuiCardLarge] footer {
  display: flex;

  button {
    flex: 1;
  }
}

// TODO: Remove in Taiga v5.0
[tuiButton] {
  min-block-size: var(--t-size);
}
