/* Venice status page theme for Atlassian Statuspage.
   Paste into: Your page > Customize page and emails > Customize HTML & CSS > Custom CSS.
   Design: Figma VENICE-DESIGN, node 6233:120 (STATUS). */

@font-face { font-family: "Canela"; src: url("https://venice.ai/fonts/Canela-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Aeonik"; src: url("https://venice.ai/fonts/Aeonik-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Aeonik Fono"; src: url("https://venice.ai/fonts/AeonikFono-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }

:root {
  --vs-bg: #0a121a;
  --vs-surface: #111c26;
  --vs-line: rgba(247, 245, 237, 0.08);
  --vs-line-strong: rgba(247, 245, 237, 0.14);
  --vs-text: #f7f5ed;
  --vs-text-2: #b3d0eb;
  --vs-muted: #8a949c;
  --vs-green: #4fb286;
  --vs-amber: #d9a85a;
  --vs-red: #db6b60;
  --vs-blue: #b3d0eb;
  --vs-primary: #125da3;
  --vs-serif: "Canela", Georgia, "Times New Roman", serif;
  --vs-sans: "Aeonik", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --vs-mono: "Aeonik Fono", "SF Mono", Menlo, Consolas, monospace;
  --vs-width: 1200px;
  --vs-gutter: 32px;
}

/* ---------- Base ---------- */

html, body, body.status {
  background: var(--vs-bg) !important;
  color: var(--vs-text) !important;
  font-family: var(--vs-sans) !important;
  -webkit-font-smoothing: antialiased;
}
body.status .layout-content.status { background: transparent; padding-top: 0; }
body.status .layout-content .container {
  max-width: calc(var(--vs-width) + var(--vs-gutter) * 2);
  width: 100%;
  padding: 0 var(--vs-gutter);
  box-sizing: border-box;
}
body.status a, body.status a:hover { color: var(--vs-text-2); }
body.status .color-secondary, body.status small { color: var(--vs-muted) !important; }
body.status .border-color, body.status hr { border-color: var(--vs-line) !important; }

/* ---------- Top nav (custom header HTML) ---------- */

.vs-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 69px;
  background: rgba(10, 18, 26, 0.82);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--vs-line);
}
.vs-nav__inner {
  max-width: var(--vs-width);
  height: 100%;
  margin: 0 auto;
  padding: 0 var(--vs-gutter);
  box-sizing: content-box;
  display: flex;
  align-items: center;
}
.vs-brand { display: flex; align-items: center; line-height: 0; }
.vs-logo { width: 48.45px; height: 22px; display: block; }
.vs-nav .vs-brand__tag {
  margin-left: 14px;
  padding: 1px 0 0 14px;
  border-left: 1px solid var(--vs-line-strong);
  font: 12px/14px var(--vs-mono);
  letter-spacing: 1.68px;
  text-transform: uppercase;
  color: var(--vs-muted);
  text-decoration: none;
}
.vs-nav__links {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 28px;
  /* room for the native Subscribe button, which is pinned into the nav below */
  margin-right: 183px;
}
.vs-nav .vs-nav__links a {
  font: 14px/16px var(--vs-sans);
  color: var(--vs-text-2);
  text-decoration: none;
}
.vs-nav .vs-nav__links a:hover { color: var(--vs-text); }

/* Statuspage's own masthead: hide the logo, keep the Subscribe button and pin it into our nav */
body.status .masthead-container,
body.status .masthead-container.basic { padding: 0 !important; height: 0; border: 0; background: none; }
body.status .masthead { padding: 0; height: 0; }
body.status .masthead .logo-container,
body.status .masthead .page-name,
body.status .masthead.no-logo > h2 { display: none !important; }
body.status .updates-dropdown-container {
  position: fixed !important;
  top: 18px !important;
  right: max(var(--vs-gutter), calc(50% - var(--vs-width) / 2)) !important;
  left: auto !important;
  z-index: 60;
  margin: 0 !important;
}
body.status .show-updates-dropdown,
body.status a.show-updates-dropdown {
  display: inline-flex !important;
  align-items: center;
  height: 32px;
  padding: 0 15px !important;
  box-sizing: border-box;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: var(--vs-primary) !important;
  color: var(--vs-text) !important;
  font: 13px/13px var(--vs-sans) !important;
  letter-spacing: -0.13px;
  text-transform: none !important;
  box-shadow: none !important;
}
body.status .show-updates-dropdown:hover { filter: brightness(1.12); }
body.status .show-updates-dropdown .subscribe-text-short { display: none !important; }
body.status .show-updates-dropdown .subscribe-text-full { display: inline !important; font-size: 0 !important; letter-spacing: 0 !important; }
body.status .show-updates-dropdown .subscribe-text-full::after { content: "Subscribe to updates"; font: 13px/13px var(--vs-sans); letter-spacing: -0.13px; }

/* Subscribe dropdown */
body.status .updates-dropdown {
  background: var(--vs-surface) !important;
  border: 1px solid var(--vs-line-strong) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5) !important;
  color: var(--vs-text-2);
  overflow: hidden;
}
body.status .updates-dropdown-nav { background: var(--vs-bg) !important; border-color: var(--vs-line) !important; }
body.status .updates-dropdown-nav a,
body.status .updates-dropdown-nav button {
  background: transparent !important;
  border-color: var(--vs-line) !important;
  color: var(--vs-text-2) !important;
}
body.status .updates-dropdown-nav a.active,
body.status .updates-dropdown-nav a[aria-selected="true"] { background: var(--vs-surface) !important; color: var(--vs-text) !important; }
body.status .updates-dropdown-nav button { font-family: var(--vs-sans) !important; }
body.status .updates-dropdown-nav .icon-container { filter: brightness(0) invert(0.85); }
body.status .updates-dropdown-nav > a,
body.status .updates-dropdown-nav > button { box-shadow: none !important; outline: none !important; }
body.status .updates-dropdown-nav > a:focus-visible,
body.status .updates-dropdown-nav > button:focus-visible { box-shadow: inset 0 0 0 1px var(--vs-text-2) !important; }
body.status .updates-dropdown-nav > a:not(.active):hover { background: rgba(247, 245, 237, 0.04) !important; }
body.status .updates-dropdown-nav #updates-dropdown-close-btn {
  color: var(--vs-muted) !important;
  font: 400 0/0 var(--vs-sans) !important;
}
body.status .updates-dropdown-nav #updates-dropdown-close-btn::after { content: "\00D7"; font: 400 20px/1 var(--vs-sans); }
body.status .updates-dropdown-nav #updates-dropdown-close-btn:hover { color: var(--vs-text) !important; }
body.status .updates-dropdown label { color: var(--vs-text) !important; font: 400 14px/18px var(--vs-sans) !important; }
body.status .updates-dropdown .phone-country-wrapper { background: none !important; }
body.status .updates-dropdown .terms_and_privacy_information,
body.status .updates-dropdown .privacy_policy_information { color: var(--vs-muted) !important; font-size: 11px; line-height: 16px; }
body.status .updates-dropdown .terms_and_privacy_information a { color: var(--vs-text-2) !important; }
body.status .updates-dropdown-section { background: var(--vs-surface) !important; color: var(--vs-text-2) !important; }
body.status .updates-dropdown .directions strong { color: var(--vs-text); }
body.status .updates-dropdown input[type="text"],
body.status .updates-dropdown input[type="email"],
body.status .updates-dropdown select {
  background: var(--vs-bg) !important;
  border: 1px solid var(--vs-line-strong) !important;
  border-radius: 8px !important;
  color: var(--vs-text) !important;
}
body.status .flat-button,
body.status input.flat-button {
  background: var(--vs-primary) !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: var(--vs-text) !important;
  font-family: var(--vs-sans) !important;
}

/* ---------- Hero: overall status ---------- */

body.status .page-status,
body.status .layout-content.status.status-index .page-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  margin: 0;
  padding: 88px 0 0;
  background: none !important;
  border: 0 !important;
  box-shadow: none;
}
body.status .page-status .last-updated-stamp {
  order: -1;
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  font: 12px/14px var(--vs-mono) !important;
  letter-spacing: 1.68px;
  text-transform: uppercase;
  color: var(--vs-text-2) !important;
}
body.status .page-status .last-updated-stamp:empty::after { content: "Live status"; }
body.status .page-status .last-updated-stamp::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--vs-dot, var(--vs-green));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--vs-dot, var(--vs-green)) 18%, transparent);
}
/* Venice logo above "Live status", about half the heading's width. Lives here because the
   header HTML (our nav) can't publish on the current plan. */
body.status .page-status::before {
  content: "";
  order: -2;
  width: var(--vs-hero-logo, 202px);
  aspect-ratio: 48.45 / 21.9944;
  margin-bottom: calc(var(--vs-hero-logo, 202px) * 0.135);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.45 21.9944'%3E%3Cpath fill-rule='evenodd' d='M48.2703 15.7841C48.2147 15.7398 48.1501 15.727 48.098 15.727C47.9948 15.727 47.8879 15.7755 47.809 15.8547L47.7952 15.8681L47.7855 15.884C46.7077 17.5776 45.8038 18.7077 45.0136 19.4129C44.2246 20.117 43.5625 20.3859 42.963 20.3859C42.6244 20.3859 42.4302 20.2881 42.3148 20.1468C42.1936 19.9984 42.1317 19.7692 42.1317 19.4515C42.1317 18.9538 42.2782 18.3649 42.5099 17.7491C42.7326 17.1574 43.0298 16.5513 43.337 15.9936C44.4939 15.6507 45.8484 15.0326 46.7321 14.2527L46.7335 14.2517L46.7347 14.2505C47.0504 13.9609 47.3194 13.6597 47.5104 13.3562C47.7009 13.0534 47.8203 12.7383 47.8203 12.4246C47.8203 12.188 47.7534 11.9408 47.5727 11.752C47.3905 11.5613 47.115 11.4541 46.7468 11.4541C46.0175 11.4541 45.0897 11.8013 44.197 12.39C43.3001 12.9813 42.4192 13.8288 41.7868 14.8563C41.5639 15.2164 41.3797 15.5826 41.2327 15.9503C40.1937 17.5026 39.3058 18.6156 38.5062 19.3398C37.7042 20.0663 37.0081 20.3858 36.3518 20.3858C36.0458 20.3858 35.8553 20.286 35.7366 20.1382C35.6126 19.9839 35.5461 19.7516 35.5461 19.4515C35.5461 18.8679 35.7418 18.1658 36.0664 17.4054C36.3899 16.6475 36.8354 15.8449 37.3219 15.064C37.8726 14.1802 38.4196 13.4181 38.9145 12.8791C39.162 12.6093 39.3924 12.4002 39.5997 12.2596C39.8096 12.1173 39.9794 12.0565 40.1098 12.0565C40.2475 12.0565 40.3701 12.1361 40.4996 12.3204C40.6305 12.5065 40.7419 12.7621 40.8653 13.0476L41.0438 13.4593L41.8508 11.9919L41.7336 11.9018C41.3645 11.6178 40.8626 11.4541 40.29 11.4541C38.3302 11.4541 36.4038 12.9217 35.3302 14.6502L35.33 14.6504C35.0741 15.0639 34.8499 15.4799 34.6701 15.9092L33.8377 17.1957L33.8374 17.196C33.2303 18.1392 32.7041 18.9497 32.1845 19.5259C31.6638 20.1034 31.1795 20.4116 30.662 20.4116C30.4462 20.4116 30.2993 20.3549 30.2081 20.2726C30.1193 20.1925 30.0623 20.0692 30.0623 19.8891C30.0623 19.6493 30.1103 19.4226 30.4494 18.8076C30.7904 18.1896 31.411 17.2041 32.5318 15.4518L32.5322 15.4513L34.6285 12.1497L34.5356 11.6859H31.454L31.4079 11.7203C31.3397 11.7715 31.2879 11.8298 31.2543 11.897C31.2204 11.9648 31.2103 12.0312 31.2103 12.09V12.2624H32.3002L31.0564 14.2377C30.6948 14.8147 30.3735 15.3441 30.1066 15.8552L30.1056 15.8559L29.3943 16.9098C28.6714 17.9812 28.0549 18.8827 27.4673 19.5178C26.8772 20.1554 26.3479 20.4889 25.805 20.4889C25.6151 20.4889 25.4881 20.4387 25.4101 20.3669C25.3341 20.2972 25.2824 20.1867 25.2824 20.0177C25.2824 19.8191 25.3606 19.5681 25.5906 19.1712C25.8197 18.7758 26.1873 18.2554 26.7406 17.522L27.5384 16.4668L27.5385 16.4667C28.58 15.0866 28.886 14.2783 28.886 13.2482C28.886 12.7484 28.8147 12.3058 28.6239 11.9829C28.4245 11.6454 28.1031 11.4541 27.6582 11.4541C27.0666 11.4541 26.4226 11.7559 25.7482 12.2737C25.0704 12.7942 24.3416 13.5488 23.5771 14.4909L23.5589 14.5133H23.3262V13.171C23.3262 12.6796 23.2345 12.2983 23.0015 12.0416C22.7647 11.7807 22.4166 11.6859 21.9955 11.6859H21.0502L20.9997 11.7363C20.9283 11.8077 20.8597 11.912 20.8256 12.0481L20.7721 12.2624H21.8926C22.2155 12.2624 22.3744 12.3201 22.4546 12.3902C22.5277 12.4542 22.5695 12.5594 22.5695 12.7592C22.5695 12.9523 22.4989 13.1947 22.3484 13.5082C22.1989 13.8197 21.9787 14.1853 21.6963 14.6217L21.6957 14.6225L17.7955 20.7822H20.0042L22.2438 17.3306L22.3717 17.1261C23.449 15.5361 24.4575 14.2671 25.3524 13.3977C25.8001 12.9627 26.2154 12.6315 26.5928 12.41C26.9715 12.1878 27.3012 12.0822 27.581 12.0822C27.7507 12.0822 27.8261 12.122 27.8612 12.1572C27.8961 12.1921 27.9234 12.2543 27.9234 12.3731C27.9234 12.5476 27.8503 12.7802 27.6685 13.1063C27.4882 13.4297 27.2112 13.8271 26.8266 14.3271L26.8265 14.3273L25.9771 15.4341L25.9768 15.4344C24.887 16.8615 24.3713 18.0056 24.3713 19.1426C24.3713 19.5551 24.437 20.0203 24.6443 20.3887C24.8586 20.7693 25.2221 21.0396 25.7792 21.0396C26.5579 21.0396 27.2721 20.5226 27.9355 19.8054C28.4091 19.2935 28.8745 18.6599 29.3365 17.9901C29.2825 18.3029 29.254 18.6248 29.254 18.9624C29.254 19.3563 29.2991 19.8454 29.4937 20.2418C29.5923 20.4426 29.7318 20.6247 29.9277 20.7562C30.1246 20.8885 30.368 20.9625 30.662 20.9625C31.3937 20.9625 32.0351 20.4975 32.6187 19.8526C33.1691 19.2443 33.6967 18.4431 34.225 17.6273C34.2068 17.811 34.1974 17.9985 34.1974 18.1902C34.1974 18.9224 34.37 19.6153 34.7194 20.1306C35.0725 20.6516 35.6058 20.9882 36.3004 20.9882C37.0656 20.9882 37.8195 20.6526 38.6243 19.9735C39.3012 19.4025 40.0233 18.5808 40.8296 17.489C40.7982 17.734 40.7829 17.9768 40.7829 18.2161C40.7829 18.9371 40.9628 19.6235 41.3153 20.135C41.6709 20.651 42.2035 20.9882 42.8858 20.9882C43.6623 20.9882 44.4605 20.6469 45.3421 19.8671C46.2223 19.0888 47.1978 17.8633 48.334 16.0689L48.3607 16.0267V15.9767C48.3607 15.9032 48.3309 15.8326 48.2703 15.7841ZM45.4713 12.8916C45.7562 12.596 46.0238 12.3719 46.2682 12.2227C46.514 12.0729 46.7254 12.005 46.9013 12.005C47.0487 12.005 47.1252 12.0463 47.1676 12.0915C47.2116 12.1391 47.2436 12.2194 47.2436 12.3474C47.2436 12.5332 47.1649 12.7579 47.0037 13.0106C46.8536 13.2455 46.6391 13.4933 46.3755 13.7403C46.3581 13.7567 46.3403 13.7731 46.3226 13.7895L46.3216 13.7901L46.322 13.7897C45.6583 14.3893 44.6721 14.9221 43.7314 15.286C44.3313 14.2739 44.9259 13.4584 45.4713 12.8916Z' fill='%23F7F5ED'/%3E%3Cpath fill-rule='evenodd' d='M19.4961 16.0267V15.9767C19.4961 15.9032 19.4662 15.8326 19.4056 15.7841C19.3503 15.7398 19.2857 15.727 19.2336 15.727C19.1302 15.727 19.0235 15.7755 18.9444 15.8547L18.931 15.8681L18.9208 15.884C17.8431 17.5776 16.9393 18.7077 16.149 19.4129C15.3601 20.117 14.6979 20.3859 14.0985 20.3859C13.7598 20.3859 13.5656 20.2881 13.4502 20.1468C13.329 19.9984 13.2671 19.7692 13.2671 19.4515C13.2671 18.9538 13.4136 18.3649 13.6454 17.7491C13.868 17.1574 14.1652 16.5513 14.4724 15.9936C15.6293 15.6507 16.9837 15.0326 17.8677 14.2527L17.8688 14.2517L17.8701 14.2505C18.186 13.9609 18.455 13.6597 18.646 13.3562C18.8365 13.0534 18.9556 12.7383 18.9556 12.4246C18.9556 12.188 18.889 11.9408 18.7083 11.752C18.5258 11.5613 18.2504 11.4541 17.8823 11.4541C17.1531 11.4541 16.2253 11.8013 15.3324 12.39C14.4355 12.9814 13.5545 13.829 12.922 14.8566C12.237 15.9634 11.9184 17.127 11.9184 18.2161C11.9184 18.9371 12.0982 19.6235 12.4507 20.135C12.8064 20.651 13.339 20.9882 14.0212 20.9882C14.7977 20.9882 15.596 20.6469 16.4779 19.8671C17.358 19.0888 18.3333 17.8633 19.4694 16.0689L19.4961 16.0267ZM16.6068 12.8916C16.8916 12.596 17.1593 12.3719 17.4038 12.2227C17.6494 12.0729 17.8609 12.005 18.0367 12.005C18.184 12.005 18.2608 12.0463 18.3029 12.0915C18.347 12.1391 18.379 12.2194 18.379 12.3474C18.379 12.5332 18.3005 12.7579 18.1391 13.0106C17.979 13.2612 17.7458 13.5265 17.4575 13.7898C16.7934 14.3894 15.8078 14.9221 14.8668 15.286C15.4669 14.2739 16.0612 13.4584 16.6068 12.8916Z' fill='%23F7F5ED'/%3E%3Cpath fill-rule='evenodd' d='M13.8577 10.4491C14.106 10.0909 14.3526 9.73483 14.5987 9.38298C16.2214 7.0622 17.7596 4.86359 19.4278 3.243C21.0935 1.62496 22.8697 0.602312 24.9659 0.602312C25.6938 0.602312 26.4469 0.728026 27.0973 0.953181L27.2577 1.00873L27.4814 0.393786L27.3057 0.341728C26.5958 0.131421 25.7814 0 24.9659 0C22.7122 0 20.8077 1.09198 19.0794 2.75416H6.97907L6.61766 3.35646H11.6014C10.2981 3.97899 9.33894 5.02359 8.62043 6.15113C7.74924 7.51832 7.22247 9.02241 6.86221 10.0775C6.47479 11.1859 6.15638 12.2074 5.86383 13.1459L5.86356 13.1469C5.23809 15.1535 4.7338 16.7676 3.92665 18.0804C3.12559 19.3832 2.02281 20.3929 0.188279 21.1718L0 21.2517L0.431575 21.9231L0.574229 21.8398C1.17966 21.4867 1.75247 21.241 2.43701 21.0375C5.2303 20.2067 7.46044 18.4479 9.39522 16.3237C11.0345 14.524 12.4702 12.4517 13.8577 10.4491ZM3.89145 19.4992C4.90396 18.6001 5.72381 17.5959 6.45868 16.3449C7.2722 14.9599 7.98151 13.2727 8.73262 11.0909L8.73257 11.0911L8.73266 11.0908C8.93163 10.5163 9.11576 9.94287 9.29518 9.38396L9.29549 9.38302C9.82573 7.73144 10.3124 6.21974 11.027 5.11763C11.7333 4.02843 12.6505 3.35646 14.0522 3.35646H18.4845C16.9719 4.95218 15.5581 6.96905 14.1009 9.04788L14.0951 9.0561C11.2353 13.136 8.20469 17.4511 3.89145 19.4992Z' fill='%23F7F5ED'/%3E%3C/svg%3E") no-repeat left center / contain;
}
body.status .page-status.status-minor { --vs-dot: var(--vs-amber); }
body.status .page-status.status-major,
body.status .page-status.status-critical { --vs-dot: var(--vs-red); }
body.status .page-status.status-maintenance { --vs-dot: var(--vs-blue); }

body.status .page-status h2.status,
body.status .layout-content.status.status-index .page-status .status {
  margin: 0;
  max-width: 640px;
  font: 112.3px/109.04px var(--vs-serif) !important;
  letter-spacing: -2.9px;
  color: var(--vs-text) !important;
  text-transform: lowercase;
}
body.status .page-status h2.status::first-letter { text-transform: uppercase; }

/* "About this site" text, used as the hero intro */
body.status .text-section { margin: 14px 0 0 !important; padding: 0; text-align: left; }
body.status .text-section h2 { display: none; }
body.status .text-section p {
  max-width: 600px;
  margin: 0;
  font: 19px/29.45px var(--vs-sans) !important;
  color: var(--vs-text-2) !important;
}

/* ---------- Active incidents and maintenance ---------- */

body.status .unresolved-incidents,
body.status .scheduled-maintenances-container { margin-top: 56px; }
body.status .unresolved-incident,
body.status .scheduled-maintenance {
  margin: 0 0 16px;
  background: var(--vs-surface) !important;
  border: 1px solid var(--vs-line) !important;
  border-left: 3px solid var(--vs-impact, var(--vs-amber)) !important;
  border-radius: 20px;
  overflow: hidden;
}
body.status .unresolved-incident.impact-minor { --vs-impact: var(--vs-amber); }
body.status .unresolved-incident.impact-major,
body.status .unresolved-incident.impact-critical { --vs-impact: var(--vs-red); }
body.status .scheduled-maintenance { --vs-impact: var(--vs-blue); }
body.status .unresolved-incident .incident-title,
body.status .scheduled-maintenance .incident-title {
  padding: 24px 32px 0 !important;
  background: none !important;
  border: 0 !important;
}
body.status .unresolved-incident .incident-title a,
body.status .unresolved-incident .incident-title .actual-title,
body.status .scheduled-maintenance .incident-title a,
body.status .scheduled-maintenance .incident-title .actual-title {
  font: 26px/28.6px var(--vs-serif) !important;
  color: var(--vs-text) !important;
}
body.status .unresolved-incident .incident-title .subtitle,
body.status .scheduled-maintenance .incident-title .subtitle { color: var(--vs-muted) !important; font: 13px var(--vs-sans); }
body.status .unresolved-incident .updates,
body.status .scheduled-maintenance .updates {
  padding: 16px 32px 24px !important;
  background: none !important;
  border: 0 !important;
  color: var(--vs-text-2) !important;
}
body.status .unresolved-incident .update,
body.status .scheduled-maintenance .update { color: var(--vs-text-2) !important; border-color: var(--vs-line) !important; }
body.status .unresolved-incident .update strong,
body.status .scheduled-maintenance .update strong { color: var(--vs-text); font-weight: 400; }

/* ---------- Services (components + 90-day uptime) ---------- */

body.status .components-section { position: relative; margin: 0 !important; padding-top: 80px; }
/* Statuspage shows 90, 60 or 30 days depending on screen width; footer.html copies the real count into data-vs-days */
body.status .components-section::before {
  content: "Uptime";
  display: block;
  font: 12px/14px var(--vs-mono);
  letter-spacing: 1.68px;
  text-transform: uppercase;
  color: var(--vs-muted);
}
body.status .components-section[data-vs-days]::before { content: "Uptime \00B7  last " attr(data-vs-days) " days"; }
body.status .components-section .components-uptime-link {
  display: block;
  margin: 8px 0 20.75px;
  padding: 0;
  font-size: 0 !important;
  text-align: left !important;
}
body.status .components-section .components-uptime-link::before {
  content: "Services";
  display: block;
  font: 44px/54px var(--vs-serif);
  letter-spacing: -0.44px;
  color: var(--vs-text);
}

/* Legend, moved to the right of the "Services" title */
body.status .component-statuses-legend {
  position: absolute;
  right: 0;
  top: 120px;
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 17.7px;
  width: max-content !important;
  overflow: visible !important;
  margin: 0;
  padding: 0;
  border: 0;
}
body.status .component-statuses-legend .breaker,
body.status .component-statuses-legend .legend-item.status-yellow { display: none !important; }
body.status .component-statuses-legend .legend-item {
  display: flex !important;
  width: auto !important;
  white-space: nowrap;
  text-align: left;
  align-items: center;
  gap: 7px;
  margin: 0 !important; /* Statuspage adds a 5% right margin per item */
  float: none;
  font: 13px var(--vs-sans);
  color: var(--vs-muted) !important;
}
body.status .component-statuses-legend .icon-indicator { display: none !important; }
body.status .component-statuses-legend .legend-item::before {
  content: "";
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: var(--vs-green);
}
body.status .component-statuses-legend .status-orange::before { background: var(--vs-amber); }
body.status .component-statuses-legend .status-red::before { background: var(--vs-red); }
body.status .component-statuses-legend .status-blue::before { background: var(--vs-blue); }

/* Card */
body.status .components-container,
body.status .layout-content.status.status-index .components-container {
  margin: 0;
  background: var(--vs-surface) !important;
  border: 1px solid var(--vs-line) !important;
  border-radius: 20px;
  overflow: hidden;
}
body.status .components-container .component-container {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--vs-line) !important;
  border-radius: 0 !important;
}
body.status .components-container .component-container:first-child { border-top: 0 !important; }

/* One service row */
body.status .components-container .component-inner-container {
  display: grid !important;
  grid-template-columns: auto 1fr auto auto;
  grid-template-areas:
    "name desc uptime status"
    "bars bars bars   bars"
    "from from today  today";
  align-items: center;
  column-gap: 14px;
  padding: 28px 32px 27px !important;
  background: none !important;
}
body.status .component-inner-container .uptime-90-days-wrapper,
body.status .component-inner-container .uptime-90-days-wrapper .legend { display: contents; }
body.status .component-inner-container .uptime-90-days-wrapper .spacer,
body.status .component-inner-container .icon-indicator { display: none !important; }

body.status .component-inner-container .name {
  grid-area: name;
  max-width: none !important;
  width: auto !important;
  overflow: visible !important;
  font: 20px/24px var(--vs-sans) !important;
  color: var(--vs-text) !important;
}
/* Component description: Statuspage renders it as a "?" tooltip button; show it inline instead */
body.status .component-inner-container .tooltip-base {
  grid-area: desc;
  justify-self: start;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: 0 !important;
  font-size: 0 !important;
  cursor: default;
  pointer-events: none;
}
body.status .component-inner-container .tooltip-base::after {
  content: attr(data-original-title);
  font: 14px/16px var(--vs-sans);
  color: var(--vs-muted);
}

body.status .component-inner-container .component-status {
  grid-area: status;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 3px 0 0 18px;
  font: 14px/16px var(--vs-sans) !important;
  color: var(--vs-state) !important;
}
body.status .component-inner-container .component-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: currentColor;
}
body.status .component-inner-container { --vs-state: var(--vs-green); }
body.status .component-inner-container.status-yellow,
body.status .component-inner-container.status-orange { --vs-state: var(--vs-amber); }
body.status .component-inner-container.status-red { --vs-state: var(--vs-red); }
body.status .component-inner-container.status-blue { --vs-state: var(--vs-blue); }

body.status .component-inner-container .legend-item-uptime-value {
  grid-area: uptime;
  margin: 2px 0 0 !important;
  font: 13px/15px var(--vs-mono) !important;
  color: var(--vs-text-2) !important;
  white-space: nowrap;
}
/* "99.84 % uptime" -> "99.84% uptime": hide Statuspage's text node and redraw the suffix */
body.status .component-inner-container .legend-item-uptime-value { font-size: 0 !important; }
body.status .component-inner-container .legend-item-uptime-value span,
body.status .component-inner-container .legend-item-uptime-value::after { font: 13px/15px var(--vs-mono); }
body.status .component-inner-container .legend-item-uptime-value::after { content: "% uptime"; }

body.status .component-inner-container .legend-item-date-range {
  grid-area: from;
  margin: 0 !important;
  font: 12px/14px var(--vs-mono) !important;
  color: var(--vs-muted) !important;
  opacity: 1 !important;
}
body.status .component-inner-container .legend-item-date-range:last-child { grid-area: today; justify-self: end; }

/* 90-day bars */
body.status .component-inner-container svg.availability-time-line-graphic {
  grid-area: bars;
  display: block;
  width: 100% !important;
  height: 40px !important;
  margin: 18px 0 16px !important;
}
body.status rect.uptime-day {
  /* Statuspage blends colours for mixed days; anything that is not fully green or red reads as partial */
  fill: var(--vs-amber);
  opacity: 0.88;
  width: 4px;
  rx: 0.8px;
  ry: 1.7px;
  transition: opacity 0.12s;
}
body.status rect.uptime-day[fill="#7baf94" i] { fill: var(--vs-green); }
body.status rect.uptime-day[fill="#dd3300" i] { fill: var(--vs-red); }
body.status rect.uptime-day[fill="#8eb7d1" i] { fill: var(--vs-blue); }
body.status rect.uptime-day[fill="#b3bac5" i] { fill: var(--vs-line-strong); }
body.status rect.uptime-day:hover,
body.status rect.uptime-day:focus { opacity: 1; outline: none; }

/* Uptime day tooltip */
body.status #uptime-tooltip .tooltip-box {
  background: var(--vs-surface) !important;
  border: 1px solid var(--vs-line-strong) !important;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
  color: var(--vs-text-2);
  font-family: var(--vs-sans);
}
body.status #uptime-tooltip .pointer-container { display: none; }
body.status #uptime-tooltip .date { font-family: var(--vs-mono); color: var(--vs-text) !important; }
body.status #uptime-tooltip .outage-field { background: var(--vs-bg) !important; border-color: var(--vs-line) !important; color: var(--vs-text-2); }
body.status #uptime-tooltip .related-events,
body.status #uptime-tooltip .no-related-msg { border-color: var(--vs-line) !important; color: var(--vs-muted); }
body.status #uptime-tooltip .outage-field { border-radius: 8px; color: var(--vs-text) !important; }
body.status #uptime-tooltip .outage-field .label { color: var(--vs-text) !important; }
body.status #uptime-tooltip .outage-field .value-hrs,
body.status #uptime-tooltip .outage-field .value-mins { font: 13px/18px var(--vs-mono); color: var(--vs-text-2) !important; }
/* swap the red X / warning icons for status dots */
body.status #uptime-tooltip i.component-status { font-size: 0 !important; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 10px; vertical-align: middle; }
body.status #uptime-tooltip i.component-status::before { content: none !important; }
body.status #uptime-tooltip i.major_outage { background: var(--vs-red); }
body.status #uptime-tooltip i.partial_outage { background: var(--vs-amber); }
body.status #uptime-tooltip #related-event-header { font: 11px/14px var(--vs-mono) !important; letter-spacing: 1.4px; color: var(--vs-muted) !important; }
body.status #uptime-tooltip .related-events a,
body.status #uptime-tooltip a.related-event-link { color: var(--vs-text-2) !important; font: 14px/20px var(--vs-sans); text-decoration: none; }
body.status #uptime-tooltip .related-events a:hover { color: var(--vs-text) !important; }

/* ---------- Past incidents ---------- */

body.status .incidents-list {
  position: relative;
  margin-top: 0 !important;
  padding: 80px 0 0;
}
body.status .incidents-list::before {
  content: "Last 15 days";
  display: block;
  margin-bottom: 5px;
  font: 12px/14px var(--vs-mono);
  letter-spacing: 1.68px;
  text-transform: uppercase;
  color: var(--vs-muted);
}
body.status .incidents-list h2,
body.status .layout-content.status .incidents-list h2.font-largest {
  margin: 0 0 20.75px;
  padding: 0 0 20.75px;
  border-bottom: 1px solid var(--vs-line-strong);
  font: 44px/54px var(--vs-serif) !important;
  letter-spacing: -0.44px;
  color: var(--vs-text) !important;
  text-transform: lowercase;
}
body.status .incidents-list h2::first-letter { text-transform: uppercase; }

body.status .status-day,
body.status .layout-content.status.status-index .status-day {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  align-items: start;
  margin: 0;
  padding: 24px 0;
  border-bottom: 1px solid var(--vs-line);
}
body.status .incidents-list h2 + .status-day { padding-top: 3px; }
body.status .status-day .date,
body.status .layout-content.status .status-day .date {
  grid-column: 1;
  grid-row: 1 / span 20;
  margin: 0;
  padding: 0;
  border: 0 !important;
  font: 14px/17px var(--vs-mono) !important;
  color: var(--vs-text) !important;
}
body.status .status-day .vs-day-note { display: block; margin-top: 3px; font: 13px/16px var(--vs-sans); color: var(--vs-muted); }
body.status .status-day > p,
body.status .status-day.no-incidents p {
  grid-column: 2;
  text-align: left !important;
  margin: 0;
  font: 15px/18px var(--vs-sans) !important;
  color: var(--vs-muted) !important;
}

body.status .status-day .incident-container {
  grid-column: 2;
  margin: 0 0 32px;
  padding: 0;
  border: 0;
}
body.status .status-day .incident-container:last-child { margin-bottom: 0; }
body.status .status-day .incident-title,
body.status .layout-content.status.status-index .incidents-list .incident-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: -2px 0 0;
}
body.status .status-day .incident-title a,
body.status .layout-content.status.status-index .incidents-list .incident-title a {
  font: 26px/28.6px var(--vs-serif) !important;
  color: var(--vs-text) !important;
}
body.status .status-day .incident-container:has(.update.resolved) .incident-title::after,
body.status .status-day .incident-container:has(.update.completed) .incident-title::after {
  content: "Resolved";
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(46, 125, 91, 0.12);
  font: 12px/12px var(--vs-sans);
  letter-spacing: -0.12px;
  color: var(--vs-green);
}
body.status .status-day .incident-container:has(.update.completed) .incident-title::after { content: "Completed"; }

/* Update timeline */
body.status .status-day .updates-container { margin-top: 20px; }
body.status .status-day .update,
body.status .layout-content.status .status-day .update {
  position: relative;
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  grid-template-areas: "label text" "time text";
  column-gap: 24px;
  margin: 0 !important;
  padding: 0 0 20px 28px;
  font-size: 0 !important; /* hides the " - " separator Statuspage puts between label and text */
  line-height: 0 !important;
  color: var(--vs-text-2);
}
body.status .status-day .update br { display: none; }
body.status .status-day .update strong {
  grid-area: label;
  font: 15px/18px var(--vs-sans);
  letter-spacing: 0.15px;
  font-weight: 400;
  color: var(--vs-text);
}
body.status .status-day .update > span {
  grid-area: text;
  font: 15px/23.25px var(--vs-sans);
  letter-spacing: 0.15px;
  color: var(--vs-text-2);
  margin-top: -2px;
  white-space: normal !important; /* Statuspage uses pre-wrap, which renders the template's line breaks */
}
body.status .status-day .update small {
  grid-area: time;
  margin-top: 1px;
  font: 12px/14px var(--vs-mono) !important;
  color: var(--vs-muted) !important;
}
body.status .status-day .update::before {
  content: "";
  position: absolute;
  left: 2.5px;
  top: 6px;
  width: 7px;
  height: 7px;
  border-radius: 4.5px;
  background: var(--vs-step, var(--vs-muted));
}
body.status .status-day .update::after {
  content: "";
  position: absolute;
  left: 5.5px;
  top: 21px;
  bottom: 6px;
  width: 1px;
  background: var(--vs-line-strong);
}
body.status .status-day .update:last-child { padding-bottom: 0; }
body.status .status-day .update:last-child::after { display: none; }
body.status .update.resolved,
body.status .update.completed { --vs-step: var(--vs-green); }
body.status .update.monitoring,
body.status .update.verifying,
body.status .update.in_progress,
body.status .update.scheduled { --vs-step: var(--vs-blue); }
body.status .update.investigating,
body.status .update.identified { --vs-step: var(--vs-amber); }

/* ---------- Footer ---------- */

body.status .page-footer,
body.status .layout-content.status .page-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 32px 0 80px;
  border: 0 !important;
  font: 13px var(--vs-sans);
  color: var(--vs-muted);
}
body.status .page-footer .history-footer-link { font: 14px var(--vs-sans); color: var(--vs-text-2) !important; }
body.status .page-footer .powered-by,
body.status .page-footer .powered-by a { color: var(--vs-muted) !important; }

/* ---------- Other pages (history, incident detail, uptime) ---------- */

body.status .layout-content.status:not(.status-index) .container { padding-top: 56px; }
body.status .layout-content.status h1,
body.status .layout-content.status .incident-name,
body.status .layout-content.status.status-full-history .month-title,
body.status .layout-content.status .font-largest {
  font-family: var(--vs-serif) !important;
  font-weight: 400 !important;
  color: var(--vs-text) !important;
}
body.status .layout-content.status-incident .incident-name { font-size: 44px !important; line-height: 1.1; }
body.status .layout-content.status-incident .row.update-row { border-color: var(--vs-line) !important; }
body.status .layout-content.status-incident .update-title { font-family: var(--vs-sans); color: var(--vs-text) !important; font-weight: 400; }
body.status .layout-content.status-incident .update-body { color: var(--vs-text-2) !important; }
body.status .layout-content.status-full-history .month { border-color: var(--vs-line) !important; }
body.status .layout-content.status-full-history .month .incident-container .impact-none,
body.status .layout-content.status-full-history .month .incident-container a { color: var(--vs-text) !important; }
body.status .layout-content.status-full-history .history-nav a.current { background: var(--vs-surface) !important; color: var(--vs-text) !important; }
body.status .layout-content.status-full-history .history-nav a:not(.current) { background: none !important; color: var(--vs-muted) !important; }
body.status .layout-content.status-full-history .history-nav a:not(.current):hover { color: var(--vs-text) !important; }
body.status .grouped-items-selector,
body.status .layout-content.status.status-full-history .history-nav { background: none !important; border-color: var(--vs-line) !important; }

body.status .color-primary,
body.status .layout-content.status-full-history .incident-body { color: var(--vs-text-2) !important; }
body.status .layout-content.status-full-history .incident-title { font-family: var(--vs-sans) !important; color: var(--vs-text) !important; }

/* Uptime calendar (/uptime) */
body.status .uptime-calendar .month-name { font: 20px/24px var(--vs-sans) !important; color: var(--vs-text) !important; }
body.status .uptime-calendar .month-uptime { font: 13px var(--vs-mono) !important; color: var(--vs-text-2) !important; }
body.status .uptime-calendar svg.day rect { fill: var(--vs-amber); rx: 4px; }
body.status .uptime-calendar svg.day rect[fill="#7baf94" i] { fill: var(--vs-green); }
body.status .uptime-calendar svg.day rect[fill="#dd3300" i] { fill: var(--vs-red); }
body.status .uptime-calendar svg.day rect[fill="#8eb7d1" i] { fill: var(--vs-blue); }
body.status .uptime-calendar svg.day rect[fill="#eaeaea" i] { fill: var(--vs-line); }
body.status .uptime-calendar svg.day rect.hide { fill: transparent; }
body.status .select-input__control,
body.status .select-input__menu {
  background: var(--vs-surface) !important;
  border: 1px solid var(--vs-line-strong) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.status .select-input__single-value,
body.status .select-input__option { color: var(--vs-text) !important; background: transparent !important; }
body.status .select-input__option--is-focused { background: var(--vs-bg) !important; }
body.status .pagination-container .pagination,
body.status .pagination a,
body.status .history-nav .pagination { background: none !important; border-color: var(--vs-line) !important; color: var(--vs-text-2) !important; }

/* ---------- Responsive ---------- */

@media (max-width: 900px) {
  :root { --vs-gutter: 24px; --vs-hero-logo: 130px; }
  body.status .page-status h2.status,
  body.status .layout-content.status.status-index .page-status .status { font-size: 72px !important; line-height: 72px !important; letter-spacing: -1.8px; }
  /* legend goes between the title and the card */
  body.status .components-section { display: flex; flex-direction: column; }
  body.status .components-section .components-container { order: 2; }
  body.status .component-statuses-legend { order: 1; position: static; flex-wrap: wrap; gap: 8px 16px; margin: -6px 0 20px; width: auto !important; }
}

@media (max-width: 640px) {
  :root { --vs-gutter: 16px; --vs-hero-logo: 94px; }
  .vs-nav__links { display: none; }
  body.status .updates-dropdown-container { top: 18px; }
  body.status .page-status,
  body.status .layout-content.status.status-index .page-status { padding-top: 48px; }
  body.status .page-status h2.status,
  body.status .layout-content.status.status-index .page-status .status { font-size: 52px !important; line-height: 54px !important; letter-spacing: -1.2px; }
  body.status .text-section p { font-size: 17px !important; line-height: 26px !important; }
  body.status .components-section,
  body.status .incidents-list { padding-top: 56px; }

  body.status .components-container .component-inner-container {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "name status"
      "desc desc"
      "bars bars"
      "from today"
      "uptime uptime";
    padding: 20px 20px 18px !important;
    row-gap: 4px;
  }
  body.status .component-inner-container .legend-item-uptime-value { margin-top: 6px !important; }

  body.status .status-day,
  body.status .layout-content.status.status-index .status-day { grid-template-columns: 1fr; row-gap: 10px; }
  body.status .status-day .date,
  body.status .layout-content.status .status-day .date { grid-row: auto; }
  body.status .status-day > p,
  body.status .status-day.no-incidents p,
  body.status .status-day .incident-container { grid-column: 1; }
  body.status .status-day .update,
  body.status .layout-content.status .status-day .update { grid-template-columns: 1fr; grid-template-areas: "label" "time" "text"; }
  body.status .status-day .update > span { margin-top: 6px; }
  body.status .page-footer,
  body.status .layout-content.status .page-footer { flex-direction: column; align-items: flex-start; }
}