:root {
  --glyph-gradient: linear-gradient(
  135deg,
  #fdb34f 0%,
  #fa7f7e 24%,
  #ec4a91 45%,
  #d38cec 66%,
  #9faff4 82%,
  #68bef6 100%
);
}

.action-button {
  --glyphmap-button-font: var(--font-medium);
  --glyphmap-button-font-size: 14px;
  --glyphmap-button-padding: 0 14px;
  --glyphmap-button-height: 36px; 
  --glyphmap-button-min-width: fit-content;
  --glyphmap-button-flex-wrap: nowrap;
  --glyphmap-button-white-space: nowrap;
}
 
.header-button {
  --glyphmap-button-font: var(--font-medium);
  --glyphmap-button-font-size: 14px;
  --glyphmap-button-padding: 0 22px;
  --glyphmap-button-height: 36px; 
  --glyphmap-button-min-width: fit-content;
  --glyphmap-button-flex-wrap: nowrap;
  --glyphmap-button-white-space: nowrap;
}
 
.dialog-actions-button {
  --glyphmap-button-font: var(--font-medium);
  --glyphmap-button-font-size: 14px;
  --glyphmap-button-padding: 0 14px;
  --glyphmap-button-height: 36px; 
  --glyphmap-button-min-width: fit-content;
  --glyphmap-button-flex-wrap: nowrap;
  --glyphmap-button-white-space: nowrap;
}

.icon-actions-button {
  --glyphmap-button-font: var(--font-medium);
  --glyphmap-button-font-size: 14px;
  --glyphmap-button-padding: 0 14px;
  --glyphmap-button-height: 36px; 
  --glyphmap-button-min-width: fit-content;
  --glyphmap-button-flex-wrap: nowrap;
  --glyphmap-button-white-space: nowrap;
}

.icon-actions-button .glyphmap-icon-svg,
.icon-actions-button svg {
  display: block;
  line-height: 1;
  flex-shrink: 0;
}

.table-actions-button {
  --glyphmap-button-font: var(--font-medium);
  --glyphmap-button-font-size: 14px;
  --glyphmap-button-padding: 0 14px;
  --glyphmap-button-height: 36px; 
  --glyphmap-button-min-width: fit-content;
  --glyphmap-button-flex-wrap: nowrap;
  --glyphmap-button-white-space: nowrap;
}

.glyphmap-button,
.glyphmap-button * {
  cursor: pointer !important;
  font: var(--font-medium) !important;
}
 
.glyphmap-home-buttons,
.glyphmap-home-buttons * {
  font: var(--font-medium) !important;
  cursor: pointer !important; 
}

@keyframes aurora-button-sweep {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ─── All site highlight buttons: black bg + aurora border ─── */

.glyphmap-highlight {
  position: relative;
  background-color: #000000 !important;
  border-color: transparent !important;
}

.glyphmap-highlight::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #9922ff, #cc22bb, #ff2299, #ff5500, #ffaa00, #ff2299, #cc22bb, #9922ff);
  background-size: 300% 300%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: aurora-button-sweep 3s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

.glyphmap-highlight::after {
  content: '';
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  padding: 5px;
  background: linear-gradient(135deg, #9922ff, #cc22bb, #ff2299, #ff5500, #ffaa00, #ff2299, #cc22bb, #9922ff);
  background-size: 300% 300%;
  filter: blur(8px);
  opacity: 0.45;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: aurora-button-sweep 3s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

/* Hover: brighter border colors */
.glyphmap-highlight.glyphmap-hover::before {
  background: linear-gradient(135deg, #bb66ff, #ee44cc, #ff44aa, #ff7722, #ffcc44, #ff44aa, #ee44cc, #bb66ff);
  background-size: 300% 300%;
  filter: brightness(1.15);
}

/* Disabled: hold the border still, no color sweep */
.glyphmap-highlight:disabled::before,
.glyphmap-highlight:disabled::after,
.glyphmap-highlight.disabled::before,
.glyphmap-highlight.disabled::after {
  animation: none;
}