/* ═══════════════════════════════════════════════════════════════════════════
   VISUAL / MOTION CONSISTENCY + HARDENING
   Final interaction-layer polish: shared transitions, stronger disabled/current
   treatments, modal isolation styling, and reduced-motion fallbacks.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {}


:where(
  .topbar-brand,
  .topbar-title-control,
  .topbar-wordcount,
  .tb-style-select,
  .header-action-btn,
  .dropdown-item,
  .btn,
  .ui-close,
  .ui-action-btn,
  .ui-choice-btn,
  .ui-chip,
  .ui-option-btn,
  .sp-item,
  .sp-subnav-btn,
  .sp-entity-btn,
  .sp-action-btn,
  .sp-list-row,
  .outline-action-btn,
  .find-opt-check,
  .microsoft-cloud-list-row,
  .citation-list-item,
  .hcp-swatch,
  .hcp-remove,
  .find-nav-btn,
  .files-manage-action,
  .note-edit-btn,
  .sidebar-drag-handle,
  .citation-ref,
  .ProseMirror a[href],
  .files-doc-card,
  .navigate-result-btn,
  .workspace-team-card,
  .outline-row .outline-entry,
  .modal-overlay,
  .modal
) {
  transition:
    background var(--motion-duration-interactive) var(--motion-ease-standard),
    color var(--motion-duration-interactive) var(--motion-ease-standard),
    border-color var(--motion-duration-interactive) var(--motion-ease-standard),
    box-shadow var(--motion-duration-interactive) var(--motion-ease-standard),
    opacity var(--motion-duration-interactive) var(--motion-ease-standard),
    transform var(--motion-duration-emphasized) var(--motion-ease-standard),
    filter var(--motion-duration-interactive) var(--motion-ease-standard);
}

:where(
  .dropdown-item.is-active,
  .dropdown-item[aria-pressed='true'],
  .ui-choice-btn.is-active,
  .ui-choice-btn[aria-pressed='true'],
  .ui-choice-btn[aria-selected='true'],
  .ui-chip.is-active,
  .ui-chip[aria-pressed='true'],
  .ui-option-btn.is-active,
  .ui-option-btn[aria-pressed='true'],
  .ui-option-btn[aria-selected='true'],
  .sp-subnav-btn.is-active,
  .sp-subnav-btn[aria-selected='true'],
  .header-action-btn.is-active,
  .header-action-btn[aria-pressed='true'],
  .sp-list-row.is-active,
  .sp-list-row[aria-selected='true'],
  .files-doc-card.is-active,
  .navigate-result-btn.is-active,
  .workspace-team-card.is-active,
  .outline-row.is-active .outline-entry
) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--control-selected-border, var(--interactive-current-border)) 72%, transparent);
}

:where(
  .btn,
  .ui-close,
  .ui-action-btn,
  .ui-choice-btn,
  .ui-chip,
  .ui-option-btn,
  .sp-item,
  .sp-subnav-btn,
  .sp-entity-btn,
  .sp-action-btn,
  .sp-list-row,
  .outline-action-btn,
  .find-opt-check,
  .microsoft-cloud-list-row,
  .citation-list-item,
  .find-nav-btn,
  .files-manage-action,
  .note-edit-btn,
  .sidebar-drag-handle,
  .dropdown-item
):is(:disabled, [disabled], [aria-disabled='true']) {
  opacity: var(--interaction-disabled-opacity);
  cursor: not-allowed;
  transform: none !important;
  filter: none !important;
}

:where(
  .btn,
  .ui-close,
  .ui-action-btn,
  .ui-choice-btn,
  .ui-chip,
  .ui-option-btn,
  .sp-item,
  .sp-subnav-btn,
  .sp-entity-btn,
  .sp-action-btn,
  .sp-list-row,
  .outline-action-btn,
  .find-opt-check,
  .microsoft-cloud-list-row,
  .citation-list-item,
  .find-nav-btn,
  .files-manage-action,
  .note-edit-btn,
  .sidebar-drag-handle,
  .dropdown-item
):is(:disabled, [disabled], [aria-disabled='true']):focus-visible {
  box-shadow: none;
}

body[data-modal-open='true'] {
  overscroll-behavior: contain;
}

body[data-modal-open='true'] #app {
  pointer-events: none;
  user-select: none;
}

body[data-modal-open='true'] .modal-overlay.is-open,
body[data-modal-open='true'] .modal-overlay.is-open * {
  pointer-events: auto;
}

@media (max-width: 767px) {
  #sidebar {
    transition: transform var(--motion-duration-sheet) var(--motion-ease-decelerate), height var(--motion-duration-sheet) var(--motion-ease-decelerate) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  :where(
    .topbar-brand,
    .topbar-title-control,
    .topbar-wordcount,
    .tb-style-select,
    .header-action-btn,
    .dropdown-item,
    .btn,
    .ui-close,
    .ui-action-btn,
    .ui-choice-btn,
    .ui-chip,
    .ui-option-btn,
    .sp-item,
    .sp-subnav-btn,
    .sp-entity-btn,
    .sp-action-btn,
    .sp-list-row,
    .outline-action-btn,
    .find-opt-check,
    .microsoft-cloud-list-row,
    .citation-list-item,
    .hcp-swatch,
    .hcp-remove,
    .find-nav-btn,
    .files-manage-action,
    .note-edit-btn,
    .sidebar-drag-handle,
    .citation-ref,
    .ProseMirror a[href],
    .files-doc-card,
    .navigate-result-btn,
    .workspace-team-card,
    .outline-row .outline-entry,
    .modal-overlay,
    .modal,
    #sidebar
  ) {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .btn--primary:hover,
  .btn--primary.is-hovered,
  .header-action-btn.is-pressing,
  .header-action-btn:hover,
  .header-action-btn.is-hovered,
  .sidebar-drag-handle.is-dragging,
  .sidebar-drag-handle.is-pressing {
    transform: none !important;
  }

  .sidebar-drag-handle::before,
  .btn--primary,
  .btn--secondary,
  .btn--ghost,
  .btn--danger {
    transition-duration: 1ms !important;
  }
}