.order-availability{border:1px solid var(--border);background:var(--card2);min-height:48px;color:var(--text-muted);border-radius:10px;margin-top:14px;padding:12px 14px;transition:color .2s,border-color .2s,background-color .2s}.order-availability-content{align-items:center;gap:9px;font-size:12px;line-height:1.8;animation:.2s both orderAvailabilityIn;display:flex}.order-availability-content svg{flex:none}.order-availability--available{color:var(--neon);border-color:color-mix(in srgb, var(--neon) 30%, var(--border));background:color-mix(in srgb, var(--neon) 7%, var(--dark2))}.order-availability--paused{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 28%, var(--border));background:color-mix(in srgb, var(--gold) 6%, var(--dark2))}.order-availability--full,.order-availability--error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 32%, var(--border));background:color-mix(in srgb, var(--danger) 7%, var(--dark2))}.order-availability--checking svg{animation:1s linear infinite orderCapacitySpin}@keyframes orderAvailabilityIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes orderCapacitySpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.order-availability,.order-availability-content,.order-availability--checking svg{transition:none;animation:none}}