/* ===== AMBER rebrand overrides (injected by serve-clone) ===== */

/* Replace the pixel-H glyph in the header tile with the AMBER mark. */
.logo-tile{
  background:url(/inject/logo-spark.png) center/cover no-repeat !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:9px !important;
  overflow:hidden !important;
}
.logo-tile > div[aria-hidden]{ visibility:hidden !important; }

/* blinking caret in the header wordmark (Spark_) */
.wordmark .blink{ animation:spark-blink 1.05s step-end infinite; }
@keyframes spark-blink{ 0%,100%{ opacity:1 } 50%{ opacity:0 } }

/* ===== AMBER header buttons (X + CA) — brutalist, matches .btn ===== */
.amber-hdr-buttons{ display:inline-flex; gap:8px; align-items:center; margin-left:10px; }
.amber-hdr-btn{
  display:inline-flex; align-items:center; gap:6px;
  height:36px; padding:0 12px; box-sizing:border-box;
  border:2px solid var(--ink);
  background:var(--card);
  box-shadow:3px 3px 0 var(--shadow-lav);
  font-family:inherit; font-size:11px; line-height:1; letter-spacing:.08em;
  text-transform:uppercase; font-weight:700;
  color:var(--ink); cursor:pointer; text-decoration:none; white-space:nowrap;
  transition:transform .05s ease, box-shadow .05s ease;
}
.amber-hdr-btn:hover{ transform:translate(1px,1px); box-shadow:2px 2px 0 var(--shadow-lav); }
.amber-hdr-btn:active{ transform:translate(3px,3px); box-shadow:0 0 0 var(--shadow-lav); }
.amber-hdr-x{ padding:0; width:36px; justify-content:center; border:none; background:transparent; border-radius:8px; overflow:hidden; }
.amber-hdr-x img{ width:36px; height:36px; display:block; object-fit:cover; }
.amber-hdr-ca{ background:var(--magenta); color:#04140a; }
.amber-hdr-ca .amber-ca-val{ margin-left:4px; font-weight:800; letter-spacing:.04em; }

@media (max-width:760px){
  .amber-hdr-buttons{ margin-left:6px; gap:6px; }
  .amber-hdr-btn{ height:32px; padding:0 8px; font-size:10px; }
  .amber-hdr-x{ padding:0 7px; }
}