/* Public Tasks route — native Hyper / Bootstrap 5 component tuning. */

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-page {
  background: var(--ct-body-bg);
  color: var(--ct-body-color);
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-toolbar {
  position: static;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-toolbar-controls {
  display: grid;
  flex: 1 1 46rem;
  grid-template-columns: minmax(10rem, .72fr) minmax(10rem, .72fr) minmax(18rem, 2fr);
  gap: .5rem;
  max-width: 56rem;
  min-width: 0;
}


html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-toolbar-select,
html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-search .input-group {
  width: 100%;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-search .input-group-text {
  border-right: 0;
  background: var(--ct-secondary-bg);
  color: var(--ct-secondary-color);
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-search .form-control {
  border-left: 0;
  box-shadow: none;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-search .form-control:focus {
  border-color: var(--ct-border-color);
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-card.ribbon-box {
  border: 0;
  cursor: default;
  flex-direction: column;
  min-height: 0;
  overflow: visible;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-card .status-public-task-card-body {
  padding: 1rem !important;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-card .badge {
  font-size: clamp(.72rem, .66rem + .2vw, .82rem);
  line-height: 1.2;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-card-media,
html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-card-media > * {
  border-radius: var(--ct-card-border-radius) var(--ct-card-border-radius) 0 0;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-state-ribbon {
  align-self: flex-end;
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 600;
  margin-right: -1.85rem;
  max-width: calc(100% + .85rem);
  width: max-content;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-task-heading {
  clear: both;
}

html[data-status-theme="hyper"] .status-content-chip {
  align-items: center;
  background: var(--ct-secondary-bg) !important;
  color: var(--ct-body-color) !important;
  display: inline-flex;
  gap: .35rem;
  max-width: 100%;
  padding: .38rem .62rem;
  text-shadow: none !important;
  white-space: normal;
}

html[data-status-theme="hyper"] .status-content-chip > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-status-theme="hyper"] .status-faction-chip-swatch {
  background: var(--status-chip-accent, #6c757d);
  border: 1px solid rgba(16, 24, 40, .18);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--ct-card-bg);
  display: inline-block;
  flex: 0 0 .72rem;
  height: .72rem;
  width: .72rem;
}

html[data-status-theme="hyper"] .status-tag-chip .mdi {
  color: var(--ct-primary);
  flex: 0 0 auto;
  font-size: 1rem;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-task-chips,
html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-meta-chips {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-meta-group {
  display: flex;
  flex-direction: column;
  gap: .45rem;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-meta-group > strong {
  align-items: center;
  display: inline-flex;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .task-filter-side {
  align-items: center;
  display: inline-flex;
  gap: .4rem;
}

html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .task-detail-modal .modal-content {
  min-width: 0;
}

@media (max-width: 991.98px) {
  html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-toolbar-row {
    align-items: stretch;
  }

  html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-toolbar-controls {
    flex-basis: 100%;
    max-width: none;
  }
}

@media (max-width: 575.98px) {
  html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-toolbar-controls {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  }

  html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-search {
    grid-column: 1 / -1;
  }

  html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-state-ribbon {
    margin-right: -1.7rem;
  }

  html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-task-card .status-public-task-card-body {
    padding: .9rem !important;
  }
}

@media (max-width: 359.98px) {
  html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-toolbar-controls {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-status-theme="hyper"][data-status-theme-page="list_tasks"] .status-public-search {
    grid-column: auto;
  }
}