:root {
  --body-background: white;
  --default-text-color: black;
  --grid-line-color: lightgray;
  --warning-banner: yellow;

  --cycletime-scatterplot-overall-trendline-color: gray;

  --non-working-days-color: #F0F0F0;
  --expedited-color: red;
  --blocked-color: #FF7400;
  --stalled-color: orange;
  --dead-color: black;

  --type-story-color: #4bc14b;
  --type-task-color: blue;
  --type-bug-color: orange;
  --type-spike-color: #9400D3;

  --status-category-todo-color: gray;
  --status-category-inprogress-color: #2663ff;
  --status-category-done-color: #00ff00;
  --status-category-unknown-color: black;

  --aging-work-bar-chart-percentage-line-color: red;
  --aging-work-bar-chart-separator-color: white;

  --throughput_chart_total_line_color: gray;
  
  --aging-work-in-progress-chart-shading-color: lightgray;
  --aging-work-in-progress-chart-shading-50-color: #2E8BC0; // green;
  --aging-work-in-progress-chart-shading-85-color: #ADD8E6; // yellow;
  --aging-work-in-progress-chart-shading-98-color: #FF8A8A; // orange;
  --aging-work-in-progress-chart-shading-100-color: #FF2E2E; // red;
  
  --aging-work-in-progress-by-age-trend-line-color: gray;
  
  --aging-work-table-date-in-jeopardy: yellow;
  --aging-work-table-date-overdue: red;

  --hierarchy-table-inactive-item-text-color: gray;

  --wip-chart-completed-color: #00ff00;
  --wip-chart-completed-but-not-started-color: #99FF99;
  --wip-chart-duration-less-than-day-color: #ffef41;
  --wip-chart-duration-week-or-less-color: #dcc900;
  --wip-chart-duration-two-weeks-or-less-color: #dfa000;
  --wip-chart-duration-four-weeks-or-less-color: #eb7200;
  --wip-chart-duration-more-than-four-weeks-color: #e70000;
  --wip-chart-active-color: #326cff;
  --wip-chart-border-color: gray;

  --estimate-accuracy-chart-completed-fill-color: #00ff00;
  --estimate-accuracy-chart-completed-border-color: green;
  --estimate-accuracy-chart-active-fill-color: #FFCCCB;
  --estimate-accuracy-chart-active-border-color: red;

  --expedited-chart-no-longer-expedited: gray;
  --expedited-chart-dot-issue-started-color: orange;
  --expedited-chart-dot-issue-stopped-color: green;
  --expedited-chart-dot-expedite-started-color: red;
  --expedited-chart-dot-expedite-stopped-color: green;

  --sprint-burndown-sprint-color-1: blue;
  --sprint-burndown-sprint-color-2: orange;
  --sprint-burndown-sprint-color-3: green;
  --sprint-burndown-sprint-color-4: red;
  --sprint-burndown-sprint-color-5: brown;

  --daily-view-selected-issue-background: lightgray;
  --daily-view-issue-border: green;
  --daily-view-selected-issue-border: red;

}

body {
  background-color: var(--body-background);
  color: var(--default-text-color);
}

dl, dd, dt {
  padding: 0;
  margin: 0;
}
dd {
  margin-bottom:  0.4em;
}
span.highlight {
  background: #FDD5B1;
}
a.issue_key {
  white-space: nowrap;
}
table.standard {
  th {
    border-bottom: 1px solid gray;
    position: sticky;
    top: 0;
    background: white;
  }
  td {
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align: top;
  }
  tr:nth-child(odd){
    background-color: #eee;
  }
}

.chart {
  background-color: white;
}

div.p {
  margin: 0.5em 0;
  padding: 0;
}

div.color_block {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  border: 1px solid black;
}

ul.quality_report {
  list-style-type: '⮕';
  ::marker {
    color: red;
  }
  li {
    padding: 0.2em;
  }
}

#footer {
  text-align: center;
  margin-top: 1em;
  border-top: 1px solid gray;
}

div.daily_issue:hover {
  background: var(--daily-view-selected-issue-background);
  border-color: var(--daily-view-selected-issue-border);
}

div.daily_issue {
  border: 1px solid var(--daily-view-issue-border);
  padding: 0.5em;
  .heading {
    vertical-align: middle;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5em;
    align-items: center;
  }
  table {
    margin-left: 1em;
    td {
      vertical-align: top;
    }
    .time {
      white-space: nowrap;
      font-size: 0.8em;
    }
  }
  .icon {
    width: 1em;
    height: 1em;
  }
  .account_id {
    font-weight: bold;
  }
  .field {
    border: 1px solid black;
    color: white;
    background: black;
    padding-left: 0.2em;
    padding-right: 0.2em;
    border-radius: 0.2em;
  }
  .label {
    border: 1px solid black;
    padding-left: 0.2em;
    padding-right: 0.2em;
    border-radius: 0.2em;
  }
  h1 {
    border: none;
    background: none;
    padding-left: 0;
  }
  margin-bottom: 0.5em;
}
div.child_issue:hover {
  background: var(--body-background);
}
div.child_issue {
  border: 1px dashed green;
  margin: 0.2em;
  margin-left: 1.5em;
  padding: 0.5em;
}

@media screen and (prefers-color-scheme: dark) {
  :root {
    --warning-banner: #9F2B00;

    --non-working-days-color: #2f2f2f;
    --type-story-color: #6fb86f;
    --type-task-color: #0021b3;
    --type-bug-color: #bb5603;

    --body-background: #343434;
    --default-text-color: #aaa;
    --grid-line-color: #424242;

    --expedited-color: #b90000;
    --blocked-color: #c75b02;
    --stalled-color: #ae7202;
    --dead-color: black;
    --wip-chart-active-color: #2551c1;

    --status-category-inprogress-color: #1c49bb;

    --cycletime-scatterplot-overall-trendline-color: gray;

    --hierarchy-table-inactive-item-text-color: #939393;

    --wip-chart-completed-color: #03cb03;
    --wip-chart-completed-but-not-started-color: #99FF99;
    --wip-chart-duration-less-than-day-color: #d2d988;
    --wip-chart-duration-week-or-less-color: #dfcd00;
    --wip-chart-duration-two-weeks-or-less-color: #cf9400;
    --wip-chart-duration-four-weeks-or-less-color: #c25e00;
    --wip-chart-duration-more-than-four-weeks-color: #8e0000;

    --daily-view-selected-issue-background: #474747;
  }

  a[href] {
    color: #1e8ad6;
  }

  a[href]:hover {
    color: #3ba0e6;
  }

  .chart {
    background: var(--body-background);
  }

  table.standard {
    th {
      border-bottom: 1px solid gray;
      background: var(--body-background);
    }
    tr:nth-child(odd){
      background-color: #656565;
    }
  }

  div.color_block {
    border: 1px solid lightgray;
  }

  div.daily_issue {
    .field {
      color: var(--default-text-color);
    }
  }
}

}