/* Kilo Status Indicators overrides */

[data-component="status-indicator"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--kilo-font-size-13);

  &[data-status="completed"] {
    color: var(--icon-success-base);

    &::before {
      content: "\2713";
      font-weight: bold;
    }
  }

  &[data-status="checkpoint"] {
    color: var(--text-weak);
    font-size: var(--kilo-font-size-11);

    &::before {
      content: "\2691";
    }
  }
}
