/* ---- Native components section (uptime timeline) — shown on demand via View timeline ---- */
.layout-content.status .components-section { display: none; }
.layout-content.status .components-section.gd-show-detail {
  display: block; max-width: 820px; margin: 24px auto 32px;
}
.layout-content.status .components-section.gd-show-detail .component-container.is-group { display: none; }
.layout-content.status .components-section.gd-show-detail .component-container.is-group.gd-active { display: block; }

/* Pojistka: v aktivní skupině vždy ukázat všechny dětské komponenty i s uptime bary */
.layout-content.status .components-section.gd-show-detail .component-container.is-group.gd-active .child-components-container,
.layout-content.status .components-section.gd-show-detail .component-container.is-group.gd-active .components-children,
.layout-content.status .components-section.gd-show-detail .component-container.is-group.gd-active .child-components {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body, .layout-content.status {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ---- Sekce produktů (GoodData Cloud / GoodData Legacy) ----
   Bez ?scope= jsou vidět obě pod sebou. S ?scope=cloud / ?scope=legacy footer druhou
   sekci schová přes .gd-section-hidden (pro embed z konkrétní produktové stránky). */
.gd-section { margin-bottom: 26px; }
.gd-section:last-child { margin-bottom: 0; }
.gd-section-hidden { display: none !important; }
.gd-section-head {
  font-size: 12px; font-weight: 700; color: #848486; text-transform: uppercase;
  letter-spacing: .05em; margin: 0 0 10px 2px;
}

/* ---- DC list (one status per DC, accordion expand) ---- */
.gd-card {
  background: #ffffff; border: 1px solid #EAE7E8; border-radius: 12px;
  margin-bottom: 10px; overflow: hidden; transition: border-color 0.15s ease;
}
.gd-card:hover { border-color: #cecece; }

/* Left accent by worst status (set via data-worst in JS) */
.gd-card[data-worst="degraded_performance"],
.gd-card[data-worst="under_maintenance"] { border-left: 3px solid #F59E0B; }
.gd-card[data-worst="partial_outage"] { border-left: 3px solid #F97316; }
.gd-card[data-worst="major_outage"] { border-left: 3px solid #EF4444; }

.gd-row-head {
  display: flex; align-items: center; gap: 12px;
  padding: 13px 16px; cursor: pointer;
}
.gd-dot { width: 9px; height: 9px; border-radius: 50%; background: #10B981; flex-shrink: 0; }
.gd-card-title { font-weight: 700; font-size: 15px; color: #222224; }
.gd-card-loc { font-size: 12.5px; color: #848486; }
.gd-card-status { margin-left: auto; font-size: 13px; font-weight: 600; color: #059669; white-space: nowrap; }
.gd-row-chevron { color: #B0B0B3; flex-shrink: 0; transition: transform 0.15s ease; }

.gd-card.gd-active { border-color: #09090c; }
.gd-card.gd-active .gd-row-chevron { transform: rotate(180deg); }

.gd-active-footer { display: none; }
.gd-card.gd-active .gd-active-footer {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  padding: 12px 16px 14px; border-top: 1px solid #EFEFEF; font-size: 12px;
}
.gd-uptime { color: #3a3a3d; }
.gd-uptime strong { color: #059669; font-weight: 700; }
.gd-live-dot {
  display: inline-block; width: 6px; height: 6px; background: #10B981; border-radius: 50%;
  margin-left: 6px; margin-right: 4px; animation: gd-pulse 2s infinite; vertical-align: middle;
}
@keyframes gd-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

.gd-footer-actions { display: inline-flex; align-items: center; gap: 10px; }
.gd-view-timeline {
  background: #ffffff; border: 1px solid #09090c; color: #09090c;
  padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 600; cursor: pointer;
}
.gd-view-timeline:hover { background: #09090c; color: #ffffff; }

#gd-header-logo { height: 34px !important; width: auto !important; max-width: none !important; max-height: none !important; }

#gd-host-button { background: #DAFE85 !important; color: #09090c !important; border: none !important; }
#gd-host-button:hover { background: #c9f25f !important; }

/* Nativní incidenty schované — vlastní panel oznámení kreslí footer */
.layout-content.status .unresolved-incidents { display: none !important; }

#gd-subscribe-home { display: none; }
a#show-updates-dropdown {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  background: #09090c !important; border: none !important; color: #ffffff !important;
  padding: 6px 12px !important; border-radius: 8px !important;
  font-size: 12px !important; font-weight: 600 !important; text-decoration: none !important;
  box-shadow: none !important; line-height: 1.4 !important;
}
a#show-updates-dropdown:hover { background: #222224 !important; }

/* Past Incidents — sladění s brandem */
.layout-content.status .incidents-list {
  max-width: 820px !important;
  margin: 8px auto 40px !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}
.layout-content.status .incidents-list .status-day {
  border: none !important;
  border-top: 1px solid #EAE7E8 !important;
  padding: 16px 4px !important;
  background: transparent !important;
}
.layout-content.status .incidents-list .status-day .date {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #222224 !important;
  margin-bottom: 6px !important;
}
.layout-content.status .incidents-list .no-incidents,
.layout-content.status .incidents-list .empty-day,
.layout-content.status .incidents-list .status-day .color-secondary {
  color: #848486 !important;
  font-size: 13px !important;
}
.layout-content.status .incidents-list .incident-title,
.layout-content.status .incidents-list .actual-title {
  color: #222224 !important;
  font-weight: 600 !important;
}