/* ../../../../../../Views/WorkItems/WorkItems.css */
.daily .day {
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  margin: 8px 0;
}
.daily .day h1 {
  margin: 0 8px;
  font-size: 1.3rem;
  font-weight: 500;
}
.daily .day .back svg.i {
  transform: rotate(180deg);
}
.work-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 2px 0;
}
.status.new {
  color: var(--text-muted);
}
.status.doing {
  color: var(--success-text);
}
.status.doing svg.i {
  fill: currentColor;
}
.status.stopped {
  color: var(--danger);
}
.status.stopped svg.i {
  fill: currentColor;
}
.status.done {
  color: var(--success-text);
}
.status.done svg.i {
  stroke-width: 3;
}
.work-item .tag-dot {
  flex: none;
  width: 8px;
  height: 8px;
  margin: 0 2px 0 6px;
  border-radius: 50%;
  background: var(--tag);
}
.work-item .title {
  color: var(--text);
  text-align: left;
}
.daily .adorned button {
  top: auto;
  bottom: 4px;
  transform: none;
}
.daily .items {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.daily .items .list {
  flex: 1;
  min-width: 0;
}
.page:has(.crud.work-items) {
  max-width: none;
}
.search .work-search .grid {
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
}
.search .work-search .actions {
  margin-top: 12px;
}
.search .work-search .actions button {
  min-width: 110px;
}
.search .work-search .actions button.secondary {
  padding: 14px 22px;
  font-size: 0.95rem;
}
.work-items td:first-child {
  white-space: normal;
}
.work-items .chip {
  cursor: default;
  white-space: nowrap;
}
.work-items tr.editing input[type=number] {
  width: 80px;
}
.work-items tr.editing select {
  min-width: 110px;
}
.work-items span.status {
  display: inline-flex;
  vertical-align: middle;
}
.work-items span.status svg.i {
  width: 18px;
  height: 18px;
}