/* DataQuake r96-r4
   Padrão canônico de cards governados para Ambientes, Perfis de execução e Publicações.
   Todos os realces estruturais consomem tokens white-label. Cores semânticas permanecem independentes. */
:root{
  --dq-r964-primary:var(--dq-brand-primary,var(--tenant-primary,#56f0d0));
  --dq-r964-secondary:var(--dq-brand-secondary,var(--tenant-secondary,#2bb8d6));
  --dq-r964-surface:var(--dq-brand-surface,var(--tenant-surface,#081522));
  --dq-r964-raised:var(--dq-brand-raised,var(--tenant-surface-elevated,#0c1b2a));
  --dq-r964-modal:var(--dq-brand-modal,var(--tenant-modal,#07131f));
  --dq-r964-border:var(--dq-brand-border,var(--tenant-border,#22384d));
  --dq-r964-heading:var(--dq-brand-heading,var(--tenant-heading,#f5f9ff));
  --dq-r964-text:var(--dq-brand-text,var(--tenant-text,#dce8f5));
  --dq-r964-muted:var(--dq-brand-text-secondary,var(--tenant-text-secondary,#8ea4b8));
  --dq-r964-button-text:var(--dq-brand-button-text,var(--tenant-button-text,#04110e));
  --dq-r964-success:var(--dq-brand-success,var(--tenant-success,#54d6a5));
  --dq-r964-warning:var(--dq-brand-warning,var(--tenant-warning,#eac05b));
  --dq-r964-error:var(--dq-brand-error,var(--tenant-error,#ef747b));
  --dq-r964-focus:var(--dq-brand-focus,var(--tenant-focus,var(--dq-r964-primary)));
  --dq-r964-primary-soft:color-mix(in srgb,var(--dq-r964-primary) 8%,var(--dq-r964-surface));
  --dq-r964-primary-border:color-mix(in srgb,var(--dq-r964-primary) 32%,var(--dq-r964-border));
  --dq-r964-shadow:0 18px 44px rgba(0,0,0,.22);
}

/* Base canônica compartilhada. */
.foundation-page.dq-runtime-page .foundation-card.premium-card,
.foundation-page .environment-premium-card{
  position:relative!important;
  border:1px solid color-mix(in srgb,var(--dq-r964-primary) 20%,var(--dq-r964-border))!important;
  border-top:2px solid var(--dq-r964-primary)!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--dq-r964-primary) 3%,var(--dq-r964-surface)),var(--dq-r964-surface) 58%,var(--dq-r964-raised))!important;
  box-shadow:var(--dq-r964-shadow)!important;
  overflow:visible!important;
}
.foundation-page.dq-runtime-page .foundation-card.premium-card>header,
.foundation-page .environment-premium-card>header{
  padding:18px 18px 16px!important;
  border-bottom:1px solid var(--dq-r964-border)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--dq-r964-primary) 4%,var(--dq-r964-raised)),transparent)!important;
}
.foundation-page.dq-runtime-page .foundation-card.premium-card:hover,
.foundation-page .environment-premium-card:hover{
  border-color:color-mix(in srgb,var(--dq-r964-primary) 44%,var(--dq-r964-border))!important;
}

/* Perfis de execução: mesma anatomia de Ambientes. */
.foundation-page.dq-runtime-page .foundation-grid.premium-grid{align-items:start!important;gap:18px!important}
.foundation-page.dq-runtime-page .foundation-card.premium-card{height:auto!important;align-self:start!important;overflow:visible!important}
.foundation-page.dq-runtime-page .premium-summary{
  padding:15px 18px!important;
  background:color-mix(in srgb,var(--dq-r964-raised) 72%,transparent)!important;
  border-bottom:1px solid var(--dq-r964-border)!important;
}
.foundation-page.dq-runtime-page .premium-card-icon,
.foundation-page.dq-runtime-page .card-icon{
  color:var(--dq-r964-primary)!important;
  border-color:var(--dq-r964-primary-border)!important;
  background:var(--dq-r964-primary-soft)!important;
}
.foundation-page.dq-runtime-page .dq-validation-card-note,
.foundation-page.dq-runtime-page .dq-compute-card-note{
  display:block!important;
  margin:12px 14px 0!important;
  width:auto!important;
  border:1px solid color-mix(in srgb,var(--dq-r964-primary) 18%,var(--dq-r964-border))!important;
  border-left:2px solid var(--dq-r964-primary)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--dq-r964-primary) 3.5%,var(--dq-r964-surface))!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.foundation-page.dq-runtime-page .dq-validation-card-note.failed{border-left-color:var(--dq-r964-error)!important}
.foundation-page.dq-runtime-page .dq-validation-card-note.pending{border-left-color:var(--dq-r964-warning)!important}
.foundation-page.dq-runtime-page .dq-card-validation-summary,
.foundation-page.dq-runtime-page .dq-card-infra-summary{
  min-height:66px!important;
  padding:11px 13px!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  cursor:pointer!important;
}
.foundation-page.dq-runtime-page .dq-card-validation-summary:hover,
.foundation-page.dq-runtime-page .dq-card-infra-summary:hover{background:var(--dq-r964-primary-soft)!important}
.foundation-page.dq-runtime-page .dq-card-validation-heading small,
.foundation-page.dq-runtime-page .dq-card-infra-heading small,
.foundation-page.dq-runtime-page .dq-card-validation-toggle i,
.foundation-page.dq-runtime-page .dq-card-infra-toggle i{color:var(--dq-r964-primary)!important}
.foundation-page.dq-runtime-page .dq-card-validation-content,
.foundation-page.dq-runtime-page .dq-card-infra-content{
  display:block!important;
  height:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(-6px);
  border-top:1px solid transparent!important;
  background:rgba(0,0,0,.09)!important;
  transition:height .36s cubic-bezier(.22,1,.36,1),max-height .36s cubic-bezier(.22,1,.36,1),opacity .2s ease,transform .3s ease,border-color .3s ease!important;
}
.foundation-page.dq-runtime-page details[open]>.dq-card-validation-content,
.foundation-page.dq-runtime-page details[open]>.dq-card-infra-content{
  height:auto;
  max-height:1200px;
  opacity:1;
  transform:translateY(0);
  border-top-color:var(--dq-r964-border)!important;
}
.foundation-page.dq-runtime-page details[open] .dq-expand-label{display:none!important}
.foundation-page.dq-runtime-page details:not([open]) .dq-collapse-label{display:none!important}
.foundation-page.dq-runtime-page details[open] .dq-collapse-label{display:inline!important}
.foundation-page.dq-runtime-page details[open] .dq-card-validation-toggle i,
.foundation-page.dq-runtime-page details[open] .dq-card-infra-toggle i{transform:rotate(180deg)!important}

/* Barra de ações estável: duas ações principais e menu secundário. */
.foundation-page.dq-runtime-page .premium-card-actions{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important;
  gap:8px!important;
  margin-top:14px!important;
  padding:14px!important;
  border-top:1px solid var(--dq-r964-border)!important;
  background:color-mix(in srgb,var(--dq-r964-raised) 74%,transparent)!important;
  overflow:visible!important;
}
.foundation-page.dq-runtime-page .premium-card-actions>button{min-height:42px!important;border-radius:10px!important}
.foundation-page.dq-runtime-page .premium-card-actions>button.primary,
.foundation-page.dq-runtime-page .premium-card-actions>button.subtle-primary{
  background:var(--dq-r964-primary)!important;
  border-color:var(--dq-r964-primary)!important;
  color:var(--dq-r964-button-text)!important;
}
.dq-r964-more-wrap{position:relative;display:flex;align-items:stretch;justify-content:stretch}
.dq-r964-more-button{
  width:44px!important;min-width:44px!important;min-height:42px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid var(--dq-r964-border)!important;
  border-radius:10px!important;background:var(--dq-r964-surface)!important;color:var(--dq-r964-text)!important;
  font-size:19px!important;line-height:1!important;cursor:pointer!important;
}
.dq-r964-more-button:hover,.dq-r964-more-button[aria-expanded="true"]{border-color:var(--dq-r964-primary-border)!important;background:var(--dq-r964-primary-soft)!important;color:var(--dq-r964-primary)!important}
.dq-r964-more-menu{
  position:absolute;right:0;bottom:calc(100% + 8px);z-index:9000;display:none;min-width:178px;padding:7px;
  border:1px solid var(--dq-r964-primary-border);border-radius:11px;background:var(--dq-r964-modal);box-shadow:0 18px 44px rgba(0,0,0,.36);
}
.dq-r964-more-menu[data-open="true"]{display:grid;gap:4px;animation:dqR964MenuIn .16s ease-out}
.dq-r964-more-menu>button{width:100%!important;min-height:38px!important;padding:8px 10px!important;justify-content:flex-start!important;text-align:left!important;border-radius:8px!important;background:transparent!important;border:1px solid transparent!important;color:var(--dq-r964-text)!important}
.dq-r964-more-menu>button:hover{background:var(--dq-r964-primary-soft)!important;border-color:var(--dq-r964-primary-border)!important;color:var(--dq-r964-primary)!important}
.dq-r964-more-menu>button.danger-action{color:var(--dq-r964-error)!important}
@keyframes dqR964MenuIn{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}

/* Publicações: card operacional com quatro zonas claras. */
.foundation-page.dq-publications-page .card-kicker .badge{background:color-mix(in srgb,var(--dq-r964-success) 12%,var(--dq-r964-surface))!important;border-color:color-mix(in srgb,var(--dq-r964-success) 30%,var(--dq-r964-border))!important;color:var(--dq-r964-success)!important}
.dq-r964-publication-state{
  align-self:center;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--dq-r964-success) 26%,var(--dq-r964-border));
  border-radius:10px;background:color-mix(in srgb,var(--dq-r964-success) 8%,var(--dq-r964-surface));color:var(--dq-r964-success);font-size:11px;font-weight:800;
}
.dq-r964-publication-state::before{content:'✓';display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--dq-r964-success) 16%,transparent)}
.foundation-page.dq-publications-page .deployment-route{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:14px 20px!important;
  background:color-mix(in srgb,var(--dq-r964-raised) 72%,transparent)!important;border-bottom:1px solid var(--dq-r964-border)!important;
}
.foundation-page.dq-publications-page .deployment-route>span{
  position:relative;display:grid!important;gap:3px!important;min-width:0;padding:13px 14px!important;border:1px solid color-mix(in srgb,var(--dq-r964-primary) 14%,var(--dq-r964-border))!important;
  border-radius:11px!important;background:color-mix(in srgb,var(--dq-r964-primary) 2.5%,var(--dq-r964-surface))!important;
}
.foundation-page.dq-publications-page .deployment-route>span+span::before{content:'›';position:absolute;left:-9px;top:50%;transform:translateY(-50%);color:var(--dq-r964-primary);font-size:18px;font-weight:900}
.foundation-page.dq-publications-page .deployment-route>em{display:none!important}
.foundation-page.dq-publications-page .deployment-route small{color:var(--dq-r964-primary)!important;font-size:9px!important;letter-spacing:.08em!important}
.foundation-page.dq-publications-page .deployment-route b{color:var(--dq-r964-heading)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foundation-page.dq-publications-page .deployment-route i{color:var(--dq-r964-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dq-r964-workflow-route{order:2}

.foundation-page.dq-publications-page .deployment-validation{
  margin:14px 20px!important;padding:0!important;border:1px solid color-mix(in srgb,var(--dq-r964-primary) 18%,var(--dq-r964-border))!important;
  border-left:2px solid var(--dq-r964-primary)!important;border-radius:13px!important;background:color-mix(in srgb,var(--dq-r964-primary) 3%,var(--dq-r964-surface))!important;overflow:hidden!important;
}
.foundation-page.dq-publications-page .deployment-validation.failed{border-left-color:var(--dq-r964-error)!important;background:color-mix(in srgb,var(--dq-r964-error) 4%,var(--dq-r964-surface))!important}
.foundation-page.dq-publications-page .dq-validation-summarybar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;min-height:68px!important;padding:12px 14px!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--dq-r964-primary) 5%,transparent),transparent 72%)!important;
}
.foundation-page.dq-publications-page .dq-validation-toggle{
  width:auto!important;min-width:0!important;margin:0!important;padding:8px 10px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;
  border:1px solid var(--dq-r964-primary-border)!important;border-radius:9px!important;background:var(--dq-r964-primary-soft)!important;color:var(--dq-r964-primary)!important;
  font-size:10px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;
}
.foundation-page.dq-publications-page .dq-validation-toggle:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--dq-r964-primary) 14%,var(--dq-r964-surface))!important}
.foundation-page.dq-publications-page .dq-validation-toggle .dq-chevron{transition:transform .3s cubic-bezier(.22,1,.36,1)!important}
.foundation-page.dq-publications-page .dq-validation-toggle[aria-expanded="true"] .dq-chevron{transform:rotate(180deg)!important}
.foundation-page.dq-publications-page .deployment-validation ul.dq-validation-list{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;margin:0!important;padding:0 14px!important;
  max-height:0!important;opacity:0!important;overflow:hidden!important;transform:translateY(-6px)!important;border-top:1px solid transparent!important;background:rgba(0,0,0,.08)!important;
  transition:max-height .38s cubic-bezier(.22,1,.36,1),opacity .2s ease,transform .3s ease,padding .3s ease,border-color .3s ease!important;
}
.foundation-page.dq-publications-page .deployment-validation ul.dq-validation-list[data-expanded="true"]{
  padding:13px 14px 15px!important;max-height:900px!important;opacity:1!important;transform:translateY(0)!important;border-top-color:var(--dq-r964-border)!important;
}
.foundation-page.dq-publications-page .deployment-validation li{padding:9px 10px!important;border:1px solid color-mix(in srgb,var(--dq-r964-primary) 7%,var(--dq-r964-border))!important;border-radius:9px!important;background:rgba(255,255,255,.018)!important}
.foundation-page.dq-publications-page .deployment-validation li.ok{color:var(--dq-r964-success)!important}
.foundation-page.dq-publications-page .deployment-validation li.fail{color:var(--dq-r964-error)!important}
.foundation-page.dq-publications-page .premium-card-actions{
  position:relative!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important;
  padding:13px 20px!important;border-top:1px solid var(--dq-r964-border)!important;background:color-mix(in srgb,var(--dq-r964-raised) 74%,transparent)!important;overflow:visible!important;
}
.foundation-page.dq-publications-page .premium-card-actions>.execution-action{background:var(--dq-r964-primary)!important;border-color:var(--dq-r964-primary)!important;color:var(--dq-r964-button-text)!important}
.foundation-page.dq-publications-page .premium-card-actions>.dq-r964-action-spacer{min-width:0}

/* White-label e foco. */
.foundation-page.dq-runtime-page button:focus-visible,
.foundation-page.dq-publications-page button:focus-visible,
.foundation-page.dq-runtime-page summary:focus-visible,
.foundation-page.dq-publications-page summary:focus-visible{
  outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--dq-r964-focus) 26%,transparent)!important;
}

@media(max-width:1180px){
  .foundation-page.dq-publications-page .deployment-route{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .foundation-page.dq-publications-page .deployment-route>span+span::before{display:none}
}
@media(max-width:820px){
  .foundation-page.dq-runtime-page .premium-card-actions{grid-template-columns:1fr 1fr 44px!important}
  .foundation-page.dq-publications-page .deployment-route{grid-template-columns:1fr!important}
  .foundation-page.dq-publications-page .dq-validation-summarybar{grid-template-columns:1fr!important}
  .foundation-page.dq-publications-page .dq-validation-toggle{justify-self:start!important}
  .foundation-page.dq-publications-page .deployment-validation ul.dq-validation-list{grid-template-columns:1fr!important}
  .foundation-page.dq-publications-page .premium-card-actions{grid-template-columns:1fr 1fr 44px!important}
  .foundation-page.dq-publications-page .premium-card-actions>.dq-r964-action-spacer{display:none}
}
@media(max-width:560px){
  .foundation-page.dq-runtime-page .premium-card-actions,
  .foundation-page.dq-publications-page .premium-card-actions{grid-template-columns:1fr 44px!important}
  .foundation-page.dq-runtime-page .premium-card-actions>button:nth-of-type(2),
  .foundation-page.dq-publications-page .premium-card-actions>button:nth-of-type(2){grid-column:1/2}
  .foundation-page.dq-publications-page .deployment-validation{margin-inline:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .dq-r964-more-menu,.foundation-page.dq-runtime-page .dq-card-validation-content,.foundation-page.dq-runtime-page .dq-card-infra-content,
  .foundation-page.dq-publications-page .deployment-validation ul.dq-validation-list,.foundation-page.dq-publications-page .dq-validation-toggle .dq-chevron{transition:none!important;animation:none!important}
}
