/*
 * Prospecta Corban — V290: Visual futurista para a visao rapida da Esteira.
 * Estritamente limitado ao popup que nasce dos cards da Home de todos os
 * perfis hierarquicos. Preserva cores de fase e funcionalidades.
 * A folha e carregada depois da v289; este popup injeta seu CSS em runtime,
 * portanto estas regras delimitadas usam !important para garantir precedencia.
 */
html[data-app-theme="dark"] #mcd-pipeline-backdrop {
  background: radial-gradient(ellipse at 70% 6%, rgba(18, 89, 177, .16), transparent 53%),
              rgba(2, 10, 24, .86) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-modal {
  border: 1px solid rgba(90, 176, 244, .40) !important;
  border-radius: 21px !important;
  background: radial-gradient(ellipse at 15% -13%, rgba(24, 109, 230, .19), transparent 47%),
              linear-gradient(175deg, #0c213b 0%, #081b30 44%, #061525 100%) !important;
  color: #dcefff !important;
  box-shadow: 0 28px 92px rgba(1, 5, 21, .65),
              0 0 32px rgba(32, 140, 249, .11),
              inset 0 1px 0 rgba(160, 219, 255, .10) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-modal-head {
  border-bottom-color: rgba(74, 160, 244, .24) !important;
  background: linear-gradient(100deg, rgba(29, 99, 191, .22), rgba(9, 29, 54, .94) 66%) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-modal-title > span {
  color: #7bd8ff !important;
  text-shadow: 0 0 12px rgba(75, 191, 250, .14) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-modal-title h3 {
  color: #f2faff !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-modal-title p {
  color: #a0c3d8 !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-lock {
  border-color: rgba(86, 173, 243, .33) !important;
  color: #b2d7ed !important;
  background: linear-gradient(140deg, rgba(27, 88, 148, .29), rgba(8, 34, 65, .77)) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-lock svg {
  stroke: #80d9ff !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-close {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-color: rgba(93, 172, 240, .29) !important;
  color: #bedcf0 !important;
  background: linear-gradient(150deg, rgba(26, 62, 97, .72), rgba(10, 31, 57, .94)) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-close:hover {
  border-color: rgba(118, 220, 255, .77) !important;
  color: #fff !important;
  box-shadow: 0 0 17px rgba(42, 155, 255, .18) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-body {
  background: linear-gradient(180deg, rgba(7, 27, 47, .65), rgba(4, 18, 35, .78)) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-summary {
  border-bottom-color: rgba(77, 148, 215, .20) !important;
  background: rgba(9, 35, 60, .79) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-summary strong {
  color: #ebf8ff !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-summary span {
  color: #9bb9cd !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-scroll {
  background: rgba(5, 21, 37, .56) !important;
  scrollbar-color: rgba(78, 170, 239, .51) transparent !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-scroll::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-scroll::-webkit-scrollbar-thumb {
  border-radius: 9px;
  background: rgba(71, 159, 235, .46);
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(92, 196, 255, .68);
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-table th {
  border-bottom-color: rgba(97, 181, 239, .32) !important;
  background: #0c2944 !important;
  color: #91bddd !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-table td {
  border-bottom-color: rgba(98, 162, 212, .12) !important;
  color: #bfd8e8 !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-table tbody tr:nth-child(even) {
  background: rgba(19, 59, 92, .18) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-table tbody tr:is(:hover, :focus-within) {
  background: linear-gradient(90deg, rgba(29, 102, 175, .39), rgba(17, 64, 119, .20)) !important;
  box-shadow: inset 3px 0 rgba(98, 208, 255, .75) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-table .is-client {
  color: #f0faff !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-popup-phase {
  color: #e1effb !important;
}
/* As cores reais dos pontos de fase sao preservadas (var(--phase-color)). */
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-popup-action {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-color: rgba(77, 170, 246, .36) !important;
  color: #a3dcfa !important;
  background: rgba(25, 75, 123, .27) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-popup-action:is(:hover, :focus-visible) {
  border-color: rgba(123, 226, 255, .75) !important;
  color: #effcff !important;
  background: rgba(34, 117, 200, .37) !important;
  box-shadow: 0 0 15px rgba(43, 165, 250, .21) !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop :is(
  .mcd-popup-action, .mcd-pipeline-close
)::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: -72%;
  left: -58%;
  height: 245%;
  width: 37%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(210, 245, 255, .31), transparent);
  transform: translate3d(0, 0, 0) skewX(-20deg);
  transition: transform .5s ease-out, opacity .14s ease;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop :is(
  .mcd-popup-action, .mcd-pipeline-close
):is(:hover, :focus-visible)::after {
  opacity: 1;
  transform: translate3d(500%, 0, 0) skewX(-20deg);
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-empty {
  color: #9bbdd2 !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-empty strong {
  color: #ebf8ff !important;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-fetching {
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  color: #a5cce5;
  font-size: 12px;
  font-weight: 650;
}
html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-fetching i {
  width: 17px;
  height: 17px;
  border: 2px solid rgba(90, 192, 255, .22);
  border-top-color: #77d7ff;
  border-radius: 50%;
  animation: mcd-blue-loading-spin .9s linear infinite;
}
@keyframes mcd-blue-loading-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-app-theme="dark"] #mcd-pipeline-backdrop .mcd-pipeline-fetching i {
    animation: none !important;
  }
  html[data-app-theme="dark"] #mcd-pipeline-backdrop :is(
    .mcd-popup-action, .mcd-pipeline-close
  )::after {
    opacity: 0 !important;
    transition: none !important;
  }
}