/* 2.6.1 / 4.2.1: fine feedback without moving the business controls. */
@media screen{
 :root{--tx-motion-ease:cubic-bezier(.2,.7,.25,1)}
 .tx-page-pending .topbar{background-image:linear-gradient(90deg,#315dc590,#315dc590);background-position:left bottom;background-repeat:no-repeat;background-size:18% 2px;animation:tx-page-wait 1.15s ease-in-out infinite}
 #content[aria-busy=true]{cursor:progress}
 #content>.page-heading,#content>.dashboard-heading{animation:none}
 .card,.panel,.metric,.stock-card,.quick-card{transition:border-color .18s,box-shadow .18s}
 tbody tr{transition:background-color .14s}
 .chip,.manager-tabs button,.finance-tabs button,.mobile-bottom button,.tabs button{transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s}
 .tx-has-icon>.tx-lucide{transition:color .16s}
 #closeModal,.tx-support-head [data-tx-support-close]{display:grid;place-items:center;padding:0;gap:0;line-height:1;overflow:hidden}
 #closeModal .tx-lucide,.tx-support-head [data-tx-support-close] .tx-lucide{width:19px;height:19px;min-width:19px}
 .v2-discard{border-radius:0;background:#fff8ef}.v2-discard p{line-height:1.65}
 .v2-more[open] .v2-more-items{animation:tx-menu-appear .14s var(--tx-motion-ease);transform-origin:top right}
 .v2-more summary{transition:background-color .14s,border-color .14s}
 .tx-support-dialog[open]:not(.v2-special-animated){animation:tx-menu-appear .18s var(--tx-motion-ease)}
 .tx-support-fab .tx-lucide{width:18px;height:18px}
 .tx-support-fab [aria-hidden=true]:not(svg){display:none}
 .admin-sidebar,.admin-wrap{transition:width .22s var(--tx-motion-ease),margin-left .22s var(--tx-motion-ease)}
 #toast.visible{animation:tx-menu-appear .16s var(--tx-motion-ease)}
 .metric strong,.metric-txt strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .card-head>h2,.card-head>div,.page-heading>div,.manager-head>div{min-width:0}
 .tx-trend-legend button:disabled{cursor:default;opacity:1}
 @keyframes tx-page-wait{0%{background-size:12% 2px}50%{background-size:72% 2px}100%{background-size:100% 2px}}
 @keyframes tx-menu-appear{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
 @media(max-width:760px){
  .sidebar{display:flex!important;visibility:hidden;transform:translateX(-104%);transition:transform .22s var(--tx-motion-ease),visibility 0s .22s;box-shadow:none}
  .sidebar.open{display:flex!important;visibility:visible;transform:translateX(0);transition:transform .22s var(--tx-motion-ease),visibility 0s;box-shadow:10px 0 36px #1f2d4620;animation:none!important}
  .mobile-menu-backdrop{display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,visibility 0s .18s}
  .mobile-navigation-open .mobile-menu-backdrop{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .18s,visibility 0s}
  .mobile-bottom button{min-height:46px}
  body:has(#mobileBottom:not(.hidden)) button.tx-support-fab{bottom:calc(88px + env(safe-area-inset-bottom));z-index:45}
  body.mobile-navigation-open button.tx-support-fab,body.nav-open button.tx-support-fab{visibility:hidden;pointer-events:none}
  .tx-support-head{gap:12px}.tx-support-head>div{min-width:0}.tx-support-head h2{overflow-wrap:anywhere}
  .tx-chart-tooltip div{gap:12px}
 }
 @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sidebar:not(.open){visibility:hidden}.tx-page-pending .topbar{background-size:100% 2px}}
}