.application-body.application-reminders {
  --app-colour: var(--app-colour-reminders, #0078D4);
}
.application-body.application-reminders #app-content-reminders.injecting * {
  display: none;
}
.application-body.application-reminders .task-list .item-title {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35em;
}
.application-body.application-reminders .task-list .counter {
  display: inline-block;
  margin-inline-start: 0.35em;
  padding: 0 0.5em;
  font-size: 0.72em;
  font-weight: 600;
  line-height: 1.7;
  border-radius: 1em;
  white-space: nowrap;
  color: color-mix(in srgb, var(--app-colour) 82%, black);
  background: color-mix(in srgb, var(--app-colour) 14%, transparent);
}
.application-body.application-reminders .task-list .item-title .counter {
  margin-inline-start: 0;
}
.application-body.application-reminders .task-list .label.state-doing:not(:has(.current)) .label-fragment-title,
.application-body.application-reminders .task-list .label.state-doing:not(:has(.current)) .item-title {
  color: var(--colour-in-progress-text);
}
.application-body.application-reminders .task-list .label.state-doing:has(.current) {
  --colour-accent: var(--colour-in-progress);
}
.application-body.application-reminders .task-list .label.state-backlog:not(:has(.current)) .label-fragment-title,
.application-body.application-reminders .task-list .label.state-backlog:not(:has(.current)) .item-title {
  color: color-mix(in srgb, var(--body-font-colour, #333) 55%, transparent);
}
.application-body.application-reminders .quaive-tasks-table tr.state-backlog .item-name,
.application-body.application-reminders .quaive-tasks-table tr.state-backlog .item-location,
.application-body.application-reminders .quaive-tasks-table tr.state-backlog .item-number {
  color: color-mix(in srgb, var(--body-font-colour, #333) 55%, transparent);
}
.application-body.application-reminders aside.sidebar.left .pat-toolbar .toggle-sidebar-size {
  display: inline-block;
}
.application-body.application-reminders .reminders-list-header {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.application-body.application-reminders .reminders-list-header .reminders-list-create {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  text-decoration: none;
  color: inherit;
  opacity: 0.6;
}
.application-body.application-reminders .reminders-list-header .reminders-list-create svg.kik-icon {
  width: 1.1em;
  height: 1.1em;
}
@media (hover: hover) {
.application-body.application-reminders .reminders-list-header .reminders-list-create:hover {
  opacity: 1;
}
}
.application-body.application-reminders .reminders-wells .pat-well:has(.reminders-well-empty):not(:has(.task-list)) {
  display: none;
}
.application-body.application-reminders .reminders-wells .pat-well .panel-content:has(> .reminders-list-section) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
  gap: 0 var(--pat-well-panel-content-padding, 20px);
  align-items: start;
}
.application-body.application-reminders .reminders-wells .pat-well .panel-content:has(> .reminders-list-section) > .reminders-list-section:only-child {
  grid-column: 1 / -1;
}
.application-body.application-reminders .reminders-wells .pat-well .panel-content:has(> .reminders-list-section) > .reminders-list-section {
  container-type: inline-size;
  container-name: reminders-list;
  min-width: 0;
}
.application-body.application-reminders #document-content-reminders.kik-task-board-content {
  padding-top: var(--kik-win-toolbar-height, calc(var(--pat-toolbar-button-height) + 2 * var(--pat-toolbar-padding))) !important;
}
.application-body.application-reminders .kik-task-board-content {
  padding-top: var(--kik-win-inset, var(--sidebar-padding-top, 25px)) !important;
  padding-bottom: var(--kik-win-inset, var(--sidebar-padding-top, 25px)) !important;
}
html.kik-one .application-body.application-reminders .kik-task-board-content {
  padding-bottom: 0 !important;
}
body[data-platform-mode="hub"] .application-body.application-reminders #document-content-reminders.kik-task-board-content {
  padding-top: var(--sidebar-margin-top, 15px) !important;
  padding-bottom: var(--sidebar-margin-bottom, 15px) !important;
  padding-left: var(--sidebar-margin-top, 15px) !important;
  padding-right: var(--sidebar-margin-top, 15px) !important;
}
body[data-platform-mode="hub"] .application-body.application-reminders .kik-task-board {
  gap: var(--sidebar-margin-top, 15px);
}
.application-body.application-reminders .pat-well:has(> .panel-content .reminders-gh-well-empty) {
  display: none;
}