/* Website 1.2.10: focused layout fixes. Public team card structure remains unchanged. */

/* The plus/cross is the only visible content of the changelog toggle.
   Earlier generic button/label styles caused the hidden accessible text to spill out. */
.changelog-v129 .cl129-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  flex:0 0 44px!important;
  padding:0!important;margin:0!important;
  overflow:hidden!important;
  border-radius:50%!important;
  border:1px solid var(--line)!important;
  background:var(--card)!important;
  color:var(--text)!important;
  font-family:inherit!important;
  font-weight:500!important;
  font-size:21px!important;
  line-height:1!important;
  text-align:center!important;
  letter-spacing:normal!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  cursor:pointer;
}
.changelog-v129 .cl129-toggle>.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;border:0!important;
}
.changelog-v129 .cl129-toggle>i{
  display:block!important;position:static!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;
  transform:none!important;text-indent:0!important;
  font:500 24px/1 Arial,sans-serif!important;
  color:inherit!important;
}
.changelog-v129 .cl129-release.open .cl129-toggle,
.changelog-v129 .cl129-toggle:hover{border-color:rgba(224,0,30,.67)!important;color:#ed2f4b!important}
.changelog-v129 .cl129-title-row{align-items:center;min-width:0}
.changelog-v129 .cl129-title-row>div{min-width:0}
.changelog-v129 .cl129-title-row h2{overflow-wrap:anywhere}
.changelog-v129 .cl129-toggle:focus-visible{outline:3px solid rgba(224,0,30,.45)!important;outline-offset:3px!important}
/* The date belongs to each timeline entry, without overflowing into the next one. */
.changelog-v129 .cl129-date{min-height:0}
.changelog-v129 .cl129-date time{position:relative;top:auto;font-size:clamp(14px,1.45vw,21px);letter-spacing:.01em;line-height:1.1;white-space:nowrap}
.changelog-v129 .cl129-release{scroll-margin-top:115px}
.changelog-v129 .cl129-sidebar{max-width:100%}
.changelog-v129 .cl129-release-list{min-width:0}
.changelog-v129 .cl129-release-link{min-width:0}
.changelog-v129 .cl129-release-link strong{max-width:100%;overflow-wrap:anywhere}
@media(max-width:720px){
 .changelog-v129 .cl129-title-row{gap:12px}
 .changelog-v129 .cl129-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex-basis:42px!important}
 .changelog-v129 .cl129-date time{writing-mode:horizontal-tb!important;transform:none!important;font-size:14px!important;position:static!important}
}

/* Status: match the other APX status cards while keeping severity meaningful. */
.status-page .status-incidents{
  margin-top:22px;
  padding:27px 29px;
  border-radius:24px;
  border:1px solid #28303c;
  border-top:2px solid #e00020;
  background:linear-gradient(160deg,#151b25 0%,#10151d 100%);
  color:#f5f7fa;
  box-shadow:0 16px 36px rgba(0,0,0,.13);
}
.status-page .status-incidents-head h2{font-size:clamp(23px,2vw,28px);line-height:1.2;margin:6px 0 8px;color:#fff}
.status-page .status-incidents-head p{font-size:14px;line-height:1.5;color:#bac5d4}
.status-page .status-incidents-list{display:grid;gap:10px;margin-top:20px}
.status-page .status-incident{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto auto;
  align-items:center;
  gap:15px;
  padding:16px 18px;
  border:1px solid #303844;
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:#eef2f7;
}
.status-page .status-incident-dot{width:9px;height:9px;border-radius:50%;background:#ef3340}
.status-page .status-incident.degraded .status-incident-dot{background:#ffa31a}
.status-page .status-incident.maintenance .status-incident-dot{background:#4385fb}
.status-page .status-incident-description{display:grid;gap:5px;min-width:0}
.status-page .status-incident-description strong{font-size:15px;font-weight:800;line-height:1.2;color:#f7f8fb}
.status-page .status-incident-description span{font-size:12px;color:#aab6c7;font-variant-numeric:tabular-nums}
.status-page .status-incident-type{padding:6px 9px;white-space:nowrap;border-radius:999px;background:rgba(239,51,64,.12);color:#ff8e9b;border:1px solid rgba(239,51,64,.26);font-size:10px;font-weight:800}
.status-page .status-incident.degraded .status-incident-type{color:#ffc576;background:rgba(255,163,26,.12);border-color:rgba(255,163,26,.25)}
.status-page .status-incident.maintenance .status-incident-type{color:#9cbdff;background:rgba(67,133,251,.12);border-color:rgba(67,133,251,.25)}
.status-page .status-incident-duration{font-size:13px;font-variant-numeric:tabular-nums;font-weight:800;color:#eef2f7;white-space:nowrap;text-align:right}
.status-page .status-incidents-empty{color:#b8c4d5;border-color:#303844;background:rgba(255,255,255,.03)}
html:not([data-theme="dark"]) .status-page .status-incidents{
 background:#fff;color:#121820;border-color:#dce2e9;border-top-color:#e00020;box-shadow:0 10px 30px rgba(20,30,45,.06)
}
html:not([data-theme="dark"]) .status-page .status-incidents-head h2{color:#121820}
html:not([data-theme="dark"]) .status-page .status-incidents-head p{color:#596477}
html:not([data-theme="dark"]) .status-page .status-incident{background:#f7f8fb;border-color:#dce2e9;color:#121820}
html:not([data-theme="dark"]) .status-page .status-incident-description strong,
html:not([data-theme="dark"]) .status-page .status-incident-duration{color:#151b25}
html:not([data-theme="dark"]) .status-page .status-incident-description span{color:#637083}
html:not([data-theme="dark"]) .status-page .status-incidents-empty{background:#f7f8fb;color:#637083;border-color:#dce2e9}
@media(max-width:720px){
 .status-page .status-incidents{padding:20px 16px;border-radius:19px}
 .status-page .status-incident{grid-template-columns:10px minmax(0,1fr) auto;gap:10px;padding:13px}
 .status-page .status-incident-type{grid-column:2;justify-self:start}
 .status-page .status-incident-duration{grid-column:3;grid-row:1/3}
}

/* Cookie modal: older light-mode typography was being applied on a forced dark background. */
html:not([data-theme="dark"]) .cookie-modal,
html[data-theme="dark"] .cookie-modal,
.cookie-modal{color:#f4f6f9!important}
.cookie-modal h2,.cookie-modal .cookie-option strong{color:#fff!important}
.cookie-modal .cookie-modal-intro,.cookie-modal .cookie-option p{color:#bdc8d6!important;font-size:14px;line-height:1.55}
.cookie-modal .cookie-status-fixed,.cookie-modal .cookie-option.muted>span{color:#bcc7d7!important}
.cookie-modal .cookie-option.muted{opacity:1!important}
.cookie-modal .cookie-close{color:#f4f6f9!important}
.cookie-modal-backdrop .cookie-secondary{background:#222a35!important;color:#f4f6f9!important;border-color:#445063!important}
.cookie-modal-backdrop .cookie-save{background:#df0025!important;color:#fff!important;border-color:#df0025!important}
.cookie-modal .switch input:focus-visible+span{outline:3px solid rgba(224,0,30,.45);outline-offset:3px}

/* Grafik & FPS info panel should match the selected theme. */
html:not([data-theme="dark"]) .performance-guide-page .performance-disclaimer{
 background:#fff;border:1px solid #dce2e9;color:#151b25;
 box-shadow:0 10px 28px rgba(10,24,40,.05);
}
html:not([data-theme="dark"]) .performance-guide-page .performance-disclaimer h2{color:#151b25!important}
html:not([data-theme="dark"]) .performance-guide-page .performance-disclaimer p{color:#566273}
html:not([data-theme="dark"]) .performance-guide-page .performance-disclaimer .btn.light{
 background:#f3f5f8;color:#171c24;border:1px solid #dce2e9;
}