/* Desktop business pages: restrained motion on the verified production layout.
 * No DOM rewriting, invented intermediate values, new dependency or mobile change.
 * Keep entrance animation on opacity only: transformed ancestors can change
 * positioning of menus, sticky headers and fixed controls inside these pages.
 */
@media (min-width: 761px) and (prefers-reduced-motion: no-preference) {
  .u6-shell:not(.approved-home-shell) .standard-page > * {
    animation: xej-business-enter 220ms ease-out 1;
  }

  .u6-shell:not(.approved-home-shell) .standard-page :where(
    .kpi, .metric-strip, .metric-cell, .receipt-kpi,
    .sw2-kpi, .sv-kpi, .cc-live-trend-stat,
    .card, .panel, .cc-panel, .ranking-approved-panel
  ) {
    transition: border-color 160ms ease, box-shadow 160ms ease;
  }

  .u6-shell:not(.approved-home-shell) .standard-page :where(
    button, a[href], select, input, textarea,
    .ant-btn, .ant-select-selector, .ant-input-affix-wrapper,
    .data-table tbody tr, .ant-table-tbody > tr > td
  ) {
    transition: color 150ms ease, background-color 150ms ease,
      border-color 150ms ease, box-shadow 150ms ease;
  }
}

/* Pointer-only feedback never leaves a simulated hover on touch screens.
 * Static metric cards stay in place. Only actual buttons receive press feedback.
 */
@media (min-width: 761px) and (hover: hover) and (pointer: fine) {
  .u6-shell:not(.approved-home-shell) .standard-page :where(
    .kpi, .metric-strip, .receipt-kpi, .sw2-kpi, .sv-kpi
  ):hover {
    border-color: #d9cbed;
    box-shadow: 0 4px 12px rgba(83, 55, 128, .055);
  }

  .u6-shell:not(.approved-home-shell) .standard-page :where(
    .data-table tbody tr, .rank-row, .cc-focus-row
  ):hover {
    background-color: #faf8fd;
  }

  .u6-shell:not(.approved-home-shell) .standard-page :where(
    button:not(:disabled):not([aria-disabled="true"]), a[href]
  ):active {
    filter: brightness(.96);
  }
}

@media (min-width: 761px) {
  .u6-shell:not(.approved-home-shell) .standard-page :where(
    button, a[href], input, select, textarea, [tabindex="0"]
  ):focus-visible {
    outline: 2px solid #9e77ed;
    outline-offset: 3px;
  }
}

@media (min-width: 761px) and (prefers-reduced-motion: reduce) {
  .u6-shell:not(.approved-home-shell) .standard-page,
  .u6-shell:not(.approved-home-shell) .standard-page *,
  .u6-shell:not(.approved-home-shell) .standard-page *::before,
  .u6-shell:not(.approved-home-shell) .standard-page *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

@keyframes xej-business-enter {
  from { opacity: .68; }
  to { opacity: 1; }
}