/* Integration reference, not yet applied to the published preview.
   Load after modern.css. Add ms-glass to every mapped PRIMARY action.
   Use a fixed dark underlay so contrast does not depend on the background image. */
:root {
  --ms-glass-base: #172b3c;
  --ms-glass-text: #eaf1fb;
  --ms-glass-line: rgba(94,234,212,.64);
  --ms-glass-shadow: 0 7px 22px rgba(0,0,0,.18);
}
body :is(a,button).ms-glass {
  color: var(--ms-glass-text);
  background-color: var(--ms-glass-base);
  background-image: linear-gradient(150deg,rgba(153,246,228,.14),rgba(94,234,212,.035) 62%,rgba(94,234,212,.08));
  border: 1px solid var(--ms-glass-line);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(234,241,251,.23),inset 0 -1px 0 rgba(94,234,212,.08),var(--ms-glass-shadow);
  min-height: 48px;
  padding: 12px 22px;
  font: 600 .9375rem/1.4 var(--sans,system-ui,sans-serif);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  isolation: isolate;
}
body :is(a,button).ms-glass:not(:disabled):not([aria-disabled="true"]):hover {
  color: var(--ms-glass-text);
  border-color: #99f6e4;
  background-color: #1a3040;
  box-shadow: inset 0 1px 0 rgba(234,241,251,.3),0 8px 24px rgba(0,0,0,.22);
}
body :is(a,button).ms-glass:focus-visible {
  outline: 3px solid #99f6e4;
  outline-offset: 4px;
}
body :is(a,button).ms-glass:active {background-color:#142536;}
body :is(a,button).ms-glass:is(:disabled,[aria-disabled="true"]) {
  opacity: .65;
  cursor: not-allowed;
  box-shadow: none;
}
body :is(a,button).ms-glass[aria-busy="true"] {cursor:progress;}
@supports (backdrop-filter:blur(10px)) {
  body :is(a,button).ms-glass {backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
}
@media(prefers-reduced-motion:no-preference) {
  body :is(a,button).ms-glass {transition:background-color 160ms,border-color 160ms,box-shadow 160ms;}
}
@media(prefers-reduced-motion:reduce) {
  body :is(a,button).ms-glass {transition:none;}
}
@media(forced-colors:active) {
  body :is(a,button).ms-glass {background:ButtonFace;color:ButtonText;border:2px solid ButtonText;box-shadow:none;backdrop-filter:none;}
}