/* Page overrides that must keep beating static/css/wip/primitives.css.
   primitives.css is @layer components, so it would otherwise win over
   these legacy rules whatever their specificity. Each rule here is copied
   from app.css, marketing.css or motion.css. The originals stay until the
   page that owns them is rebuilt. */
@layer page {
  .sd-id .btn {
    flex-shrink: 0;
    min-height: 28px;
    padding: 0 var(--space-2);
    font-size: var(--text-xs);
  }
  .market-card.is-soon .pill {
    color: var(--ink-3);
  }
  #fire-panel-form .fire-panel-actions .btn {
    flex: none;
    width: 100%;
    min-width: 0;
    transform: none;
  }
  #fire-panel-form .fire-panel-actions.is-sending .btn {
    opacity: .5;
    cursor: progress;
    pointer-events: none;
  }
  #order-preview-modal .fp-confirm-actions .btn {
    min-height: var(--control-lg);
  }
  .journal-equity-card .panel-body {
    padding: var(--space-4) var(--space-5) var(--space-4);
  }
  .journal-report-card .panel-body {
    padding: var(--space-4) var(--space-4) var(--space-3);
  }
  .auth-shell .form-actions .btn {
    width: 100%;
    min-height: var(--control-lg);
    font-size: var(--text-md);
  }
  .fill .tag {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--buy);
    opacity: 0;
    animation: tag-in 3.2s var(--ease-out) infinite;
    animation-delay: var(--fill-delay, 0s);
  }
  @media (max-width: 640px) {
    .acct-page .acct-form-actions .btn {
      flex: 1 1 auto;
    }
  }
  @media (pointer: coarse) {
    .sd-head-actions .btn,
    .sd-card-head .btn,
    .sd-id .btn {
      min-height: 44px;
    }
    .jr-page .page-actions .btn,
    .jr-filter-actions .btn,
    .jr-form-actions .btn,
    .journal-form-actions .btn,
    .journal-playbook-actions .btn,
    .journal-calendar-nav .btn,
    .journal-sync .btn {
      min-height: var(--control-lg);
    }
    .acct-page .acct-save .btn,
    .acct-page .acct-form-actions .btn,
    .acct-security .security-row-action .btn,
    .acct-settings .team-member-row-actions .btn {
      min-height: 44px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .fill .tag {
      opacity: 1;
    }
  }
}