/* Native interactions supplement the preserved design stylesheet. */
[hidden] { display: none !important; }
button, [role="radio"] { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
[data-hover] { transition: transform .2s ease; }
[data-hover-shadow] { transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease; }
@media (hover: hover) {
  [data-hover]:hover { transform: var(--hover-transform, none); }
  [data-hover-shadow]:hover { box-shadow: var(--hover-shadow) !important; }
}
header [data-hover]:active { transform: scale(.95); }
[data-card-hover]:hover { background: var(--card-hover-bg, #f1f5f9) !important; }
[data-status-card]:hover { border-color: var(--card-hover-border) !important; box-shadow: var(--card-hover-shadow) !important; }
[data-workflow-nav][data-active="false"]:hover { background: rgba(255,255,255,.06) !important; }
[data-workflow-nav][data-active="false"]:hover > svg { color: #93c5fd !important; }
[data-workflow-nav][data-active="false"]:hover > span { color: #e2e8f0 !important; }
[data-chart-amount] { position: relative; }
[data-chart-amount]::before { content: attr(data-tooltip); position: absolute; top: 0; font-size: 7.5px; font-weight: 700; color: white; background: #2563eb; border-radius: 4px; padding: 2px 5px; white-space: nowrap; opacity: 0; transform: translateY(3px); transition: opacity .15s ease, transform .15s ease; }
[data-chart-amount]:hover::before { opacity: 1; transform: translateY(0); }
[data-chart-amount]:hover > div:nth-child(2) > div { background: linear-gradient(to top,#1d4ed8,#818cf8) !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}