/* r182 - Dark task details header consistency.
   The current theme runtime uses data-theme="dark-platform" / data-site-scheme="dark",
   while several older right-card rules only target data-theme="dark". This final layer
   removes the light header fallback without changing Green or Blue themes. */

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body #detailsPanel > .details-header-bar,
:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body .details-drawer > .details-header-bar {
  background: #161b22 !important;
  background-color: #161b22 !important;
  background-image: none !important;
  border-bottom: 1px solid #30363d !important;
  color: #f0f6fc !important;
  box-shadow: none !important;
}

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body #detailsPanel .details-header-left,
:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body .details-drawer .details-header-left {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #f0f6fc !important;
  box-shadow: none !important;
}

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body :is(#detailsPanel,.details-drawer) .detail-mark-complete-group {
  background: #21262d !important;
  background-color: #21262d !important;
  background-image: none !important;
  border: 1px solid #3d444d !important;
  color: #f0f6fc !important;
  box-shadow: none !important;
}

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body :is(#detailsPanel,.details-drawer) .detail-mark-complete-group:hover {
  background: #262c36 !important;
  border-color: #4f8cff !important;
}

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body :is(#detailsPanel,.details-drawer) :is(.mark-complete-text,.details-header-bar i) {
  color: #f0f6fc !important;
  -webkit-text-fill-color: #f0f6fc !important;
  opacity: 1 !important;
}

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body :is(#detailsPanel,.details-drawer) #detailMarkComplete {
  background: #0d1117 !important;
  background-color: #0d1117 !important;
  background-image: none !important;
  border: 1px solid #6e7681 !important;
  color: #f0f6fc !important;
  box-shadow: none !important;
}

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body :is(#detailsPanel,.details-drawer) #detailMarkComplete:hover {
  background: #30363d !important;
  border-color: #8b949e !important;
}

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body :is(#detailsPanel,.details-drawer) :is(.details-header-bar .circle-btn,.detail-leading-expand-btn) {
  background: #21262d !important;
  background-color: #21262d !important;
  background-image: none !important;
  border: 1px solid #3d444d !important;
  color: #f0f6fc !important;
  box-shadow: none !important;
}

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body :is(#detailsPanel,.details-drawer) :is(.details-header-bar .circle-btn,.detail-leading-expand-btn):hover {
  background: #30363d !important;
  border-color: #4f8cff !important;
  color: #ffffff !important;
}

:is(
  html[data-personal-theme="dark"],
  html[data-theme="dark-platform"],
  html[data-site-theme="dark-slate"],
  html[data-site-scheme="dark"],
  html[data-dark-platform]
) body :is(#detailsPanel,.details-drawer) .header-divider {
  background: #3d444d !important;
  border-color: #3d444d !important;
}