/**********************************************************************/
/* ICONS
/**********************************************************************/
#admin-menu a.agile { background-image: url(../images/agile.png);}
.icon-fullscreen { background-image:  url(../images/fullscreen.png); }

/**********************************************************************/
/* FULLSCREEN
/**********************************************************************/
html.agile-board-fullscreen {
  overflow: hidden;
}

html.agile-board-fullscreen div.agile-board {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 20;
  background: white;
  overflow-y:scroll;
}

html.agile-board-fullscreen table.list.issues-board {
  min-height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
}

html.agile-board-fullscreen table.list.issues-board.sticky { min-height: auto; }

html.agile-board-fullscreen .icon-fullscreen {
  position: fixed;
  right: 5px;
  top: 5px;
  z-index: 21;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}

div.agile-board.autoscroll {
  overflow: visible;
  position: relative;
}

/**********************************************************************/
/* BOARD SETTINGS
/**********************************************************************/
table.options tr > td {
  white-space: nowrap;
}

.agile_options_field {
  display: inline-block;
  min-width: 30%;
}

.agile_options_label {
  display: inline-block;
  min-width: 100px;
}

.selected_sprint {
  font-size: 14px;
}

.selected_sprint > select {
  font-size: 14px;
}

.card-fields .floating {
  text-align: left;
  width: 200px;
  float: left;
  overflow: hidden;
  word-wrap: break-word;
}

.card-fields .floating label span {
  width: 110px;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.card-fields .floating .wp_input{
  width: 50px;
  padding: 1px 5px !important;
}

.card-fields .floating .wp_input:not(:focus) {
    background-color: transparent;
    border-color: transparent;
    font-size: 90%;
}


/**********************************************************************/
/* ISSUES SIDEBAR
/**********************************************************************/
#sidebar ul {
  margin: 0;
  padding: 0;
}

#sidebar ul li {
  list-style-type: none;
  margin: 0px 2px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/**********************************************************************/
/* PLANNING BOARD
/**********************************************************************/
table.versions-planning-board {
  border-spacing: 10px;
  width: 100%;
}

table.versions-planning-board td.issue-version-col {
  vertical-align: top;
  height: 400px;
}

table.list.versions-planning-board input#search.autocomplete {width: 80%;}

table.list.versions-planning-board tbody tr,
table.list.versions-planning-board tbody tr:hover {background-color: white;}
table.list.versions-planning-board .header-hours {
  float: right;
  vertical-align: baseline;
  height: 26px;
  line-height: 26px;
}

/**********************************************************************/
/* AGILE BOARD
/**********************************************************************/
table.list.issues-board {table-layout: fixed;}
table.list.issues-board th {overflow: hidden; text-overflow: ellipsis;}

.agile-board table.list.issues-board tbody tr,
.agile-board table.list.issues-board tbody tr:hover {background-color: white;}

.assignable-user.draggable-active {
  padding: 5px;
  border: 1px solid #D5D5D5;
  background-color: #ffffdd;
}

table.issues-board .issue-status-col.empty { padding-bottom: 30px }
table.issues-board td.issue-status-col.closed {background-color: #FAFAFA;}

table.issues-board tr.group.swimlane {height: 30px;}
table.issues-board tr.group.swimlane td {border-top: 0px;border-bottom: 1px solid #ccc;}

table.issues-board tbody td,
table.issues-board tbody tr.issue:hover td {border: 0px; vertical-align: top;}

table.issues-board.minimize-closed td.issue-status-col.closed .issue-card {
  width: 10px;
  float: left;
}
table.issues-board.minimize-closed td.issue-status-col.closed .issue-card span.fields {display: none;}

/**********************************************************************/
/* ISSUE CARD
/**********************************************************************/
.issue-card {
  padding: 5px;
  border: solid 1px #d5d5d5;
  background-color: #ffffdd;
  margin: 5px;
  word-wrap: break-word;
  text-align: left;
  white-space: normal;
  cursor: pointer;
  position: relative;
}

.issues-board td.issue-status-col.closed .issue-card.closed-issue {float: left;}
.issues-board td.issue-status-col.closed.collapse .issue-card.float-left {float: left; position: relative;}
.issue-card.closed-issue {white-space: nowrap; display: inline-block;}
.issue-card .tip{ position: fixed; white-space: normal; }

.issue-card:not(.context-menu-selection) .attributes,
.issue-card:not(.context-menu-selection) span.hours  {color: #888;}

.issue-card .attributes,
.issue-card span.hours {font-size: 90%;}

.issue-card span.hours {float: right;}

.issue-card .thumbnail {
  height: 145px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  margin: 5px;
}

.issue-card .checkbox {display: none;}
.issue-card .avatar {float: left; margin-right: 5px;}
.issue-card p.name {font-weight: bold;}
.issue-card p.project {
  border: 1px solid #d5d5d5;
  padding: 5px;
  margin-bottom: 5px;
  text-align: center;
  background-color: white;
}
.issue-card .info {
  border-top: 1px solid #d5d5d5;
  padding-top: 5px;
  margin-top: 5px;
}
.issue-card table.progress {
  float: none;
  margin-top: 5px;
  width: 100%;
}

.issue-card table.progress td {
  height: 5px;
  padding: 0px;
}

.issue-card li.task-closed {
  text-decoration: line-through;
  color: #999;
}

.issue-card div.sub-issues {
  border-top: 1px solid #d5d5d5;
  padding-top: 5px;
  margin-top: 5px;
  font-size: 90%;
}

.issue-card div.sub-issues ul {
  margin: 1px 0px 5px 0px;
  padding-left: 30px;
}

.issue-card .issue-id.without-tracker {
  float: right;
}

.issue-card.context-menu-selection p.project {
  color: black;
}

.issue-card.context-menu-selection .attributes,
.issue-card.context-menu-selection em.info {
  color: white;
}

.issues-board td.issue-status-col.closed .issue-card {background-color: #EDEDED;}

.issue-card.ui-sortable-helper {
  -moz-transform: rotate(5deg); /* Для Firefox */
  -ms-transform: rotate(5deg); /* Для IE */
  -webkit-transform: rotate(5deg); /* Для Safari, Chrome, iOS */
  -o-transform: rotate(5deg); /* Для Opera */
  transform: rotate(5deg);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}


.issue-card.br-red {border-left: 5px solid red;}
.issue-card.br-green {border-left: 5px solid green;}
.issue-card.br-blue {border-left: 5px solid blue;}
.issue-card.br-turquoise {border-left: 5px solid turquoise;}
.issue-card.br-lightgreen {border-left: 5px solid lightgreen;}
.issue-card.br-yellow {border-left: 5px solid yellow;}
.issue-card.br-orange {border-left: 5px solid orange;}
.issue-card.br-purple {border-left: 5px solid purple;}
.issue-card.br-gray {border-left: 5px solid gray;}

table.list.issues tr.issue.br-red, .issue-card.br-red {border-left: 5px solid red;}
table.list.issues tr.issue.br-green, .issue-card.br-green {border-left: 5px solid green;}
table.list.issues tr.issue.br-blue, .issue-card.br-blue {border-left: 5px solid blue;}
table.list.issues tr.issue.br-turquoise, .issue-card.br-turquoise {border-left: 5px solid turquoise;}
table.list.issues tr.issue.br-lightgreen, .issue-card.br-lightgreen {border-left: 5px solid lightgreen;}
table.list.issues tr.issue.br-yellow, .issue-card.br-yellow {border-left: 5px solid yellow;}
table.list.issues tr.issue.br-orange, .issue-card.br-orange {border-left: 5px solid orange;}
table.list.issues tr.issue.br-purple, .issue-card.br-purple {border-left: 5px solid purple;}
table.list.issues tr.issue.br-gray, .issue-card.br-gray {border-left: 5px solid gray;}

.issue-card.bk-red {background-color: #FFE2E3; border-color: rgb(255, 201, 201);}
.issue-card.bk-green {background-color: #DFFFCC; border-color: rgb(190, 239, 190);}
.issue-card.bk-blue {background-color: #DCE7FF; border-color: rgb(189, 189, 233);}
.issue-card.bk-turquoise {background-color: #C4FDFF; border-color: rgb(151, 222, 214);}
.issue-card.bk-lightgreen {background-color: #D2FFEF; border-color: rgb(184, 228, 226);}
.issue-card.bk-yellow {background-color: #FFFD9C; border-color: rgb(234, 234, 94);}
.issue-card.bk-orange {background-color: #FFDBBA; border-color: rgb(255, 202, 105);}
.issue-card.bk-purple {background-color: #EFDFFC; border-color: rgb(233, 186, 233);}
.issue-card.bk-gray {background-color: #e1e1e1; border-color: rgb(198, 198, 198);}

div.issue.details.br-red div.subject div > h3::before, div.issue.details.bk-red div.subject div > h3::before, a.issue.bk-red::before, a.issue.br-red::before {content: "\25CF  "; color: red;}
div.issue.details.br-green div.subject div > h3::before, div.issue.details.bk-green div.subject div > h3::before, a.issue.bk-green::before, a.issue.br-green::before {content: "\25CF  "; color: green;}
div.issue.details.br-blue div.subject div > h3::before, div.issue.details.bk-blue div.subject div > h3::before, a.issue.bk-blue::before, a.issue.br-blue::before {content: "\25CF  "; color: blue;}
div.issue.details.br-turquoise div.subject div > h3::before, div.issue.details.bk-turquoise div.subject div > h3::before, a.issue.bk-turquoise::before, a.issue.br-turquoise::before {content: "\25CF  "; color: turquoise;}
div.issue.details.br-lightgreen div.subject div > h3::before, div.issue.details.bk-lightgreen div.subject div > h3::before, a.issue.bk-lightgreen::before, a.issue.br-lightgreen::before {content: "\25CF  "; color: lightgreen;}
div.issue.details.br-yellow div.subject div > h3::before, div.issue.details.bk-yellow div.subject div > h3::before, a.issue.bk-yellow::before, a.issue.br-yellow::before {content: "\25CF  "; color: yellow;}
div.issue.details.br-orange div.subject div > h3::before, div.issue.details.bk-orange div.subject div > h3::before, a.issue.bk-orange::before, a.issue.br-orange::before {content: "\25CF  "; color: orange;}
div.issue.details.br-purple div.subject div > h3::before, div.issue.details.bk-purple div.subject div > h3::before, a.issue.bk-purple::before, a.issue.br-purple::before {content: "\25CF  "; color: purple;}
div.issue.details.br-gray div.subject div > h3::before, div.issue.details.bk-gray div.subject div > h3::before, a.issue.bk-gray::before, a.issue.br-gray::before {content: "\25CF  "; color: gray;}

table.list.issues tr.issue:not(.context-menu-selection).bk-red td.id a {background-color: #FFE2E3; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-green td.id a {background-color: #DFFFCC; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-blue td.id a {background-color: #DCE7FF; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-turquoise td.id a {background-color: #C4FDFF; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-lightgreen td.id a {background-color: #D2FFEF; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-yellow td.id a {background-color: #FFFD9C; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-orange td.id a {background-color: #FFDBBA; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-purple td.id a {background-color: #EFDFFC; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-gray td.id a {background-color: #e1e1e1; padding: 2px; border: 1px solid #DDD;}


/**********************************************************************/
/* ISSUE CARD CHECKLIST
/**********************************************************************/

.issue-card div.checklist {
  border-top: 1px solid #d5d5d5;
  padding-top: 5px;
  margin-top: 5px;
  font-size: 90%;
}

.issue-card div.checklist ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.issue-card div.checklist input[type=checkbox] {
  margin: 0px;
}

/**********************************************************************/
/* ISSUE CARD QUICKEDIT
/**********************************************************************/

.issue-card div.quick-edit-card {
  position: absolute;
  right: 2px;
  bottom: 2px;
  border: 1px solid #ddd;
  background-color: white;
  height: 17px;
  padding: 1px 1px 0px 1px;
  margin: 0px;
  display: none;
}

.issue-card div.quick-edit-card a {
  float: left;
}

.issue-card:hover div.quick-edit-card.hidden{
  display: none;
}
.issue-card:hover div.quick-edit-card {
  display: block;
  cursor: default;
  opacity: 0.5;
}

.issue-card:hover div.quick-edit-card:hover { opacity: 1;}

.issue-card .quick-comment {
  display: none;
  margin-top: 5px;
  padding-right: 5px;
}

.issue-card .quick-comment textarea{
  width: 100%;
}

.issue-card .quick-edit {
  margin-right: 3px;
}

.issue-card .last-comment{
  font-style: italic;
}

.issues-board .add-issue{
  background: transparent;
  border: 1px dashed rgba(48, 59, 77, 0.3);
  padding: 5px;
  margin: 5px;
}

.issues-board .add-issue .new-card__input{
  outline: none;
  width: 100%;
  border: 0px;
  background: transparent;
  position: relative;
  text-align: center;
}

/**********************************************************************/
/* ISSUES BOARD
/**********************************************************************/

.issues-board td.issue-status-col.droppable-hover, .issues-board td.issue-status-col .issue-card.droppable-hover {
  border-style: dotted;
  background-color: #E9F8FD;
}

table.list thead tr th span.hours {color: #888; float: right; font-size: 90%; font-weight: normal;}
table.issues-board thead th {white-space: normal;}
/*
tr.issue.br-red td.id::before,
tr.issue.br-green td.id::before,
tr.issue.br-blue td.id::before,
tr.issue.br-turquoise td.id::before,
tr.issue.br-lightgreen td.id::before,
tr.issue.br-yellow td.id::before,
tr.issue.br-orange td.id::before,
tr.issue.br-purple td.id::before,
tr.issue.br-gray td.id::before,
*/

.wp_input {
  margin-left: 2px;
}

table.issues-board thead th span.count span.under_wp_limit {color: #008000;}
table.issues-board thead th span.count span.over_wp_limit {color: #A50000;}

table.issues-board thead th.under_wp_limit {background-color: #D4F1D4;}
table.issues-board thead th.over_wp_limit {background-color: #FFE9E9;}

table.issues-board tbody td.under_wp_limit {background-color: #EFFFEF;}
table.issues-board tbody td.over_wp_limit {background-color: #FFF6F6;}

.add-issue{
  background: transparent;
  border: 1px dashed rgba(48, 59, 77, 0.3);
  margin: 5px;
}

.add-issue .new-card__input{
  outline: none;
  width: 100%;
  border: 0px;
  background: transparent;
  position: relative;
  text-align: center;
}
table.issues-board tbody td.over_wp_limit {background-color: #FFF6F6;}

.lock {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.9;
}

.agile-board-fullscreen .lock{
  position: fixed;
}


.agile-chart-container {
  margin: auto;
  min-height: 400px;
  max-width: 1200px;
}

.issue-card.filtered {
  opacity: 0.2;
}


table.list.issues-board.sticky {
  display: table;
  top: 0px;
  position: fixed;
}

@media screen and (max-width: 899px) {
  html.agile-board-fullscreen div.agile-board {
    padding: 64px 0 0; /* padding-top equals header height */
  }

  html.agile-board-fullscreen .icon-fullscreen {
    top: 64px; /* top equals header height */
  }

  html.agile-board-fullscreen table.list.issues-board.sticky { top: 64px; }
  table.list.issues-board.sticky { top: 64px; }

  html.agile-board-fullscreen #wrapper > div.flyout-menu.js-flyout-menu { z-index: 22; }
}

.planning-board {
  display: flex;
  overflow-x: auto;
}

.planning-board p {
    margin: 0;
}

.planning-board .column-content {
  width: 272px;
  min-width: 272px;
  margin: 0 4px 4px 4px;
  background-color: #f6f7f8;
  border: 1px solid #d7d7d7;
}

.planning-board .column-header {
  display: block;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
  padding: 5px;
  background-color: #eeeeee;
  border-bottom: 1px solid #d7d7d7;
}

.planning-board .column-header .version-name {
  color: #555;
  font-size: 90%;
  font-weight: bold;
}

.planning-board .column-issues {
  padding-bottom: 30px;
}

.planning-board .closed-issue {
  color: #999;
  display: block;
  white-space: inherit;
  background-color: #ededed;
  border-color: #d7d7d7;
}

.planning-board .closed-issue p.name a, .planning-board .closed-issue p.issue-id {
  color: #999;
  text-decoration: line-through;
}

.issue-edit-modal {
  min-height: initial !important;
}

.modal-action-button {
  height: 28px;
}

.agile_sprint_list .spring_column { text-align: center; }

.controller-agile_boards .query-totals {
  margin-top: -2.3em;
}

.agile-board-fullscreen .controller-agile_boards .query-totals {
  margin: 0px;
  position: fixed;
  top: 0px;
  background: inherit;
  left: 0;
  right: 0;
  padding-right: 32px;
  min-height: 20px;
  line-height: 20px;
}

.backlog-column-header {
  min-width: 15%;
  border-right: solid 3px #d7d7d7;
}

.issue-backlog-search { padding: 5px 5px 0px 5px; }
.issue-backlog-search input#search {
  max-width: 100%;
}

.issues-board .backlog-column-header { background-color: #e1f1f8; }

.issues-board .issue-backlog-col {
  background: #e1f1f8;
  border-right: solid 3px #d7d7d7 !important;
}

html {
  overflow-y: inherit !important;
}

/**********************************************************************/
/* STATUS TIMELINE GANTT
/**********************************************************************/

/* Timeline Container */
.timeline-container {
  min-height: 600px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 0;
  margin-bottom: 80px;
  background: #fff;
}

.timeline-loading {
  padding: 50px;
  text-align: center;
  font-size: 16px;
  color: #666;
}

.timeline-container .nodata {
  padding: 50px;
  text-align: center;
  color: #999;
}

/* Timeline Filters */
.timeline-filters {
  margin-bottom: 15px;
  padding: 12px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.timeline-date-selector {
  display: inline-block;
}

.timeline-date-selector label {
  margin-right: 5px;
  font-weight: bold;
}

.timeline-date-selector input[type="text"] {
  margin-right: 15px;
}

.timeline-presets {
  margin-left: 15px;
  font-size: 0.9em;
}

.timeline-presets a {
  color: #169;
  text-decoration: none;
}

.timeline-presets a:hover {
  text-decoration: underline;
}

/* Timeline Issue Items */
.timeline-issue-item {
  border-left: 4px solid #333;
  background: transparent;
  padding: 0;
  position: relative;
  overflow: visible;
  text-align: right;
}

.timeline-issue-content {
  padding: 8px;
  position: relative;
  z-index: 3;
  background: transparent;
  border-radius: 3px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.timeline-issue-content .issue-header {
  font-size: 13px;
  margin-bottom: 2px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

.timeline-issue-content .issue-header strong {
  color: #169;
}

/* Progress Bar - Table Style (matching agile cards) */
.timeline-issue-content .progress-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
}

.timeline-issue-content .progress-label {
  font-size: 7px;
  font-weight: bold;
  margin-right: 8px;
  white-space: nowrap;
  color: #333;
}

.timeline-issue-content table.progress {
  float: none;
  margin: 0;
  width: 100%;
  max-width: 300px;
  border-collapse: collapse;
  table-layout: fixed;
  display: table;
}

.timeline-issue-content table.progress tbody {
  display: table-row-group;
}

.timeline-issue-content table.progress tr {
  display: table-row;
}

.timeline-issue-content table.progress td {
  height: 6px;
  padding: 0;
  margin: 0;
  border: none;
  display: table-cell;
  min-width: 1px;
}

.timeline-issue-content table.progress td.closed {
  background-color: #5cb85c;
}

.timeline-issue-content table.progress td.todo {
  background-color: #e0e0e0;
}

/* Time Progress Bar - Spent/Estimated */
.timeline-issue-content table.progress-time {
  margin-top: 3px;
}

.timeline-issue-content table.progress-time td.spent {
  background-color: #4a90e2;
}

.timeline-issue-content table.progress-time td.remaining {
  background-color: #e0e0e0;
}

.timeline-issue-content table.progress-time td.overtime {
  background-color: #e74c3c;
}

/* Old Progress Bar (deprecated, kept for compatibility) */
.progress-bar-container {
  height: 18px;
  background: #e0e0e0;
  border-radius: 3px;
  margin: 6px 0;
  position: relative;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #5cb85c, #4cae4c);
  transition: width 0.3s ease;
  border-radius: 3px 0 0 3px;
}

.progress-text {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 0 2px rgba(255,255,255,0.8);
}

/* Status Timeline Segments - Background */
.status-segments-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 0;
  border-radius: 3px;
  overflow: hidden;
}

.status-segment-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-right: 2px solid rgba(255,255,255,0.5);
  position: relative;
  min-width: 10px;
  transition: all 0.2s;
  opacity: 1;
}

.status-segment-bg:last-child {
  border-right: none;
}

.status-segment-bg:hover {
  filter: brightness(1.1);
}

.status-segment-bg .hours-badge {
  background: rgba(0,0,0,0.5);
  padding: 2px 5px;
  border-radius: 2px;
  font-size: 9px;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Status Pattern Icons - Font Awesome SVGs - Subtle and spaced out */
.status-segment-bg[title="Ongoing"] {
  /* fa-sync - circular arrows/sync icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg fill='%23000' fill-opacity='.06'%3E%3Cpath d='M440.65 12.57l4 82.77A247.16 247.16 0 0 0 255.83 8C134.73 8 33.91 94.92 12.29 209.82A12 12 0 0 0 24.09 224h49.05a12 12 0 0 0 11.67-9.26 175.91 175.91 0 0 1 317-56.94l-101.46-4.86a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12H500a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12h-47.37a12 12 0 0 0-11.98 12.57zM255.83 432a175.61 175.61 0 0 1-146-77.8l101.8 4.87a12 12 0 0 0 12.57-12v-47.4a12 12 0 0 0-12-12H12a12 12 0 0 0-12 12V500a12 12 0 0 0 12 12h47.35a12 12 0 0 0 12-12.6l-4.15-82.57A247.17 247.17 0 0 0 255.83 504c121.11 0 221.93-86.92 243.55-201.82a12 12 0 0 0-11.8-14.18h-49.05a12 12 0 0 0-11.67 9.26A175.86 175.86 0 0 1 255.83 432z'/%3E%3C/g%3E%3Cg transform='translate(512 512)' fill='%23000' fill-opacity='.06'%3E%3Cpath d='M440.65 12.57l4 82.77A247.16 247.16 0 0 0 255.83 8C134.73 8 33.91 94.92 12.29 209.82A12 12 0 0 0 24.09 224h49.05a12 12 0 0 0 11.67-9.26 175.91 175.91 0 0 1 317-56.94l-101.46-4.86a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12H500a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12h-47.37a12 12 0 0 0-11.98 12.57zM255.83 432a175.61 175.61 0 0 1-146-77.8l101.8 4.87a12 12 0 0 0 12.57-12v-47.4a12 12 0 0 0-12-12H12a12 12 0 0 0-12 12V500a12 12 0 0 0 12 12h47.35a12 12 0 0 0 12-12.6l-4.15-82.57A247.17 247.17 0 0 0 255.83 504c121.11 0 221.93-86.92 243.55-201.82a12 12 0 0 0-11.8-14.18h-49.05a12 12 0 0 0-11.67 9.26A175.86 175.86 0 0 1 255.83 432z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 56px 56px;
}

.status-segment-bg[title="New / Backlog"],
.status-segment-bg[title="New"],
.status-segment-bg[title="Backlog"] {
  /* fa-file-alt - document icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg fill='%23000' fill-opacity='.06'%3E%3Cpath d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm96-114.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z'/%3E%3C/g%3E%3Cg transform='translate(512 512)' fill='%23000' fill-opacity='.06'%3E%3Cpath d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm96-114.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 56px 56px;
}

.status-segment-bg[title="In Evaluation"] {
  /* fa-hourglass-half - hourglass */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg fill='%23000' fill-opacity='.06'%3E%3Cpath d='M360 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24 0 90.965 51.016 167.734 120.842 192C75.016 280.266 24 357.035 24 448c-13.255 0-24 10.745-24 24v16c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24 0-90.965-51.016-167.734-120.842-192C308.984 231.734 360 154.965 360 64c13.255 0 24-10.745 24-24V24c0-13.255-10.745-24-24-24zm-75.078 384H99.08c17.059-46.797 52.096-80 92.92-80 40.821 0 75.862 33.196 92.922 80zm.019-256H99.078C91.988 108.548 88 86.748 88 64h208c0 22.805-3.987 44.587-11.059 64z'/%3E%3C/g%3E%3Cg transform='translate(512 512)' fill='%23000' fill-opacity='.06'%3E%3Cpath d='M360 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24 0 90.965 51.016 167.734 120.842 192C75.016 280.266 24 357.035 24 448c-13.255 0-24 10.745-24 24v16c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24 0-90.965-51.016-167.734-120.842-192C308.984 231.734 360 154.965 360 64c13.255 0 24-10.745 24-24V24c0-13.255-10.745-24-24-24zm-75.078 384H99.08c17.059-46.797 52.096-80 92.92-80 40.821 0 75.862 33.196 92.922 80zm.019-256H99.078C91.988 108.548 88 86.748 88 64h208c0 22.805-3.987 44.587-11.059 64z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 56px 56px;
}

.status-segment-bg[title="In Review"] {
  /* fa-search - magnifying glass */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg fill='%23000' fill-opacity='.06'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/g%3E%3Cg transform='translate(512 512)' fill='%23000' fill-opacity='.06'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 56px 56px;
}

.status-segment-bg[title="Accepted"] {
  /* fa-thumbs-up - thumbs up */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg fill='%23000' fill-opacity='.06'%3E%3Cpath d='M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z'/%3E%3C/g%3E%3Cg transform='translate(512 512)' fill='%23000' fill-opacity='.06'%3E%3Cpath d='M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 56px 56px;
}

.status-segment-bg[title="In Progress"] {
  /* fa-cogs - multiple gears */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg fill='%23000' fill-opacity='.06'%3E%3Cpath d='M512.1 191l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0L552 6.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zm-10.5-58.8c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.7-82.4 14.3-52.8 52.8zM386.3 286.1l33.7 16.8c10.1 5.8 14.5 18.1 10.5 29.1-8.9 24.2-26.4 46.4-42.6 65.8-7.4 8.9-20.2 11.1-30.3 5.3l-29.1-16.8c-16 13.7-34.6 24.6-54.9 31.7v33.6c0 11.6-8.3 21.6-19.7 23.6-24.6 4.2-50.4 4.4-75.9 0-11.5-2-20-11.9-20-23.6V418c-20.3-7.2-38.9-18-54.9-31.7L74 403c-10 5.8-22.9 3.6-30.3-5.3-16.2-19.4-33.3-41.6-42.2-65.7-4-10.9.4-23.2 10.5-29.1l33.3-16.8c-3.9-20.9-3.9-42.4 0-63.4L12 205.8c-10.1-5.8-14.6-18.1-10.5-29 8.9-24.2 26-46.4 42.2-65.8 7.4-8.9 20.2-11.1 30.3-5.3l29.1 16.8c16-13.7 34.6-24.6 54.9-31.7V57.1c0-11.5 8.2-21.5 19.6-23.5 24.6-4.2 50.5-4.4 76-.1 11.5 2 20 11.9 20 23.6v33.6c20.3 7.2 38.9 18 54.9 31.7l29.1-16.8c10-5.8 22.9-3.6 30.3 5.3 16.2 19.4 33.2 41.6 42.1 65.8 4 10.9.1 23.2-10 29.1l-33.7 16.8c3.9 21 3.9 42.5 0 63.5zm-117.6 21.1c59.2-77-28.7-164.9-105.7-105.7-59.2 77 28.7 164.9 105.7 105.7zm243.4 182.7l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0l8.2-14.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zM501.6 431c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.6-82.4 14.3-52.8 52.8z'/%3E%3C/g%3E%3Cg transform='translate(512 512)' fill='%23000' fill-opacity='.06'%3E%3Cpath d='M512.1 191l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0L552 6.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zm-10.5-58.8c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.7-82.4 14.3-52.8 52.8zM386.3 286.1l33.7 16.8c10.1 5.8 14.5 18.1 10.5 29.1-8.9 24.2-26.4 46.4-42.6 65.8-7.4 8.9-20.2 11.1-30.3 5.3l-29.1-16.8c-16 13.7-34.6 24.6-54.9 31.7v33.6c0 11.6-8.3 21.6-19.7 23.6-24.6 4.2-50.4 4.4-75.9 0-11.5-2-20-11.9-20-23.6V418c-20.3-7.2-38.9-18-54.9-31.7L74 403c-10 5.8-22.9 3.6-30.3-5.3-16.2-19.4-33.3-41.6-42.2-65.7-4-10.9.4-23.2 10.5-29.1l33.3-16.8c-3.9-20.9-3.9-42.4 0-63.4L12 205.8c-10.1-5.8-14.6-18.1-10.5-29 8.9-24.2 26-46.4 42.2-65.8 7.4-8.9 20.2-11.1 30.3-5.3l29.1 16.8c16-13.7 34.6-24.6 54.9-31.7V57.1c0-11.5 8.2-21.5 19.6-23.5 24.6-4.2 50.5-4.4 76-.1 11.5 2 20 11.9 20 23.6v33.6c20.3 7.2 38.9 18 54.9 31.7l29.1-16.8c10-5.8 22.9-3.6 30.3 5.3 16.2 19.4 33.2 41.6 42.1 65.8 4 10.9.1 23.2-10 29.1l-33.7 16.8c3.9 21 3.9 42.5 0 63.5zm-117.6 21.1c59.2-77-28.7-164.9-105.7-105.7-59.2 77 28.7 164.9 105.7 105.7zm243.4 182.7l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0l8.2-14.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zM501.6 431c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.6-82.4 14.3-52.8 52.8z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 70px 56px;
}

.status-segment-bg[title="Testing / Feedback"],
.status-segment-bg[title="Testing"],
.status-segment-bg[title="Feedback"] {
  /* fa-tasks - checklist with checkmarks */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg fill='%23000' fill-opacity='.06'%3E%3Cpath d='M139.61 35.5a12 12 0 0 0-17 0L58.93 98.81l-22.7-22.12a12 12 0 0 0-17 0L3.53 92.41a12 12 0 0 0 0 17l47.59 47.4a12.78 12.78 0 0 0 17.61 0l15.59-15.62L156.52 69a12.09 12.09 0 0 0 .09-17zm0 159.19a12 12 0 0 0-17 0l-63.68 63.72-22.7-22.1a12 12 0 0 0-17 0L3.53 252a12 12 0 0 0 0 17L51 316.5a12.77 12.77 0 0 0 17.6 0l15.7-15.69 72.2-72.22a12 12 0 0 0 .09-16.9zM64 368c-26.49 0-48.59 21.5-48.59 48S37.53 464 64 464a48 48 0 0 0 0-96zm432 16H208a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H208a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H208a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z'/%3E%3C/g%3E%3Cg transform='translate(512 512)' fill='%23000' fill-opacity='.06'%3E%3Cpath d='M139.61 35.5a12 12 0 0 0-17 0L58.93 98.81l-22.7-22.12a12 12 0 0 0-17 0L3.53 92.41a12 12 0 0 0 0 17l47.59 47.4a12.78 12.78 0 0 0 17.61 0l15.59-15.62L156.52 69a12.09 12.09 0 0 0 .09-17zm0 159.19a12 12 0 0 0-17 0l-63.68 63.72-22.7-22.1a12 12 0 0 0-17 0L3.53 252a12 12 0 0 0 0 17L51 316.5a12.77 12.77 0 0 0 17.6 0l15.7-15.69 72.2-72.22a12 12 0 0 0 .09-16.9zM64 368c-26.49 0-48.59 21.5-48.59 48S37.53 464 64 464a48 48 0 0 0 0-96zm432 16H208a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H208a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H208a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 56px 56px;
}

.status-segment-bg[title="Tested"] {
  /* fa-check - checkmark */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg fill='%23000' fill-opacity='.06'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/g%3E%3Cg transform='translate(512 512)' fill='%23000' fill-opacity='.06'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 56px 56px;
}

.status-segment-bg[title="Resolved"] {
  /* fa-flag-checkered - checkered racing flag */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cg fill='%23000' fill-opacity='.06'%3E%3Cpath d='M243.2 189.9V258c26.1 5.9 49.3 15.6 73.6 22.3v-68.2c-26-5.8-49.4-15.5-73.6-22.2zm223.3-123c-34.3 15.9-76.5 31.9-117 31.9C296 98.8 251.7 64 184.3 64c-25 0-47.3 4.4-68 12 2.8-7.3 4.1-15.2 3.6-23.6C118.1 24 94.8 1.2 66.3 0 34.3-1.3 8 24.3 8 56c0 19 9.5 35.8 24 45.9V488c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24v-94.4c28.3-12.1 63.6-22.1 114.4-22.1 53.6 0 97.8 34.8 165.2 34.8 48.2 0 86.7-16.3 122.5-40.9 8.7-6 13.8-15.8 13.8-26.4V95.9c.1-23.3-24.2-38.8-45.4-29zM169.6 325.5c-25.8 2.7-50 8.2-73.6 16.6v-70.5c26.2-9.3 47.5-15 73.6-17.4zM464 191c-23.6 9.8-46.3 19.5-73.6 23.9V286c24.8-3.4 51.4-11.8 73.6-26v70.5c-25.1 16.1-48.5 24.7-73.6 27.1V286c-27 3.7-47.9 1.5-73.6-5.6v67.4c-23.9-7.4-47.3-16.7-73.6-21.3V258c-19.7-4.4-40.8-6.8-73.6-3.8v-70c-22.4 3.1-44.6 10.2-73.6 20.9v-70.5c33.2-12.2 50.1-19.8 73.6-22v71.6c27-3.7 48.4-1.3 73.6 5.7v-67.4c23.7 7.4 47.2 16.7 73.6 21.3v68.4c23.7 5.3 47.6 6.9 73.6 2.7V143c27-4.8 52.3-13.6 73.6-22.5z'/%3E%3C/g%3E%3Cg transform='translate(512 512)' fill='%23000' fill-opacity='.06'%3E%3Cpath d='M243.2 189.9V258c26.1 5.9 49.3 15.6 73.6 22.3v-68.2c-26-5.8-49.4-15.5-73.6-22.2zm223.3-123c-34.3 15.9-76.5 31.9-117 31.9C296 98.8 251.7 64 184.3 64c-25 0-47.3 4.4-68 12 2.8-7.3 4.1-15.2 3.6-23.6C118.1 24 94.8 1.2 66.3 0 34.3-1.3 8 24.3 8 56c0 19 9.5 35.8 24 45.9V488c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24v-94.4c28.3-12.1 63.6-22.1 114.4-22.1 53.6 0 97.8 34.8 165.2 34.8 48.2 0 86.7-16.3 122.5-40.9 8.7-6 13.8-15.8 13.8-26.4V95.9c.1-23.3-24.2-38.8-45.4-29zM169.6 325.5c-25.8 2.7-50 8.2-73.6 16.6v-70.5c26.2-9.3 47.5-15 73.6-17.4zM464 191c-23.6 9.8-46.3 19.5-73.6 23.9V286c24.8-3.4 51.4-11.8 73.6-26v70.5c-25.1 16.1-48.5 24.7-73.6 27.1V286c-27 3.7-47.9 1.5-73.6-5.6v67.4c-23.9-7.4-47.3-16.7-73.6-21.3V258c-19.7-4.4-40.8-6.8-73.6-3.8v-70c-22.4 3.1-44.6 10.2-73.6 20.9v-70.5c33.2-12.2 50.1-19.8 73.6-22v71.6c27-3.7 48.4-1.3 73.6 5.7v-67.4c23.7 7.4 47.2 16.7 73.6 21.3v68.4c23.7 5.3 47.6 6.9 73.6 2.7V143c27-4.8 52.3-13.6 73.6-22.5z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 56px 56px;
}

/* Old status timeline (kept for compatibility) */
.status-timeline {
  display: flex;
  height: 24px;
  margin-top: 6px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #ccc;
}

.status-segment {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-right: 1px solid rgba(255,255,255,0.3);
  position: relative;
  min-width: 20px;
  transition: opacity 0.2s;
}

.status-segment:last-child {
  border-right: none;
}

.status-segment:hover {
  opacity: 0.85;
  cursor: help;
}

.hours-badge {
  background: rgba(0,0,0,0.4);
  padding: 2px 5px;
  border-radius: 2px;
  font-size: 9px;
  white-space: nowrap;
}

/* Daily Hours Badge - positioned per day instead of per status */
.daily-hours-badge {
  position: absolute;
  top: 2px;
  transform: translateX(-50%);
  background: rgba(33, 150, 243, 0.9);
  color: white;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
  z-index: 10;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Timeline Legend */
.timeline-legend {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 10px 15px;
  background: rgba(245, 245, 245, 0.98);
  border-top: 2px solid #ddd;
  border-radius: 0;
  z-index: 1000;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.timeline-legend h4 {
  margin: 0 0 6px 0;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  display: inline-block;
  margin-right: 15px;
}

/* Weekend Background */
.vis-item.timeline-weekend-bg {
  background-color: #f5f5f5;
  border: none;
  opacity: 0.6;
  z-index: -1;
}

.legend-items {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
}

.legend-color {
  display: inline-block;
  width: 20px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid rgba(0,0,0,0.2);
}

.legend-label {
  font-size: 12px;
  color: #333;
}

/* Vis-Timeline Customization */
.vis-item {
  border-color: #333;
  border-width: 1px;
  position: relative;
  overflow: visible !important;
}

.vis-item.vis-selected {
  border-color: #169;
  border-width: 2px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.vis-item .vis-item-content {
  padding: 0 !important;
  position: relative;
  z-index: 2;
  overflow: visible !important;
}

/* Override vis-timeline library padding with more specific selector */
.vis-timeline .vis-item.vis-range .vis-item-content {
  padding: 0 !important;
}

/* Fix overflow for timeline items to show content */
.vis-item .vis-item-overflow {
  overflow: visible !important;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

/* Agile Card Tooltip */
.agile-card-tooltip {
  position: fixed;
  background: white;
  border: 2px solid #333;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  z-index: 99999;
  max-width: 450px;
  min-width: 320px;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
  overflow: hidden;
}

.agile-card-tooltip .loading,
.agile-card-tooltip .error {
  padding: 15px;
  text-align: center;
  color: #666;
}

.agile-card-tooltip .error {
  color: #d9534f;
}

/* Style the issue card inside tooltip */
.agile-card-tooltip .issue-card {
  border: none;
  border-radius: 0;
  margin: 0;
  background-color: #ffffdd;
  box-shadow: none;
}

.agile-card-tooltip .issue-card .last-comment {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #d5d5d5;
  font-size: 11px;
  color: #555;
}

.agile-card-tooltip .issue-card div.checklist {
  max-height: 150px;
  overflow-y: auto;
}

/* Make vis-timeline items cursor pointer */
.vis-item[data-issue-id] {
  cursor: pointer;
}

.vis-item[data-issue-id]:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .timeline-filters {
    padding: 8px;
  }

  .timeline-date-selector label,
  .timeline-date-selector input[type="text"] {
    display: block;
    margin-bottom: 5px;
  }

  .timeline-presets {
    margin-left: 0;
    display: block;
    margin-top: 10px;
  }

  .legend-items {
    gap: 10px;
  }

  .agile-card-tooltip {
    max-width: 90vw;
    min-width: 250px;
  }
}