/* Hide Subscribe in common templates */
/*.subscribe-button,
.button.subscribe,
.header .actions .button.subscribe,
.header .subscribe-button,
.header-actions .subscribe-button,
a[href*="subscribe"],
a[aria-label*="Subscribe"],
button[aria-label*="Subscribe"],
[data-js-hook="subscribe-button"],
[data-component="subscribe-button"] {
  display: none !important;
  visibility: hidden !important;
}*/

/* Hide components section completely */
.components-section { display: none !important; }

/* Hide uptime history etc. */
.section { display: none !important; }

/* Hide the Incident History link globally */
a[href*="incidents"],
a[href*="history"],
.incident-history,
.past-incidents,
.page-history,
#past-incidents,
.section.incidents,
.status-history,
.incidents-list,
.incident-list {
  display: none !important;
  visibility: hidden !important;
}

/* Hide ONLY the "All Systems Operational" banner */
.page-status,
.page-status .status,
div.page-status,
div.page-status > .status,
.status-indicator,
.status-summary {
    display: none !important;
    visibility: hidden !important;
}

/* --- Hub grid layout --- */
#gbg-hub {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;                     /* increased spacing between tiles */
  padding: 48px 32px 96px 32px;  /* more breathing room around grid */
  max-width: 1000px;             /* aligns with Atlassian’s wide layout */
  margin: 0 auto;
  box-sizing: border-box;
}

/* --- Ensures no tile vertically misalignes due to minor content differences --- */
#gbg-hub {
  justify-items: stretch;   /* Tiles stretch evenly */
  align-items: start;       /* Rows align neatly */
}

/* --- Card container (matches Atlassian white cards) --- */

.gbg-tile {
  background: #ffffff;
  border-radius: 16px;
  padding: 36px 32px 48px 32px;  /* deeper vertical spacing */
  min-height: 165px;            /* ensures uniform tile depth */
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  position: relative;
  cursor: pointer;
  transition: box-shadow .12s ease, transform .12s ease;
}

.gbg-tile:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}

/* --- Top accent bar (Atlassian style) --- */
.gbg-tile__stripe {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
  border-radius: 16px 16px 0 0;
  background: #8ECE7E; /* Will be overwritten by indicator classes */
}

/* --- Main content aligned horizontally (icon left, text right) --- */


.gbg-stripe-minor    { background: #DBD470 !important; }  /* yellow */
.gbg-stripe-major    { background: #FFC2A8 !important; }  /* orange */
.gbg-stripe-critical { background: #CE7E7E !important; }  /* red  */
``

/* Fix content layout (icon + text alignment) */
.gbg-tile__content {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
  
/* --- Status badge (encased label) --- */
.gbg-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 8px;               /* pill */
  /*font: 700 12px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;*/
  vertical-align: middle;
  font-weight:700!important;
}

/* Keep title + badge on one line and nicely spaced */
.gbg-tile__header{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}

/* Badge styles */
.gbg-badge{
  display:inline-block;
  padding:4px 10px;

  /*font:700 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.02em;
  text-transform:uppercase;*/
  /*color:#fff;*/
  font-weight:700;
}

/* Severity colours for the badge */
.gbg-badge--none{     background:var(--cl-sg-200) !important; }  /* green */
.gbg-badge--minor{    background:#DBD470 !important; }  /* orange */
.gbg-badge--major{    background:#FFC2A8 !important; }  /* red */
.gbg-badge--critical{ background:#CE7E7E !important; }  /* dark red */



/* Hide the second-line status text for ALL tiles */
.gbg-tile__status {
  display: none !important;
}


/* (Optional) keep tile background neutral; the stripe + badge carry severity */
.gbg-indicator-none,
.gbg-indicator-minor,
.gbg-indicator-major,
.gbg-indicator-critical {
  background: #fff !important;
  color: #243746 !important;
}


/* Stack title and badge vertically instead of side-by-side */

.gbg-tile__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}


/* ===============================================
   Force Atlassian footer to bottom of the page
   =============================================== */

/* 1. Make the whole page a flex column */
html, body {
    height: 100% !important;
}
body {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Ensure main content expands above footer */
#gbg-hub-wrapper,
#content,
.sp-content,
.layout-content,
.page-body,
main {
    flex: 1 0 auto !important;
}

/* 3. Atlassian system footer anchored at bottom */
.page-footer,
.statuspage-footer,
.site-footer,
.footer {
    flex-shrink: 0 !important;
    margin-top: 40px !important;
}

/* 4. Ensure your HUB sits clearly above the footer */
#gbg-hub-wrapper {
    position: relative !important;
    z-index: 5 !important;
    margin-bottom: 40px !important;
}


#gbg-hub-footer {
  border-top: 1px solid #E4E7EC;
  margin-top: 40px;
  padding: 16px 0;
  text-align: center;
  color: #98A2B3;
}


.page-footer{
display:none;
}

/*.card-header{
display:flex;
justify-content:space-between;
margin-bottom:1rem;
}
h4+span{
margin-top:0;
}*/

.maintenance-badge{
background: var(--cl-ch-200);
}

        .card, .card-container .card-section .card{
        justify-content:space-between!important;}

.card-footer{
width: 100%;
}
        
        .subscribe-text-full{    
  	background: var(--cl-hb-400);
    color: white!important;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: .5rem 1rem;
    transition: all ease .2s;
    text-decoration: none!important;
    color: inherit;
    position: relative;
      border-radius: .5rem;
      text-decoration:none!important;

}
    
    .updates-dropdown-container .updates-dropdown{
    right:0;
    }
    
    .nav .nav-ctas a{
      font-size: 11px!important;
    }