/* Generated file. Source: shared/brand/styles/orders/actions.css. Do not edit directly. Run: node tools/brand/sync-shared-brand.mjs */
body.orders-public {
  --orders-material-tone: var(--orders-tone-custom-accent);
  --orders-material-line: color-mix(in srgb, var(--orders-material-tone) 52%, transparent);
  --orders-material-edge: color-mix(in srgb, var(--orders-material-tone) 44%, transparent);
  --orders-material-base: rgba(3, 7, 10, 0.78);
  --orders-material-tint: 16%;
  --orders-material-grid: color-mix(in srgb, var(--orders-material-tone) 18%, transparent);
  --orders-material-grid-opacity: 0.26;
  --orders-material-shadow: rgba(0, 0, 0, 0.36);
  --orders-material-blur: 10px;
  --orders-material-saturate: 136%;
  --orders-material-arrow-shift: 0px;
  --orders-material-active-tint: 34%;
  --orders-material-active-opacity: 0.36;
  --orders-material-dark-opacity: 0.42;
  --orders-material-glow-opacity: 0.18;
  --orders-material-shadow-opacity: 0.44;
  --orders-material-line-opacity: 0.58;
  --orders-material-core-opacity: 0.86;
}

body[data-orders-surface="home"] .orders-route-action,
body[data-orders-surface="custom-hub"] .orders-route-action,
body[data-orders-surface="home"] .orders-support-panel--lookup {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  --orders-frame-stroke: var(--orders-material-edge);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--orders-material-tone) var(--orders-material-tint), var(--orders-material-base)), var(--orders-material-base));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--orders-material-tone) 10%, transparent),
    inset 0 18px 30px color-mix(in srgb, var(--orders-material-tone) 5%, transparent),
    inset 0 -24px 42px rgba(0, 0, 0, 0.34),
    inset 1px 0 1px rgba(255, 60, 30, 0.14),
    inset -1px 0 1px rgba(30, 120, 255, 0.14),
    0 0 0 0.5px color-mix(in srgb, var(--orders-material-tone) 30%, transparent),
    0 18px 48px var(--orders-material-shadow);
  -webkit-backdrop-filter: blur(var(--orders-material-blur)) saturate(var(--orders-material-saturate));
  backdrop-filter: blur(var(--orders-material-blur)) saturate(var(--orders-material-saturate));
}

@supports not (backdrop-filter: blur(1px)) {
  body[data-orders-surface="home"] .orders-route-action,
  body[data-orders-surface="custom-hub"] .orders-route-action,
  body[data-orders-surface="home"] .orders-support-panel--lookup {
    background-color: color-mix(in srgb, var(--orders-material-tone) calc(var(--orders-material-tint) + 8%), rgba(3, 7, 10, 0.9));
  }
}

body[data-orders-surface="home"] .orders-route-action > *,
body[data-orders-surface="custom-hub"] .orders-route-action > *,
body[data-orders-surface="home"] .orders-support-panel--lookup > * {
  position: relative;
  z-index: 1;
}

body[data-orders-surface="home"] .orders-route-action::before,
body[data-orders-surface="custom-hub"] .orders-route-action::before,
body[data-orders-surface="home"] .orders-support-panel--lookup::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, transparent 0 23px, var(--orders-material-grid) 23px 24px),
    repeating-linear-gradient(90deg, transparent 0 41px, var(--orders-material-grid) 41px 42px);
  opacity: var(--orders-material-grid-opacity);
}

body[data-orders-surface="home"] .orders-route-material {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  overflow: hidden;
  color: var(--orders-material-tone);
}

body[data-orders-surface="home"] .orders-route-material__field,
body[data-orders-surface="home"] .orders-route-material__line {
  vector-effect: non-scaling-stroke;
}

body[data-orders-surface="home"] .orders-route-material__field--dark {
  fill: rgba(0, 0, 0, 0.64);
  opacity: var(--orders-material-dark-opacity);
}

body[data-orders-surface="home"] .orders-route-material__field--active {
  fill: var(--orders-material-tone);
  fill: color-mix(in srgb, var(--orders-material-tone) var(--orders-material-active-tint), transparent);
  opacity: var(--orders-material-active-opacity);
}

body[data-orders-surface="home"] .orders-route-material__line {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-orders-surface="home"] .orders-route-material__line--glow {
  stroke: currentColor;
  stroke-width: 8;
  opacity: var(--orders-material-glow-opacity);
  filter: drop-shadow(0 0 9px currentColor);
}

body[data-orders-surface="home"] .orders-route-material__line--shadow {
  stroke: rgba(0, 0, 0, 0.82);
  stroke-width: 5.5;
  opacity: var(--orders-material-shadow-opacity);
}

body[data-orders-surface="home"] .orders-route-material__line--rail {
  stroke: currentColor;
  stroke-width: 2.2;
  opacity: var(--orders-material-line-opacity);
}

body[data-orders-surface="home"] .orders-route-material__line--core {
  stroke: color-mix(in srgb, var(--orders-material-tone) 76%, var(--orders-text) 24%);
  stroke-width: 0.9;
  opacity: var(--orders-material-core-opacity);
}

body[data-orders-surface="home"] .orders-route-plane--standard {
  --orders-material-tone: var(--orders-tone-standard-accent);
  --orders-material-line: var(--orders-tone-standard-line);
  --orders-material-edge: color-mix(in srgb, var(--orders-tone-standard-accent) 54%, transparent);
  --orders-material-base: rgba(4, 7, 5, 0.8);
  --orders-material-tint: 18%;
  --orders-material-grid-opacity: 0.3;
  --orders-material-shadow: rgba(0, 0, 0, 0.34);
  --orders-material-active-tint: 46%;
  --orders-material-active-opacity: 0.5;
}

body[data-orders-surface="custom-hub"] .orders-fallback-strip-geometry {
  --orders-material-tone: var(--orders-tone-standard-accent);
  --orders-material-line: var(--orders-tone-standard-line);
  --orders-material-edge: color-mix(in srgb, var(--orders-tone-standard-accent) 54%, transparent);
  --orders-material-base: rgba(4, 7, 5, 0.8);
  --orders-material-tint: 12%;
  --orders-material-grid-opacity: 0.18;
  --orders-material-shadow: rgba(0, 0, 0, 0.34);
}

body[data-orders-surface="home"] .orders-route-plane--custom {
  --orders-material-tone: var(--orders-tone-custom-accent);
  --orders-material-line: var(--orders-tone-custom-line);
  --orders-material-edge: color-mix(in srgb, var(--orders-tone-custom-accent) 54%, transparent);
  --orders-material-base: rgba(2, 7, 12, 0.8);
  --orders-material-tint: 20%;
  --orders-material-grid-opacity: 0.3;
  --orders-material-active-tint: 44%;
  --orders-material-active-opacity: 0.52;
}

body[data-orders-surface="home"] .orders-route-plane--consult {
  --orders-material-tone: var(--orders-tone-contact-accent);
  --orders-material-line: var(--orders-tone-contact-line);
  --orders-material-edge: color-mix(in srgb, var(--orders-tone-contact-accent) 48%, transparent);
  --orders-material-base: rgba(13, 4, 4, 0.82);
  --orders-material-tint: 11%;
  --orders-material-grid-opacity: 0.22;
  --orders-material-shadow: rgba(0, 0, 0, 0.32);
  --orders-material-active-tint: 34%;
  --orders-material-active-opacity: 0.34;
  --orders-material-line-opacity: 0.52;
  --orders-material-core-opacity: 0.78;
}

body[data-orders-surface="home"] .orders-support-panel--lookup {
  --orders-material-tone: var(--orders-tone-lookup-accent);
  --orders-material-line: var(--orders-tone-lookup-line);
  --orders-material-edge: color-mix(in srgb, var(--orders-tone-lookup-accent) 38%, transparent);
  --orders-material-base: rgba(6, 8, 11, 0.82);
  --orders-material-tint: 8%;
  --orders-material-grid-opacity: 0.18;
}

body[data-orders-surface="custom-hub"] .orders-custom-panel {
  --orders-material-tone: var(--orders-tone-custom-accent);
  --orders-material-line: var(--orders-tone-custom-line);
  --orders-material-edge: color-mix(in srgb, var(--orders-tone-custom-accent) 54%, transparent);
  --orders-material-base: rgba(2, 7, 12, 0.84);
  --orders-material-tint: 14%;
  --orders-material-grid-opacity: 0.18;
  --orders-material-shadow: rgba(0, 0, 0, 0.28);
}

body[data-orders-surface="custom-hub"] .orders-custom-panel--semi {
  --orders-material-tint: 22%;
  --orders-material-edge: color-mix(in srgb, var(--orders-tone-custom-accent) 66%, transparent);
  --orders-material-grid-opacity: 0.22;
}

body[data-orders-surface="custom-hub"] .orders-custom-panel--full {
  --orders-material-tint: 15%;
  --orders-material-edge: color-mix(in srgb, var(--orders-tone-custom-accent) 46%, transparent);
}

body[data-orders-surface="custom-hub"] .orders-custom-panel--blind {
  --orders-material-tint: 11%;
  --orders-material-edge: color-mix(in srgb, var(--orders-tone-custom-accent) 34%, transparent);
  --orders-material-grid-opacity: 0.14;
}

body[data-orders-surface="home"] .orders-route-action .orders-plane-arrow,
body[data-orders-surface="custom-hub"] .orders-route-action .orders-geometry-link-arrow,
body[data-orders-surface="home"] .orders-support-inline .orders-geometry-link-arrow {
  transform: translateX(var(--orders-material-arrow-shift));
  color: color-mix(in srgb, var(--orders-material-tone) 78%, var(--orders-text) 22%);
  text-shadow: 0 0 12px color-mix(in srgb, var(--orders-material-tone) 22%, transparent);
}

body[data-orders-surface="custom-hub"] .orders-route-action .orders-custom-panel-note,
body[data-orders-surface="custom-hub"] .orders-route-action .orders-fallback-link-geometry {
  background: transparent;
  backdrop-filter: none;
}

body[data-orders-surface="home"] .orders-route-action .orders-plane-meta,
body[data-orders-surface="custom-hub"] .orders-route-action .orders-custom-panel-note {
  border-top-color: color-mix(in srgb, var(--orders-material-line) 64%, transparent);
}

body[data-orders-surface="custom-hub"] .orders-route-action .orders-custom-panel-note {
  border-top: 1px solid color-mix(in srgb, var(--orders-material-line) 64%, transparent);
}

body[data-orders-surface="home"] .orders-support-mark {
  border: 1px solid color-mix(in srgb, var(--orders-material-line) 70%, transparent);
  background:
    radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--orders-material-tone) 16%, transparent), transparent 62%),
    color-mix(in srgb, var(--orders-material-tone) 8%, rgba(5, 7, 10, 0.76));
  box-shadow:
    inset 0 0 16px color-mix(in srgb, var(--orders-material-tone) 13%, transparent),
    inset 0 -10px 18px rgba(0, 0, 0, 0.3);
}

body[data-orders-surface="custom-hub"] .orders-custom-panel--semi .orders-custom-badge {
  position: absolute;
  top: max(14px, calc(var(--orders-geom-content-inset) - 4px));
  right: max(14px, calc(var(--orders-geom-content-inset) - 4px));
  z-index: 2;
  min-width: 52px;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--orders-tone-custom-accent) 58%, transparent);
  background: color-mix(in srgb, var(--orders-tone-custom-accent) 16%, rgba(2, 8, 13, 0.72));
  box-shadow: inset 0 0 12px color-mix(in srgb, var(--orders-tone-custom-accent) 12%, transparent);
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body[data-orders-surface="home"] .orders-route-action,
  body[data-orders-surface="custom-hub"] .orders-route-action,
  body[data-orders-surface="home"] .orders-support-panel--lookup,
  body[data-orders-surface="home"] .orders-route-action::before,
  body[data-orders-surface="custom-hub"] .orders-route-action::before,
  body[data-orders-surface="home"] .orders-support-panel--lookup::before,
  body[data-orders-surface="home"] .orders-route-material__field,
  body[data-orders-surface="home"] .orders-route-material__line,
  body[data-orders-surface="home"] .orders-route-action .orders-plane-arrow,
  body[data-orders-surface="custom-hub"] .orders-route-action .orders-geometry-link-arrow,
  body[data-orders-surface="home"] .orders-support-inline .orders-geometry-link-arrow {
    transition:
      transform 180ms ease,
      opacity 180ms ease,
      border-color 180ms ease,
      color 180ms ease,
      filter 500ms ease,
      stroke-width 500ms ease;
  }

  body[data-orders-surface="home"] .orders-route-action:hover,
  body[data-orders-surface="home"] .orders-route-action:focus-visible,
  body[data-orders-surface="custom-hub"] .orders-route-action:hover,
  body[data-orders-surface="custom-hub"] .orders-route-action:focus-visible,
  body[data-orders-surface="home"] .orders-support-panel--lookup:hover,
  body[data-orders-surface="home"] .orders-support-panel--lookup:focus-visible {
    --orders-frame-stroke: color-mix(in srgb, var(--orders-material-tone) 68%, transparent);
    --orders-material-grid-opacity: 0.34;
    --orders-material-active-opacity: 0.56;
    --orders-material-line-opacity: 0.74;
    --orders-material-core-opacity: 0.96;
    --orders-material-glow-opacity: 0.24;
    --orders-material-arrow-shift: 5px;
    transform: translateY(-1px);
    box-shadow:
      inset 0 0 0 1px color-mix(in srgb, var(--orders-material-tone) 18%, transparent),
      inset 0 20px 34px color-mix(in srgb, var(--orders-material-tone) 7%, transparent),
      inset 0 -25px 42px rgba(0, 0, 0, 0.36),
      inset 1px 0 1px rgba(255, 60, 30, 0.24),
      inset -1px 0 1px rgba(30, 120, 255, 0.24),
      0 22px 54px var(--orders-material-shadow);
  }

  body[data-orders-surface="home"] .orders-route-action:hover .orders-route-material__line--core,
  body[data-orders-surface="home"] .orders-route-action:focus-visible .orders-route-material__line--core {
    filter:
      drop-shadow(1.5px 0 1px rgba(255, 60, 30, 0.18))
      drop-shadow(-1.5px 0 1px rgba(30, 120, 255, 0.18))
      drop-shadow(0 0 4px currentColor);
  }

  body[data-orders-surface="home"] .orders-route-action:hover .orders-route-material__line--glow,
  body[data-orders-surface="home"] .orders-route-action:focus-visible .orders-route-material__line--glow {
    filter: drop-shadow(-2px 0 10px currentColor);
  }

  body[data-orders-surface="home"] .orders-route-action:hover .orders-route-material__line--rail,
  body[data-orders-surface="home"] .orders-route-action:focus-visible .orders-route-material__line--rail {
    stroke-width: 2.8;
  }
}

@media (max-width: 960px) {
  body[data-orders-surface="home"] .orders-route-plane--standard,
  body[data-orders-surface="home"] .orders-route-plane--custom {
    --orders-material-active-opacity: 0.44;
  }

  body[data-orders-surface="home"] .orders-route-plane--custom {
    --orders-material-active-opacity: 0.48;
  }

  body[data-orders-surface="home"] .orders-route-plane--consult {
    --orders-material-active-opacity: 0.28;
  }

  body[data-orders-surface="custom-hub"] .orders-custom-panel {
    --orders-material-grid-opacity: 0.12;
  }

  body[data-orders-surface="custom-hub"] .orders-custom-panel--semi {
    --orders-material-grid-opacity: 0.16;
  }
}

@media (max-width: 720px) {
  body[data-orders-surface="home"] .orders-cut-shell::after,
  body[data-orders-surface="custom-hub"] .orders-cut-shell::after {
    box-shadow:
      inset 0 18px 30px color-mix(in srgb, var(--orders-material-tone) 5%, transparent),
      inset 0 -24px 42px rgba(0, 0, 0, 0.34),
      inset 1px 0 1px rgba(255, 60, 30, 0.14),
      inset -1px 0 1px rgba(30, 120, 255, 0.14),
      0 0 0 0.5px color-mix(in srgb, var(--orders-material-tone) 30%, transparent),
      0 18px 48px var(--orders-material-shadow);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-orders-surface="home"] .orders-route-action,
  body[data-orders-surface="custom-hub"] .orders-route-action,
  body[data-orders-surface="home"] .orders-support-panel--lookup,
  body[data-orders-surface="home"] .orders-route-action::before,
  body[data-orders-surface="custom-hub"] .orders-route-action::before,
  body[data-orders-surface="home"] .orders-support-panel--lookup::before,
  body[data-orders-surface="home"] .orders-route-material__field,
  body[data-orders-surface="home"] .orders-route-material__line,
  body[data-orders-surface="home"] .orders-route-action .orders-plane-arrow,
  body[data-orders-surface="custom-hub"] .orders-route-action .orders-geometry-link-arrow,
  body[data-orders-surface="home"] .orders-support-inline .orders-geometry-link-arrow {
    transition: none !important;
    transform: none !important;
  }

  body[data-orders-surface="home"] .orders-route-action:hover .orders-route-material__line--core,
  body[data-orders-surface="home"] .orders-route-action:focus-visible .orders-route-material__line--core,
  body[data-orders-surface="home"] .orders-route-action:hover .orders-route-material__line--glow,
  body[data-orders-surface="home"] .orders-route-action:focus-visible .orders-route-material__line--glow,
  body[data-orders-surface="home"] .orders-route-action:hover .orders-route-material__line--rail,
  body[data-orders-surface="home"] .orders-route-action:focus-visible .orders-route-material__line--rail {
    filter: none !important;
    stroke-width: initial !important;
  }
}