:root {
  --jira-issue-status-aui-color-N0: #FFF;
  --jira-issue-status-aui-color-N30: #EBECF0;
  --jira-issue-status-aui-color-N40: #DFE1E5;
  --jira-issue-status-aui-color-N50: #C1C7D0;
  --jira-issue-status-aui-color-N60: #B3BAC5;
  --jira-issue-status-aui-color-N500: #42526E;
  --jira-issue-status-aui-color-N800: #172B4D;

  --jira-issue-status-aui-color-G50: #E3FCEF;
  --jira-issue-status-aui-color-G400: #00875A;
  --jira-issue-status-aui-color-G500: #006644;

  --jira-issue-status-aui-color-R50: #FFEBE5;
  --jira-issue-status-aui-color-R400: #DE350B;
  --jira-issue-status-aui-color-R500: #BF2600;

  --jira-issue-status-aui-color-B50: #DEEBFF;
  --jira-issue-status-aui-color-B400: #0052CC;
  --jira-issue-status-aui-color-B500: #0747A6;

  --jira-issue-status-aui-color-P50: #EAE6FF;
  --jira-issue-status-aui-color-P400: #5243AA;
  --jira-issue-status-aui-color-P500: #403294;

  --jira-issue-status-aui-color-Y75: #FFF0B2;
  --jira-issue-status-aui-color-Y400: #FF991F;

  --jira-issue-status-uncategorized-color: var(--ds-text, var(--jira-issue-status-aui-color-N800));
  --jira-issue-status-uncategorized-bgcolor: var(--ds-background-neutral, var(--jira-issue-status-aui-color-N30));
  --jira-issue-status-hover-uncategorized-color: var(--ds-text, var(--jira-issue-status-aui-color-N800));
  --jira-issue-status-hover-uncategorized-bgcolor: var(--ds-background-neutral-hovered, var(--jira-issue-status-aui-color-N40));

  --jira-issue-status-default-color: var(--ds-text, var(--jira-issue-status-aui-color-N800));
  --jira-issue-status-default-bgcolor: var(--ds-background-neutral, var(--jira-issue-status-aui-color-N40));
  --jira-issue-status-hover-default-color: var(--ds-text, var(--jira-issue-status-aui-color-N800));
  --jira-issue-status-hover-default-bgcolor: var(--ds-background-neutral-hovered, var(--jira-issue-status-aui-color-N50));

  --jira-issue-status-inprogress-color: var(--ds-text-inverse, var(--jira-issue-status-aui-color-N0));
  --jira-issue-status-inprogress-bgcolor: var(--ds-background-information-bold, var(--jira-issue-status-aui-color-B400));
  --jira-issue-status-hover-inprogress-color: var(--ds-text-inverse, var(--jira-issue-status-aui-color-N0));
  --jira-issue-status-hover-inprogress-bgcolor: var(--ds-background-information-bold-hovered, var(--jira-issue-status-aui-color-B500));

  --jira-issue-status-success-color: var(--ds-text-inverse, var(--jira-issue-status-aui-color-N0));
  --jira-issue-status-success-bgcolor: var(--ds-background-success-bold, var(--jira-issue-status-aui-color-G400));
  --jira-issue-status-hover-success-color: var(--ds-text-inverse, var(--jira-issue-status-aui-color-N0));
  --jira-issue-status-hover-success-bgcolor: var(--ds-background-success-bold-hovered, var(--jira-issue-status-aui-color-G500));
}

.jira-issue-status-lozenge {
  vertical-align: text-bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 12em;

  /* this is here for IE */
  word-wrap: normal;
  word-break: normal;
}

.jira-issue-status-render-error {
  color: var(--ds-text-danger, var(--jira-issue-status-aui-color-R400));
}

/* Colors */
.aui-lozenge {

  &.jira-issue-status-lozenge-medium-gray, &.jira-issue-status-lozenge-blue-gray, &.jira-issue-status-lozenge-default {
    background-color: var(--ds-background-neutral-bold, var(--jira-issue-status-aui-color-N500));
    border-color: var(--ds-background-neutral-bold, var(--jira-issue-status-aui-color-N500));
    color: var(--ds-text-inverse, var(--jira-issue-status-aui-color-N0));
  }
  &.jira-issue-status-lozenge-green, &.jira-issue-status-lozenge-success {
    background-color: var(--jira-issue-status-success-bgcolor);
    border-color: var(--jira-issue-status-success-bgcolor);
    color: var(--jira-issue-status-success-color);
  }
  &.jira-issue-status-lozenge-warm-red, &.jira-issue-status-lozenge-removed {
    background-color: var(--ds-background-danger-bold, var(--jira-issue-status-aui-color-R400));
    border-color: var(--ds-background-danger-bold, var(--jira-issue-status-aui-color-R400));
    color: var(--ds-text-inverse, var(--jira-issue-status-aui-color-N0));
  }

  &.jira-issue-status-lozenge-yellow, &.jira-issue-status-lozenge-inprogress {
    background-color: var(--jira-issue-status-inprogress-bgcolor);
    border-color: var(--jira-issue-status-inprogress-bgcolor);
    color: var(--jira-issue-status-inprogress-color);
  }

  &.jira-issue-status-lozenge-brown, &.jira-issue-status-lozenge-moved {
    background-color: var(--ds-background-warning-bold, var(--jira-issue-status-aui-color-Y400));
    border-color: var(--ds-background-warning-bold, var(--jira-issue-status-aui-color-Y400));
    color: var(--ds-text-warning-inverse, var(--jira-issue-status-aui-color-N800));
  }

  &.aui-lozenge-subtle {

    &.jira-issue-status-lozenge-medium-gray, &.jira-issue-status-lozenge-blue-gray, &.jira-issue-status-lozenge-default {
      background-color: var(--jira-issue-status-default-bgcolor);
      border-color: var(--jira-issue-status-default-bgcolor);
      color: var(--ds-text, var(--jira-issue-status-aui-color-N500));
    }
    &.jira-issue-status-lozenge-green, &.jira-issue-status-lozenge-success {
      background-color: var(--ds-background-success, var(--jira-issue-status-aui-color-G50));
      border-color: var(--ds-background-success, var(--jira-issue-status-aui-color-G50));
      color: var(--ds-text-success, var(--jira-issue-status-aui-color-G500));
    }
    &.jira-issue-status-lozenge-warm-red, &.jira-issue-status-lozenge-removed {
      background-color: var(--ds-background-danger, var(--jira-issue-status-aui-color-R50));
      border-color: var(--ds-background-danger, var(--jira-issue-status-aui-color-R50));
      color: var(--ds-text-danger, var(--jira-issue-status-aui-color-R500));
    }
    &.jira-issue-status-lozenge-yellow, &.jira-issue-status-lozenge-inprogress {
      background-color: var(--ds-background-information, var(--jira-issue-status-aui-color-B50));
      border-color: var(--ds-background-information, var(--jira-issue-status-aui-color-B50));
      color: var(--ds-text-information, var(--jira-issue-status-aui-color-B500));
    }
    &.jira-issue-status-lozenge-brown, &.jira-issue-status-lozenge-moved {
      background-color: var(--ds-background-warning, var(--jira-issue-status-aui-color-Y75));
      border-color: var(--ds-background-warning, var(--jira-issue-status-aui-color-Y75));
      color: var(--ds-text-warning, var(--jira-issue-status-aui-color-N800));
    }
  }

  /* Compact lozenge */
  &.jira-issue-status-lozenge-compact {
    width: 4px;
    text-align: left;
    text-indent: -9999px;
  }
}

/* Tooltips */

.jira-issue-status-tooltip {
  .tipsy-inner {
    text-align: left;
  }
  .jira-issue-status-tooltip-title {
    text-transform: uppercase;
  }
  .jira-issue-status-tooltip-desc {
    color: var(--ds-text-subtle, #ccc);
  }
}

/* For lozenge truncating */

.jira-issue-status-lozenge-max-width-short {
  max-width: 8em;
}

.jira-issue-status-lozenge-max-width-medium {
  max-width: 12em;
}

.jira-issue-status-lozenge-max-width-long {
  max-width: 20em;
}