/* Generated file. Source: shared/brand/styles/orders/etching.css. Do not edit directly. Run: node tools/brand/sync-shared-brand.mjs */
/* Holographic panel ID labels — shared positioning + colors */
body[data-orders-surface="home"] .orders-holo-id,
body[data-orders-surface="custom-hub"] .orders-holo-id {
  position: absolute;
  top: 12px;
  right: 16px;
  font-family: var(--font-mono) !important;
  font-size: 9px;
  letter-spacing: 0.08em;
  pointer-events: none;
  opacity: 0.35;
}

/* Color per route plane */
body[data-orders-surface="home"] .orders-route-plane--standard .orders-holo-id,
body[data-orders-surface="custom-hub"] .orders-fallback-strip-geometry .orders-holo-id {
  color: var(--orders-tone-standard-bright);
}

body[data-orders-surface="home"] .orders-route-plane--custom .orders-holo-id,
body[data-orders-surface="custom-hub"] .orders-custom-panel--semi .orders-holo-id,
body[data-orders-surface="custom-hub"] .orders-custom-panel--full .orders-holo-id,
body[data-orders-surface="custom-hub"] .orders-custom-panel--blind .orders-holo-id {
  color: var(--orders-tone-custom-bright);
}

body[data-orders-surface="home"] .orders-route-plane--consult .orders-holo-id {
  color: var(--orders-tone-contact-bright);
}

body[data-orders-surface="home"] .orders-support-panel--lookup .orders-holo-id {
  color: var(--orders-tone-lookup-accent);
}

/* cs-detail surface Holo ID labels */
body[data-orders-surface="cs-detail"] .orders-image-zone,
body[data-orders-surface="cs-detail"] .orders-form-shell,
body[data-orders-surface="cs-detail"] .orders-explanation-card,
body[data-orders-surface="cs-detail"] .orders-component-breakdown,
body[data-orders-surface="cs-detail"] .orders-submit-cta {
  position: relative;
}

body[data-orders-surface="cs-detail"] .orders-holo-id {
  position: absolute;
  top: 12px;
  right: 16px;
  font-family: var(--font-mono) !important;
  font-size: 9px;
  letter-spacing: 0.08em;
  pointer-events: none;
  opacity: 0.3;
  z-index: 2;
}

body[data-orders-surface="cs-detail"] .orders-holo-id::before {
  content: "ID:" attr(data-orders-holo);
}

body[data-orders-surface="cs-detail"] [data-orders-route-key="std"] .orders-holo-id {
  color: var(--orders-tone-standard-bright);
}

body[data-orders-surface="cs-detail"] [data-orders-route-key="cs_semi"] .orders-holo-id,
body[data-orders-surface="cs-detail"] [data-orders-route-key="cs_full"] .orders-holo-id,
body[data-orders-surface="cs-detail"] [data-orders-route-key="cs_blindbox"] .orders-holo-id {
  color: var(--orders-tone-custom-bright);
}

body[data-orders-surface="cs-detail"] .orders-holo-id {
  color: var(--orders-tone-custom-bright);
}

@media (max-width: 720px) {
  body[data-orders-surface="cs-detail"] .orders-holo-id {
    top: 10px;
    right: 12px;
    font-size: 8px;
  }
}