/* v780 final Capsule cascade. Loaded after the shared theme and fixes. */
#capsule .capsule-edit-deck,
html.native-layout-guard #capsule .capsule-edit-deck,
html.native-layout-guard body[data-theme] #capsule .capsule-edit-deck {
  color: #304b40 !important;
}

#capsule .capsule-board-edition span,
#capsule .capsule-board-edition strong,
html.native-layout-guard #capsule .capsule-board-edition span,
html.native-layout-guard #capsule .capsule-board-edition strong,
html.native-layout-guard body[data-theme] #capsule .capsule-board-edition span,
html.native-layout-guard body[data-theme] #capsule .capsule-board-edition strong {
  color: #08130f !important;
}

#capsule #capsuleBriefKicker,
html.native-layout-guard #capsule #capsuleBriefKicker,
html.native-layout-guard body[data-theme] #capsule #capsuleBriefKicker {
  display: block !important;
  color: #dce96d !important;
}

#capsule .capsule-edit-narrative,
html.native-layout-guard #capsule .capsule-edit-narrative,
html.native-layout-guard body[data-theme] #capsule .capsule-edit-narrative {
  color: rgba(242, 237, 223, 0.74) !important;
}

#capsule .capsule-item-copy small,
html.native-layout-guard #capsule .capsule-item-copy small,
html.native-layout-guard body[data-theme] #capsule .capsule-item-copy small {
  color: #dce96d !important;
}

#capsule .capsule-item,
body[data-theme] #capsule .capsule-item,
html.native-layout-guard #capsule .capsule-item,
html.native-layout-guard body[data-theme] #capsule .capsule-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: end !important;
  overflow: hidden !important;
  padding: 0 !important;
}

#capsule .capsule-item img,
body[data-theme] #capsule .capsule-item img,
html.native-layout-guard #capsule .capsule-item img,
html.native-layout-guard body[data-theme] #capsule .capsule-item img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

#capsule .capsule-item::after,
body[data-theme] #capsule .capsule-item::after,
html.native-layout-guard #capsule .capsule-item::after,
html.native-layout-guard body[data-theme] #capsule .capsule-item::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(180deg, rgba(8, 19, 15, 0.03) 24%, rgba(8, 19, 15, 0.94) 100%) !important;
  pointer-events: none !important;
}

#capsule .capsule-item-copy,
body[data-theme] #capsule .capsule-item-copy,
html.native-layout-guard #capsule .capsule-item-copy,
html.native-layout-guard body[data-theme] #capsule .capsule-item-copy {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 4px !important;
  padding: 66px 10px 11px !important;
}

#capsule .capsule-item-number,
body[data-theme] #capsule .capsule-item-number,
html.native-layout-guard #capsule .capsule-item-number,
html.native-layout-guard body[data-theme] #capsule .capsule-item-number {
  position: absolute !important;
  z-index: 3 !important;
}

#capsule .capsule-board-panel,
html.native-layout-guard #capsule .capsule-board-panel,
html.native-layout-guard body[data-theme] #capsule .capsule-board-panel {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#capsule .capsule-edit-actions,
html.native-layout-guard #capsule .capsule-edit-actions,
html.native-layout-guard body[data-theme] #capsule .capsule-edit-actions {
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (max-width: 760px) {
  #capsule .capsule-board,
  html.native-layout-guard #capsule .capsule-board,
  html.native-layout-guard body[data-theme] #capsule .capsule-board {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "head"
      "metrics"
      "items"
      "actions"
      "status" !important;
  }

  #capsule .capsule-items,
  html.native-layout-guard #capsule .capsule-items,
  html.native-layout-guard body[data-theme] #capsule .capsule-items {
    display: grid !important;
    grid-template-columns: minmax(0, 1.24fr) minmax(0, 0.76fr) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 92px !important;
    overflow: visible !important;
  }

  #capsule .capsule-items > *,
  html.native-layout-guard #capsule .capsule-items > *,
  html.native-layout-guard body[data-theme] #capsule .capsule-items > * {
    display: grid !important;
  }

  #capsule .capsule-items > .capsule-item:nth-child(n + 3),
  body[data-theme] #capsule .capsule-items > .capsule-item:nth-child(n + 3),
  html.native-layout-guard #capsule .capsule-items > .capsule-item:nth-child(n + 3),
  html.native-layout-guard body[data-theme] #capsule .capsule-items > .capsule-item:nth-child(n + 3) {
    display: grid !important;
    visibility: visible !important;
  }

  #capsule .capsule-item,
  html.native-layout-guard #capsule .capsule-item,
  html.native-layout-guard body[data-theme] #capsule .capsule-item {
    min-height: 92px !important;
  }

  #capsule .capsule-item:first-child,
  html.native-layout-guard #capsule .capsule-item:first-child,
  html.native-layout-guard body[data-theme] #capsule .capsule-item:first-child {
    grid-row: span 4 !important;
    min-height: 386px !important;
  }

  #capsule .capsule-item:not(:first-child) .capsule-item-copy,
  body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-item-copy,
  html.native-layout-guard #capsule .capsule-item:not(:first-child) .capsule-item-copy,
  html.native-layout-guard body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-item-copy {
    gap: 2px !important;
    padding: 34px 7px 7px !important;
  }

  #capsule .capsule-item:not(:first-child) .capsule-item-copy strong,
  body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-item-copy strong,
  html.native-layout-guard #capsule .capsule-item:not(:first-child) .capsule-item-copy strong,
  html.native-layout-guard body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-item-copy strong {
    display: -webkit-box !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: 0.64rem !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  #capsule .capsule-item:not(:first-child) .capsule-item-copy small,
  body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-item-copy small,
  html.native-layout-guard #capsule .capsule-item:not(:first-child) .capsule-item-copy small,
  html.native-layout-guard body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-item-copy small {
    overflow: hidden !important;
    font-size: 0.43rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0.02em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #capsule .capsule-item:not(:first-child) .capsule-item-copy > span,
  #capsule .capsule-item:not(:first-child) .capsule-tags,
  body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-item-copy > span,
  body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-tags,
  html.native-layout-guard #capsule .capsule-item:not(:first-child) .capsule-item-copy > span,
  html.native-layout-guard #capsule .capsule-item:not(:first-child) .capsule-tags,
  html.native-layout-guard body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-item-copy > span,
  html.native-layout-guard body[data-theme] #capsule .capsule-item:not(:first-child) .capsule-tags {
    display: none !important;
  }
}