/* SIAPIYA_INTEGRATION_INCIDENT_RECOVERY_V37036
   Integration & Health Workspace UX Wave 3 — Incident Timeline & Recovery Guidance. */

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-recovery:empty{
  display:none;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-card{
  border:1px solid var(--bs-border-color);
  border-radius:.88rem;
  background:var(--bs-body-bg);
  overflow:hidden;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-card > summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.8rem;
  min-height:3rem;
  padding:.68rem .82rem;
  cursor:pointer;
  list-style:none;
  background:color-mix(in srgb,var(--bs-tertiary-bg) 74%,var(--bs-body-bg));
  font-weight:700;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-card > summary::-webkit-details-marker{
  display:none;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-card > summary::after{
  content:"\F282";
  font-family:"bootstrap-icons";
  font-size:.8rem;
  transition:transform .18s ease;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-card[open] > summary::after{
  transform:rotate(180deg);
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-body{
  padding:.82rem;
  border-top:1px solid var(--bs-border-color);
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-known-good{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:.82rem;
  padding:.58rem .68rem;
  border:1px solid color-mix(in srgb,var(--bs-success) 28%,var(--bs-border-color));
  border-radius:.68rem;
  background:color-mix(in srgb,var(--bs-success-bg-subtle) 38%,var(--bs-body-bg));
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-known-good span{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:var(--bs-secondary-color);
  font-weight:700;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-known-good b{
  font-size:.84rem;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(15rem,.8fr);
  gap:1rem;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-timeline{
  position:relative;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-item{
  position:relative;
  display:grid;
  grid-template-columns:.8rem minmax(0,1fr);
  gap:.58rem;
  padding-bottom:.78rem;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-item:not(:last-child)::before{
  content:"";
  position:absolute;
  left:.34rem;
  top:.78rem;
  bottom:0;
  width:1px;
  background:var(--bs-border-color);
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-marker{
  width:.72rem;
  height:.72rem;
  margin-top:.25rem;
  border-radius:999px;
  background:var(--bs-secondary);
  box-shadow:0 0 0 3px var(--bs-body-bg);
  z-index:1;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-item[data-siapiya-incident-state="healthy"] .siapiya-incident-marker{
  background:var(--bs-success);
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-item[data-siapiya-incident-state="warning"] .siapiya-incident-marker{
  background:var(--bs-warning);
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-item[data-siapiya-incident-state="danger"] .siapiya-incident-marker{
  background:var(--bs-danger);
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-recovery-steps{
  margin:0;
  padding-left:1.15rem;
  font-size:.86rem;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-recovery-steps li{
  padding:.18rem 0 .32rem .18rem;
}

#mainContent[data-siapiya-integration-ux="1"] .siapiya-recovery-action .btn{
  min-height:2.55rem;
}

@media (max-width:767.98px){
  #mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-card > summary{
    align-items:flex-start;
    flex-direction:column;
    min-height:3.25rem;
  }

  #mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-card > summary::after{
    position:absolute;
    right:.82rem;
    margin-top:.25rem;
  }

  #mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-grid{
    grid-template-columns:1fr;
    gap:.75rem;
  }

  #mainContent[data-siapiya-integration-ux="1"] .siapiya-known-good{
    align-items:flex-start;
    flex-direction:column;
  }

  #mainContent[data-siapiya-integration-ux="1"] .siapiya-recovery-action .btn{
    width:100%;
    min-height:2.8rem;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent[data-siapiya-integration-ux="1"] .siapiya-incident-card > summary::after{
    transition:none!important;
  }
}