{"version":3,"sources":["status/index.scss","status/index.css"],"names":[],"mappings":"AAWA,cACE,MAAA,IACA,OAAA,IAKA,0BACE,WAAA,wGACA,YAAA,IAAA,MAAA,4BAGF,0BACE,WAAA,wGACA,YAAA,IAAA,MAAA,4BAGF,yBACE,WAAA,sGACA,YAAA,IAAA,MAAA,2BAGF,uBACE,WAAA,kGACA,YAAA,IAAA,MAAA,yBAMJ,aACE,OAAA,KACA,UAAA,OAEA,4BAJF,aAKI,OAAA,KACA,IAAA,cAGA,0CACE,QAAA,MAIJ,kDAdF,aAeI,OAAA,KAGA,0CACE,QAAA,MAKN,YACE,KAAA,EAAA,EAAA,EACA,UAAA,EAIA,kBACE,UAAA,YACA,QAAA,GAKJ,mBACE,MAAA,KACA,OAAA,KAIF,eChBA,kBDkBE,YAAA,IAAA,MAAA,iCAEA,8BChBF,iCDgBqB,kBAAA,4BACnB,8BCbF,iCDaqB,kBAAA,4BACnB,6BCVF,gCDUoB,kBAAA,2BAClB,2BCPF,8BDOkB,kBAAA,yBAIlB,mBACE,SAAA,SACA,aAAA,OAEA,2BACE,QAAA,GACA,SAAA,SACA,KAAA,EACA,IAAA,EACA,OAAA,EACA,MAAA,IACA,iBAAA,uBAGF,kCACE,SAAA,SAEA,0CACE,QAAA,GACA,SAAA,SACA,KAAA,QACA,IAAA,MACA,MAAA,IACA,OAAA,IACA,cAAA,IACA,iBAAA,uBACA,OAAA,IAAA,MAAA,uBACA,UAAA,iBAIF,+DACE,iBAAA,kBACA,aAAA,kBAEF,8DACE,iBAAA,iBACA,aAAA,iBAEF,4DACE,iBAAA,eACA,aAAA,eAEF,+DACE,iBAAA,kBACA,aAAA,kBAMN,gBACE,SAAA,MACA,QAAA,KACA,iBAAA,kBACA,OAAA,IAAA,MAAA,uBACA,WAAA,qBACA,eAAA,KACA,YAAA,OAGA,4BACE,MAAA,IACA,OAAA","file":"pages/status/index.bundle.css","sourcesContent":["/**\n * Status Page Styles\n *\n * Uses Bootstrap semantic colors via bg-* classes:\n * - bg-success for operational (green)\n * - bg-warning for degraded (amber)\n * - bg-danger for major outage (red)\n * - bg-info for maintenance (blue)\n */\n\n// Status Pulse - size for the blinking dot (uses global animation-pulse class)\n.status-pulse {\n  width: 8px;\n  height: 8px;\n}\n\n// Status Banner - gradient backgrounds based on Bootstrap color classes\n.status-banner {\n  &.bg-success {\n    background: linear-gradient(135deg, rgba(var(--bs-success-rgb), 0.1) 0%, rgba(var(--bs-success-rgb), 0.05) 100%) !important;\n    border-left: 4px solid var(--bs-success) !important;\n  }\n\n  &.bg-warning {\n    background: linear-gradient(135deg, rgba(var(--bs-warning-rgb), 0.1) 0%, rgba(var(--bs-warning-rgb), 0.05) 100%) !important;\n    border-left: 4px solid var(--bs-warning) !important;\n  }\n\n  &.bg-danger {\n    background: linear-gradient(135deg, rgba(var(--bs-danger-rgb), 0.1) 0%, rgba(var(--bs-danger-rgb), 0.05) 100%) !important;\n    border-left: 4px solid var(--bs-danger) !important;\n  }\n\n  &.bg-info {\n    background: linear-gradient(135deg, rgba(var(--bs-info-rgb), 0.1) 0%, rgba(var(--bs-info-rgb), 0.05) 100%) !important;\n    border-left: 4px solid var(--bs-info) !important;\n  }\n}\n\n// Uptime Bars - custom component, no Bootstrap equivalent\n// Responsive: Show 30 bars on mobile, 60 on tablet, 90 on desktop\n.uptime-bars {\n  height: 32px;\n  flex-wrap: nowrap;\n\n  @media (max-width: 767.98px) {\n    height: 24px;\n    gap: 1px !important;\n\n    // Hide first 60 bars on mobile (show last 30)\n    .uptime-bar:nth-child(-n+60) {\n      display: none;\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 991.98px) {\n    height: 28px;\n\n    // Hide first 30 bars on tablet (show last 60)\n    .uptime-bar:nth-child(-n+30) {\n      display: none;\n    }\n  }\n}\n\n.uptime-bar {\n  flex: 1 1 0;\n  min-width: 0;\n\n  // Uses Bootstrap bg-* classes for colors\n\n  &:hover {\n    transform: scaleY(1.2);\n    opacity: 0.8;\n  }\n}\n\n// Uptime Bar Legend - uses Bootstrap bg-* classes for colors\n.uptime-bar-legend {\n  width: 16px;\n  height: 16px;\n}\n\n// Incident & Maintenance Cards - border colors based on Bootstrap classes\n.incident-card,\n.maintenance-card {\n  border-left: 4px solid var(--bs-border-color) !important;\n\n  &.border-success { border-left-color: var(--bs-success) !important; }\n  &.border-warning { border-left-color: var(--bs-warning) !important; }\n  &.border-danger { border-left-color: var(--bs-danger) !important; }\n  &.border-info { border-left-color: var(--bs-info) !important; }\n}\n\n// Incident Timeline - custom component\n.incident-timeline {\n  position: relative;\n  padding-left: 1.5rem;\n\n  &::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background-color: var(--bs-border-color);\n  }\n\n  .timeline-item {\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      left: -1.5rem;\n      top: 0.5rem;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background-color: var(--bs-secondary-bg);\n      border: 2px solid var(--bs-border-color);\n      transform: translateX(-3px);\n    }\n\n    // Uses data attributes for timeline dot colors\n    &[data-status=\"warning\"]::before {\n      background-color: var(--bs-warning);\n      border-color: var(--bs-warning);\n    }\n    &[data-status=\"danger\"]::before {\n      background-color: var(--bs-danger);\n      border-color: var(--bs-danger);\n    }\n    &[data-status=\"info\"]::before {\n      background-color: var(--bs-info);\n      border-color: var(--bs-info);\n    }\n    &[data-status=\"success\"]::before {\n      background-color: var(--bs-success);\n      border-color: var(--bs-success);\n    }\n  }\n}\n\n// Tooltip for uptime bars - custom floating element\n.uptime-tooltip {\n  position: fixed;\n  z-index: 1000;\n  background-color: var(--bs-body-bg);\n  border: 1px solid var(--bs-border-color);\n  box-shadow: var(--bs-box-shadow);\n  pointer-events: none;\n  white-space: nowrap;\n\n  // Status dot uses Bootstrap bg-* classes\n  .status-dot {\n    width: 8px;\n    height: 8px;\n  }\n}","/**\n * Status Page Styles\n *\n * Uses Bootstrap semantic colors via bg-* classes:\n * - bg-success for operational (green)\n * - bg-warning for degraded (amber)\n * - bg-danger for major outage (red)\n * - bg-info for maintenance (blue)\n */\n.status-pulse {\n  width: 8px;\n  height: 8px;\n}\n\n.status-banner.bg-success {\n  background: linear-gradient(135deg, rgba(var(--bs-success-rgb), 0.1) 0%, rgba(var(--bs-success-rgb), 0.05) 100%) !important;\n  border-left: 4px solid var(--bs-success) !important;\n}\n.status-banner.bg-warning {\n  background: linear-gradient(135deg, rgba(var(--bs-warning-rgb), 0.1) 0%, rgba(var(--bs-warning-rgb), 0.05) 100%) !important;\n  border-left: 4px solid var(--bs-warning) !important;\n}\n.status-banner.bg-danger {\n  background: linear-gradient(135deg, rgba(var(--bs-danger-rgb), 0.1) 0%, rgba(var(--bs-danger-rgb), 0.05) 100%) !important;\n  border-left: 4px solid var(--bs-danger) !important;\n}\n.status-banner.bg-info {\n  background: linear-gradient(135deg, rgba(var(--bs-info-rgb), 0.1) 0%, rgba(var(--bs-info-rgb), 0.05) 100%) !important;\n  border-left: 4px solid var(--bs-info) !important;\n}\n\n.uptime-bars {\n  height: 32px;\n  flex-wrap: nowrap;\n}\n@media (max-width: 767.98px) {\n  .uptime-bars {\n    height: 24px;\n    gap: 1px !important;\n  }\n  .uptime-bars .uptime-bar:nth-child(-n+60) {\n    display: none;\n  }\n}\n@media (min-width: 768px) and (max-width: 991.98px) {\n  .uptime-bars {\n    height: 28px;\n  }\n  .uptime-bars .uptime-bar:nth-child(-n+30) {\n    display: none;\n  }\n}\n\n.uptime-bar {\n  flex: 1 1 0;\n  min-width: 0;\n}\n.uptime-bar:hover {\n  transform: scaleY(1.2);\n  opacity: 0.8;\n}\n\n.uptime-bar-legend {\n  width: 16px;\n  height: 16px;\n}\n\n.incident-card,\n.maintenance-card {\n  border-left: 4px solid var(--bs-border-color) !important;\n}\n.incident-card.border-success,\n.maintenance-card.border-success {\n  border-left-color: var(--bs-success) !important;\n}\n.incident-card.border-warning,\n.maintenance-card.border-warning {\n  border-left-color: var(--bs-warning) !important;\n}\n.incident-card.border-danger,\n.maintenance-card.border-danger {\n  border-left-color: var(--bs-danger) !important;\n}\n.incident-card.border-info,\n.maintenance-card.border-info {\n  border-left-color: var(--bs-info) !important;\n}\n\n.incident-timeline {\n  position: relative;\n  padding-left: 1.5rem;\n}\n.incident-timeline::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: var(--bs-border-color);\n}\n.incident-timeline .timeline-item {\n  position: relative;\n}\n.incident-timeline .timeline-item::before {\n  content: \"\";\n  position: absolute;\n  left: -1.5rem;\n  top: 0.5rem;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--bs-secondary-bg);\n  border: 2px solid var(--bs-border-color);\n  transform: translateX(-3px);\n}\n.incident-timeline .timeline-item[data-status=warning]::before {\n  background-color: var(--bs-warning);\n  border-color: var(--bs-warning);\n}\n.incident-timeline .timeline-item[data-status=danger]::before {\n  background-color: var(--bs-danger);\n  border-color: var(--bs-danger);\n}\n.incident-timeline .timeline-item[data-status=info]::before {\n  background-color: var(--bs-info);\n  border-color: var(--bs-info);\n}\n.incident-timeline .timeline-item[data-status=success]::before {\n  background-color: var(--bs-success);\n  border-color: var(--bs-success);\n}\n\n.uptime-tooltip {\n  position: fixed;\n  z-index: 1000;\n  background-color: var(--bs-body-bg);\n  border: 1px solid var(--bs-border-color);\n  box-shadow: var(--bs-box-shadow);\n  pointer-events: none;\n  white-space: nowrap;\n}\n.uptime-tooltip .status-dot {\n  width: 8px;\n  height: 8px;\n}"]}